/* General CSS */
* {margin: 0;padding: 0;box-shadow: border-box;}
.container {width: 970px;max-width: 100%;}h1, h2, h3, h4, h5 {font-family: 'Open Sans', sans-serif !important;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: unset !important;outline-offset: unset !important;}
header.is-open .header-top {display: block;}

/* Header */
.header-delivery-sec {background: #55c4df;color: white;height: 40px;padding: 5px 0px;display: flex;justify-content: center;}
.header-nav1 {background: #fff !important;box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.2) !important;color: #999;}.nav1-wrap {display: flex;align-items: center;padding: 0;position: relative;justify-content: flex-end;}
#header .header-nav #_desktop_contact_link #contact-link, .sitemap {margin: 0;}#header .header-nav .language-selector, #header .header-nav .user-info {margin: 0;}
.nav1-wrap a,.nav1-wrap img {display: block;font-weight: bold;padding: 8px 10px 11px 10px;cursor: pointer;line-height: 18px;}
#header .header-nav #_desktop_contact_link {display: flex;position: absolute;left: 0;border: unset;}
#header .header-nav #_desktop_contact_link #contact-link, .sitemap {display: flex;align-items: center;}#header .header-nav #_desktop_contact_link #contact-link, .sitemap a {padding: 0 !important;border: unset !important;gap: 5px;}
div#contact-link a {padding: 0;}.nav1-wrap > div {border-right: 1px solid #ccc;}div#contact-link a {border: unset !important;}body #header .header-nav {max-height: unset !important;}
#header .header-top ul li a {text-transform: capitalize !important;color: black !important;font-weight: 400;}#header .header-top {padding: 10px 0;}
.header-nav2 div#_desktop_logo img {min-width: 350px;}.header-nav2 {margin-top: .5em;}.header-nav2 .container .row > div {width: unset !important;padding: 0 !important;}.header-nav2 .container .row {
display: flex;align-items: center;justify-content: space-between;}.header-nav2 .container .row::after {display: none;}.header-nav2 .container .row .hidden-sm-down.col-md-3.text-right {display: flex;align-items: center;}

/* Footer */
footer#footer {background: #55c4df !important;color: rgba(255, 255, 255, 0.7) !important;border-top: 5px solid #4cb0c8 !important;}
.footer-container {padding: 0;}.footer-container .row:has(.footer-brands-wrap) img {width: 100%;}.footer-container .container {width: 100%;}.footer-container .row:has(.footer-brands-wrap) {background: #607d8b;
text-align: center;padding: 15px;display: flex;justify-content: center;}.footer-container .row:has(.footer-brands-wrap) p.text-sm-center.footer-brands-wrap {margin: 0;}
.footer-container .row:has(.footer-brands-wrap) .col-md-12 {max-width: 970px;}.footer-container .row:has(.links) {display: flex;justify-content: center;width: 970px;margin: 0 auto 30px;justify-content: space-between;min-height: 327px;}
.footer-container .row:has(.links)::after {display: none;}.footer-container .row:has(.links) .block-contact.col-md-3.links.wrapper {max-width: 330px;min-width: 330px;border-left: 1px solid rgba(255, 255, 255, 0.4);margin-top: 45px;}
div#contact-infos br {display: none;}.footer-container .row:has(.links) .links .row {display: flex;}.footer-container .row:has(.links) .links {margin-top: 45px;}
p.h3,p.h4  {font: 600 18px / 22px "Open Sans", sans-serif;color: white !important;margin: 0 0 13px 0;text-transform: capitalize !important;font-family: 'Open Sans', sans-serif !important;font-weight: 400;}
.footer-container .row:has(.links) .links .row ul li a {font-weight: normal;text-shadow: none;color: white;font-family: 'Manrope';}
div#contact-infos,div#contact-infos a {color: white;display: inline-grid;margin: 4px 0;}

/* Homepage */
#ybc-mnf-block {margin: 30px 0;}.page-index .category-list ul {--auto-grid-min-size: 12rem;display: grid;grid-gap: 30px;grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));}
.page-index .category-list ul img.replace-2x {width: 100%;height: 250px;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid black;object-fit: contain;aspect-ratio: 1;}
.page-index .category-list ul a {display: inline-block;background: white;padding: 15px;box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.2);border-radius: 7px;}
.category-list h2 {margin-bottom: 20px;}.page-index .category-list ul a label {margin: 0;text-align: center;width: 100%;}
.page-index div#custom-text {padding: 20px;}.page-index div#custom-text h2 {font-size: 24px;font-weight: 600;text-transform: capitalize;text-align: left;}.page-index div#custom-text p {text-align: left;font-size: 14px;line-height: normal;}
.category-list .container {padding: 0;}.page-index div#custom-text h1 {text-align: left;}

