@import url('tokens.css');
@import url('base.css');
@import url('components.css');
@import url('sections/hero.css?v=042');
@import url('sections/promo.css?v=042');
@import url('sections/cats.css?v=042');
@import url('sections/products.css?v=042');
@import url('sections/brands.css?v=042');
@import url('sections/why.css?v=042');
@import url('sections/testimonials.css?v=042');
@import url('sections/cta_band.css?v=042');
@import url("sections/product-page.css?v=042");
@import url('sections/features.css?v=042');
@import url('sections/shop.css?v=042');
@import url('sections/pages.css?v=042');
@import url('sections/finder.css?v=042');
@import url('sections/cart-drawer.css?v=042');
@import url('sections/trust.css?v=042');

/* Iter 2 fix v3 — related products grid (DIV children, not LI) */
.bx-product-wrap section.related,
.bx-product-wrap section.up-sells,
.bx-product-wrap section.cross-sells{margin-top:48px}
.bx-product-wrap section.related > h2,
.bx-product-wrap section.up-sells > h2{font-size:22px;margin:0 0 18px}
.bx-product-wrap .related ul.products,
.bx-product-wrap .up-sells ul.products,
.bx-product-wrap .cross-sells ul.products{
    list-style:none !important;padding:0 !important;margin:0 !important;
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:22px !important;
}
.bx-product-wrap .related ul.products > *,
.bx-product-wrap .up-sells ul.products > *,
.bx-product-wrap .cross-sells ul.products > *{
    width:auto !important;float:none !important;margin:0 !important;clear:none !important;
    max-width:100% !important;
}
@media (max-width:600px){
    .bx-product-wrap .related ul.products,
    .bx-product-wrap .up-sells ul.products{grid-template-columns:repeat(2,1fr) !important;gap:12px !important}
}

/* Iter 2 fix v4 — neutralize earlier .related.products grid (matched the SECTION itself) */
section.related.products,
.bx-product-wrap section.related.products{
    display:block !important;
    grid-template-columns:none !important;
}

/* Fix: Contenu du colis sur 1 ligne */
.bx-colis__title{white-space:nowrap}
/* Trust strip on product page spacing */
.bx-trust--product{margin-top:24px;margin-bottom:24px}

/* Fix fond blanc avatar mascotte */
.bx-photo__mascotte img,
.bx-visio__mascotte img{mix-blend-mode:multiply;background:transparent}

/* Fix: related products 4 colonnes forcé */
.bx-product-wrap .related ul.products{
    grid-template-columns:repeat(4,1fr) !important;
}
@media (max-width:900px){
    .bx-product-wrap .related ul.products{grid-template-columns:repeat(2,1fr) !important}
}

/* Fix: modal hidden attribute must be respected */
.bx-modal[hidden] { display: none !important; }

/* Fix: finder inline section on homepage - reduce white space */
.home .bx-finder { padding: 40px 0; }
.home .bx-finder__head { margin-bottom: 24px; }

/* Fix: kill WC clearfix pseudo-elements that break CSS grid */
.related ul.products::before,
.related ul.products::after,
.up-sells ul.products::before,
.up-sells ul.products::after{
    content: none !important;
    display: none !important;
}

/* Fix: remove white bands top/bottom from body padding */
body { padding: 0 !important; }