/* ============================================================
   THEME CLAIR — Les Jardins Enchantes
   Fond photo "Suite romantique baignee de lumiere doree" + habillage lumineux
   Applique a toutes les pages via cart.js
   ============================================================ */

/* ---------- FOND GENERAL ---------- */
html{background-color:#f8f1e6}
body{
  background-color:#f8f1e6!important;
  background-image:linear-gradient(180deg,rgba(255,251,244,.52) 0%,rgba(255,248,238,.42) 30%,rgba(255,247,235,.52) 65%,rgba(255,251,245,.66) 100%),url("/Suite%20romantique%20baign%C3%A9e%20de%20lumi%C3%A8re%20dor%C3%A9e.webp")!important;
  background-repeat:no-repeat,no-repeat!important;
  background-size:cover,cover!important;
  background-position:center center,center top!important;
  background-attachment:fixed,fixed!important;
  color:#4a3428!important;
}

/* ---------- HEADER / NAV / PANIER ---------- */
/* Ivoire couture (13/08/2026) : bandeau ivoire chaud + double filet or */
.lux-header{position:relative!important;background:linear-gradient(180deg,#fffdf9 0%,#fdf6ea 100%)!important;border-bottom:1px solid rgba(180,136,67,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 30px rgba(120,80,40,.10)!important}
.lux-header::after{content:""!important;position:absolute!important;left:50px;right:50px;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,rgba(180,136,67,.55),transparent);pointer-events:none}
.lux-cart{border-radius:2px!important}
.cat-nav__link,.categories-nav a{color:#8a6830!important;border-color:rgba(180,136,67,.35)!important}
.cat-nav__link:hover,.cat-nav__link--active,.categories-nav a:hover,.categories-nav a.active{color:#fffaf0!important;background:linear-gradient(135deg,#c9a24a 0%,#a97c2f 100%)!important}
.categories-nav{background:rgba(255,250,243,.55)!important}
.lux-cart{color:#7b1e2b!important;border-color:rgba(180,136,67,.45)!important;background:rgba(255,255,255,.6)!important}
.lux-cart:hover{background:linear-gradient(135deg,#c9a24a 0%,#a97c2f 100%)!important;color:#fffaf0!important}
.lang-switch button,.lang-switch a{color:#8a6830!important;border-color:rgba(180,136,67,.4)!important}

/* ---------- ACCUEIL ---------- */
.hero{background-image:none!important;background-color:transparent!important}
.hero-bg{background:radial-gradient(ellipse at 50% 40%,rgba(255,246,228,.35) 0%,transparent 65%)!important}
.hero-bg::after{opacity:.25}
.hero-kicker{color:#805a20!important}
.hero-h1-text{color:#8a5a1f!important}
.hero-title,.hero-title em,.hero-baseline{color:#7b1e2b!important}
.hero-desc{color:#5a4436!important}
.hero-badges span{color:#6b503a!important;border-color:rgba(180,136,67,.4)!important}
.hero-divider{color:#b48843!important}
.hero-divider span{background:linear-gradient(90deg,transparent,#b48843)!important}
.hero-cta{background:linear-gradient(135deg,#7b1e2b 0%,#5e1622 100%)!important;color:#f8e7c8!important;border-color:#7b1e2b!important;text-shadow:none!important}
.cat-section__title,.seo-intro__title{color:#7b1e2b!important}
.seo-intro__text,.seo-bottom,.seo-bottom p,.seo-bottom li,.seo-bottom h2{color:#4f3b2c!important}
.seo-intro strong,.seo-bottom strong{color:#7b1e2b!important}
.product-grid article{background:rgba(255,252,246,.86)!important;border:1px solid rgba(180,136,67,.35)!important;box-shadow:0 8px 30px rgba(120,80,40,.12)!important}
.product-grid article:hover{box-shadow:0 14px 40px rgba(120,80,40,.20)!important;border-color:rgba(180,136,67,.6)!important}
.product-grid article h3{color:#4a3428!important}
.product-grid article strong{color:#7b1e2b!important}
.product-grid article button{background:rgba(255,255,255,.75)!important;color:#8a6830!important;border:1px solid rgba(180,136,67,.55)!important}
.product-grid article button:hover{background:linear-gradient(135deg,#c9a24a 0%,#a97c2f 100%)!important;color:#fffaf0!important}

/* ---------- FICHES PRODUIT ---------- */
.product-page{color:#4a3428!important}
.product-page .product-container{background:rgba(255,252,246,.80)!important;border:1px solid rgba(180,136,67,.30)!important;border-radius:14px;box-shadow:0 8px 30px rgba(120,80,40,.10)!important}
.product-page .product-title{color:#7b1e2b!important}
.product-page .product-subtitle{color:#6b503a!important}
.product-page .product-price{color:#7b1e2b!important}
.product-page .section-title{color:#805a20!important}
.product-page .product-description,.product-page .product-list,.product-page .product-list li,.product-page .cta-block p{color:#4f3b2c!important}
.product-page .product-description strong,.product-page .cta-block p strong{color:#7b1e2b!important}
.product-page .separator{border-top:1px solid rgba(180,136,67,.35)!important}
.product-page .add-to-cart{color:#7b1e2b!important;border:1px solid rgba(123,30,43,.45)!important;background:rgba(255,255,255,.75)!important}
.product-page .add-to-cart:hover{background:linear-gradient(135deg,#7b1e2b 0%,#5e1622 100%)!important;color:#f8e7c8!important}
.product-page .cta-block{background:rgba(255,252,246,.80)!important;border-left:3px solid #b48843!important}
.product-page .cta-block .cta-btn{color:#7b1e2b!important;border-color:rgba(123,30,43,.45)!important}
.product-page .cta-block .cta-btn:hover{background:linear-gradient(135deg,#7b1e2b 0%,#5e1622 100%)!important;color:#f8e7c8!important}
.product-page .badge-naturel{color:#805a20!important;border:1px solid #b48843!important;background:rgba(255,255,255,.6)!important}
.product-page .ingredient-item{background:rgba(76,175,80,.10)!important;border:1px solid rgba(56,142,60,.35)!important;color:#2e5b31!important}
.product-page .ingredient-item strong{color:#2e7d32!important}
.product-page .sans-badge{background:rgba(198,40,40,.08)!important;border:1px solid rgba(198,40,40,.35)!important;color:#a02725!important}
.related-products h2,.related-products h3{color:#7b1e2b!important}
.related-products article{background:rgba(255,252,246,.86)!important;border:1px solid rgba(180,136,67,.35)!important}

/* ---------- BLOG ---------- */
.blog-article,.blog-list{color:#4a3428!important}
.blog-article{background:rgba(255,252,246,.78)!important;border:1px solid rgba(180,136,67,.28)!important;border-radius:14px}
.blog-article h1,.blog-list h1{color:#7b1e2b!important}
.blog-article h2{color:#7b1e2b!important;border-bottom:1px solid rgba(180,136,67,.35)!important}
.blog-article h3,.blog-faq-q{color:#805a20!important}
.blog-article p,.blog-article li{color:#4f3b2c!important}
.blog-article strong{color:#7b1e2b!important}
.blog-article a,.blog-back,.blog-card__tag,.blog-card__more{color:#8a6830!important}
.blog-meta,.blog-list__intro,.blog-card__desc{color:#6b503a!important}
.blog-warning{background:rgba(198,40,40,.09)!important;border-left:4px solid #a83c2f!important}
.blog-warning strong{color:#8f2b1f!important}
.blog-cta{background:linear-gradient(135deg,#7b1e2b 0%,#5e1622 100%)!important;color:#f8e7c8!important}
.blog-card{background:rgba(255,252,246,.86)!important;border:1px solid rgba(180,136,67,.35)!important}
.blog-card:hover{border-color:rgba(180,136,67,.65)!important}
.blog-card__title{color:#4a3428!important}

/* ---------- PAGES LEGALES ---------- */
.legal-page{color:#4a3428!important;background:rgba(255,252,246,.78)!important;border-radius:14px}
.legal-page h1,.legal-page h2{color:#7b1e2b!important}
.legal-page h2{border-bottom:1px solid rgba(180,136,67,.35)!important}
.legal-page h3,.legal-page strong{color:#805a20!important}
.legal-page .legal-subtitle{color:#6b503a!important}
.legal-page p,.legal-page li{color:#4f3b2c!important}
.legal-page a{color:#8a6830!important;border-bottom:1px solid rgba(180,136,67,.4)!important}
.legal-page a:hover{color:#7b1e2b!important;border-bottom-color:#7b1e2b!important}
.legal-page .legal-meta{color:#6b503a!important;border-top:1px solid rgba(180,136,67,.25)!important}
.legal-callout{background:rgba(255,250,240,.85)!important;border-left:3px solid #b48843!important}
.legal-callout p{color:#4f3b2c!important}

/* ---------- FOOTER ---------- */
.footer{background:rgba(255,250,243,.85)!important;border-top:1px solid rgba(180,136,67,.35)!important;color:#5a4436!important}
.footer a{color:#8a6830!important}

/* ---------- MOBILE ---------- */
@media(max-width:900px){body{background-attachment:scroll,scroll!important}}


/* ---------- MOBILE LUXE (12/08/2026) — meme rendu que le PC ----------
   Aucun changement de mise en page : uniquement palette + picto panier.
   Le header mobile avait ete dessine pour un fond sombre ; il est ici
   aligne sur le theme clair dore du PC. */
@media(max-width:560px){
  /* --- IVOIRE COUTURE (13/08/2026) : bandeau ivoire chaud + filets or fins --- */
  header.lux-header{
    position:relative!important;
    background:linear-gradient(180deg,#fffdf9 0%,#fdf6ea 100%)!important;
    border-bottom:1px solid rgba(180,136,67,.55)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 30px rgba(120,80,40,.10)!important;
    padding:12px 18px 15px!important;gap:12px!important;
  }
  /* Second filet or, fin et degrade : signature "maison de couture" */
  header.lux-header::after{
    content:""!important;position:absolute!important;left:18px;right:18px;bottom:3px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(180,136,67,.55),transparent);pointer-events:none;
  }
  header.lux-header .header-logo-img{width:42px!important;height:42px!important;box-shadow:0 0 0 1px rgba(180,136,67,.6)!important}
  header.lux-header .lux-mbrand{color:#6f4a12!important;opacity:1!important;font-size:14px!important;letter-spacing:4px!important}
  header.lux-header .lux-mbrand small{color:#a97c2f!important;opacity:.9!important}

  header.lux-header .lux-mmenus{border:1px solid rgba(180,136,67,.42)!important;background:transparent!important;border-radius:2px!important;box-shadow:none!important}
  header.lux-header .lux-mmenus .nav-dd+.nav-dd{border-left:1px solid rgba(180,136,67,.42)!important}
  header.lux-header .lux-mmenus .dd__btn{color:#6f4a12!important;font-weight:600!important;font-size:11px!important;letter-spacing:2.4px!important;padding:12px 8px!important;border-radius:2px!important;text-shadow:none!important}
  header.lux-header .lux-mmenus .dd__btn:hover,header.lux-header .lux-mmenus .dd__btn[aria-expanded="true"]{background:linear-gradient(135deg,#c9a24a 0%,#a97c2f 100%)!important;color:#fffaf0!important}
  header.lux-header .lux-mmenus .dd__panel{background:#fffaf3!important;border:1px solid rgba(180,136,67,.35)!important;box-shadow:0 18px 40px rgba(120,80,40,.22)!important}
  header.lux-header .lux-mmenus .dd__item{color:#6b4f2a!important}

  /* Panier : picto dore dessine au lieu de l'emoji couleur du systeme */
  header.lux-header .lux-cart{background:transparent!important;border:1px solid rgba(180,136,67,.5)!important;width:42px!important;height:42px!important;box-shadow:none!important}
  header.lux-header .lux-cart::before{
    content:""!important;width:20px;height:20px;display:block;background-color:#6f4a12;
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='20' r='1.4'/><circle cx='18' cy='20' r='1.4'/><path d='M2.5 3h2.2l2.4 11.2a1.6 1.6 0 0 0 1.6 1.3h8.4a1.6 1.6 0 0 0 1.6-1.3L21 7H6'/></svg>") center/contain no-repeat;
    mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='20' r='1.4'/><circle cx='18' cy='20' r='1.4'/><path d='M2.5 3h2.2l2.4 11.2a1.6 1.6 0 0 0 1.6 1.3h8.4a1.6 1.6 0 0 0 1.6-1.3L21 7H6'/></svg>") center/contain no-repeat;
  }
  header.lux-header .lux-cart #cartCount{background:linear-gradient(135deg,#c9a24a 0%,#a97c2f 100%)!important;color:#fffaf0!important;box-shadow:0 0 0 2px rgba(255,251,245,.9)!important}

  /* Bandeau cookies : flex:1 1 320px devenait une hauteur de 320px en colonne */
  .lje-cookie-bar{padding:14px 14px calc(14px + env(safe-area-inset-bottom))!important}
  .lje-cookie-inner{gap:12px!important}
  .lje-cookie-text{flex:0 0 auto!important;font-size:12px!important;line-height:1.5!important}
  .lje-cookie-btns{gap:10px!important}
  .lje-cookie-btns .lje-btn{padding:11px 14px!important;font-size:11px!important;letter-spacing:1.5px!important}
}

/* ---------- KICKER HERO (13/08/2026) : plus grand + remonte, centre entre le bandeau et le logo ---------- */
.hero-kicker{position:relative!important;font-size:14px!important;letter-spacing:3.5px!important;top:-73px!important}
@media(max-width:768px){.hero-kicker{font-size:12px!important;letter-spacing:3.4px!important;line-height:1.9!important;top:-60px!important}}
@media(max-width:560px){.hero-kicker{font-size:11.5px!important;letter-spacing:2.8px!important;top:-56px!important}}

/* ---------- CARTES PRODUITS ACCUEIL — SOCLE BORDEAUX (19/08/2026) ---------- */
.product-grid article{
  display:flex!important;flex-direction:column!important;
  background:linear-gradient(180deg,rgba(255,253,248,.94) 0%,rgba(255,250,242,.94) 100%)!important;
  border:1px solid rgba(180,136,67,.42)!important;border-radius:2px!important;
  box-shadow:0 14px 38px rgba(120,80,40,.15)!important;
  overflow:hidden!important;padding:0!important;
}
.product-grid article:hover{box-shadow:0 22px 52px rgba(120,80,40,.24)!important;border-color:rgba(180,136,67,.62)!important}
.product-grid article>a{display:block!important}
.product-grid article img{border:none!important;border-radius:0!important;margin:0!important;max-height:none!important}
.product-grid article .infos{padding:18px 18px 0!important;flex:1 1 auto!important;display:flex;flex-direction:column;justify-content:flex-start}
.product-grid article .infos h3{margin-top:0!important;color:#2e2018!important;font-weight:400!important}
.product-grid article .infos .product-format{margin:6px 0 18px!important;color:#4a3428!important}
.product-grid article .socle{
  margin-top:auto!important;padding:14px 18px 16px!important;
  background:linear-gradient(135deg,#7b1e2b 0%,#5e1622 100%)!important;
}
.product-grid article .socle strong{margin:0 0 10px!important;color:#f2dcae!important;font-size:17px!important}
.product-grid article .socle button{
  width:100%!important;margin-top:0!important;background:none!important;
  border:1px solid rgba(242,220,174,.55)!important;color:#f8e7c8!important;border-radius:1px!important;
}
.product-grid article .socle button:hover{background:#f2dcae!important;color:#7b1e2b!important;border-color:#f2dcae!important}


/* HARMONISATION VIGNETTES PRODUITS (19/08/2026) : cadre image de hauteur identique dans chaque section. Ratio 2:3 partout, 1:1 pour les huiles de massage bio. */
.product-grid article > a{display:block!important;width:100%!important;line-height:0!important}
.product-grid article img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:2/3!important;object-fit:cover!important;object-position:center!important;background:#fffdf8!important}
.product-grid article[data-category="huiles-massage-bio"] img{aspect-ratio:2/3!important}
.product-grid article[data-category="gamme-bio"] img{aspect-ratio:2/3!important}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:28px!important}}
@media(max-width:520px){.product-grid{grid-template-columns:1fr!important;gap:34px!important}}

/* Bloc d'informations produit (Disponibilite / Livraison / ...) : sorti de la
   colonne de droite par cart.js, il est pose sous la section produit et
   centre au milieu de la page par les marges auto. Panneau ivoire ajoute
   car il repose desormais sur la photo de fond. */
#product-info{display:block!important;width:calc(100% - 32px)!important;max-width:520px!important;margin:0 auto 48px!important;background:linear-gradient(180deg,rgba(255,253,248,.94) 0%,rgba(255,250,242,.94) 100%)!important;border:1px solid rgba(180,136,67,.42)!important;border-radius:4px!important;box-shadow:0 14px 38px rgba(120,80,40,.15)!important;color:#4a3428!important;padding:20px 22px!important}

/* ---------- FICHES PRODUIT : TEXTE CENTRE (19/08/2026) ----------
   Toute la colonne de droite (titre, sous-titre, prix, descriptions, listes,
   encadres) est centree, sur PC comme sur mobile. Les listes a puces passent
   en list-style-position:inside, sinon la puce reste collee a gauche et le
   texte parait decale. Aucun texte ni aucune structure HTML modifie. */
.product-page .product-details{text-align:center!important}
.product-page .product-details ul,
.product-page .product-details ol,
.product-page .product-details li{list-style-position:inside!important;padding-left:0!important;margin-left:0!important;text-align:center!important}
.product-page .product-details .size-options{justify-content:center!important}
.product-page .product-details .ingredients-grid,
.product-page .product-details .sans-liste{justify-content:center!important}
/* Ces deux blocs etaient forces a gauche sous 900 px par le style de page. */
.product-page .product-details .cta-block,
.product-page .product-details .faq-item{text-align:center!important}

/* ---------- FICHES PRODUIT : MISE EN PAGE 1 COLONNE (19/08/2026) ----------
   Photo en haut, tout le texte dessous, sur PC comme sur mobile.
   Le cadre image passe en grille : le visuel principal occupe toute la
   largeur sur sa propre ligne, les visuels suivants s'alignent en vignettes
   juste dessous. height:auto neutralise l'attribut height="" du HTML, sinon
   l'image est etiree et letterboxee.
   Aucun texte ni aucune structure HTML modifie. */
.product-page .product-container{flex-direction:column!important;align-items:center!important;gap:40px!important;max-width:820px!important;width:100%!important}
.product-page .product-image-frame{flex:none!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;justify-items:center!important;align-items:center!important;width:100%!important;max-width:640px!important}
.product-page .product-image-frame img{height:auto!important;max-height:none!important}
.product-page .product-image-frame img:first-child{grid-column:1/-1!important;width:auto!important;max-width:100%!important;max-height:520px!important}
.product-page .product-image-frame img:not(:first-child){width:auto!important;height:150px!important;max-width:100%!important;object-fit:contain!important}
.product-page .product-details{flex:none!important;width:100%!important;max-width:720px!important}
@media(max-width:620px){.product-page .product-image-frame{grid-template-columns:repeat(3,1fr)!important}.product-page .product-image-frame img:first-child{max-height:420px!important}.product-page .product-image-frame img:not(:first-child){height:100px!important}}
.product-page + #product-info,#product-info{text-align:center!important}

/* ---------- BANDEAU HEADER SOMBRE (20/08/2026) ----------
Uniquement sur la page d'accueil (contient .hero) et sur les fiches
produit (contiennent .product-page). Les autres pages (blog, FAQ,
legales, contact...) gardent le bandeau ivoire.
Aucun texte ni aucune structure HTML modifie : ciblage par :has(). */
body:has(.hero) .lux-header,
body:has(.product-page) .lux-header{background:linear-gradient(180deg,rgba(13,10,6,.97) 0%,rgba(28,20,10,.92) 55%,rgba(60,44,22,.72) 100%)!important;border-bottom:1px solid rgba(202,168,106,.30)!important;box-shadow:0 2px 40px rgba(0,0,0,.55),0 1px 0 rgba(202,168,106,.12)!important;}
body:has(.hero) .lux-header::after,
body:has(.product-page) .lux-header::after{background:linear-gradient(90deg,transparent,rgba(202,168,106,.45),transparent)!important;}
body:has(.hero) .lux-header .header-promo,
body:has(.product-page) .lux-header .header-promo{color:#e6c98a!important}
body:has(.hero) .cat-nav__link,
body:has(.product-page) .cat-nav__link{color:#e6c98a!important;border-color:rgba(202,168,106,.35)!important}
body:has(.hero) .cat-nav__link:hover,
body:has(.hero) .cat-nav__link--active,
body:has(.product-page) .cat-nav__link:hover,
body:has(.product-page) .cat-nav__link--active{color:#0c0a06!important;background:linear-gradient(135deg,#e6c98a 0%,#caa86a 50%,#b89050 100%)!important;border-color:transparent!important;}
body:has(.hero) .categories-nav,
body:has(.product-page) .categories-nav{background:rgba(13,10,6,.55)!important}
body:has(.hero) .lux-header .lang-switch button,
body:has(.hero) .lux-header .lang-switch a,
body:has(.product-page) .lux-header .lang-switch button,
body:has(.product-page) .lux-header .lang-switch a{color:#e6c98a!important;border-color:rgba(202,168,106,.40)!important;background:rgba(202,168,106,.06)!important;}
body:has(.hero) .lux-header .lang-switch button:hover,
body:has(.product-page) .lux-header .lang-switch button:hover{color:#0c0a06!important;background:linear-gradient(135deg,#e6c98a 0%,#caa86a 100%)!important;}
body:has(.hero) .lux-header .lux-cart,
body:has(.product-page) .lux-header .lux-cart{color:#e6c98a!important;border:1px solid rgba(202,168,106,.40)!important;background:rgba(202,168,106,.06)!important;}
body:has(.hero) .lux-header .lux-cart:hover,
body:has(.product-page) .lux-header .lux-cart:hover{color:#0c0a06!important;background:linear-gradient(135deg,#e6c98a 0%,#caa86a 100%)!important;border-color:transparent!important;}
/* Menus deroulants du header (PC) sur ces deux types de pages */
body:has(.hero) .lux-header .dd__btn,
body:has(.product-page) .lux-header .dd__btn{color:#e6c98a!important;border-color:rgba(202,168,106,.35)!important;background:rgba(202,168,106,.06)!important}
body:has(.hero) .lux-header .dd__btn:hover,
body:has(.hero) .lux-header .dd__btn[aria-expanded="true"],
body:has(.product-page) .lux-header .dd__btn:hover,
body:has(.product-page) .lux-header .dd__btn[aria-expanded="true"]{color:#0c0a06!important;background:linear-gradient(135deg,#e6c98a 0%,#caa86a 100%)!important}
body:has(.hero) .lux-header .dd__panel,
body:has(.product-page) .lux-header .dd__panel{background:#141009!important;border:1px solid rgba(202,168,106,.30)!important;box-shadow:0 18px 40px rgba(0,0,0,.55)!important}
body:has(.hero) .lux-header .dd__item,
body:has(.product-page) .lux-header .dd__item{color:rgba(230,201,138,.88)!important}
/* --- Mobile : meme bandeau sombre --- */
@media(max-width:560px){body:has(.hero) header.lux-header,
body:has(.product-page) header.lux-header{background:linear-gradient(180deg,#0d0a06 0%,#1a1209 100%)!important;border-bottom:1px solid rgba(202,168,106,.22)!important;box-shadow:0 1px 0 rgba(202,168,106,.10),0 14px 34px rgba(0,0,0,.45)!important;}
body:has(.hero) header.lux-header .header-logo-img,
body:has(.product-page) header.lux-header .header-logo-img{box-shadow:0 0 0 1px rgba(202,168,106,.45)!important}
body:has(.hero) header.lux-header .lux-mbrand,
body:has(.product-page) header.lux-header .lux-mbrand{color:#e6c98a!important}
body:has(.hero) header.lux-header .lux-mbrand small,
body:has(.product-page) header.lux-header .lux-mbrand small{color:rgba(230,201,138,.6)!important}
body:has(.hero) header.lux-header .lux-mmenus,
body:has(.product-page) header.lux-header .lux-mmenus{border:1px solid rgba(202,168,106,.28)!important;background:rgba(202,168,106,.04)!important}
body:has(.hero) header.lux-header .lux-mmenus .nav-dd+.nav-dd,
body:has(.product-page) header.lux-header .lux-mmenus .nav-dd+.nav-dd{border-left:1px solid rgba(202,168,106,.20)!important}
body:has(.hero) header.lux-header .lux-mmenus .dd__btn,
body:has(.product-page) header.lux-header .lux-mmenus .dd__btn{color:#e6c98a!important;background:none!important}
body:has(.hero) header.lux-header .lux-mmenus .dd__btn:hover,
body:has(.hero) header.lux-header .lux-mmenus .dd__btn[aria-expanded="true"],
body:has(.product-page) header.lux-header .lux-mmenus .dd__btn:hover,
body:has(.product-page) header.lux-header .lux-mmenus .dd__btn[aria-expanded="true"]{background:rgba(202,168,106,.12)!important;color:#f2ddb0!important}
body:has(.hero) header.lux-header .lux-mmenus .dd__panel,
body:has(.product-page) header.lux-header .lux-mmenus .dd__panel{background:#100c07!important;border:1px solid rgba(202,168,106,.30)!important}
body:has(.hero) header.lux-header .lux-mmenus .dd__item,
body:has(.product-page) header.lux-header .lux-mmenus .dd__item{color:rgba(230,201,138,.88)!important}
body:has(.hero) header.lux-header .lux-cart,
body:has(.product-page) header.lux-header .lux-cart{background:transparent!important;border:1px solid rgba(202,168,106,.40)!important}
body:has(.hero) header.lux-header .lux-cart::before,
body:has(.product-page) header.lux-header .lux-cart::before{background-color:#e6c98a!important}
body:has(.hero) header.lux-header .lux-cart #cartCount,
body:has(.product-page) header.lux-header .lux-cart #cartCount{background:linear-gradient(135deg,#e6c98a,#b89050)!important;color:#0c0a06!important;box-shadow:0 0 0 2px rgba(13,10,6,.9)!important}}
/* ---------- "VOUS AIMEREZ AUSSI" : VIGNETTES LISIBLES (20/08/2026) ----------
Les liens etaient des pastilles or sur fond creme, peu lisibles et sans visuel.
Ils deviennent de vraies vignettes photo + nom, dans le meme style que les
cartes produit de l'accueil. Le libelle des liens n'est pas modifie. */
.related-products{max-width:1360px;margin:40px auto 56px;padding:0 20px}
.related-products h2{color:#7b1e2b!important;font-size:24px!important;margin-bottom:26px!important}
.related-products ul.related-grid{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:22px!important;justify-content:center!important}
.related-products ul.related-grid>li{margin:0!important}
.related-products .related-card{display:flex!important;flex-direction:column!important;height:100%!important;text-decoration:none!important;background:linear-gradient(180deg,rgba(255,253,248,.94) 0%,rgba(255,250,242,.94) 100%)!important;border:1px solid rgba(180,136,67,.42)!important;border-radius:2px!important;box-shadow:0 10px 28px rgba(120,80,40,.13)!important;overflow:hidden!important;transition:box-shadow .25s,border-color .25s,transform .25s}
.related-products .related-card:hover{box-shadow:0 18px 42px rgba(120,80,40,.22)!important;border-color:rgba(180,136,67,.65)!important;transform:translateY(-3px)}
.related-products .related-card__img{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;aspect-ratio:1/1!important;line-height:0!important;background:#fffdf8!important;padding:8px!important;box-sizing:border-box!important;overflow:hidden!important}
.related-products .related-card__img img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;border:none!important;border-radius:0!important;margin:0!important;max-height:none!important;filter:none!important;image-rendering:auto!important}
.related-products .related-card__name{display:block!important;padding:14px 12px 16px!important;font-family:"Cormorant Garamond",Georgia,serif!important;font-size:16px!important;line-height:1.35!important;letter-spacing:.3px!important;color:#4a3428!important;text-align:center!important}
.related-products .related-card:hover .related-card__name{color:#7b1e2b!important}
@media(max-width:900px){.related-products ul.related-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important}}
@media(max-width:420px){.related-products .related-card__name{font-size:15px!important;padding:12px 8px 14px!important}}