/* Listing page */
#search_filters, #search_filters_brands, #search_filters_suppliers {padding: 15px;}
.products-display-mode button {background: #24b9d7 !important;border-radius: 0;display: flex;justify-content: center;align-items: center;font-size: 0;width: 40px;height: 40px;}
.products-display-mode {display: flex;justify-content: flex-end;margin: 20px 0;gap: 10px;}.products-display-mode button i {color: white;}
div#js-product-list .product-listing-view-grid article.product-miniature {width: 100%;}
div#js-product-list .product-listing-view-list {display: grid;grid-template-columns: repeat(1,1fr);}div#js-product-list .product-listing-view-list .js-product {width: 100%;float: unset;}
div#js-product-list .product-listing-view-list .js-product .thumbnail-container {flex: unset;margin: 0;display: flex;align-items: center;}
div#js-product-list .product-listing-view-list .js-product article.product-miniature {width: 100%;display: flex;flex-direction: column-reverse;}
div#js-product-list .product-listing-view-list .js-product .thumbnail-container img {padding: 10px;aspect-ratio: 1;}
div#left-column > section >  a {display: inline-block;margin-bottom: 30px;background: #55c4df;width: 100%;text-align: center;padding: 10px;color: white;text-transform: capitalize;font-weight: 600;}
div#js-product-list-header .block-category.card.card-block {min-height: unset;padding: 1.25rem;}
div#js-product-list-header .block-category.card.card-block h1 {margin: 0;}

/* Product Single page */
.product-variants {display: none;}.tabs {margin-top: 20px;padding: 15px;}table {width: 100% !important;max-width: 100%;border-collapse: collapse;margin: 20px auto 0;background: #fff;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);border-radius: 8px;overflow: hidden;font-family: Arial, sans-serif;}table td {padding: 12px 16px;border-bottom: 1px solid #e0e0e0;font-size: 14px;color: #444;}
table tr:last-child td {border-bottom: none;}table td:first-child {font-weight: 600;color: #222;width: 65%;}table td:last-child {text-align: right;color: #555;}
section.featured-products h2 {margin-bottom: 25px;}ul.slick-dots {display: flex;justify-content: center;margin: 20px auto;gap: 10px;}ul.slick-dots li {width: 12px;height: 12px;display: flex;}
ul.slick-dots li button {background: transparent;border: 1px solid #55c4df;box-shadow: unset;font-size: 0;padding: 0;width: 12px;height: 12px;border-radius: 100px;}
ul.slick-dots li.slick-active button {background: #55c4df;border: unset;}.product-listing-view-grid .product-miniature {width: 25%; /* 4 per row */float: left;}.product-listing-view-list .product-miniature {
width: 100%;display: flex;margin-bottom: 15px;}.product-listing-view-list .product-miniature .thumbnail-container {flex: 0 0 200px;margin-right: 20px;}
.product-listing-view-list .product-miniature .product-description {flex: 1;}section.featured-products .products article.product-miniature.js-product-miniature {width: 100%;}

/* Order page */   
.page-order nav.header-nav .col-md-6.text-xs-right.hidden-sm-down {display: none;}


/* Extra CSS */
#wrapper .breadcrumb li a {color: black !important;}iframe {width: 100%;}.page-product .products-display-mode {display: none;}.user-info {display: flex;padding-right: 8px;align-items: center;}
.user-info a {font-size: 14px;padding: 0;}body:has(.user-info) .header-paypal-info img {max-width: 130px;}#header .header-nav .user-info .account {padding-left: .625rem;border-left: 1px solid #ccc;}
body:has(.logout) #_desktop_contact_link{font-size: 14px;}span.navbar-toggler.collapse-icons i {color: #fff !important;}
div#left-column > section >  a {display: inline-block;margin-bottom: 30px;background: #55c4df;width: 100%;text-align: center;padding: 10px;color: white;text-transform: capitalize;font-weight: 600;}
.page-content.page-not-found {display: flex;flex-direction: column;}label.col-xs-9.col-sm-11.delivery-option-2 .row {flex-wrap: wrap !important;gap: 10px;}
label.col-xs-9.col-sm-11.delivery-option-2 .row > div {width: max-content;padding: 0;}#search_filters .facet .facet-label a {white-space: unset;}
label.col-xs-9.col-sm-11.delivery-option-2 .row .col-xs-12.col-md-4.carrier-logo img {width: 140px !important;}
ul.producttags {display: flex;flex-wrap: wrap;gap: 5px;}ul.producttags li {width: calc(50% - 5px);border: 1px solid #ccc;padding: 2px;font-size: 12px;text-transform: uppercase;text-align: center;font-weight: 500;letter-spacing: 1px;}
section.featured-products .products-display-mode.mb-3 {display: none;}section.featured-products .js-product {width: 100%;padding: 0;}
.product-condition {display: block;width: auto;}.product-condition label {margin: 0;font-weight: 600 !important;color: black !important;}li#category-30 ul.top-menu {padding-left: 15px;}

/* Responsive design of the website */

.header-delivery-sec img {width: 100%;object-fit: contain;}

@media (max-width: 1024px) {#header .header-nav #_desktop_contact_link {position: unset;}.nav1-wrap {flex-wrap: wrap;padding: 15px;justify-content: space-between;}.nav1-wrap a, .nav1-wrap img {padding: 0;}.header-nav2 {margin: 10px;}}

@media (max-width: 820px) {.footer-container .row:has(.links) .links .row {display: flex;flex-direction: column;}.footer-container .row:has(.links) .links {margin: 0;}
.footer-container .row:has(.links) .block-contact.col-md-3.links.wrapper {max-width: 100%;min-width: 100%;}.footer-container .links .h3 {color: #fff;}
.footer-container .row:has(.links) {flex-direction: column;width: 100%;}.footer-container .row:has(.links) .block-contact.col-md-3.links.wrapper {border-left: unset;}
.footer-container .links ul {background: transparent;margin-left: 1rem;}}

@media (max-width: 767px) {.hidden-md-up.text-sm-center.mobile {vertical-align: middle;}
.user-info {height: 50px;display: flex;align-items: center;}.header-nav2 {margin: 0;display: none;}#header {box-shadow: unset;}.header-top {display: none;}section#wrapper {margin: 0;padding: 0;}
.page-index .category-list ul a {width: 100%;}.page-index .category-list ul img.replace-2x {height: unset;}
#wrapper .breadcrumb {margin: 15px 0;}ul.category-top-menu {margin: 0;}.block-categories .block-categories {padding: 15px;}
ul.category-top-menu {margin: 0;}.block-categories .block-categories {padding: 15px;}#subcategories ul {margin: 0;gap: 10px;flex-wrap: wrap;justify-content: flex-start;display: flex;}
#subcategories ul li {margin: 0;width: calc(50% - 5px);min-width: unset;}#subcategories ul li .subcategory-image a {padding: 0;}#subcategories ul li .subcategory-image a img.img-fluid {width: 100%;aspect-ratio: 1;object-fit: cover;}
.product-miniature .thumbnail-container {width: 100%;}#ybc-mnf-block .ybc-mnf-block-a-img {width: auto;}#category #left-column #search_filters_wrapper {padding: 0 15px;}
.block-social ul, .product-quantity {flex-wrap: wrap;}}

@media (max-width: 570px) {.page-index .category-list ul {--auto-grid-min-size: 8rem;gap: 20px;}.product-line-grid-right.product-line-actions.col-md-5.col-xs-12 .row {DISPLAY: FLEX;FLEX-WRAP: WRAP;}
.product-line-grid-right.product-line-actions.col-md-5.col-xs-12 .row .col-md-6.col-xs-6.qty {WIDTH: MAX-CONTENT;}}
