/** Shopify CDN: Minification failed

Line 178:21 Unexpected "*"
Line 1173:0 Unexpected "@media"

**/

/* ═══════════════════════════════════════════════════════
   L'ATELIER DU LUSTRE — EDITORIAL LUXURY CSS v2
   Basé sur CSS PLATINIUM
   Palette: Gold #d4af37 · Onyx #1a1a1a · Ivory #faf8f4
   ═══════════════════════════════════════════════════════ */

/* ─── BOUTONS : arrondis globaux 8px ─── */
.button,.button--primary,.button--secondary,.button--tertiary,
.shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-payment-button .shopify-payment-button__button--branded,
.shopify-payment-button button,
.product-form__submit,
.quick-add__submit,
.cart__checkout-button,
.cart__dynamic-checkout-buttons button,
button.button,
a.button,
.form__submit button,
input[type="submit"],
.quantity{border-radius:24px !important}
.quantity__button:first-child{border-radius:24px 0 0 8px !important}
.quantity__button:last-child{border-radius:0 24px 24px 0 !important}

/* ─── GLOBAL REFINEMENTS ─── */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip !important;overflow-y:visible !important}
html{overflow-x:clip !important;overflow-y:visible !important}

/* ─── ANNOUNCEMENT BAR ─── */
.announcement-bar{background:#0a0a0a !important}
.announcement-bar__message{font-size:clamp(.85rem,1vw+.4rem,1rem) !important;letter-spacing:.08em !important;text-transform:uppercase !important;font-weight:500 !important}
.announcement-bar__message b,.announcement-bar__message strong{color:#d4af37 !important;font-weight:600 !important}

/* ─── HEADER ─── */
.header-wrapper{background:rgba(250,248,244,.92) !important;backdrop-filter:blur(16px) saturate(1.2) !important;-webkit-backdrop-filter:blur(16px) saturate(1.2) !important;border-bottom:1px solid rgba(0,0,0,.04) !important}
.header__heading-link{transition:opacity .3s ease !important}
.header__heading-link:hover{opacity:.8}

/* Nav links — taille lisible */
.header__menu-item,.menu-drawer__menu-item{font-size:clamp(.78rem,.85vw+.2rem,.88rem) !important;letter-spacing:.07em !important;text-transform:uppercase !important;font-weight:500 !important;position:relative !important}

/* Dropdown menus */
.header__submenu .header__menu-item,.mega-menu__link{font-size:clamp(.75rem,.8vw+.2rem,.85rem) !important;letter-spacing:.05em !important}

/* Cart icon gold dot */
.cart-count-bubble{background:#d4af37 !important;color:#0a0a0a !important;font-weight:700 !important}

/* ─── HEADER NAV : centrée, taille réduite, underline noir uniquement ─── */
.header__inline-menu .list-menu--inline{justify-content:center !important;width:100% !important}
.header__menu-item{position:relative !important}
.header__menu-item::after{display:none !important}
.header__active-menu-item::after{background:currentColor !important}

/* ─── HERO / SLIDESHOW ─── */
.slideshow,.slideshow__slide{height:calc(100svh - var(--announce-bar-height, 32px)) !important;min-height:calc(100svh - var(--announce-bar-height, 32px)) !important;max-height:calc(100svh - var(--announce-bar-height, 32px)) !important}
@media (min-width:990px){.slideshow .slideshow__text-wrapper,.slideshow .banner__content{padding:0 56px max(64px, calc(48px + env(safe-area-inset-bottom))) 56px !important;align-self:flex-end !important;justify-self:flex-start !important;text-align:left !important;max-width:60% !important}}
.banner__heading{font-size:clamp(2.8rem,6vw,5.5rem) !important;font-weight:300 !important;line-height:1.05 !important;letter-spacing:-.02em !important}
.slideshow__heading{font-size:36px !important;line-height:1.1 !important;letter-spacing:.025em !important;font-weight:500 !important;text-transform:uppercase !important}
.banner__text{font-size:clamp(1.35rem,1.8vw+.5rem,1.7rem) !important;color:rgba(255,255,255,.6) !important;font-weight:300 !important;line-height:1.7 !important}
.slideshow__text,.slideshow__text p{font-size:16px !important;line-height:24px !important;letter-spacing:0 !important;font-weight:400 !important;color:rgba(255,255,255,.92) !important}
.banner .button{background:#fff !important;color:#0a0a0a !important;padding:16px 40px !important;font-size:clamp(.9rem,1vw+.3rem,1.1rem) !important;letter-spacing:.08em !important;text-transform:uppercase !important;font-weight:600 !important;border:none !important;transition:all .4s cubic-bezier(.4,0,.2,1) !important}
.slideshow .button,.slideshow .button--primary{background:transparent !important;color:#fff !important;padding:6px 0 4px !important;font-size:clamp(.85rem,1vw+.25rem,1rem) !important;letter-spacing:.08em !important;text-transform:uppercase !important;font-weight:500 !important;border:none !important;border-bottom:1px solid currentColor !important;border-radius:0 !important;min-height:auto !important;transition:opacity .25s ease !important}
/* Hero hover: using theme native + our custom below */

/* ─── SECTION HEADINGS (global) — Platinium scale ─── */
h2.title,h2.section-header__title,.section-header__title,.title--primary{font-size:clamp(1.85rem,3.2vw+.6rem,3.25rem) !important;letter-spacing:-.01em !important;font-weight:700 !important;line-height:1.15 !important}
.section-header__subtitle,.subtitle{font-size:clamp(.85rem,1vw+.3rem,1.05rem) !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#d4af37 !important;font-weight:500 !important}

/* ─── PRODUCT CARDS ─── */
.card-wrapper{transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1) !important}
.card-wrapper:hover{transform:translateY(-6px) !important;box-shadow:0 4px 24px rgba(0,0,0,.18) !important}
.price-item--regular,.price-item--sale{font-size:clamp(1.1rem,1.3vw+.3rem,1.35rem) !important;font-weight:600 !important}

/* ─── COLLECTION CARDS ─── */

/* ─── MULTICOLUMN / TRUST PILLARS ─── */
.multicolumn{background:#1a1a1a !important}
.multicolumn .title{color:#fff !important}
.multicolumn .multicolumn-card__info{text-align:center !important}
.multicolumn .multicolumn-card{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.06) !important;border-radius:6px !important;transition:all .4s ease !important;position:relative !important;overflow:hidden !important}
.multicolumn .multicolumn-card::before{content:'' !important;position:absolute !important;top:0 !important;left:50% !important;transform:translateX(-50%) !important;width:40px !important;height:2px !important;background:#d4af37 !important;transition:width .4s ease !important}
.multicolumn .multicolumn-card:hover::before{width:80px !important}
.multicolumn .multicolumn-card:hover{background:rgba(255,255,255,.06) !important;transform:translateY(-4px) !important}
.multicolumn .multicolumn-card__info h3{color:#fff !important;font-size:3rem !important;font-weight:500 !important}
.multicolumn .multicolumn-card__info p,.multicolumn .multicolumn-card__info .rte{color:rgba(255,255,255,.55) !important;font-size:clamp(1.2rem,1.4vw+.4rem,1.5rem) !important;line-height:1.85 !important;font-weight:300 !important}

/* ─── RICH TEXT / SIGNATURE ─── */
.rich-text .rich-text__heading{letter-spacing:-.02em !important}
.rich-text .rich-text__text,.rich-text .rte{color:#8a8279 !important;font-size:clamp(1.4rem,1.7vw+.5rem,1.75rem) !important;font-weight:300 !important;line-height:1.85 !important}

/* ─── QUOTE STRIP ─── */
.pull-quote,.rich-text--quote{border-bottom:1px solid rgba(0,0,0,.04) !important}
.pull-quote .rich-text__heading,.rich-text--quote blockquote{font-style:italic !important;font-size:clamp(1.45rem,2.2vw+.5rem,2rem) !important;font-weight:300 !important;letter-spacing:-.01em !important;line-height:1.6 !important}

/* ─── BUTTONS (global — ATC noir obligatoire) ─── */
.button--primary,.shopify-payment-button .shopify-payment-button__button--unbranded,.product-form__submit{background:#0a0a0a !important;color:#fff !important;font-size:clamp(.9rem,1vw+.3rem,1.1rem) !important;letter-spacing:.06em !important;text-transform:uppercase !important;font-weight:600 !important;border:none !important;transition:all .3s cubic-bezier(.4,0,.2,1) !important}
/* Button hover: using theme native animation */
.button--secondary{border-color:#0a0a0a !important;color:#0a0a0a !important;font-size:clamp(.9rem,1vw+.3rem,1.1rem) !important;letter-spacing:.06em !important;text-transform:uppercase !important;font-weight:500 !important}
/* Secondary hover: using theme native */

/* ─── PRODUCT PAGE ─── */
.product__title{font-size:clamp(1.6rem,2.5vw+.5rem,2.5rem) !important;letter-spacing:-.02em !important;font-weight:600 !important}
.product__text,.product__description{color:#2a2a2a !important;font-size:clamp(1.35rem,1.6vw+.5rem,1.65rem) !important;font-weight:300 !important;line-height:1.85 !important}
.product .price .money,.product .price-item{font-size:clamp(1.2rem,1.5vw+.3rem,1.6rem) !important;font-weight:700 !important}

/* Quantity selector lisible */
.quantity__input{font-size:clamp(1rem,1.1vw+.3rem,1.15rem) !important}
.quantity__button{font-size:clamp(1rem,1.1vw+.3rem,1.15rem) !important}

/* Variant picker */
.variant-picker__label,.product-form__label{font-size:clamp(.9rem,1vw+.3rem,1.1rem) !important;font-weight:500 !important;letter-spacing:.02em !important}

/* ─── COLLECTION PAGE ─── */
.collection-hero__title,.collection-banner__title,.banner__heading:not(.slideshow__heading){text-align:center !important;letter-spacing:-.02em !important}
.slideshow__heading,body.template-index .slideshow__heading{text-align:left !important;letter-spacing:-.02em !important}
.collection-hero__description,.collection-banner__description{color:#8a8279 !important;font-size:clamp(1.35rem,1.6vw+.5rem,1.65rem) !important;font-weight:300 !important;line-height:1.85 !important}

/* Filters & sorting */
.facets__label,.facets__selected,.active-facets__button{font-size:clamp(.88rem,1vw+.2rem,1rem) !important}
.facets__checkbox label,.facets__display,.collection-product-count{font-size:clamp(.88rem,1vw+.2rem,1rem) !important}

/* ─── CART PAGE ─── */
.cart__heading{letter-spacing:-.02em !important;font-size:clamp(1.6rem,2.5vw+.5rem,2.5rem) !important}
.cart-item__name,.cart-item__details{font-size:clamp(.95rem,1.1vw+.3rem,1.15rem) !important}
.cart-item .price,.cart__subtotal{font-size:clamp(1.3rem,1.5vw+.4rem,1.55rem) !important;font-weight:600 !important}
.totals__total-value{font-size:clamp(1.15rem,1.4vw+.3rem,1.4rem) !important;font-weight:700 !important}

/* ─── BLOG / ARTICLE ─── */
.blog-articles .article-card{transition:transform .4s ease,box-shadow .4s ease !important}
.blog-articles .article-card:hover{transform:translateY(-4px) !important;box-shadow:0 4px 24px rgba(0,0,0,.12) !important}
.article-card__title{font-size:clamp(1.3rem,1.7vw+.4rem,1.65rem) !important;letter-spacing:-.01em !important;font-weight:500 !important}
.article-card__excerpt{color:#8a8279 !important;font-size:clamp(1.2rem,1.4vw+.4rem,1.5rem) !important;font-weight:300 !important;line-height:1.8 !important}
.article-template .rte,.article-template__content{font-size:clamp(1.4rem,1.7vw+.5rem,1.75rem) !important;line-height:1.85 !important;color:#1a1a1a !important}

/* ─── FAQ PAGE ─── */
.faq .accordion__title{font-size:clamp(1.35rem,1.6vw+.4rem,1.65rem) !important;font-weight:500 !important;letter-spacing:-.01em !important}
.faq .accordion__content,.faq .accordion__content .rte{color:#8a8279 !important;font-size:clamp(1.2rem,1.4vw+.4rem,1.5rem) !important;line-height:1.855 !important;font-weight:300 !important}

/* ─── CONTACT FORM ─── */

/* ─── POLICY PAGES ─── */
.main-page .rte{color:#2a2a2a !important;font-size:clamp(1.4rem,1.7vw+.5rem,1.75rem) !important;line-height:1.85 !important}
.main-page .rte h2{font-size:clamp(1.45rem,2vw+.5rem,2.1rem) !important;letter-spacing:-.01em !important;margin-top:2em !important;margin-bottom:.8em !important;border-bottom:2px solid #f0f0f0 !important;padding-bottom:.5em !important;font-weight:600 !important}
.main-page .rte h3{font-size:clamp(1.2rem,1.5vw+.3rem,1.6rem) !important;font-weight:600 !important}
.main-page .rte a{color:#d4af37 !important;text-decoration:underline !important}
.main-page .rte a:hover{color:#b8962d !important}
.main-page .rte li{font-size:clamp(1.3rem,1.5vw+.4rem,1.55rem) !important;line-height:1.8 !important}

/* ─── GLOBAL COLOR OVERRIDES ─── */
:root{
  --color-base-accent-1:#d4af37;
  --color-base-background-1:250,248,244;
  --color-base-text:#1a1a1a;
}

/* ─── SCROLLBAR : REMOVED — overridden by dark theme below ─── */

/* ─── SELECTION : REMOVED — overridden by dark theme below ─── */

/* Les icônes de paiement restent les SVG originaux Shopify */

/* ═══════════════════════════════════════════════════════
   RESPONSIVE : TABLETTE + MOBILE + CAROUSEL
   Base CSS Platinium respectée, adaptée aux écrans
   ═══════════════════════════════════════════════════════ */

/* ─── TABLETTE (≤1024px) ─── */
@media(max-width:1024px){
  /* Carousel cards */

  /* Sections padding */
  .section-template--*,.shopify-section{padding-left:clamp(16px,3vw,32px) !important;padding-right:clamp(16px,3vw,32px) !important}

  /* Hero */
  .slideshow,.slideshow__slide{min-height:70vh !important}
  .banner__heading:not(.slideshow__heading){font-size:clamp(2rem,4.5vw,3.5rem) !important}
  .slideshow__heading{font-size:30px !important;line-height:1.2 !important;letter-spacing:.025em !important}

  /* Collections grid — 2 colonnes */
  .multicolumn .multicolumn-card{flex:1 1 calc(50% - 16px) !important}
}

/* ─── MOBILE (≤768px) ─── */
@media(max-width:768px){
  /* Carousel cards */
  .header__heading-logo-wrapper img,.header__heading-logo-image{max-height:40px !important}

  /* Nav cachée sur mobile (drawer) */
  .header__inline-menu{display:none !important}

  /* Announcement bar */
  .announcement-bar__message{font-size:clamp(.72rem,.9vw+.3rem,.85rem) !important;letter-spacing:.06em !important}

  /* Hero mobile */
  .slideshow,.slideshow__slide,.banner{min-height:60vh !important}
  .banner__heading:not(.slideshow__heading){font-size:clamp(1.8rem,5vw,2.8rem) !important;padding:0 16px !important}
  .slideshow__heading{font-size:30px !important;line-height:1.15 !important;letter-spacing:.025em !important;padding:0 !important}
  .banner__text,.slideshow__text{font-size:clamp(.88rem,1.1vw+.3rem,1.1rem) !important;padding:0 16px !important}
  .banner .button{padding:14px 28px !important;font-size:clamp(.82rem,.9vw+.3rem,.95rem) !important}
  .slideshow .button{padding:4px 0 3px !important;font-size:13px !important;letter-spacing:.08em !important}

  /* Section headings */
  h2.title,h2.section-header__title,.section-header__title,.title--primary{font-size:clamp(1.4rem,4vw,2rem) !important}
  .section-header__subtitle,.subtitle{font-size:clamp(.75rem,.85vw+.2rem,.88rem) !important}

  /* Product cards */
  .price-item--regular,.price-item--sale{font-size:clamp(.85rem,1vw+.2rem,1rem) !important}

  /* Product page */
  .product__title{font-size:clamp(1.3rem,3.5vw,1.8rem) !important}
  .product__text,.product__description{font-size:clamp(.92rem,1.1vw+.2rem,1.08rem) !important}
  .product .price .money,.product .price-item{font-size:clamp(1.1rem,1.3vw+.2rem,1.35rem) !important}

  /* Trust pillars — empilées */
  .multicolumn .multicolumn-card{flex:1 1 100% !important}
  .multicolumn .multicolumn-card__info h3{font-size:2.8rem !important}
  .multicolumn .multicolumn-card__info p,.multicolumn .multicolumn-card__info .rte{font-size:clamp(.88rem,1vw+.2rem,1.05rem) !important}

  /* Rich text */
  .rich-text .rich-text__text,.rich-text .rte{font-size:clamp(.92rem,1.1vw+.2rem,1.08rem) !important}
  .pull-quote .rich-text__heading{font-size:clamp(.95rem,1.3vw+.2rem,1.2rem) !important}

  /* Collection page */
  .collection-hero__title,.collection-banner__title{font-size:clamp(1.3rem,4vw,2rem) !important}

  /* Cart */
  .cart__heading{font-size:clamp(1.3rem,3.5vw,1.8rem) !important}
  .cart-item__name{font-size:clamp(.88rem,1vw+.2rem,1rem) !important}

  /* Blog */
  .article-card__title{font-size:clamp(.95rem,1.2vw+.2rem,1.15rem) !important}
  .article-card__excerpt{font-size:clamp(.85rem,1vw+.2rem,1rem) !important}
  .article-template .rte{font-size:clamp(.95rem,1.1vw+.2rem,1.1rem) !important}

  /* Hero SKIMS-like mobile : full viewport, text bas-gauche compact */
  .slideshow,.slideshow__slide,.slideshow__media,.slideshow__media-list,.banner__media{
    height:calc(100svh - var(--announce-bar-height, 32px)) !important;
    min-height:calc(100svh - var(--announce-bar-height, 32px)) !important;
    max-height:calc(100svh - var(--announce-bar-height, 32px)) !important;
  }
  .slideshow .slideshow__text-wrapper,.slideshow .banner__content{
    padding:0 24px max(56px, calc(env(safe-area-inset-bottom, 0px) + 40px)) 24px !important;
    align-self:flex-end !important;justify-self:flex-start !important;
    text-align:left !important;max-width:88% !important;
  }
  .slideshow__text p,.slideshow .subtitle{
    font-size:14px !important;line-height:20px !important;letter-spacing:0 !important;font-weight:400 !important;margin:0 0 16px !important;color:rgba(255,255,255,.92) !important;
  }
  .slideshow .button{margin-top:4px !important;}

  /* Policy pages */
  .main-page .rte{font-size:clamp(.95rem,1.1vw+.2rem,1.1rem) !important}
  .main-page .rte h2{font-size:clamp(1.2rem,2.5vw,1.6rem) !important}

  

  

  /* FAQ */
  .faq .accordion__title{font-size:clamp(.95rem,1.1vw+.2rem,1.1rem) !important}
  .faq .accordion__content,.faq .accordion__content .rte{font-size:clamp(.88rem,1vw+.2rem,1rem) !important}

  /* Contact form */

  /* Boutons global mobile */
  .button,.button--primary,.product-form__submit{padding:12px 24px !important;font-size:clamp(.85rem,.95vw+.2rem,1rem) !important}

  /* Touch target minimum 44px */
}

/* ─── PETIT MOBILE (≤480px) ─── */
@media(max-width:480px){
  /* Carousel — quasi pleine largeur */
  .banner__heading,.slideshow__heading{font-size:clamp(1.5rem,6vw,2.2rem) !important}

  /* Single column collections */

  
}

/* ─── LOGO ─── */
/* Logo propre (PNG transparent) — aucun traitement CSS nécessaire */

/* ─── MEGA MENU FOND CRÈME ─── */
.header__submenu,.header__submenu.color-scheme-1,.mega-menu__content,
.header__submenu-item--mega>.header__submenu{
  background:#f8f6f0 !important;
  border-top:2px solid #d4af37;
  box-shadow:0 8px 32px rgba(26,26,26,.08);
}


/* ══════════════════════════════════════════════════════════════
   L'ATELIER DU LUSTRE — DARK THEME v7.0 (CLEAN REWRITE)
   Source: latelier-preview-dark.html mockup CSS
   Strategy: Original Platinium CSS preserved above for product/collection pages.
   This section adds dark overrides for homepage + footer + newsletter.
   Scoped via [class*="color-scheme-dark-lustre"] where possible.
   ══════════════════════════════════════════════════════════════ */

/* ─── CSS VARIABLES (from mockup) ─── */
:root {
  --ldl-surface: #1e1d1b;
  --ldl-surface-low: #262523;
  --ldl-surface-high: #33312e;
  --ldl-surface-bright: #443f3a;
  --ldl-on-surface: #ece8e3;
  --ldl-on-surface-variant: #c4b9a8;
  --ldl-primary: #b8985f;
  --ldl-primary-container: #a3865a;
  --ldl-on-primary: #fff9f0;
  --ldl-outline: #8a8074;
  --ldl-outline-variant: #4d4639;
  --ldl-beige-warm: #f8f6f0;
}

/* ─── BODY BACKGROUND ─── */
/* Dark for homepage (between dark sections), beige for other pages */
body { background-color: var(--ldl-surface); }
/* If template-index class exists (Dawn standard), this ensures dark homepage */
/* For other pages, sections have their own backgrounds covering the body */

/* ─── SCROLLBAR (dark) ─── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--ldl-surface); }
::-webkit-scrollbar-thumb { background: var(--ldl-outline-variant); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--ldl-outline); }

/* ─── SELECTION ─── */
::selection { background: rgba(184,152,95,0.25); color: var(--ldl-on-surface); }
::-moz-selection { background: rgba(184,152,95,0.25); color: var(--ldl-on-surface); }

/* ─── HERO / SLIDESHOW BUTTONS (from mockup) ─── */
/* Primary button: gold gradient (NOT white) */
.slideshow .button,
.slideshow .button--primary,
.banner .button--primary {
  background: linear-gradient(135deg, var(--ldl-primary), var(--ldl-primary-container)) !important;
  color: var(--ldl-on-primary) !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  padding: 16px 40px !important;
}
.slideshow .button:hover,
.slideshow .button--primary:hover,
.banner .button--primary:hover {
  filter: brightness(1.15) !important;
  transform: scale(1.02) !important;
  box-shadow: none !important;
  background: linear-gradient(135deg, var(--ldl-primary), var(--ldl-primary-container)) !important;
}

/* Secondary button: transparent with outline */
.slideshow .button--secondary,
.slideshow .button + .button,
.banner .button--secondary {
  background: transparent !important;
  color: var(--ldl-on-surface) !important;
  border: 1px solid var(--ldl-outline-variant) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  padding: 16px 40px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}
.slideshow .button--secondary:hover,
.slideshow .button + .button:hover,
.banner .button--secondary:hover {
  border-color: var(--ldl-primary) !important;
  color: var(--ldl-primary) !important;
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ─── ATC BUTTONS: ALWAYS VISIBLE ─── */

/* ─── ATC ON DARK SECTIONS: cream bg, dark text (from mockup .btn-dark) ─── */
[class*="color-scheme-dark-lustre"] .quick-add__submit {
  background: var(--ldl-on-surface) !important;
  color: var(--ldl-surface) !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
[class*="color-scheme-dark-lustre"] .quick-add__submit:hover {
  background: var(--ldl-primary) !important;
  color: var(--ldl-on-primary) !important;
}

/* ─── PRODUCT CARDS ON DARK SECTIONS ─── */
[class*="color-scheme-dark-lustre"] .card-wrapper .card,
[class*="color-scheme-dark-lustre"] .card--standard {
  background: var(--ldl-surface-low) !important;
  border-radius: 12px !important;
}
[class*="color-scheme-dark-lustre"] .card-wrapper:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.25) !important;
}
[class*="color-scheme-dark-lustre"] .card__heading a,
[class*="color-scheme-dark-lustre"] .price-item--regular,
[class*="color-scheme-dark-lustre"] .price-item--sale {
  color: var(--ldl-primary) !important;
}
[class*="color-scheme-dark-lustre"] .card-information__text,
[class*="color-scheme-dark-lustre"] .card__subtitle {
  color: var(--ldl-on-surface-variant) !important;
}

/* ─── "VIEW ALL" BUTTON on dark sections ─── */
[class*="color-scheme-dark-lustre"] .button--primary:not(.quick-add__submit):not(.product-form__submit) {
  background: var(--ldl-primary) !important;
  color: var(--ldl-on-primary) !important;
  border-radius: 30px !important;
}
[class*="color-scheme-dark-lustre"] .button--primary:not(.quick-add__submit):not(.product-form__submit):hover {
  filter: brightness(1.15) !important;
}

/* ─── SECTION HEADERS ON DARK SECTIONS ─── */
[class*="color-scheme-dark-lustre"] h2,
[class*="color-scheme-dark-lustre"] .title {
  color: var(--ldl-on-surface) !important;
}
[class*="color-scheme-dark-lustre"] .subtitle,
[class*="color-scheme-dark-lustre"] .section-header__subtitle {
  color: var(--ldl-primary) !important;
}
[class*="color-scheme-dark-lustre"] p,
[class*="color-scheme-dark-lustre"] .rte {
  color: var(--ldl-on-surface-variant) !important;
}
/* Gold links: only section header "Voir tout" links, not card titles */
[class*="color-scheme-dark-lustre"] .section-header a,
[class*="color-scheme-dark-lustre"] .view-all a {
  color: var(--ldl-primary) !important;
}

/* ─── RICH TEXT ON DARK ─── */
[class*="color-scheme-dark-lustre"] .rich-text__text,
[class*="color-scheme-dark-lustre"] .rich-text .rte {
  color: var(--ldl-on-surface-variant) !important;
}

/* ─── IMAGE WITH TEXT ON DARK ─── */
[class*="color-scheme-dark-lustre"] .image-with-text__content h2,
[class*="color-scheme-dark-lustre"] .image-with-text .title {
  color: var(--ldl-on-surface) !important;
}
[class*="color-scheme-dark-lustre"] .image-with-text__text,
[class*="color-scheme-dark-lustre"] .image-with-text .rte {
  color: var(--ldl-on-surface-variant) !important;
}

/* ─── COLLECTION CARDS ON DARK ─── */

/* ─── MULTICOLUMN / ETHOS ON DARK ─── */
[class*="color-scheme-dark-lustre"] .multicolumn-card {
  background: transparent !important;
  border: none !important;
}
[class*="color-scheme-dark-lustre"] .multicolumn-card::before {
  display: none !important;
}
[class*="color-scheme-dark-lustre"] .multicolumn-card__info h3 {
  color: var(--ldl-on-surface) !important;
  text-transform: uppercase !important;
}
[class*="color-scheme-dark-lustre"] .multicolumn-card__info p,
[class*="color-scheme-dark-lustre"] .multicolumn-card__info .rte {
  color: var(--ldl-on-surface-variant) !important;
}

/* Hide the field label that overlaps with underline style */
/* Gold S'INSCRIRE button */

/* ─── FAQ ON DARK SECTIONS ─── */
[class*="color-scheme-dark-lustre"] .accordion {
  border-color: rgba(77,70,53,0.2) !important;
}
[class*="color-scheme-dark-lustre"] .accordion__title {
  color: var(--ldl-on-surface) !important;
  font-weight: 600 !important;
}
[class*="color-scheme-dark-lustre"] .accordion summary .icon-caret {
  color: var(--ldl-primary) !important;
}
[class*="color-scheme-dark-lustre"] .accordion__content,
[class*="color-scheme-dark-lustre"] .accordion__content .rte,
[class*="color-scheme-dark-lustre"] .accordion__content p {
  color: var(--ldl-on-surface-variant) !important;
  line-height: 1.7 !important;
}

/* ─── TESTIMONIALS / JUDGE.ME ON DARK ─── */
[class*="color-scheme-dark-lustre"] .jdgm-rev-widg {
  background: transparent !important;
}
[class*="color-scheme-dark-lustre"] .jdgm-rev {
  background: var(--ldl-surface-low) !important;
  border: 1px solid rgba(77,70,53,0.1) !important;
  border-radius: 12px !important;
  padding: 32px 24px !important;
}
[class*="color-scheme-dark-lustre"] .jdgm-rev__body,
[class*="color-scheme-dark-lustre"] .jdgm-rev__text {
  color: var(--ldl-on-surface-variant) !important;
}
[class*="color-scheme-dark-lustre"] .jdgm-rev__author {
  color: var(--ldl-on-surface) !important;
}
[class*="color-scheme-dark-lustre"] .jdgm-star {
  color: var(--ldl-primary-container) !important;
}

/* ─── REASSURANCE ON DARK ─── */
[class*="color-scheme-dark-lustre"] .multirow__inner h4,
[class*="color-scheme-dark-lustre"] .icon-with-text h3 {
  color: var(--ldl-on-surface) !important;
}
[class*="color-scheme-dark-lustre"] .multirow__inner p,
[class*="color-scheme-dark-lustre"] .icon-with-text p {
  color: var(--ldl-on-surface-variant) !important;
}

/* ─── COLLAGE ON DARK ─── */
[class*="color-scheme-dark-lustre"] .collage-card,
[class*="color-scheme-dark-lustre"] .card--collage {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.section-sections--footer,
.footer,
.footer h2,
.footer a,
.footer .footer__copyright,
.footer li,

/* ─── PRODUCT PAGES: preserve light theme ─── */
/* Product page sections use light color schemes.
   We ensure they don't inherit dark overrides. */
.product .product__title { color: inherit !important; }
.product .product__description,
.product .product__text { color: #2a2a2a !important; }
.product .price .money,
.product .price-item { color: inherit !important; }

/* Product page accordion (pl-accordion) — ensure visibility */
.pl-accordion summary,
.pl-accordion .accordion__title {
  color: #1a1a1a !important;
}
.pl-accordion .accordion__content,
.pl-accordion .accordion__content .rte {
  color: #2a2a2a !important;
}

/* Product page ATC button stays dark bg */
.product-form__submit {
  background: #0a0a0a !important;
  color: #fff !important;
}
.product-form__submit:hover {
  background: var(--ldl-primary) !important;
}

/* ─── COLLECTION PAGES: beige warm background ─── */
/* Collection banner and grid should not be dark */
.collection .section-header__title,
.collection-banner__heading {
  color: inherit !important;
}

/* ─── GLOBAL BORDER RADIUS (24px buttons, 12px cards from mockup) ─── */
:root {
  --buttons-radius: 12px;
  --buttons-radius-outset: 13px;
}

/* ══════════════════════════════════════════
   RESPONSIVE — DARK THEME MOBILE OVERRIDES
   (from mockup @media rules)
   ══════════════════════════════════════════ */

@media (max-width: 1024px) {
  /* Collection grid 2 cols */
  [class*="color-scheme-dark-lustre"] .collection-list .grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  /* Hero mobile */
  .slideshow .button,
  .slideshow .button--primary,
  .slideshow .button--secondary,
  .slideshow .button + .button {
    text-align: center !important;
    width: 100% !important;
    padding: 14px 28px !important;
  }

  

  /* Product cards ATC smaller on mobile */
  [class*="color-scheme-dark-lustre"] .quick-add__submit {
    padding: 10px 0 !important;
    font-size: 11px !important;
  }

  
}

@media (max-width: 640px) {
  /* Product grid 2 cols on small mobile */
  [class*="color-scheme-dark-lustre"] .product-grid,
  [class*="color-scheme-dark-lustre"] .grid--2-col-tablet-down {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }

  /* Collection grid 2 cols */
  [class*="color-scheme-dark-lustre"] .collection-list .grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

/* ══════════════════════════════════════════
   CSS v7.1 PATCH — Targeted fixes
   ══════════════════════════════════════════ */

/* FIX: Testimonial cards — force dark background on inner elements */
.testimonial__inner.color-scheme-dark-lustre {
  background: var(--ldl-surface-low) !important;
  border: 1px solid rgba(77,70,53,0.1) !important;
  border-radius: 12px !important;
}
.testimonial__inner.color-scheme-dark-lustre .testimonial__author-name,
.testimonial__inner.color-scheme-dark-lustre .h4 {
  color: var(--ldl-on-surface) !important;
}
.testimonial__inner.color-scheme-dark-lustre .testimonial__author-description {
  color: var(--ldl-outline) !important;
}
.testimonial__inner.color-scheme-dark-lustre .testimonial__content,
.testimonial__inner.color-scheme-dark-lustre .testimonial__content p,
.testimonial__inner.color-scheme-dark-lustre .rte {
  color: var(--ldl-on-surface-variant) !important;
}

/* FIX: IWT sections — remove white corner radius on images */
.image-with-text .media-wrapper,
.image-with-text .media,
.image-with-text .global-media-settings {
  border-radius: 0 !important;
}

/* FIX: Section borders — clean separation between dark sections */
[class*="color-scheme-dark-lustre"] + [class*="color-scheme-dark-lustre"] {
  border-top: 1px solid rgba(77,70,53,0.1) !important;
}

/* FIX: Product cards in featured collection — ensure card bg is dark */
.color-scheme-dark-lustre-alt .card,
.color-scheme-dark-lustre-alt .card--standard,
.color-scheme-dark-lustre-alt .card-wrapper .card {
  background: var(--ldl-surface-low) !important;
  border-radius: 12px !important;
}
.color-scheme-dark-lustre-alt .card__heading a,

/* FIX: Ensure product pages DON'T get dark backgrounds */
.product .card,
.product .card--standard,
.product-form,
.product__info-wrapper,
.product__media-wrapper {
  background: inherit;
}

/* ══════════════════════════════════════════
   CSS v7.2 PATCH — Maquette exacte fixes
   ══════════════════════════════════════════ */

/* FIX: IWT buttons must be cream (#ece8e3) bg, dark text — per mockup .btn-dark */
/* Override the gold button from Platinium CSS */
[class*="color-scheme-dark-lustre"] .image-with-text .button,
[class*="color-scheme-dark-lustre"] .image-with-text .button--primary,
[class*="color-scheme-dark-lustre"] .image-with-text a.button {
  background: #ece8e3 !important;
  color: #1e1d1b !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
[class*="color-scheme-dark-lustre"] .image-with-text .button:hover,
[class*="color-scheme-dark-lustre"] .image-with-text .button--primary:hover {
  background: #b8985f !important;
  color: #fff9f0 !important;
}

/* FIX: Rich text button must be outline/secondary — per mockup .btn-secondary */
[class*="color-scheme-dark-lustre"] .rich-text .button,
[class*="color-scheme-dark-lustre"] .rich-text .button--secondary {
  background: transparent !important;
  color: #ece8e3 !important;
  border: 1px solid #4d4639 !important;
  border-radius: 12px !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
[class*="color-scheme-dark-lustre"] .rich-text .button:hover,
[class*="color-scheme-dark-lustre"] .rich-text .button--secondary:hover {
  border-color: #b8985f !important;
  color: #b8985f !important;
  background: transparent !important;
}

/* Also fix the field wrapper border that Shopify adds */

/* FIX: "View All" / "Tout afficher" button — gold pill per mockup .btn-view-all */
[class*="color-scheme-dark-lustre"] .collection__view-all .button,
[class*="color-scheme-dark-lustre"] a.button--primary:not(.quick-add__submit):not(.product-form__submit) {
  background: #b8985f !important;
  color: #fff9f0 !important;
  border-radius: 30px !important;
  padding: 14px 48px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  border: none !important;
}
[class*="color-scheme-dark-lustre"] .collection__view-all .button:hover {
  filter: brightness(1.15) !important;
}

/* ══════════════════════════════════════════
   CSS v7.3 PATCH — Selector specificity fix
   The color-scheme class is ON the section element itself, not a parent.
   Use .element.color-scheme instead of .color-scheme .element
   ══════════════════════════════════════════ */

/* FIX: IWT buttons - color-scheme IS on .image-with-text element */
.image-with-text.color-scheme-dark-lustre .button,
.image-with-text.color-scheme-dark-lustre .button--primary,
.image-with-text.color-scheme-dark-lustre-alt .button,
.image-with-text.color-scheme-dark-lustre-alt .button--primary {
  background: #ece8e3 !important;
  color: #1e1d1b !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.image-with-text.color-scheme-dark-lustre .button:hover,
.image-with-text.color-scheme-dark-lustre-alt .button:hover {
  background: #b8985f !important;
  color: #fff9f0 !important;
}

/* FIX: Rich text button - color-scheme IS on the rich-text wrapper */
.rich-text.color-scheme-dark-lustre .button,
.rich-text.color-scheme-dark-lustre .button--secondary,
.rich-text.color-scheme-dark-lustre-alt .button,
.rich-text.color-scheme-dark-lustre-alt .button--secondary,
.color-scheme-dark-lustre .rich-text__buttons .button,
.color-scheme-dark-lustre .rich-text__buttons .button--secondary {
  background: transparent !important;
  color: #ece8e3 !important;
  border: 1px solid #4d4639 !important;
  border-radius: 12px !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.rich-text.color-scheme-dark-lustre .button:hover,
.rich-text.color-scheme-dark-lustre-alt .button:hover,
.color-scheme-dark-lustre .rich-text__buttons .button:hover {
  border-color: #b8985f !important;
  color: #b8985f !important;
  background: transparent !important;
}

/* FIX: Generic dark section buttons — primary=gold EXCEPT in IWT and ATC */
.color-scheme-dark-lustre .button--primary:not(.quick-add__submit):not(.product-form__submit),
.color-scheme-dark-lustre-alt .button--primary:not(.quick-add__submit):not(.product-form__submit) {
  background: #b8985f !important;
  color: #fff9f0 !important;
  border: none !important;
  border-radius: 12px !important;
}

/* But IWT buttons override back to cream (higher specificity) */
.image-with-text.color-scheme-dark-lustre .button--primary,
.image-with-text.color-scheme-dark-lustre-alt .button--primary {
  background: #ece8e3 !important;
  color: #1e1d1b !important;
}

/* And rich text button overrides to transparent outline */
.rich-text.color-scheme-dark-lustre .button--secondary,
.color-scheme-dark-lustre .rich-text__buttons .button--secondary {
  background: transparent !important;
  color: #ece8e3 !important;
  border: 1px solid #4d4639 !important;
}

/* ══════════════════════════════════════════
   CSS v7.4 — IWT button final fix
   DOM: .image-with-text__content.color-scheme-dark-lustre-alt > .button
   ══════════════════════════════════════════ */

.image-with-text__content.color-scheme-dark-lustre .button,
.image-with-text__content.color-scheme-dark-lustre .button--primary,
.image-with-text__content.color-scheme-dark-lustre-alt .button,
.image-with-text__content.color-scheme-dark-lustre-alt .button--primary {
  background: #ece8e3 !important;
  color: #1e1d1b !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 12px 28px !important;
}
.image-with-text__content.color-scheme-dark-lustre .button:hover,
.image-with-text__content.color-scheme-dark-lustre-alt .button:hover {
  background: #b8985f !important;
  color: #fff9f0 !important;
}

/* ══════════════════════════════════════════
   CSS v7.5 — Override Shopify CSS variables for IWT buttons
   The Shopify theme applies button color via --color-button variable.
   We override the variable on the IWT content element so the theme's own
   CSS renders cream buttons instead of gold.
   ══════════════════════════════════════════ */

/* Override --color-button on IWT content to make buttons cream instead of gold */
.image-with-text__content.color-scheme-dark-lustre,
.image-with-text__content.color-scheme-dark-lustre-alt {
  --color-button: 236,232,227;  /* #ece8e3 cream */
  --color-button-text: 30,29,27;  /* #1e1d1b dark */
  --alpha-button-background: 1;
}
/* Hover: gold */
.image-with-text__content.color-scheme-dark-lustre .button:hover,
.image-with-text__content.color-scheme-dark-lustre-alt .button:hover {
  --color-button: 184,152,95 !important;
  --color-button-text: 255,249,240 !important;
  background-color: rgb(184,152,95) !important;
  color: rgb(255,249,240) !important;
}

/* Also override the rich text section button to be secondary/outline style */
/* Override --color-button to make button transparent in rich text */
.rich-text.color-scheme-dark-lustre .button--secondary,
.rich-text.color-scheme-dark-lustre-alt .button--secondary {
  --color-button: transparent;
  --alpha-button-background: 0;
  background: transparent !important;
  background-color: transparent !important;
  color: rgb(236,232,227) !important;
  border: 1px solid rgb(77,70,57) !important;
}

/* ══════════════════════════════════════════
   CSS v7.6 — IWT button via section ID selectors (max specificity)
   ══════════════════════════════════════════ */

/* Target IWT salon and Art Deco sections directly by ID */
#shopify-section-template--24877898367310__iwt_salon .button--primary,
#shopify-section-template--24877898367310__iwt_salon .button,
#shopify-section-template--24877898367310__iwt_artdeco .button--primary,
#shopify-section-template--24877898367310__iwt_artdeco .button {
  background: #ece8e3 !important;
  background-color: #ece8e3 !important;
  color: #1e1d1b !important;
  border: none !important;
  border-radius: 12px !important;
}
#shopify-section-template--24877898367310__iwt_salon .button:hover,
#shopify-section-template--24877898367310__iwt_artdeco .button:hover {
  background: #b8985f !important;
  background-color: #b8985f !important;
  color: #fff9f0 !important;
}

/* ══════════════════════════════════════════
   CSS v7.7 — Force grid layout on featured collection (override keen-slider)
   The Self-Made theme always applies keen-slider even with enable_desktop_slider=false
   ══════════════════════════════════════════ */

/* Force featured collection to display as grid, not slider */
#shopify-section-template--24877898367310__featured_collection_V4MXY9 .keen-slider,
#shopify-section-template--24877898367310__featured_collection_V4MXY9 .grid-slider {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  transform: none !important;
  overflow: visible !important;
}
#shopify-section-template--24877898367310__featured_collection_V4MXY9 .keen-slider__slide,
#shopify-section-template--24877898367310__featured_collection_V4MXY9 .grid__item {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  transform: none !important;
  position: relative !important;
}
/* Hide slider navigation arrows and dots for this section */
#shopify-section-template--24877898367310__featured_collection_V4MXY9 .slider__navigation,
#shopify-section-template--24877898367310__featured_collection_V4MXY9 .slider__controls {
  display: none !important;
}

/* Mobile: 2 columns */
@media (max-width: 768px) {
  #shopify-section-template--24877898367310__featured_collection_V4MXY9 .keen-slider,
  #shopify-section-template--24877898367310__featured_collection_V4MXY9 .grid-slider {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }
}

/* ══════════════════════════════════════════
   CSS v7.8 FINAL POLISH — Edge-to-edge sections, body dark, spacing
   ══════════════════════════════════════════ */

/* CRITICAL: Body background dark on homepage to eliminate white gaps between sections */
/* Shopify body class doesn't reliably indicate template, so we use dark body globally */
/* Product/collection pages have their own section backgrounds that cover the body */
/* Body: dark on homepage, beige warm on other pages */
body.template-index { background-color: #1e1d1b !important; }
body:not(.template-index) { background-color: #f8f6f0 !important; }

/* IWT sections: remove padding/margin that creates white gaps */
#shopify-section-template--24877898367310__iwt_salon,
#shopify-section-template--24877898367310__iwt_artdeco {
  margin: 0 !important;
  padding: 0 !important;
}
#shopify-section-template--24877898367310__iwt_salon .image-with-text,
#shopify-section-template--24877898367310__iwt_artdeco .image-with-text {
  padding: 0 !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}

/* All homepage sections: eliminate gaps between dark sections */
#shopify-section-template--24877898367310__rich_text_AtzCXX,
#shopify-section-template--24877898367310__featured_collection_V4MXY9,
#shopify-section-template--24877898367310__collage_vitrine,
#shopify-section-template--24877898367310__collection_list_iPR43K,
#shopify-section-template--24877898367310__ethos_brutalisme,
#shopify-section-template--24877898367310__testimonials_clients,
#shopify-section-template--24877898367310__faq_homepage,

/* Ensure IWT image fills full height with no rounding */
.image-with-text .image-with-text__media-item {
  border-radius: 0 !important;
}
.image-with-text .image-with-text__media-item img {
  border-radius: 0 !important;
}

/* Product/collection pages: body.template-product/collection handles background via body selector above */

/* Override the existing blocks-wrapper grid */

/* Brand about text */

/* Legal links (text block with <p><a> structure) */

/* Menu links spacing */

/* Payment icons styling */

/* Hide country/language selectors */

@media (max-width: 1024px) {
}
@media (max-width: 640px) {
}

/* Override theme grid constraints */

/* === MOBILE LOGO — increase size, no compression === */
@media (max-width: 768px) {
  .header__heading-logo-wrapper img,
  .header__heading-logo-image {
    max-height: 50px !important;
    max-width: 160px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* === MOBILE CENTRAGE — tout centré sur mobile === */
@media (max-width: 768px) {
  /* Section headings centered */
  .color-scheme-dark-lustre h2,
  .color-scheme-dark-lustre-alt h2,
  .color-scheme-dark-lustre .title,
  .color-scheme-dark-lustre-alt .title {
    text-align: center !important;
  }

  /* Rich text centered */
  .rich-text .rich-text__text,
  .rich-text .rte,
  .rich-text .rich-text__buttons {
    text-align: center !important;
  }

  /* IWT content centered on mobile */
  .image-with-text__content {
    text-align: center !important;
    align-items: center !important;
  }
  .image-with-text__content h2,
  .image-with-text__content p {
    text-align: center !important;
  }

  /* Ethos/multicolumn centered */
  .multicolumn-card__info {
    text-align: center !important;
  }

  /* Featured collection heading centered */
  [id*="featured_collection"] .title,
  [id*="featured_collection"] .collection__description {
    text-align: center !important;
  }

  /* Collection list centered */
  [id*="collection_list"] .title,
  [id*="collection_list"] h2 {
    text-align: center !important;
  }

  

  /* Testimonials centered */
  .testimonial__inner {
    text-align: center !important;
  }

  /* FAQ centered heading */
  .faq h2, .faq .title {
    text-align: center !important;
  }

  /* Hero buttons full width stacked */
  .slideshow .button,
  .banner .button {
    width: 100% !important;
    text-align: center !important;
  }

  /* Featured collection grid 2 cols on mobile */
  #shopify-section-template--24877898367310__featured_collection_V4MXY9 .keen-slider,
  #shopify-section-template--24877898367310__featured_collection_V4MXY9 .grid-slider {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

/* Override first block heading to be bigger */

@media (max-width: 1024px) {
}
@media (max-width: 640px) {
}

/* Title gold */

/* Blocks wrapper: 4-column grid */

/* Each block fills its cell */

/* Brand heading gold */

/* All column headings */

/* Links and text */

/* No country/language selectors */

/* Remove the content-top grid that conflicts */

/* Responsive */
@media (max-width: 768px) {
}

/* === MINIMAL OVERRIDES — Colors only, theme handles layout/animations === */

/* Newsletter title gold */
.newsletter .title, .newsletter h2 {
  color: #b8985f !important;
}

/* Newsletter form visible (theme hides it by default on some schemes) */
.newsletter .newsletter-form, .newsletter form {
  display: flex !important;
}

/* Footer first block heading gold */
.footer .footer-block:first-child .footer-block__heading {
  color: #b8985f !important;
}

/* ══════════════════════════════════════════
   MOBILE FIXES — Logo, Ethos, Collections, Réassurance
   ══════════════════════════════════════════ */

/* === LOGO MOBILE : plus grand, pas compressé === */
@media (max-width: 768px) {
  .header__heading-logo-wrapper img,
  .header__heading-logo-image {
    max-height: 55px !important;
    max-width: 180px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }
  /* Give logo more space */
  .header__heading-link {
    padding: 4px 0 !important;
  }
}

/* === ETHOS "Le Brutalisme Élégant" : plus grand sur mobile === */
@media (max-width: 768px) {
  #shopify-section-template--24877898367310__ethos_brutalisme .title,
  #shopify-section-template--24877898367310__ethos_brutalisme h2 {
    font-size: clamp(2rem, 8vw, 3rem) !important;
    line-height: 1.1 !important;
  }
  #shopify-section-template--24877898367310__ethos_brutalisme .multicolumn-card__info h3 {
    font-size: clamp(1.3rem, 4.6vw, 1.7rem) !important;
  }
}

/* === COLLECTION CARDS : texte qui ne dépasse pas === */
.collection-list__item .card__heading,
/* Ensure text stays within card bounds */

/* === COLLECTION CARDS MOBILE : 2 cols propres === */
@media (max-width: 640px) {
}

/* Hide Klarna On-Site Messaging on product pages */
klarna-placement,
[data-testid="klarna-placement"],
.klarna-placement,
#klarna-installment-banner,
[id*="klarna"],
.shopify-payment-button__more-options,
iframe[src*="klarna"] {
  display: none !important;
}

/* === ETHOS + REASSURANCE : Tailles de police corrigées (basé ancien CSS) === */

/* Ethos "01 — PERFORMANCE" etc : taille intermédiaire */
#shopify-section-template--24877898367310__ethos_brutalisme .multicolumn-card__info h3 {
  font-size: clamp(1.8rem, 2.3vw + 0.5rem, 2.3rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
}
#shopify-section-template--24877898367310__ethos_brutalisme .multicolumn-card__info p,
#shopify-section-template--24877898367310__ethos_brutalisme .multicolumn-card__info .rte {
  font-size: clamp(1.32rem, 1.54vw + 0.44rem, 1.65rem) !important;
  line-height: 1.85 !important;
  font-weight: 300 !important;
}

@media (max-width: 768px) {
  #shopify-section-template--24877898367310__ethos_brutalisme .multicolumn-card__info h3 {
    font-size: clamp(1.7rem, 5.9vw, 2.1rem) !important;
  }
  #shopify-section-template--24877898367310__ethos_brutalisme .multicolumn-card__info p,
  #shopify-section-template--24877898367310__ethos_brutalisme .multicolumn-card__info .rte {
    font-size: clamp(1.16rem, 3.85vw, 1.32rem) !important;
  }
}

/* === Centrer les flèches/dots du slider collections sur mobile === */
@media (max-width: 768px) {
  #shopify-section-template--24877898367310__collection_list_iPR43K .slider__navigation,
  #shopify-section-template--24877898367310__collection_list_iPR43K .slider__controls,
  #shopify-section-template--24877898367310__collection_list_iPR43K .slider__navigation--inner {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }
}

/* === Collection list: force grid instead of slider === */
#shopify-section-template--24877898367310__collection_list_iPR43K .keen-slider,
#shopify-section-template--24877898367310__collection_list_iPR43K .grid-slider {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  transform: none !important;
  overflow: visible !important;
}
#shopify-section-template--24877898367310__collection_list_iPR43K .keen-slider__slide,
#shopify-section-template--24877898367310__collection_list_iPR43K .grid__item {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  transform: none !important;
  position: relative !important;
}
#shopify-section-template--24877898367310__collection_list_iPR43K .slider__navigation,
#shopify-section-template--24877898367310__collection_list_iPR43K .slider__controls {
  display: none !important;
}
@media (max-width: 768px) {
  #shopify-section-template--24877898367310__collection_list_iPR43K .keen-slider,
  #shopify-section-template--24877898367310__collection_list_iPR43K .grid-slider {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

/* === RÉASSURANCE — Desktop: 18px/15px | Mobile: 2 colonnes, 5ème centré, 33px/28px === */

/* Desktop */
#shopify-section-template--24877898367310__reassurance_homepage .multicolumn-card__info h3 {
  font-size: 18px !important;
  font-weight: 400 !important;
}
#shopify-section-template--24877898367310__reassurance_homepage .multicolumn-card__info p,
#shopify-section-template--24877898367310__reassurance_homepage .multicolumn-card__info .rte {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

/* Mobile */
@media (max-width: 768px) {
  #shopify-section-template--24877898367310__reassurance_homepage .multicolumn-list,
  #shopify-section-template--24877898367310__reassurance_homepage .grid,
  #shopify-section-template--24877898367310__reassurance_homepage .slider {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px 16px !important;
  }
  #shopify-section-template--24877898367310__reassurance_homepage .multicolumn-list__item,
  #shopify-section-template--24877898367310__reassurance_homepage .grid__item,
  #shopify-section-template--24877898367310__reassurance_homepage .slider__slide {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    transform: none !important;
    position: relative !important;
  }
  #shopify-section-template--24877898367310__reassurance_homepage .multicolumn-list__item:last-child,
  #shopify-section-template--24877898367310__reassurance_homepage .grid__item:last-child,
  #shopify-section-template--24877898367310__reassurance_homepage .slider__slide:last-child {
    grid-column: 1 / -1 !important;
  }
  /* Hide slider nav on mobile for reassurance */
  #shopify-section-template--24877898367310__reassurance_homepage .slider__navigation,
  #shopify-section-template--24877898367310__reassurance_homepage .slider__controls {
    display: none !important;
  }
  /* Font sizes mobile */
  #shopify-section-template--24877898367310__reassurance_homepage .multicolumn-card__info h3 {
    font-size: 20px !important;
    font-weight: 400 !important;
    white-space: normal !important;
    line-height: 1.3 !important;
  }
  #shopify-section-template--24877898367310__reassurance_homepage .multicolumn-card__info p,
  #shopify-section-template--24877898367310__reassurance_homepage .multicolumn-card__info .rte {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }
}

/* === NOS LUMINAIRES PRÉFÉRÉS : enlever le gras du titre === */
#shopify-section-template--24877898367310__featured_collection_V4MXY9 .title,


/* === NOS LUMINAIRES PRÉFÉRÉS : titre === */
#shopify-section-template--24877898367310__featured_collection_V4MXY9 .title,
#shopify-section-template--24877898367310__featured_collection_V4MXY9 h2 {
  font-weight: 400 !important;
}
@media (max-width: 768px) {
  #shopify-section-template--24877898367310__featured_collection_V4MXY9 .title,
  #shopify-section-template--24877898367310__featured_collection_V4MXY9 h2 {
    font-size: calc(1em + 6px) !important;
  }
}


/* === NOS COLLECTIONS : titres cartes en blanc, pas gold === */
[class*="color-scheme-dark-lustre"] .card--media .card__heading a,
[class*="color-scheme-dark-lustre"] .card--collection .card__heading a {
  color: #ece8e3 !important;
}


/* === Titres produits + collections : blanc crème sur dark, pas gold === */
[class*="color-scheme-dark-lustre"] .card__heading a,
[class*="color-scheme-dark-lustre"] .card__heading,
.color-scheme-dark-lustre .card__heading a,
.color-scheme-dark-lustre-alt .card__heading a {
  color: #ece8e3 !important;
}


/* ─── HEADER STICKY: CSS pur, sans dépendance JS ─── */
.shopify-section-group-header-group {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}


/* ─── BLOG: images/GIFs responsive mobile ─── */
.article-template .rte img,
.article-template .rte .blog-gif,
.blog-article .rte img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 20px auto;
  border-radius: 8px;
}
@media (max-width: 749px) {
  .article-template .rte img,
  .blog-article .rte img {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 6px;
  }
}

/* ═══════════════════════════════════════════════════════
   ATL — ANIMATIONS APPLE-STYLE
   Mouvement ample, cinématique, ralenti. Comme Apple.
   ═══════════════════════════════════════════════════════ */

/* ─── BOUTONS PRIMARY: feedback Apple au clic ─── */
.button--primary:active {
  transform: scale(0.97) !important;
  transition: transform .1s ease !important;
}

/* ─── BOUTONS SECONDARY: soulignement Apple ─── */
.button--secondary {
  position: relative;
  transition: color .4s ease, opacity .4s ease !important;
}
.button--secondary::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%;
  width: 0; height: 1.5px;
  background: currentColor;
  transition: width .4s cubic-bezier(0.25, 0.1, 0.25, 1),
              left .4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.button--secondary:hover::after {
  width: 100%;
  left: 0;
}

/* ─── PRODUCT CARDS: zoom lent Apple ─── */
.card-wrapper .card__media img,
.card-wrapper .media img {
  transition: transform 1.2s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}
.card-wrapper:hover .card__media img,
.card-wrapper:hover .media img {
  transform: scale(1.06);
}

/* ─── COLLECTION CARDS: élévation douce ─── */
.collection-card,
.collection-list__item .card {
  transition: transform .6s cubic-bezier(0.25, 0.1, 0.25, 1),
              box-shadow .6s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}
.collection-card:hover,
.collection-list__item .card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0,0,0,.08);
}

/* ─── IMAGE WITH TEXT: parallax Apple ─── */
.image-with-text .media img {
  transition: transform 1.4s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}
.image-with-text:hover .media img {
  transform: scale(1.04);
}

/* ─── NAVIGATION: soulignement minimal Apple ─── */
.header__menu-item > a {
  position: relative;
}
.header__menu-item > a::after {
  content: '';
  position: absolute;
  bottom: -4px; left: 50%;
  width: 0; height: 1px;
  background: currentColor;
  opacity: 0.6;
  transition: width .4s cubic-bezier(0.25, 0.1, 0.25, 1),
              left .4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.header__menu-item > a:hover::after {
  width: 80%;
  left: 10%;
}

/* ─── FAQ: hover minimal ─── */
.faq__question {
  transition: opacity .3s ease !important;
}
.faq__question:hover {
  opacity: 0.7 !important;
}

/* ─── NEWSLETTER: focus Apple ─── */
.newsletter-form__field-wrapper input:focus {
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,.12) !important;
  transition: border-color .4s ease, box-shadow .4s ease !important;
}

/* ─── REDUCE MOTION: respect accessibility ─── */
@media (prefers-reduced-motion: reduce) {
  .atl-reveal { transition: none !important; opacity: 1 !important; transform: none !important; }
  .atl-reveal.atl-visible * { animation: none !important; opacity: 1 !important; }
  .card-wrapper .media img,
  .image-with-text .media img { transition: none !important; }
}

/* ═══════════════════════════════════════════════════════
   ATL FIX : Photos produits — affichage complet sans rognage
   Remplace object-fit:cover (qui découpe) par object-contain
   (qui montre la photo entière) sur tous les visuels produits.
   Appliqué sur : cartes produit, fiche produit, slider mobile.
   ═══════════════════════════════════════════════════════ */

/* Cartes produit (pages collection, recherche, featuredproducts) */
.card__media .media > img,
.card__inner .media > img {
  object-fit: contain !important;
  background-color: #ffffff;
}

/* Cart line items */
.cart-item__media .media > img {
  object-fit: contain !important;
  background-color: #ffffff;
}

/* ═══════════════════════════════════════════════════════
   ATL FIX — Résiduels CSS nécessaires (pas de setting natif)
   NOTE: header margin_bottom, product padding_top et media_fit
   sont gérés par les theme settings (header-group.json + product.json)
   ═══════════════════════════════════════════════════════ */

/* Cartes produit listing : contain (pas de setting natif media_fit sur product-grid) */
.card__media .media > img,
.card__inner .media > img {
  object-fit: contain !important;
  background-color: #ffffff;
}

/* Cart drawer : contain */
.cart-item__media .media > img {
  object-fit: contain !important;
  background-color: #ffffff;
}

/* Breadcrumb custom atl-bc : marges compactes (élément custom, pas de setting) */



/* PageSpeed safe overflow: replaced elements must use `clip` (not `visible`) */
img, video, canvas { overflow: clip; }

/* Header — slide smooth au scroll up/down, même easing que sticky ATC */
.section-header.shopify-section-header-sticky{
  transition: transform .35s cubic-bezier(.4,0,.2,1);
  transform: translateY(0);
}
.section-header.shopify-section-header-sticky.shopify-section-header-hidden{
  top: 0 !important;
  transform: translateY(-100%);
}

/* Mobile menu drawer : supprimer l'espace vide au-dessus du 1er item */
@media(max-width:989px){
  .menu-drawer__navigation,
  .menu-drawer__navigation-container,
  .menu-drawer__menu{
    margin-top:0 !important;
    padding-top:0 !important;
  }
  .menu-drawer__inner-container{padding-top:0 !important;}
}


/* Masquer inventory natif Shopify (remplacé par .atl-stock dynamique) */
.product__inventory,p.product__inventory{display:none !important}
/* Stacked gallery — force ratio 16:9 (theme par défaut force square) */

[id^="MainProduct"] .atl-bc {
  margin: 0 0 8px 0 !important;
  padding-top: 6px !important;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
[id^="MainProduct"] .atl-bc__list {
  display: flex;
  flex-wrap: nowrap;
  gap: .4rem;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
[id^="MainProduct"] .atl-bc__current {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
}


/* ═══════════════════════════════════════════════════════════════
   RÉASSURANCE — sélecteur robuste (matche tous les template ID)
   Mobile : 1 ligne horizontale avec scroll snap (vs 2 cols Dawn)
   ═══════════════════════════════════════════════════════════════ */
[id$="__reassurance_homepage"] .multicolumn-card__info h3 {
  font-size: 18px !important;
  font-weight: 400 !important;
}
[id$="__reassurance_homepage"] .multicolumn-card__info p,
[id$="__reassurance_homepage"] .multicolumn-card__info .rte {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

@media (max-width: 768px) {
  [id$="__reassurance_homepage"] .multicolumn-list,
  [id$="__reassurance_homepage"] .grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0 16px 4px !important;
    margin: 0 -16px !important;
  }
  [id$="__reassurance_homepage"] .multicolumn-list::-webkit-scrollbar,
  [id$="__reassurance_homepage"] .grid::-webkit-scrollbar { display: none; }

  [id$="__reassurance_homepage"] .multicolumn-list__item,
  [id$="__reassurance_homepage"] .grid__item {
    flex: 0 0 70% !important;
    max-width: 70% !important;
    width: 70% !important;
    min-width: 0 !important;
    scroll-snap-align: start;
    text-align: center !important;
    transform: none !important;
    position: relative !important;
    grid-column: auto !important;
  }
  [id$="__reassurance_homepage"] .slider__navigation,
  [id$="__reassurance_homepage"] .slider__controls {
    display: none !important;
  }
  [id$="__reassurance_homepage"] .multicolumn-card__info h3 {
    font-size: 14px !important;
    font-weight: 500 !important;
    white-space: normal !important;
    line-height: 1.3 !important;
  }
  [id$="__reassurance_homepage"] .multicolumn-card__info p,
  [id$="__reassurance_homepage"] .multicolumn-card__info .rte {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
  }
}