/** Shopify CDN: Minification failed

Line 539:52 The "+" operator only works if there is whitespace on both sides
Line 606:117 The "+" operator only works if there is whitespace on both sides
Line 4462:316 Unexpected "\\n"
Line 4462:338 Expected ":"
Line 4462:360 Expected ":"
Line 4462:377 Expected ":"
Line 4462:394 Expected ":"
Line 4462:415 Expected ":"
Line 4462:432 Expected ":"
Line 4462:457 Expected ":"
... and 69 more hidden warnings

**/
/* ============================================================
   icitte. — PREMIUM QUÉBEC STREETWEAR
   Dime × Corteiz × Fear of God aesthetic
   ============================================================ */

:root {
  --black:     #050505;
  --black-2:   #0a0a0a;
  --black-3:   #111;
  --black-4:   #181818;
  --charcoal:  #222;
  --ash:       #5c5c5c;
  --fog:       #666;
  --silver:    #999;
  --cloud:     #ccc;
  --snow:      #ebebeb;
  --white:     #f5f5f5;
  --line:      rgba(255,255,255,0.07);
  --line-2:    rgba(255,255,255,0.14);

  --font-display: 'Barlow Condensed', sans-serif;
  --font-body:    'Barlow', sans-serif;

  --hdr: 62px;
  --ann: 36px;
  --t: 0.24s;
  --ease: cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--black);color:var(--white);font-family:var(--font-body);font-weight:400;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
/* ── Images produit : contain, centré, jamais crop ── */
.product-card__img-wrap img,
.gallery-main img,
.gallery-thumb img,
.cart-item__img img,
#pdp-main-img,
#gallery-main img{
  object-fit:contain !important;
  object-position:center !important;
}
/* ── Images de sections/hero/backgrounds : cover normal ── */
.community-img img,
.quality-img-side img,
[class*="-img-side"] img{
  height:100% !important;
  width:100%;
  object-fit:cover;
  object-position:center;
}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}
input,select{font-family:inherit}

/* ── ANNOUNCE BAR ── */
.announce-bar{
  position:sticky;top:0;z-index:300;
  background:var(--black);
  border-bottom:1px solid var(--line);
  height:var(--ann);
  display:flex;align-items:center;
  overflow:hidden;
}
.announce-inner{
  display:flex;align-items:center;
  white-space:nowrap;
  animation:ticker 22s linear infinite;
  flex-shrink:0;
}
.announce-inner span{
  font-family:var(--font-display);
  font-size:10px;font-weight:700;
  letter-spacing:.28em;text-transform:uppercase;
  color:var(--fog);
  padding:0 28px;
}
.announce-accent{ color:var(--white) !important; }
.announce-dot{ color:var(--ash) !important; padding:0 4px !important; }
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── HEADER ── */
.site-header{
  position:sticky;top:var(--ann);z-index:200;
  background:rgba(5,5,5,.92);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line);
  transition:background var(--t);
}
.site-header.at-top{background:transparent;border-color:transparent}

.header-inner{
  max-width:1400px;margin:0 auto;
  padding:0 28px;height:var(--hdr);
  display:flex;align-items:center;justify-content:space-between;
}

.header-logo{
  font-family:var(--font-display);
  font-size:1.7rem;font-weight:900;
  letter-spacing:.02em;color:var(--white);
}

.header-nav{
  position:absolute;left:50%;transform:translateX(-50%);
  display:flex;gap:36px;
}
.header-nav a{
  font-family:var(--font-display);
  font-size:12px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--silver);transition:color var(--t);
  position:relative;
}
.header-nav a::after{
  content:'';position:absolute;
  bottom:-4px;left:0;width:0;height:1px;
  background:var(--white);transition:width var(--t);
}
.header-nav a:hover{color:var(--white)}
.header-nav a:hover::after{width:100%}

.header-actions{display:flex;gap:8px;align-items:center}
.header-icon{
  width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  color:var(--silver);transition:color var(--t);
}
.header-icon:hover{color:var(--white)}
.cart-count{
  position:absolute;top:4px;right:4px;
  background:var(--white);color:var(--black);
  font-size:9px;font-weight:800;
  width:14px;height:14px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}

.hamburger{display:none;flex-direction:column;gap:5px;width:40px;height:40px;align-items:center;justify-content:center}
.hamburger span{display:block;width:20px;height:1px;background:var(--white);transition:var(--t)}

.mobile-nav{
  display:none;flex-direction:column;
  background:var(--black-2);
  border-top:1px solid var(--line);
  padding:20px 28px 28px;
}
.mobile-nav.open{display:flex}
.mobile-nav a{
  font-family:var(--font-display);
  font-size:18px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--silver);padding:14px 0;
  border-bottom:1px solid var(--line);
  transition:color var(--t);
}
.mobile-nav a:hover{color:var(--white)}

/* ── HERO ── */
.hero{
  position:relative;
  width:100%;
  min-height:calc(100vh - var(--ann) - var(--hdr));
  display:flex;align-items:flex-end;
  overflow:hidden;
}
.hero__img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center 30%;
  filter:grayscale(.15) brightness(.85);
  transform:scale(1.03);
  transition:transform 8s ease;
}
.hero.loaded .hero__img{transform:scale(1)}
.hero__overlay{
  position:absolute;inset:0;
  background:linear-gradient(
    to right,
    rgba(5,5,5,.82) 0%,
    rgba(5,5,5,.45) 50%,
    rgba(5,5,5,.1) 100%
  );
}
.hero__overlay-bottom{
  position:absolute;bottom:0;left:0;right:0;height:30%;
  background:linear-gradient(to top,rgba(5,5,5,.95),transparent);
}
.hero__grain{
  position:absolute;inset:0;pointer-events:none;opacity:.4;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.05'/%3E%3C/svg%3E");
}

.hero__content{
  position:relative;z-index:2;
  padding:0 28px 64px;
  max-width:700px;
}
.hero__fleur{
  font-size:20px;color:rgba(245,245,245,.5);
  margin-bottom:20px;display:block;
  opacity:0;animation:fadeUp .8s ease .3s forwards;
}
.hero__title{
  font-family:var(--font-display);
  font-size:clamp(4.5rem,11vw,9.5rem);
  font-weight:900;line-height:.88;
  letter-spacing:-.02em;text-transform:uppercase;
  color:var(--white);margin-bottom:24px;
  opacity:0;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .5s forwards;
}
.hero__sub{
  font-size:clamp(.82rem,1.6vw,.95rem);
  font-weight:300;line-height:1.75;
  color:rgba(245,245,245,.55);
  margin-bottom:36px;
  opacity:0;animation:fadeUp .9s ease .8s forwards;
}
.hero__cta{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-display);
  font-size:13px;font-weight:800;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--black);background:var(--white);
  padding:15px 30px;
  transition:background var(--t),color var(--t),transform var(--t);
  opacity:0;animation:fadeUp .9s ease 1s forwards;
}
.hero__cta:hover{background:transparent;color:var(--white);outline:1px solid var(--white);transform:translateY(-1px)}

/* ── NOUVEAUTÉS ── */
.products-section{padding:56px 0 64px;background:var(--black)}
.section-head{
  display:flex;align-items:baseline;
  justify-content:space-between;
  padding:0 28px;margin-bottom:28px;
  max-width:1400px;margin-left:auto;margin-right:auto;
}
.section-title{
  font-family:var(--font-display);
  font-size:1.1rem;font-weight:800;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--white);
}
.section-see-all{
  font-family:var(--font-display);
  font-size:11px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--fog);
  border-bottom:1px solid var(--ash);
  padding-bottom:1px;
  transition:color var(--t),border-color var(--t);
}
.section-see-all:hover{color:var(--white);border-color:var(--white)}

/* Product grid — real Shopify connected */
.products-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2px;
  padding:0 28px;
  max-width:1400px;
  margin:0 auto;
}

.product-card{}
.product-card__link{display:block}
.product-card__img-wrap{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#0f0f0f;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-card__img{
  width:88%;height:88% !important;object-fit:contain;object-position:center;
  transition:transform .7s var(--ease);
  display:block;
}
.product-card:hover .product-card__img{transform:scale(1.03)}
.product-card__img-2{
  position:absolute;inset:0;
  width:88%;height:88% !important;object-fit:contain;object-position:center;
  margin:auto;
  opacity:0;transition:opacity .5s var(--ease);
  display:block;
}
.product-card:hover .product-card__img-2{opacity:1}
.product-card__placeholder{
  width:100%;height:100%;
  display:flex;flex-direction:column;
  align-items:flex-start;justify-content:flex-end;
  padding:20px;background:var(--black-3);
  transition:background .5s;
}
.product-card:hover .product-card__placeholder{background:var(--black-4)}
.product-card__placeholder-name{
  font-family:var(--font-display);
  font-size:clamp(1rem,2.2vw,1.5rem);
  font-weight:900;color:var(--white);
  line-height:1.1;text-transform:lowercase;
  margin-bottom:6px;
}
.product-card__placeholder-fleur{
  font-size:.9rem;color:rgba(245,245,245,.3)
}
.product-card__badge{
  position:absolute;top:12px;left:12px;
  font-family:var(--font-display);
  font-size:9px;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;
  background:var(--white);color:var(--black);
  padding:3px 9px;
}
.product-card__info{padding:12px 0 4px}
.product-card__name{
  font-family:var(--font-display);
  font-size:.85rem;font-weight:700;
  letter-spacing:.04em;text-transform:lowercase;
  color:var(--white);margin-bottom:4px;
  transition:color var(--t);
}
.product-card:hover .product-card__name{color:var(--cloud)}
.product-card__price-wrap{display:flex;align-items:baseline;gap:6px;}
.product-card__price{
  font-family:var(--font-display);
  font-size:.9rem;font-weight:700;
  color:var(--silver);
}
.product-card__price--sale{color:var(--white);}
.product-card__price-compare{
  font-family:var(--font-display);
  font-size:.8rem;font-weight:400;
  color:var(--silver);
  text-decoration:line-through;
}
.product-card__badge{
  font-family:var(--font-display);
  font-size:9px;font-weight:800;
  letter-spacing:.03em;
  color:var(--black);
  background:linear-gradient(135deg,#f5d98a,#c9a25c);
  padding:2px 6px;border-radius:3px;
  text-transform:uppercase;
}

/* ── CULTURE SPLIT ── */
.culture-section{
  display:grid;grid-template-columns:1fr 1fr;
  min-height:520px;
  border-top:1px solid var(--line);
}
.culture-left{
  background:var(--black-2);
  padding:72px 56px 72px 28px;
  display:flex;flex-direction:column;justify-content:center;
}
.culture-eyebrow{
  font-family:var(--font-display);
  font-size:10px;font-weight:700;
  letter-spacing:.38em;text-transform:uppercase;
  color:var(--fog);margin-bottom:20px;
}
.culture-title{
  font-family:var(--font-display);
  font-size:clamp(2.4rem,5vw,4.5rem);
  font-weight:900;line-height:.92;
  letter-spacing:-.01em;text-transform:uppercase;
  color:var(--white);margin-bottom:28px;
}
.culture-body{
  font-size:.9rem;font-weight:300;
  line-height:1.8;color:rgba(245,245,245,.5);
  margin-bottom:36px;max-width:360px;
}
.culture-cta{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-display);
  font-size:12px;font-weight:800;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--white);border:1px solid var(--white);
  padding:13px 24px;width:fit-content;
  transition:background var(--t),color var(--t);
}
.culture-cta:hover{background:var(--white);color:var(--black)}

.culture-right{
  position:relative;overflow:hidden;
  background:var(--black-3);
}
.culture-img{
  width:100%;height:100%;
  object-fit:cover;object-position:center;
  filter:grayscale(.2) brightness(.75);
  transition:transform .8s var(--ease);
}
.culture-right:hover .culture-img{transform:scale(1.04)}

/* ── TRUST BAR ── */
.trust-bar{
  display:flex;align-items:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--black-2);
}
.trust-item{
  flex:1;display:flex;align-items:center;gap:12px;
  padding:22px 20px;justify-content:center;
  border-right:1px solid var(--line);
}
.trust-item:last-child{border-right:none}
.trust-icon{width:20px;height:20px;color:var(--silver);flex-shrink:0}
.trust-item span{
  font-family:var(--font-display);
  font-size:10px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--silver);
}

/* ── FOOTER ── */
.site-footer{
  background:var(--black-2);
  border-top:1px solid var(--line);
  padding:56px 28px 0;
}
.footer-inner{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;
  gap:40px;max-width:1200px;margin:0 auto;
  padding-bottom:48px;
  border-bottom:1px solid var(--line);
}
.footer-logo{
  font-family:var(--font-display);
  font-size:2rem;font-weight:900;
  color:var(--white);display:block;margin-bottom:16px;
}
.footer-tagline{font-size:.82rem;color:var(--fog);line-height:1.6;margin-bottom:24px}
.footer-socials{display:flex;gap:12px}
.footer-social{
  width:36px;height:36px;border:1px solid var(--ash);
  display:flex;align-items:center;justify-content:center;
  color:var(--fog);transition:color var(--t),border-color var(--t);
}
.footer-social:hover{color:var(--white);border-color:var(--white)}
.footer-col h4{
  font-family:var(--font-display);
  font-size:10px;font-weight:800;
  letter-spacing:.28em;text-transform:uppercase;
  color:var(--white);margin-bottom:20px;
}
.footer-col li{margin-bottom:10px}
.footer-col a{
  font-size:.85rem;color:var(--fog);
  transition:color var(--t);
}
.footer-col a:hover{color:var(--white)}
.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 0;max-width:1200px;margin:0 auto;
}
.footer-copy{font-size:.75rem;color:var(--ash)}
.footer-payments{display:flex;gap:6px}
.payment-svg{height:20px;opacity:.25;filter:grayscale(1)}

/* ── CART DRAWER ── */
.cart-drawer{position:fixed;inset:0;z-index:400;pointer-events:none}
.cart-drawer.open{pointer-events:all}
.cart-drawer__overlay{position:absolute;inset:0;background:rgba(5,5,5,.8);opacity:0;transition:opacity .4s}
.cart-drawer.open .cart-drawer__overlay{opacity:1}
.cart-drawer__panel{
  position:absolute;top:0;right:0;bottom:0;
  width:400px;max-width:100%;
  background:var(--black-2);border-left:1px solid var(--line);
  display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .45s var(--ease);
}
.cart-drawer.open .cart-drawer__panel{transform:none}
.cart-drawer__head{
  padding:22px 24px;border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;
}
.cart-drawer__head h2{
  font-family:var(--font-display);font-size:.95rem;
  font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
.cart-drawer__close{color:var(--fog);transition:color var(--t);display:flex}
.cart-drawer__close:hover{color:var(--white)}
.cart-drawer__body{flex:1;overflow-y:auto;padding:20px 24px}
.cart-drawer__foot{padding:18px 24px 24px;border-top:1px solid var(--line)}
.cart-loading{color:var(--fog);text-align:center;padding:40px;font-size:.85rem}

/* ── COLLECTION PAGE ── */
.collection-page{padding:48px 28px 80px;max-width:1400px;margin:0 auto}
.collection-page__head{margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.collection-page__title{
  font-family:var(--font-display);
  font-size:clamp(2.5rem,6vw,5rem);
  font-weight:900;color:var(--white);text-transform:lowercase;
}
.collection-page__toolbar{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:28px;
}
.collection-page__count{font-size:.8rem;color:var(--fog)}
.collection-page__sort{
  background:var(--black-3);border:1px solid var(--line);
  color:var(--white);padding:8px 14px;
  font-family:var(--font-display);font-size:12px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;outline:none;cursor:pointer;
}
.collection-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:2px;
}
.collection-empty{
  grid-column:1/-1;text-align:center;
  padding:80px;color:var(--fog);
}

/* ── PRODUCT PAGE ── */
.product-page{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:calc(100vh - var(--ann) - var(--hdr))}
.product-gallery{position:sticky;top:calc(var(--ann)+var(--hdr));height:calc(100vh - var(--ann) - var(--hdr));display:flex;flex-direction:column;gap:3px;overflow:hidden}
.gallery-main{flex:1;overflow:hidden;background:#0f0f0f;display:flex;align-items:center;justify-content:center}
.gallery-main img{width:88%;height:88% !important;object-fit:contain;object-position:center;transition:transform .6s var(--ease);display:block}
.gallery-main:hover img{transform:scale(1.02)}
.gallery-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;color:rgba(245,245,245,.04)}
.gallery-thumbs{display:flex;gap:3px;padding:3px;background:var(--black-2);overflow-x:auto}
.gallery-thumb{flex-shrink:0;width:68px;height:68px;overflow:hidden;border:1px solid transparent;cursor:pointer;transition:border-color var(--t);padding:4px;background:#0f0f0f;display:flex;align-items:center;justify-content:center}
.gallery-thumb img{width:100%;height:100% !important;object-fit:contain;object-position:center}
.gallery-thumb.active,.gallery-thumb:hover{border-color:var(--white)}
.product-details{padding:48px 44px 80px;overflow-y:auto}
.product-tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.product-tag{font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--fog);border:1px solid var(--line);padding:4px 10px}
.product-detail-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,3rem);font-weight:900;letter-spacing:.02em;color:var(--white);text-transform:lowercase;line-height:1;margin-bottom:16px}
.product-price-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.product-price{font-size:1.4rem;font-weight:700;color:var(--white)}
.product-price-compare{font-size:1rem;color:var(--fog);text-decoration:line-through}
.product-trust{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.product-trust span{font-size:10px;color:var(--fog);border:1px solid var(--line);padding:4px 10px}
.option-group{margin-bottom:24px}
.option-label{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--fog);display:block;margin-bottom:10px}
.size-grid{display:flex;flex-wrap:wrap;gap:6px}
.size-opt{cursor:pointer}
.size-opt input{display:none}
.size-opt span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line-2);font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--fog);cursor:pointer;transition:border-color var(--t),color var(--t),background var(--t)}
.size-opt input:checked+span{border-color:var(--white);color:var(--white);background:rgba(245,245,245,.06)}
.size-opt:hover span{border-color:var(--silver);color:var(--white)}
.pdp-select{background:var(--black-3);border:1px solid var(--line-2);color:var(--white);padding:12px 14px;font-family:var(--font-display);font-size:13px;font-weight:600;outline:none;width:100%;cursor:pointer}
.qty-row{margin-bottom:20px}
.qty-ctrl{display:flex;align-items:center;border:1px solid var(--line-2);width:fit-content;margin-top:10px}
.qty-btn{width:42px;height:42px;font-size:1rem;color:var(--silver);display:flex;align-items:center;justify-content:center;transition:background var(--t),color var(--t)}
.qty-btn:hover{background:var(--black-3);color:var(--white)}
.qty-input{width:52px;height:42px;text-align:center;background:transparent;border:none;border-left:1px solid var(--line-2);border-right:1px solid var(--line-2);color:var(--white);font-family:var(--font-display);font-size:.95rem;font-weight:700;outline:none}
.atc-btn{display:flex;align-items:center;justify-content:center;width:100%;background:var(--white);color:var(--black);font-family:var(--font-display);font-size:14px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;padding:18px;border:1px solid var(--white);cursor:pointer;transition:background var(--t),color var(--t);margin-bottom:10px}
.atc-btn:hover{background:transparent;color:var(--white)}
.buy-now{display:block;text-align:center;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--fog);padding:12px;border:1px solid var(--line-2);transition:color var(--t),border-color var(--t)}
.buy-now:hover{color:var(--white);border-color:var(--white)}
.pdp-desc{margin-top:28px;padding-top:28px;border-top:1px solid var(--line);font-size:.875rem;color:var(--fog);line-height:1.8}
.accordion{border-bottom:1px solid var(--line)}
.accordion summary{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--silver);padding:17px 0;cursor:pointer;list-style:none;transition:color var(--t)}
.accordion summary::after{content:'+';font-size:16px;font-weight:300}
.accordion[open] summary::after{content:'−'}
.accordion summary:hover{color:var(--white)}
.accordion-body{padding-bottom:18px;font-size:.85rem;color:var(--fog);line-height:1.8}
.size-table{width:100%;border-collapse:collapse}
.size-table th,.size-table td{padding:9px 10px;text-align:center;border-bottom:1px solid var(--line);font-size:.78rem}
.size-table th:first-child,.size-table td:first-child{text-align:left}
.size-table th{color:var(--fog);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}
.size-table td:first-child{font-weight:700;color:var(--white)}
@media (max-width:480px){
  .size-table th,.size-table td{padding:7px 4px;font-size:.68rem}
}

/* ── CART PAGE ── */
.cart-page{padding:52px 28px 100px;max-width:1100px;margin:0 auto}
.cart-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:900;color:var(--white);text-transform:lowercase;margin-bottom:40px}
.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:start}
.cart-item{display:grid;grid-template-columns:88px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}
.cart-item:first-child{border-top:1px solid var(--line)}
.cart-item__img{aspect-ratio:1/1;overflow:hidden;background:#0f0f0f;display:flex;align-items:center;justify-content:center;padding:4px}
.cart-item__img img{width:100%;height:100% !important;object-fit:contain;object-position:center}
.cart-item__name{font-family:var(--font-display);font-size:.9rem;font-weight:800;letter-spacing:.04em;text-transform:lowercase;color:var(--white);display:block;margin-bottom:4px;transition:color var(--t)}
.cart-item__name:hover{color:var(--cloud)}
.cart-item__var{font-size:.76rem;color:var(--fog);margin-bottom:14px}
.cart-item__row{display:flex;align-items:center;gap:16px}
.cart-item__price{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--white)}
.cart-item__remove{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ash);font-family:var(--font-display);transition:color var(--t)}
.cart-item__remove:hover{color:var(--white)}
.cart-summary{background:var(--black-3);border:1px solid var(--line);padding:28px;position:sticky;top:calc(var(--ann)+var(--hdr)+20px)}
.cart-summary h3{font-family:var(--font-display);font-size:1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px}
.free-bar{background:var(--black-4);padding:12px 14px;margin-bottom:16px}
.free-bar p{font-size:11px;color:var(--silver);margin-bottom:8px}
.free-bar-track{height:1px;background:var(--ash);overflow:hidden}
.free-bar-fill{height:100%;background:var(--white);transition:width .5s}
.cs-row{display:flex;justify-content:space-between;font-size:.875rem;color:var(--fog);margin-bottom:10px}
.cs-divider{border-top:1px solid var(--line);margin:12px 0}
.cs-total{color:var(--white);font-size:.95rem}
.checkout-btn{display:block;width:100%;background:var(--white);color:var(--black);font-family:var(--font-display);font-size:13px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;padding:18px;border:none;cursor:pointer;margin:16px 0 10px;transition:background var(--t)}
.checkout-btn:hover{background:var(--snow)}
.continue-link{display:block;text-align:center;font-size:11px;color:var(--fog);letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-display);transition:color var(--t)}
.continue-link:hover{color:var(--white)}
.cart-empty{text-align:center;padding:80px 0}
.cart-empty p{color:var(--fog);margin-bottom:28px}

/* ── PAGE ── */
.page-wrap{padding:64px 28px 100px;max-width:780px;margin:0 auto}
.page-title{font-family:var(--font-display);font-size:3rem;font-weight:900;color:var(--white);text-transform:lowercase;margin-bottom:40px}
.page-content{font-size:.9rem;color:var(--silver);line-height:1.85}
.page-content h2,.page-content h3{font-family:var(--font-display);color:var(--white);font-size:1.8rem;margin:32px 0 14px;text-transform:lowercase}
.page-content p{margin-bottom:18px}
.page-content a{color:var(--white);text-decoration:underline}

/* ── LOADER ── */
#page-loader{position:fixed;inset:0;background:var(--black);z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .6s ease,visibility .6s ease}
#page-loader.done{opacity:0;visibility:hidden;pointer-events:none}
.loader-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.loader-logo{font-family:var(--font-display);font-size:2.2rem;font-weight:900;letter-spacing:.1em;color:var(--white);display:block;text-align:center;margin:0 0 20px 0;padding:0;line-height:1}
.loader-bar{width:160px;height:1px;background:var(--ash);overflow:hidden;display:block}
.loader-fill{height:100%;background:var(--white);animation:loaderFill 1s var(--ease) forwards}
@keyframes loaderFill{from{width:0}to{width:100%}}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.reveal.on{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .header-nav{display:none}
  .hamburger{display:flex}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .culture-section{grid-template-columns:1fr}
  .culture-right{min-height:320px}
  .footer-inner{grid-template-columns:1fr 1fr;gap:36px}
  .product-page{grid-template-columns:1fr}
  .product-gallery{position:relative;height:70vw;max-height:580px}
  .cart-layout{grid-template-columns:1fr}
  .collection-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  :root{--hdr:54px;--ann:32px}
  .hero__title{font-size:clamp(3.5rem,16vw,5.5rem)}
  .hero__content{padding:0 20px 48px}
  .products-grid{grid-template-columns:repeat(2,1fr);padding:0 16px;gap:2px}
  .section-head{padding:0 16px}
  .trust-bar{flex-wrap:wrap}
  .trust-item{flex:1 0 50%;border-right:none;border-bottom:1px solid var(--line);padding:16px}
  .trust-item:nth-child(3),.trust-item:nth-child(4){border-bottom:none}
  .footer-inner{grid-template-columns:1fr;gap:32px}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center}
  .cart-layout{grid-template-columns:1fr}
  .cart-item{grid-template-columns:72px 1fr}
  .page-wrap{padding:40px 16px 60px}
}

/* ═══════════════════════════════════════════
   NOUVELLES SECTIONS — UPGRADE HOMEPAGE
   ═══════════════════════════════════════════ */

/* ── MARQUEE ── */
.marquee-wrap {
  background: var(--black-2);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  overflow: hidden;
  padding: 16px 0;
  white-space: nowrap;
}
.marquee-track {
  display: inline-flex;
  animation: marqueeScroll 28s linear infinite;
}
.marquee-track:hover { animation-play-state: paused; }
.marquee-inner {
  display: inline-flex;
  align-items: center;
  gap: 0;
  flex-shrink: 0;
}
.marquee-inner span {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--silver);
  padding: 0 20px;
}
.marquee-dot {
  color: var(--ash) !important;
  padding: 0 6px !important;
  letter-spacing: 0 !important;
}
@keyframes marqueeScroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ── PHILOSOPHY ── */
.philosophy-section {
  background: var(--black);
  padding: 120px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 1px solid var(--line);
}
.philosophy-inner {
  max-width: 900px;
  width: 100%;
}
.philosophy-tag {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--fog);
  margin-bottom: 28px;
  display: block;
}
.philosophy-title {
  font-family: var(--font-display);
  font-size: clamp(3.5rem, 10vw, 9rem);
  font-weight: 900;
  line-height: 0.88;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 40px;
}
.philosophy-outline {
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(245,245,245,0.3);
}
.philosophy-body {
  font-family: var(--font-display);
  font-size: clamp(1.2rem, 3vw, 2rem);
  font-weight: 300;
  letter-spacing: 0.06em;
  color: var(--silver);
  line-height: 1.5;
  margin-bottom: 36px;
}
.philosophy-line {
  width: 40px;
  height: 1px;
  background: var(--ash);
  margin: 0 auto 28px;
}
.philosophy-sub {
  font-size: 0.88rem;
  font-weight: 300;
  line-height: 1.8;
  color: var(--fog);
  letter-spacing: 0.04em;
}

/* ── QUALITY SPLIT ── */
.quality-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 580px;
  border-top: 1px solid var(--line);
}
.quality-img-side {
  position: relative;
  overflow: hidden;
  background: var(--black-3);
}
.quality-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(0.3) brightness(0.7) contrast(1.1);
  transition: transform 0.9s var(--ease);
}
.quality-img-side:hover .quality-img { transform: scale(1.04); }
.quality-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(5,5,5,0.4) 0%, transparent 60%);
}
.quality-text-side {
  background: var(--black-2);
  padding: 72px 56px 72px 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.quality-eyebrow {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--fog);
  margin-bottom: 24px;
  display: block;
}
.quality-title {
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 5vw, 5rem);
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 48px;
}
.quality-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.quality-list li {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
  transition: padding-left var(--t);
}
.quality-list li:hover { padding-left: 6px; }
.quality-list li:last-child { border-bottom: none; }
.quality-num {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: var(--fog);
  flex-shrink: 0;
}
.quality-list span:last-child {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--white);
}

/* ── COMMUNITY ── */
.community-section {
  padding: 100px 0 0;
  background: var(--black);
  border-top: 1px solid var(--line);
}
.community-head {
  text-align: center;
  padding: 0 28px;
  margin-bottom: 56px;
}
.community-tag {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--fog);
  margin-bottom: 16px;
  display: block;
}
.community-title {
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 7vw, 6rem);
  font-weight: 900;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 14px;
}
.community-sub {
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.75;
  color: var(--fog);
  letter-spacing: 0.04em;
}
.community-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2px;
  height: 600px;
}
.community-img-stack {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.community-img {
  position: relative;
  overflow: hidden;
  background: var(--black-3);
  flex: 1;
}
.community-img--large { flex: 1; }
.community-img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  filter: grayscale(0.2) brightness(0.7);
  transition: transform 0.8s var(--ease);
}
.community-img:hover img { transform: scale(1.05); }
.community-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(5,5,5,0.5) 0%, transparent 60%);
}
.community-img--quote {
  background: var(--black-4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.community-quote {
  text-align: center;
  padding: 32px;
}
.community-quote-mark {
  font-size: 1.8rem;
  color: rgba(245,245,245,0.12);
  display: block;
  margin-bottom: 16px;
}
.community-quote p {
  font-family: var(--font-display);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--white);
  text-transform: lowercase;
  margin-bottom: 12px;
}
.community-quote-loc {
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fog);
}

/* ── EMAIL CAPTURE ── */
.email-section {
  position: relative;
  min-height: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-top: 1px solid var(--line);
}
.email-section__bg {
  position: absolute;
  inset: 0;
}
.email-section__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
  filter: grayscale(0.4) brightness(0.35);
  transform: scale(1.04);
  transition: transform 8s ease;
}
.email-section:hover .email-section__img { transform: scale(1); }
.email-section__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(5,5,5,0.6) 0%, rgba(5,5,5,0.82) 100%);
}
.email-section__content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 80px 28px;
  max-width: 560px;
  width: 100%;
}
.email-eyebrow {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--fog);
  margin-bottom: 20px;
  display: block;
}
.email-title {
  font-family: var(--font-display);
  font-size: clamp(3rem, 8vw, 6.5rem);
  font-weight: 900;
  line-height: 0.88;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 20px;
}
.email-sub {
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.75;
  color: var(--silver);
  margin-bottom: 36px;
}
.email-form-wrap { width: 100%; max-width: 400px; margin: 0 auto; }
.email-form-row {
  display: flex;
  border: 1px solid rgba(245,245,245,0.2);
  margin-bottom: 12px;
  transition: border-color var(--t);
}
.email-form-row:focus-within { border-color: rgba(245,245,245,0.5); }
.email-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  padding: 14px 18px;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--white);
  letter-spacing: 0.08em;
}
.email-input::placeholder { color: rgba(245,245,245,0.22); }
.email-btn {
  background: var(--white);
  color: var(--black);
  border: none;
  padding: 14px 22px;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background var(--t);
  flex-shrink: 0;
}
.email-btn:hover { background: var(--snow); }
.email-note {
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--fog);
  font-family: var(--font-display);
  font-weight: 600;
}

/* ── FAQ ── */
.faq-section {
  background: var(--black-2);
  border-top: 1px solid var(--line);
  padding: 96px 0;
}
.faq-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 28px;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 80px;
  align-items: start;
}
.faq-head { position: sticky; top: calc(var(--ann) + var(--hdr) + 24px); }
.faq-tag {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--fog);
  margin-bottom: 16px;
  display: block;
}
.faq-title {
  font-family: var(--font-display);
  font-size: 5rem;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--white);
  line-height: 1;
}
.faq-list { display: flex; flex-direction: column; }
.faq-item {
  border-bottom: 1px solid var(--line);
  cursor: pointer;
}
.faq-item:first-child { border-top: 1px solid var(--line); }
.faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: lowercase;
  color: var(--silver);
  padding: 22px 0;
  cursor: pointer;
  list-style: none;
  transition: color var(--t);
  gap: 20px;
}
.faq-item summary::after {
  content: '+';
  font-size: 1.2rem;
  font-weight: 300;
  flex-shrink: 0;
  color: var(--fog);
  transition: transform var(--t), color var(--t);
}
.faq-item[open] summary::after {
  content: '−';
  color: var(--white);
}
.faq-item summary:hover { color: var(--white); }
.faq-answer {
  padding-bottom: 22px;
  font-size: 0.875rem;
  color: var(--fog);
  line-height: 1.8;
  max-width: 520px;
}

/* ── PRODUCT BADGES UPGRADE ── */
.product-card__badge {
  position: absolute;
  top: 10px;
  left: 10px;
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 9px;
  z-index: 2;
}
.badge-signature { background: var(--white); color: var(--black); }
.badge-limited { background: transparent; color: var(--white); border: 1px solid rgba(245,245,245,0.4); }
.badge-new { background: var(--white); color: var(--black); }
.badge-best { background: transparent; color: var(--white); border: 1px solid rgba(245,245,245,0.4); }

/* ── REVEAL ANIMATION ── */
.reveal-section { overflow: hidden; }

/* ── RESPONSIVE ADDITIONS ── */
@media(max-width:1024px) {
  .quality-section { grid-template-columns: 1fr; }
  .quality-img-side { min-height: 340px; }
  .quality-text-side { padding: 52px 28px; }
  .community-grid { grid-template-columns: 1fr; height: auto; }
  .community-img--large { height: 400px; }
  .community-img-stack { flex-direction: row; height: 220px; }
  .faq-inner { grid-template-columns: 1fr; gap: 40px; }
  .faq-head { position: static; }
  .faq-title { font-size: 3rem; }
}
@media(max-width:640px) {
  .philosophy-section { padding: 80px 20px; }
  .community-section { padding: 72px 0 0; }
  .community-img--large { height: 300px; }
  .community-img-stack { height: 180px; }
  .email-section { min-height: 500px; }
  .email-title { font-size: clamp(2.5rem, 12vw, 4rem); }
  .faq-inner { padding: 0 16px; }
  .quality-text-side { padding: 40px 20px; }
}

/* ═══════════════════════════════════════════
   FIXES — PREMIUM UPGRADES
   ═══════════════════════════════════════════ */

/* ── FIX #2 — PREMIUM COLLECTION PAGE ── */
.collection-page-wrap { background: var(--black); min-height: 100vh; }

.collection-banner {
  position: relative;
  height: 52vh;
  min-height: 360px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.collection-banner__bg { position: absolute; inset: 0; }
.collection-banner__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 25%;
  filter: grayscale(0.25) brightness(0.5);
  transform: scale(1.04);
  transition: transform 8s ease;
}
.collection-banner:hover .collection-banner__img { transform: scale(1); }
.collection-banner__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(5,5,5,1) 0%,
    rgba(5,5,5,0.6) 40%,
    rgba(5,5,5,0.1) 100%
  );
}
.collection-banner__content {
  position: relative;
  z-index: 2;
  padding: 0 28px 48px;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.collection-banner__tag {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--fog);
  margin-bottom: 12px;
  display: block;
}
.collection-banner__title {
  font-family: var(--font-display);
  font-size: clamp(3.5rem, 9vw, 8rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 0.88;
  color: var(--white);
  text-transform: lowercase;
  margin-bottom: 14px;
}
.collection-banner__sub {
  font-size: 0.85rem;
  font-weight: 300;
  color: var(--silver);
  letter-spacing: 0.08em;
}

.collection-toolbar-wrap {
  border-bottom: 1px solid var(--line);
  padding: 0 28px;
  max-width: 1400px;
  margin: 0 auto;
}
.collection-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}
.collection-count {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--fog);
}
.collection-sort {
  background: transparent;
  border: 1px solid var(--line);
  color: var(--silver);
  padding: 8px 14px;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
  transition: border-color var(--t), color var(--t);
}
.collection-sort:hover { border-color: var(--white); color: var(--white); }

.collection-grid-wrap {
  max-width: 1400px;
  margin: 0 auto;
  padding: 48px 28px 96px;
}
.collection-grid-premium {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}

.collection-empty-state {
  text-align: center;
  padding: 120px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.collection-empty-fleur {
  font-size: 3rem;
  color: rgba(245,245,245,0.08);
  display: block;
}
.collection-empty-title {
  font-family: var(--font-display);
  font-size: 4rem;
  font-weight: 900;
  color: var(--white);
  line-height: 1;
}
.collection-empty-sub {
  font-size: 0.875rem;
  color: var(--fog);
  letter-spacing: 0.06em;
}
.collection-empty-link {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--silver);
  border-bottom: 1px solid var(--ash);
  padding-bottom: 2px;
  margin-top: 12px;
  transition: color var(--t), border-color var(--t);
}
.collection-empty-link:hover { color: var(--white); border-color: var(--white); }

/* ── FIX #3 — INNER PAGES ── */
.inner-page-hero {
  position: relative;
  height: 55vh;
  min-height: 380px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.inner-page-hero__bg { position: absolute; inset: 0; }
.inner-page-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
  filter: grayscale(0.3) brightness(0.45);
}
.inner-page-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(5,5,5,1) 0%, rgba(5,5,5,0.5) 50%, rgba(5,5,5,0.1) 100%);
}
.inner-page-hero__content {
  position: relative;
  z-index: 2;
  padding: 0 28px 52px;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}
.inner-page-hero__tag {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--fog);
  margin-bottom: 12px;
  display: block;
}
.inner-page-hero__title {
  font-family: var(--font-display);
  font-size: clamp(3rem, 8vw, 7rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 0.9;
  color: var(--white);
  text-transform: lowercase;
  margin-bottom: 14px;
}
.inner-page-hero__sub {
  font-size: 0.88rem;
  font-weight: 300;
  color: var(--silver);
  line-height: 1.7;
  letter-spacing: 0.04em;
}

/* About text section */
.about-text-section {
  background: var(--black);
  padding: 96px 28px;
  border-top: 1px solid var(--line);
}
.about-text-inner {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}
.about-text-block {}
.about-label {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--fog);
  margin-bottom: 20px;
  display: block;
}
.about-heading {
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 900;
  letter-spacing: -0.01em;
  text-transform: lowercase;
  color: var(--white);
  line-height: 1;
  margin-bottom: 24px;
}
.about-body {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.85;
  color: var(--fog);
  margin-bottom: 16px;
}

/* Journal section */
.journal-coming {
  background: var(--black);
  padding: 120px 28px;
  text-align: center;
  border-top: 1px solid var(--line);
}
.journal-coming-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.journal-fleur {
  font-size: 2.5rem;
  color: rgba(245,245,245,0.08);
  display: block;
  margin-bottom: 8px;
}
.journal-coming-title {
  font-family: var(--font-display);
  font-size: 5rem;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--white);
  line-height: 1;
}
.journal-coming-sub {
  font-size: 0.875rem;
  color: var(--fog);
  letter-spacing: 0.06em;
}
.journal-back {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--silver);
  border-bottom: 1px solid var(--ash);
  padding-bottom: 2px;
  margin-top: 16px;
  transition: color var(--t), border-color var(--t);
}
.journal-back:hover { color: var(--white); border-color: var(--white); }

/* ── IDENTITY SECTION (replaces quality) ── */
.identity-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 580px;
  border-top: 1px solid var(--line);
}
.identity-visual {
  position: relative;
  overflow: hidden;
  background: var(--black-3);
}
.identity-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(0.3) brightness(0.65);
  transition: transform 0.9s var(--ease);
}
.identity-visual:hover .identity-img { transform: scale(1.04); }
.identity-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(5,5,5,0.45) 0%, transparent 55%);
}
.identity-content {
  background: var(--black-2);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 72px 64px 72px 64px;
}
.identity-content-inner { max-width: 420px; }
.identity-tag {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--fog);
  margin-bottom: 24px;
  display: block;
}
.identity-title {
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 5.5vw, 5rem);
  font-weight: 900;
  line-height: 0.88;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 36px;
}
.identity-title-outline {
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(245,245,245,0.28);
}
.identity-body {
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1.85;
  color: var(--silver);
  margin-bottom: 32px;
}
.identity-line {
  width: 36px;
  height: 1px;
  background: var(--ash);
  margin-bottom: 24px;
}
.identity-sub {
  font-size: 0.85rem;
  font-weight: 300;
  line-height: 1.85;
  color: var(--fog);
}

/* ── RESPONSIVE — NEW SECTIONS ── */
@media(max-width:1024px) {
  .identity-section { grid-template-columns: 1fr; }
  .identity-visual { min-height: 320px; }
  .identity-content { padding: 52px 28px; }
  .collection-grid-premium { grid-template-columns: repeat(2,1fr); }
  .about-text-inner { grid-template-columns: 1fr; gap: 48px; }
}
@media(max-width:640px) {
  .collection-banner { height: 45vh; min-height: 280px; }
  .collection-banner__title { font-size: clamp(2.5rem,14vw,4rem); }
  .collection-grid-wrap { padding: 32px 16px 64px; }
  .collection-grid-premium { grid-template-columns: repeat(2,1fr); }
  .inner-page-hero { height: 45vh; }
  .inner-page-hero__title { font-size: clamp(2.5rem,12vw,4rem); }
  .about-text-section { padding: 64px 20px; }
  .identity-content { padding: 44px 20px; }
}

/* LOADER FIX */
#page-loader{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important}
.loader-logo{text-align:center!important;display:block!important;margin:0 0 20px 0!important}
.loader-bar{margin:0 auto!important;display:block!important}

/* ═══════════════════════════
   FIX PATCH — UPGRADE 2
   ═══════════════════════════ */

/* LOADER FIX — ensure perfect centering */
#page-loader {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.loader-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: fit-content;
}
.loader-logo {
  display: block !important;
  text-align: center !important;
  margin: 0 !important;
  width: 100%;
}
.loader-bar {
  width: 160px;
  margin: 0 !important;
  display: block;
}

/* IDENTITY SECTION */
.identity-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 560px;
  border-top: 1px solid var(--line);
}
.identity-text-side {
  background: var(--black);
  padding: 80px 56px 80px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.identity-eyebrow {
  font-family: var(--font-display);
  font-size: 10px; font-weight: 700;
  letter-spacing: .38em; text-transform: uppercase;
  color: var(--fog); margin-bottom: 20px; display: block;
}
.identity-title {
  font-family: var(--font-display);
  font-size: clamp(2.8rem,5.5vw,5.5rem);
  font-weight: 900; line-height: .88;
  letter-spacing: -.02em; text-transform: uppercase;
  color: var(--white); margin-bottom: 28px;
}
.identity-body {
  font-size: .95rem; font-weight: 300;
  line-height: 2; color: var(--silver);
  margin-bottom: 40px; max-width: 380px;
  letter-spacing: .04em;
}
.identity-cta {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-display);
  font-size: 12px; font-weight: 800;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--white); border: 1px solid var(--white);
  padding: 13px 24px; width: fit-content;
  transition: background var(--t), color var(--t);
}
.identity-cta:hover { background: var(--white); color: var(--black); }
.identity-img-side {
  position: relative; overflow: hidden;
  background: var(--black-3);
}
.identity-img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  filter: grayscale(.3) brightness(.65) contrast(1.1);
  transition: transform .9s var(--ease);
}
.identity-img-side:hover .identity-img { transform: scale(1.04); }
.identity-img-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(5,5,5,.5) 0%, transparent 60%);
}

/* BOUTIQUE PAGE (COLLECTION) */
.collection-banner {
  position: relative;
  height: 46vh; min-height: 320px; max-height: 520px;
  overflow: hidden;
  background: var(--black-3);
}
.collection-banner__bg { position: absolute; inset: 0; }
.collection-banner__img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center 30%;
  filter: grayscale(.25) brightness(.5) contrast(1.1);
}
.collection-banner__overlay {
  position: absolute; inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(5,5,5,.3) 0%,
    rgba(5,5,5,.65) 60%,
    rgba(5,5,5,.92) 100%
  );
}
.collection-banner__content {
  position: absolute; bottom: 0; left: 0;
  padding: 0 28px 36px;
}
.collection-banner__tag {
  font-family: var(--font-display);
  font-size: 11px; font-weight: 700;
  letter-spacing: .38em; text-transform: uppercase;
  color: var(--fog); margin-bottom: 12px; display: block;
}
.collection-banner__title {
  font-family: var(--font-display);
  font-size: clamp(3rem, 8vw, 7rem);
  font-weight: 900; line-height: .88;
  letter-spacing: -.02em; text-transform: lowercase;
  color: var(--white);
}
.collection-banner__sub {
  font-size: .85rem; color: var(--silver);
  font-weight: 300; letter-spacing: .06em;
  margin-top: 10px;
}
.collection-toolbar-wrap {
  background: var(--black-2);
  border-bottom: 1px solid var(--line);
}
.collection-toolbar {
  display: flex; align-items: center;
  justify-content: space-between;
  padding: 16px 28px;
  max-width: 1400px; margin: 0 auto;
}
.collection-count {
  font-family: var(--font-display);
  font-size: 11px; font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--fog);
}
.collection-sort {
  background: transparent; border: none;
  border-bottom: 1px solid var(--ash);
  color: var(--silver); padding: 4px 0;
  font-family: var(--font-display);
  font-size: 11px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
  outline: none; cursor: pointer;
}
.collection-grid-wrap {
  max-width: 1400px; margin: 0 auto;
  padding: 36px 28px 100px;
}
.collection-grid-premium {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}
.collection-empty-state {
  text-align: center;
  padding: 100px 20px;
}
.collection-empty-fleur {
  font-size: 2.5rem;
  color: rgba(245,245,245,.08);
  display: block; margin-bottom: 28px;
}
.collection-empty-title {
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 8vw, 5rem);
  font-weight: 900; text-transform: lowercase;
  color: var(--white); margin-bottom: 12px;
}
.collection-empty-sub {
  font-size: .9rem; color: var(--fog);
  margin-bottom: 36px; letter-spacing: .04em;
}
.collection-empty-link {
  font-family: var(--font-display);
  font-size: 12px; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--white);
  border-bottom: 1px solid rgba(245,245,245,.3);
  padding-bottom: 2px;
  transition: border-color var(--t);
}
.collection-empty-link:hover { border-color: var(--white); }

@media(max-width:1024px) {
  .identity-section { grid-template-columns: 1fr; }
  .identity-img-side { min-height: 340px; }
  .identity-text-side { padding: 52px 28px; }
  .collection-grid-premium { grid-template-columns: repeat(2,1fr); }
}
@media(max-width:640px) {
  .collection-banner { height: 55vw; min-height: 240px; }
  .collection-grid-premium { grid-template-columns: repeat(2,1fr); gap: 1px; }
  .collection-toolbar-wrap { padding: 0; }
  .collection-toolbar { padding: 14px 16px; }
  .collection-grid-wrap { padding: 24px 16px 80px; }
}

/* ─── LOADER FIX ─── */
#page-loader {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
}
.loader-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.loader-logo {
  text-align: center !important;
  display: block !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  width: auto !important;
}
.loader-bar {
  width: 120px;
  display: block !important;
  margin: 0 auto !important;
}

/* ─── BOUTIQUE PAGE ─── */
.boutique-page {}
.boutique-hero {
  position: relative;
  height: 50vh;
  min-height: 360px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.boutique-hero__bg {
  position: absolute;
  inset: 0;
}
.boutique-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 25%;
  filter: grayscale(0.3) brightness(0.45);
}
.boutique-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(5,5,5,0.95) 0%, rgba(5,5,5,0.2) 100%);
}
.boutique-hero__content {
  position: relative;
  z-index: 2;
  padding: 0 28px 44px;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}
.boutique-eyebrow {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--fog);
  display: block;
  margin-bottom: 8px;
}
.boutique-title {
  font-family: var(--font-display);
  font-size: clamp(3.5rem, 10vw, 8rem);
  font-weight: 900;
  line-height: 0.88;
  letter-spacing: -0.02em;
  text-transform: lowercase;
  color: var(--white);
  margin-bottom: 10px;
}
.boutique-subtitle {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fog);
}
.boutique-body {
  max-width: 1400px;
  margin: 0 auto;
  padding: 36px 28px 80px;
}
.boutique-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}
.boutique-count {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--fog);
}
.boutique-sort {
  background: var(--black-3);
  border: 1px solid var(--line);
  color: var(--white);
  padding: 9px 14px;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
}
.boutique-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}
.boutique-empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 100px 0;
}
.boutique-empty p {
  font-family: var(--font-display);
  font-size: 3rem;
  font-weight: 900;
  color: var(--white);
  margin-bottom: 10px;
}
.boutique-empty span {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--fog);
}

/* ─── IDENTITY SECTION ─── */
.identity-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 560px;
  border-top: 1px solid var(--line);
}
.identity-img-side {
  position: relative;
  overflow: hidden;
  background: var(--black-3);
  order: 2;
}
.identity-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(0.25) brightness(0.65) contrast(1.1);
  transition: transform 0.9s var(--ease);
}
.identity-img-side:hover .identity-img { transform: scale(1.04); }
.identity-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(5,5,5,0.3) 0%, transparent 60%);
}
.identity-text-side {
  background: var(--black-2);
  padding: 72px 56px 72px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  order: 1;
}
.identity-eyebrow {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--fog);
  margin-bottom: 20px;
  display: block;
}
.identity-title {
  font-family: var(--font-display);
  font-size: clamp(2.4rem, 5vw, 4.5rem);
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 24px;
}
.identity-body {
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.85;
  color: var(--silver);
  margin-bottom: 28px;
}
.identity-line {
  width: 36px;
  height: 1px;
  background: var(--ash);
  margin-bottom: 20px;
}
.identity-sub {
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.8;
  color: var(--fog);
  letter-spacing: 0.04em;
  font-style: italic;
}

/* ─── RESPONSIVE ADDITIONS ─── */
@media(max-width: 1024px) {
  .boutique-grid { grid-template-columns: repeat(2, 1fr); }
  .identity-section { grid-template-columns: 1fr; }
  .identity-img-side { min-height: 300px; order: 1; }
  .identity-text-side { order: 2; padding: 52px 28px; }
}
@media(max-width: 640px) {
  .boutique-hero { height: 40vh; min-height: 280px; }
  .boutique-body { padding: 24px 16px 60px; }
  .boutique-grid { grid-template-columns: repeat(2, 1fr); gap: 2px; }
}

/* ─── CINEMATIC SECTION ─── */
.cinematic-section {
  position: relative;
  width: 100%;
  height: 90vh;
  min-height: 560px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--line);
}
.cinematic-img-wrap {
  position: absolute;
  inset: 0;
}
.cinematic-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  filter: grayscale(0.25) brightness(0.6);
  transform: scale(1.04);
  transition: transform 10s ease;
}
.cinematic-section:hover .cinematic-img { transform: scale(1); }
.cinematic-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,
    rgba(5,5,5,0.2) 0%,
    rgba(5,5,5,0.05) 40%,
    rgba(5,5,5,0.4) 80%,
    rgba(5,5,5,0.85) 100%
  );
}
.cinematic-text {
  position: relative;
  z-index: 2;
  text-align: center;
}
.cinematic-text p {
  font-family: var(--font-display);
  font-size: clamp(1rem, 2.5vw, 1.4rem);
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: rgba(245,245,245,0.55);
}

/* ─── PHILOSOPHY — stripped ─── */
.philosophy-title {
  font-size: clamp(3rem, 9vw, 8.5rem);
}
.philosophy-body {
  font-size: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: 0;
}

/* ─── TRUST BAR — brand phrases ─── */
.trust-item span {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fog);
}
.trust-icon { display: none; }

/* ─── FOOTER SLIM ─── */
.footer-newsletter {
  max-width: 1200px;
  margin: 0 auto;
  padding: 32px 24px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}
.footer-newsletter-label {
  font-family: var(--font-display);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--fog);
  margin: 0;
}
.footer-newsletter-form {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
.footer-newsletter-input {
  background: transparent;
  border: 1px solid var(--line-2);
  color: var(--white);
  padding: 8px 12px;
  font-size: .78rem;
  width: 190px;
}
.footer-newsletter-input::placeholder { color: var(--ash); }
.footer-newsletter-btn {
  background: var(--white);
  color: var(--black);
  border: none;
  padding: 8px 14px;
  cursor: pointer;
  font-size: .8rem;
}
.footer-newsletter-ok {
  position: absolute;
  left: 0; top: calc(100% + 6px);
  font-size: .7rem;
  color: var(--fog);
  white-space: nowrap;
}
.footer-inner--slim {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 52px 0 44px;
  border-bottom: 1px solid var(--line);
  grid-template-columns: none;
  gap: 0;
}
.footer-brand {}
.footer-socials-center {
  display: flex;
  gap: 20px;
  align-items: center;
}
.footer-social-link {
  color: var(--fog);
  transition: color var(--t);
  display: flex;
  align-items: center;
}
.footer-social-link:hover { color: var(--white); }
.footer-links-right {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: right;
}
.footer-links-right a {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--fog);
  transition: color var(--t);
}
.footer-links-right a:hover { color: var(--white); }
.footer-bottom-slim {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}
.footer-bottom-slim p {
  font-size: 0.72rem;
  color: var(--ash);
  letter-spacing: 0.06em;
}

/* ─── BREATHING ROOM ─── */
.philosophy-section { padding: 140px 28px; }
.community-section { padding: 120px 0 0; }
.identity-section { min-height: 620px; }
.community-head { margin-bottom: 64px; }
.community-title { margin-bottom: 10px; }

/* ─── COMMUNITY QUOTE ─── */
.community-quote-mark { display: none; }

/* ─── RESPONSIVE ─── */
@media(max-width:768px) {
  .footer-inner--slim {
    flex-direction: column;
    gap: 36px;
    text-align: center;
    padding: 48px 0 36px;
  }
  .footer-links-right { text-align: center; flex-direction: row; gap: 20px; }
  .cinematic-section { height: 70vh; }
  .philosophy-section { padding: 100px 20px; }
}

/* ══════════════════════════════════════════
   REFONTE RYTHME — moins de répétition
   ══════════════════════════════════════════ */

/* ── HERO — inchangé, fort ── */

/* ── MARQUEE — plus fin ── */
.marquee-wrap { padding: 13px 0; }
.marquee-inner span { font-size: 10px; padding: 0 16px; }

/* ── PRODUCTS — serrés après hero ── */
.products-section { padding: 40px 0 56px; }
.section-head { margin-bottom: 20px; }
.products-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
}
@media(max-width:768px) {
  .products-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── PHILOSOPHY — pure typographie, compact ── */
.philosophy-section {
  padding: 96px 28px;
  text-align: center;
  background: var(--black);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.philosophy-tag { display: none; } /* Supprimé — trop explicatif */
.philosophy-title {
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 8vw, 7.5rem);
  font-weight: 900;
  line-height: 0.88;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin: 0 auto 24px;
}
.philosophy-outline {
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(245,245,245,0.25);
}
.philosophy-body {
  font-family: var(--font-display);
  font-size: clamp(0.9rem, 2vw, 1.2rem);
  font-weight: 300;
  letter-spacing: 0.1em;
  color: var(--fog);
  margin: 0;
}
.philosophy-line { display: none; }
.philosophy-sub { display: none; }

/* ── IDENTITY — section Québec unique, moins haute ── */
.identity-section {
  min-height: 480px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.identity-img { filter: grayscale(0.3) brightness(0.6) contrast(1.15); }
.identity-eyebrow { display: none; }
.identity-text-side {
  padding: 56px 48px 56px 44px;
  justify-content: center;
}
.identity-title {
  font-size: clamp(2rem, 4.5vw, 3.8rem);
  margin-bottom: 16px;
}
.identity-body {
  font-size: 0.85rem;
  color: var(--fog);
  line-height: 1.75;
  margin-bottom: 0;
}
.identity-line { display: none; }
.identity-sub { display: none; }

/* ── EMAIL — centered, minimal ── */
.email-section { min-height: 480px; border-top: 1px solid var(--line); }
.email-section__img {
  filter: grayscale(0.5) brightness(0.3);
}
.email-eyebrow { display: none; }
.email-section__content { padding: 64px 28px; }
.email-title {
  font-size: clamp(2.5rem, 7vw, 5.5rem);
  margin-bottom: 28px;
}
.email-sub { display: none; }
.email-form-wrap { max-width: 360px; }
.email-form-row { border: 1px solid rgba(245,245,245,0.18); }

/* ── FAQ — compact, sans colonne sticky ── */
.faq-section {
  padding: 72px 0;
  background: var(--black-2);
  border-top: 1px solid var(--line);
}
.faq-inner {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 28px;
  display: block; /* override grid */
}
.faq-title {
  font-family: var(--font-display);
  font-size: 2.5rem;
  font-weight: 900;
  color: var(--white);
  margin-bottom: 36px;
  letter-spacing: -0.01em;
}
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item:first-of-type { border-top: 1px solid var(--line); }
.faq-item summary {
  padding: 18px 0;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.faq-answer { padding-bottom: 18px; }
.faq-answer p { font-size: 0.83rem; line-height: 1.7; }

/* ── TRUST BAR — sobre, petite ── */
.trust-bar {
  border-top: 1px solid var(--line);
  border-bottom: none;
  padding: 0;
}
.trust-item {
  padding: 18px 12px;
  border-right: 1px solid var(--line);
}
.trust-item:last-child { border-right: none; }
.trust-item span {
  font-size: 10px;
  letter-spacing: 0.2em;
  color: rgba(245,245,245,0.28);
}

/* ── SUPPRIMER sections inutilisées ── */
.community-section,
.cinematic-section,
.culture-section { display: none; } /* Supprimé du DOM de toute façon via index */

/* ── MOBILE FIRST ── */
@media(max-width:640px) {
  .philosophy-section { padding: 72px 20px; }
  .philosophy-title { font-size: clamp(2.4rem, 13vw, 4rem); }
  .identity-section {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .identity-img-side { height: 260px; order: 1; }
  .identity-text-side { order: 2; padding: 40px 20px; }
  .email-section { min-height: 420px; }
  .email-title { font-size: clamp(2.2rem, 12vw, 3.5rem); }
  .email-form-wrap { max-width: 100%; }
  .faq-section { padding: 56px 0; }
  .faq-inner { padding: 0 16px; }
  .trust-bar { flex-wrap: wrap; }
  .trust-item { flex: 0 0 50%; border-bottom: 1px solid var(--line); }
  .products-section { padding: 32px 0 48px; }
  .section-head { padding: 0 16px; }
}

/* ══════════════════════════════════════════
   DÉTAILS PREMIUM — high-conversion subtils
   ══════════════════════════════════════════ */

/* ── INFO BAR ── */
.info-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 20px;
  padding: 14px 20px;
  background: var(--black-2);
  border-bottom: 1px solid var(--line);
}
.info-bar span {
  font-family: var(--font-display);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(245,245,245,0.3);
}
.info-sep {
  color: rgba(245,245,245,0.1) !important;
  letter-spacing: 0 !important;
}

/* ── DROP BADGE ── */
.drop-badge {
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(245,245,245,0.35);
  margin-bottom: 20px;
  display: inline-block;
}

/* ── COUNTDOWN ── */
.countdown-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 32px;
}
.countdown-unit {
  display: flex;
  align-items: baseline;
  gap: 3px;
}
.countdown-num {
  font-family: var(--font-display);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--white);
  line-height: 1;
  min-width: 2ch;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.countdown-label {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: var(--fog);
  text-transform: uppercase;
}
.countdown-sep {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--ash);
  line-height: 1;
  margin-bottom: 8px;
}

/* ── EMAIL META (social proof) ── */
.email-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 12px;
}
.email-proof {
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(245,245,245,0.3);
}
.email-access {
  font-size: 10px;
  color: rgba(245,245,245,0.22);
  font-weight: 300;
  letter-spacing: 0.06em;
}

/* ── HEADER STICKY — smooth ── */
.site-header {
  position: sticky;
  top: 0;
  z-index: 200;
  background: rgba(5,5,5,0.96);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid var(--line);
  transition: background 0.3s ease, border-color 0.3s ease;
}
.site-header.scrolled {
  background: rgba(5,5,5,0.99);
  border-bottom-color: rgba(255,255,255,0.06);
}
/* Override: announce bar reste sticky aussi */
.announce-bar {
  position: sticky;
  top: 0;
  z-index: 300;
}

/* ── MICRO-ANIMATIONS — subtils, premium ── */

/* Fade-in au scroll */
.reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s cubic-bezier(.4,0,.2,1), transform 0.6s cubic-bezier(.4,0,.2,1);
}
.reveal.on {
  opacity: 1;
  transform: none;
}
.reveal-section { overflow: visible; }

/* Délais */
.d1 { transition-delay: 0.08s; }
.d2 { transition-delay: 0.16s; }
.d3 { transition-delay: 0.24s; }
.d4 { transition-delay: 0.32s; }

/* Product card hover — image scale */
.product-card__img {
  transition: transform 0.6s cubic-bezier(.4,0,.2,1);
}
.product-card:hover .product-card__img { transform: scale(1.04); }

/* Button hover */
.hero__cta {
  position: relative;
  overflow: hidden;
}
.hero__cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.08);
  opacity: 0;
  transition: opacity 0.2s;
}
.hero__cta:hover::before { opacity: 1; }

/* Email btn hover */
.email-btn { transition: opacity 0.2s; }
.email-btn:hover { opacity: 0.85; }

/* FAQ hover */
.faq-item summary { transition: color 0.2s; }
.faq-item summary:hover { color: var(--white); }

/* ── MOBILE FIRST POLISH ── */
@media(max-width:640px) {
  .info-bar { gap: 0 12px; padding: 12px 16px; }
  .info-sep { display: none; }
  .info-bar span { width: 50%; text-align: center; padding: 4px 0; }
  .countdown-num { font-size: clamp(1.8rem, 10vw, 2.8rem); }
  .email-meta { text-align: center; align-items: center; }
  .drop-badge { font-size: 8px; }
  .email-form-row { flex-direction: column; border: none; gap: 0; }
  .email-input {
    border: 1px solid rgba(245,245,245,0.18);
    padding: 15px 18px;
    margin-bottom: 8px;
  }
  .email-btn {
    width: 100%;
    padding: 15px;
    border: 1px solid var(--white);
  }
}

/* ── PRODUCTS — no placeholder gap si vide ── */
.products-section:empty { display: none; }

/* ══════════════════════════════════════
   REVIEWS — "LA GANG PARLE."
   ══════════════════════════════════════ */
.reviews-section {
  background: var(--black);
  border-top: 1px solid var(--line);
  padding: 80px 28px 56px;
}
.reviews-head { margin-bottom: 40px; }
.reviews-eyebrow {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--fog);
  margin-bottom: 10px;
  display: block;
}
.reviews-title {
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 7vw, 5.5rem);
  font-weight: 900;
  line-height: 0.88;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--white);
  margin: 0;
}
.reviews-title em {
  font-style: italic;
  font-weight: 900;
  color: rgba(245,245,245,0.35);
  -webkit-text-stroke: 1px rgba(245,245,245,0.25);
  color: transparent;
}

.reviews-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  margin-bottom: 2px;
}

.review-card {
  background: var(--black-3);
  padding: 24px 22px 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  border: 1px solid var(--line);
  transition: background 0.3s ease, border-color 0.3s ease;
  position: relative;
}
.review-card:hover {
  background: var(--black-4);
  border-color: var(--line-2);
}

.review-stars {
  font-size: 12px;
  color: var(--white);
  letter-spacing: 2px;
}

.review-text {
  font-size: 0.82rem;
  line-height: 1.7;
  color: var(--silver);
  font-weight: 300;
  flex: 1;
}

.review-author {
  display: flex;
  align-items: center;
  gap: 10px;
}
.review-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--charcoal);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 800;
  color: var(--white);
  flex-shrink: 0;
  letter-spacing: 0.04em;
}
.review-author > div {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.review-name {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 800;
  color: var(--white);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  display: block;
}
.review-loc {
  font-size: 10px;
  color: var(--fog);
  letter-spacing: 0.04em;
  display: block;
}
.review-verified {
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(245,245,245,0.2);
}

/* Summary bar */
.reviews-summary {
  background: var(--black-3);
  border: 1px solid var(--line);
  padding: 22px 28px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.reviews-score {
  font-family: var(--font-display);
  font-size: 2.8rem;
  font-weight: 900;
  color: var(--white);
  line-height: 1;
  letter-spacing: -0.02em;
}
.reviews-summary-right {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.reviews-stars-big {
  font-size: 14px;
  color: var(--white);
  letter-spacing: 2px;
}
.reviews-count {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--fog);
}

/* ── COUNTDOWN 24H ── */
.countdown-label-top {
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--fog);
  margin-bottom: 10px;
}
.countdown-lbl {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: var(--fog);
  text-transform: uppercase;
  margin-left: 2px;
}

/* ── STICKY ADD-TO-CART BAR (mobile) ── */
.sticky-atc {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 350;
  background: rgba(5,5,5,0.97);
  border-top: 1px solid var(--line-2);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(.4,0,.2,1);
}
.sticky-atc.visible { transform: translateY(0); }
.sticky-atc-text {
  flex: 1;
}
.sticky-atc-name {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 800;
  color: var(--white);
  letter-spacing: 0.06em;
  text-transform: lowercase;
  display: block;
}
.sticky-atc-price {
  font-family: var(--font-display);
  font-size: 11px;
  color: var(--fog);
  font-weight: 600;
}
.sticky-atc-btn {
  background: var(--white);
  color: var(--black);
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 12px 22px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s;
}
.sticky-atc-btn:hover { opacity: 0.88; }

/* ── SCARCITY BADGE sur hero ── */
.hero__scarcity {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(245,245,245,0.4);
  margin-bottom: 18px;
}
.hero__scarcity-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--white);
  opacity: 0.5;
  animation: pulse-dot 2s ease infinite;
}
@keyframes pulse-dot {
  0%, 100% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 0.7; transform: scale(1.3); }
}

/* ── RESPONSIVE REVIEWS ── */
@media(max-width:1024px) {
  .reviews-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width:640px) {
  .reviews-section { padding: 64px 16px 48px; }
  .reviews-grid { grid-template-columns: 1fr; gap: 2px; }
  .reviews-summary { padding: 18px 16px; }
  .sticky-atc { padding: 10px 16px; }
}

/* ═══════════════════════════════════════════
   PDP PREMIUM — STREETWEAR REWRITE
   ═══════════════════════════════════════════ */

/* ── Wrapper ── */
.pdp-wrap {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 24px 80px;
}

/* ── Breadcrumb ── */
.pdp-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 20px 0 28px;
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--ash);
}
.pdp-breadcrumb a {
  color: var(--fog);
  transition: color .2s;
}
.pdp-breadcrumb a:hover { color: var(--white); }
.pdp-breadcrumb span { color: var(--ash); }

/* ── Grid desktop 2 colonnes ── */
.pdp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 56px;
  align-items: start;
}

/* ── GALERIE ── */
.pdp-gallery {
  position: sticky;
  top: calc(var(--ann) + var(--hdr) + 20px);
}

/* Image principale — ratio carré, contain */
.pdp-img-main {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #0f0f0f;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pdp-img-main img {
  width: 84%;
  height: 84%;
  object-fit: contain;
  object-position: center;
  display: block;
  transition: opacity .35s ease, transform .6s var(--ease);
}
.pdp-img-main:hover img { transform: scale(1.025); }

/* Badge édition limitée */
.pdp-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--fog);
  background: rgba(0,0,0,.7);
  border: 1px solid var(--line);
  padding: 5px 10px;
  backdrop-filter: blur(4px);
}

/* Placeholder si pas d'image */
.pdp-no-img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5rem;
  color: rgba(245,245,245,.04);
}

/* Thumbs horizontaux sous l'image */
.pdp-thumbs {
  display: flex;
  gap: 4px;
  margin-top: 4px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.pdp-thumbs::-webkit-scrollbar { display: none; }
.pdp-thumb {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  background: #0f0f0f;
  border: 1px solid transparent;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .2s;
  padding: 0;
}
.pdp-thumb img {
  width: 80%;
  height: 80%;
  object-fit: contain;
  display: block;
}
.pdp-thumb.is-active,
.pdp-thumb:hover { border-color: var(--white); }

/* ── INFOS ── */
.pdp-info {
  padding: 4px 0 60px;
}

.pdp-tags {
  display: flex;
  gap: 6px;
  margin-bottom: 18px;
}
.pdp-tag {
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--fog);
  border: 1px solid var(--line);
  padding: 4px 10px;
}
.pdp-tag--accent {
  color: var(--white);
  border-color: var(--white);
  background: rgba(245,245,245,.05);
}

.pdp-title {
  font-family: var(--font-display);
  font-size: clamp(1.9rem, 3vw, 2.8rem);
  font-weight: 900;
  letter-spacing: .01em;
  color: var(--white);
  text-transform: lowercase;
  line-height: 1.05;
  margin-bottom: 16px;
}

.pdp-price-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 16px;
}
.pdp-price {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--white);
}
.pdp-price-compare {
  font-size: 1.05rem;
  color: var(--silver);
  text-decoration: line-through;
}
.pdp-savings-badge {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .03em;
  color: var(--black);
  background: linear-gradient(135deg, #f5d98a, #c9a25c);
  padding: 5px 12px;
  border-radius: 4px;
  text-transform: uppercase;
  animation: badge-pulse 2.4s ease-in-out infinite;
}
@keyframes badge-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}
.pdp-shipping-note {
  font-size: 0.75rem;
  color: var(--fog);
  margin-bottom: 16px;
  margin-top: -8px;
}

.pdp-sticky-bar {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 40;
  background: var(--black-3);
  border-top: 1px solid var(--line-2);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  transform: translateY(100%);
  transition: transform .28s var(--ease, cubic-bezier(.4,0,.2,1));
}
.pdp-sticky-bar.is-visible { transform: translateY(0); }
.pdp-sticky-info { display: flex; flex-direction: column; min-width: 0; }
.pdp-sticky-name {
  font-family: var(--font-display);
  font-size: 11px;
  color: var(--silver);
  text-transform: uppercase;
  letter-spacing: .04em;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pdp-sticky-price {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--white);
}
.pdp-sticky-atc {
  flex-shrink: 0;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--black);
  background: var(--white);
  border: none;
  padding: 13px 22px;
  cursor: pointer;
}
@media (min-width: 769px) {
  .pdp-sticky-bar { display: none; }
}

.pdp-trust-strip {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ash);
  flex-wrap: wrap;
}
.pdp-trust-sep { color: var(--line); }

.pdp-divider {
  height: 1px;
  background: var(--line);
  margin: 24px 0;
}

/* Options */
.pdp-option { margin-bottom: 24px; }
.pdp-option-header { margin-bottom: 12px; }
.pdp-option-label {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--fog);
}

/* Tailles */
.pdp-size-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.pdp-size-btn { cursor: pointer; }
.pdp-size-btn input { display: none; }
.pdp-size-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  height: 52px;
  padding: 0 10px;
  border: 1px solid var(--line-2);
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  color: var(--fog);
  cursor: pointer;
  transition: all .2s;
}
.pdp-size-btn input:checked + span {
  border-color: var(--white);
  color: var(--white);
  background: rgba(245,245,245,.07);
}
.pdp-size-btn:hover span {
  border-color: var(--silver);
  color: var(--white);
}

.pdp-select {
  width: 100%;
  background: var(--black-3);
  border: 1px solid var(--line-2);
  color: var(--white);
  padding: 14px 16px;
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 600;
  outline: none;
  cursor: pointer;
  appearance: none;
}

/* Quantité */
.pdp-qty-row { margin-bottom: 20px; }
.pdp-qty {
  display: flex;
  align-items: center;
  border: 1px solid var(--line-2);
  width: fit-content;
  margin-top: 10px;
}
.pdp-qty-btn {
  width: 44px;
  height: 44px;
  font-size: 1.1rem;
  color: var(--silver);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .15s, color .15s;
  flex-shrink: 0;
}
.pdp-qty-btn:hover { background: var(--black-3); color: var(--white); }
.pdp-qty-input {
  width: 52px;
  height: 44px;
  text-align: center;
  background: transparent;
  border: none;
  border-left: 1px solid var(--line-2);
  border-right: 1px solid var(--line-2);
  color: var(--white);
  font-family: var(--font-display);
  font-size: .95rem;
  font-weight: 800;
  outline: none;
}

/* Boutons action */
.pdp-actions { margin-bottom: 8px; }
.pdp-secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  font-size: .68rem;
  color: var(--fog);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-top: 10px;
}
.pdp-secure-sep { color: var(--ash); }
.pdp-atc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  background: var(--white);
  color: var(--black);
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .2em;
  text-transform: uppercase;
  padding: 19px;
  border: 1px solid var(--white);
  cursor: pointer;
  transition: background .25s, color .25s, opacity .2s;
  margin-bottom: 10px;
}
.pdp-atc:hover:not(:disabled) { background: transparent; color: var(--white); }
.pdp-atc:disabled { opacity: .6; cursor: wait; }
.pdp-atc--added { background: #1a1a1a !important; color: var(--white) !important; }
.pdp-atc-arrow {
  font-size: 1rem;
  transition: transform .2s;
}
.pdp-atc:hover .pdp-atc-arrow { transform: translateX(4px); }

.pdp-buy-now {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: transparent;
  color: var(--white);
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .2em;
  text-transform: uppercase;
  padding: 19px;
  border: 1px solid var(--ash);
  cursor: pointer;
  transition: border-color .25s, color .25s;
}
.pdp-buy-now:hover { border-color: var(--white); }
.pdp-buy-now:disabled { opacity: .6; cursor: wait; }

/* Description */
.pdp-desc {
  font-size: .875rem;
  color: var(--fog);
  line-height: 1.85;
}

/* Accordéons premium */
.pdp-accordions {}
.pdp-accordion {
  border-bottom: 1px solid var(--line);
}
.pdp-accordion summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0;
  cursor: pointer;
  list-style: none;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--silver);
  transition: color .2s;
  user-select: none;
}
.pdp-accordion summary::-webkit-details-marker { display: none; }
.pdp-accordion summary:hover { color: var(--white); }
.pdp-acc-icon { font-size: 18px; font-weight: 300; color: var(--fog); }
.pdp-acc-body {
  padding: 0 0 18px;
  font-size: .83rem;
  color: var(--fog);
  line-height: 1.85;
}
.pdp-acc-body p + p { margin-top: 6px; }

/* ── RESPONSIVE TABLET ── */
@media (max-width: 1024px) {
  .pdp-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .pdp-gallery {
    position: relative;
    top: auto;
    margin-bottom: 28px;
  }
  .pdp-img-main {
    aspect-ratio: 1 / 1;
    max-height: none;
  }
}

/* ── RESPONSIVE MOBILE (MOBILE FIRST) ── */
@media (max-width: 640px) {
  .pdp-wrap {
    padding: 0 0 60px;
  }
  .pdp-breadcrumb {
    padding: 14px 16px 20px;
    font-size: 9px;
  }
  .pdp-gallery { margin-bottom: 0; }

  /* Image pleine largeur sur mobile */
  .pdp-img-main {
    aspect-ratio: 1 / 1;
    width: 100%;
    border-radius: 0;
  }
  .pdp-img-main img {
    width: 88%;
    height: 88%;
  }
  .pdp-badge {
    top: 12px;
    left: 12px;
    font-size: 8px;
    padding: 4px 8px;
  }

  /* Thumbs mobile */
  .pdp-thumbs { padding: 4px; gap: 3px; }
  .pdp-thumb { width: 62px; height: 62px; }

  /* Info padding mobile */
  .pdp-info {
    padding: 20px 16px 40px;
  }

  .pdp-title {
    font-size: clamp(1.6rem, 7vw, 2rem);
  }
  .pdp-price { font-size: 1.3rem; }

  .pdp-trust-strip {
    font-size: 9px;
    gap: 7px;
  }

  /* Tailles */
  .pdp-size-btn span {
    min-width: 46px;
    height: 46px;
    font-size: 11px;
  }

  /* ATC full width sticky-like */
  .pdp-atc {
    font-size: 12px;
    padding: 17px;
  }
}

/* ═══════════════════════════════════════════
   DROP 03 — ACCÈS PRIORITAIRE
   ═══════════════════════════════════════════ */

.email-capture {
  padding: 120px 28px;
  border-top: 1px solid var(--line);
  background: var(--black);
  text-align: center;
}
.email-capture__inner {
  max-width: 520px;
  margin: 0 auto;
}
.email-capture__label {
  display: inline-block;
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--fog);
  border: 1px solid var(--line-2);
  padding: 5px 12px;
  margin-bottom: 36px;
}
.email-capture__title {
  font-family: var(--font-display);
  font-size: clamp(3.5rem, 8vw, 6rem);
  font-weight: 900;
  color: var(--white);
  text-transform: lowercase;
  line-height: .95;
  letter-spacing: -.01em;
  margin-bottom: 48px;
}
.email-capture__title em {
  display: block;
  font-style: normal;
  color: var(--fog);
  font-size: .45em;
  font-weight: 400;
  letter-spacing: .08em;
  margin-bottom: 6px;
}
.email-capture__row {
  display: flex;
  border: 1px solid var(--line-2);
  max-width: 420px;
  margin: 0 auto;
}
.email-capture__input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: var(--white);
  font-family: var(--font-body);
  font-size: .875rem;
  padding: 18px 20px;
  min-width: 0;
  letter-spacing: .02em;
}
.email-capture__input::placeholder { color: var(--ash); font-size: .8rem; letter-spacing: .06em; }
.email-capture__btn {
  background: transparent;
  color: var(--fog);
  border: none;
  border-left: 1px solid var(--line-2);
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  padding: 18px 20px;
  cursor: pointer;
  white-space: nowrap;
  transition: color .2s, background .2s;
  flex-shrink: 0;
}
.email-capture__btn:hover { color: var(--white); background: var(--black-3); }

@media (max-width: 640px) {
  .email-capture { padding: 80px 16px; }
  .email-capture__title { font-size: clamp(3rem, 14vw, 5rem); }
}

/* ═══════════════════════════════════════════
   FAQ — PREMIUM MINIMAL
   ═══════════════════════════════════════════ */

.faq-section {
  padding: 100px 28px;
  background: var(--black);
  border-top: 1px solid var(--line);
}
.faq-inner {
  max-width: 720px;
  margin: 0 auto;
}
.faq-eyebrow {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--fog);
  margin-bottom: 12px;
}
.faq-title {
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 900;
  color: var(--white);
  text-transform: lowercase;
  letter-spacing: .01em;
  margin-bottom: 56px;
  line-height: 1;
}
.faq-list { border-top: 1px solid var(--line); }
.faq-item {
  border-bottom: 1px solid var(--line);
}
.faq-item summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 0;
  cursor: pointer;
  list-style: none;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: lowercase;
  color: var(--silver);
  transition: color .2s;
  user-select: none;
  gap: 16px;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::marker { display: none; }
.faq-item summary:hover { color: var(--white); }
.faq-item summary::after {
  content: '+';
  font-size: 18px;
  font-weight: 200;
  color: var(--fog);
  flex-shrink: 0;
  transition: transform .25s;
  line-height: 1;
}
.faq-item[open] summary { color: var(--white); }
.faq-item[open] summary::after { transform: rotate(45deg); }
.faq-answer {
  padding: 0 0 22px;
  font-size: .875rem;
  color: var(--fog);
  line-height: 1.8;
}

@media (max-width: 640px) {
  .faq-section { padding: 64px 16px; }
  .faq-item summary { font-size: 11px; padding: 18px 0; }
}


/* ═══════════════════════════════════════════
   PAGE À PROPOS — CINÉMATIQUE
   ═══════════════════════════════════════════ */

.ap {
  background: var(--black);
  overflow-x: hidden;
}

/* ── LABEL ── */
.ap-label {
  display: block;
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: var(--silver);
}
.ap-label--dim { color: var(--ash); }

/* ══════════════════════════════
   01 HERO FULLSCREEN
══════════════════════════════ */
.ap-hero {
  position: relative;
  height: 100svh;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

/* Background sombre avec grain — l'image vient de Shopify via settings ou reste texture */
.ap-hero__bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 30% 60%, rgba(20,20,30,0.9) 0%, transparent 70%),
    linear-gradient(160deg, #0a0a0f 0%, #050505 40%, #0d0b08 100%);
  z-index: 0;
}
/* Grain cinématique */
.ap-hero__bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
  background-size: 200px 200px;
  opacity: .6;
  pointer-events: none;
}
.ap-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 50%, var(--black) 100%);
}

.ap-hero__content {
  position: relative;
  z-index: 1;
  padding: 0 40px;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.ap-hero__content .ap-label {
  margin-bottom: 40px;
  color: var(--fog);
}
.ap-hero__title {
  font-family: var(--font-display);
  font-size: clamp(6rem, 17vw, 18rem);
  font-weight: 900;
  color: var(--white);
  text-transform: lowercase;
  line-height: .85;
  letter-spacing: -.03em;
  margin-bottom: 40px;
}
.ap-hero__sub {
  font-family: var(--font-display);
  font-size: clamp(.85rem, 1.4vw, 1.1rem);
  font-weight: 400;
  color: var(--fog);
  letter-spacing: .08em;
  text-transform: lowercase;
}

.ap-hero__scroll {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  font-size: 1rem;
  color: var(--ash);
  animation: ap-bob 2s ease-in-out infinite;
}
@keyframes ap-bob {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(8px); }
}

/* ══════════════════════════════
   02 IDENTITÉ
══════════════════════════════ */
.ap-identity {
  padding: 160px 40px;
  border-top: 1px solid var(--line);
}
.ap-identity__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.ap-identity__header {
  position: sticky;
  top: calc(var(--ann) + var(--hdr) + 40px);
}
.ap-identity__header .ap-label { margin-bottom: 28px; }
.ap-identity__title {
  font-family: var(--font-display);
  font-size: clamp(3rem, 5vw, 5.5rem);
  font-weight: 900;
  color: var(--white);
  text-transform: lowercase;
  line-height: .92;
  letter-spacing: -.02em;
}
.ap-identity__body {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.ap-identity__body p {
  font-size: clamp(.9rem, 1.1vw, 1.05rem);
  color: var(--fog);
  line-height: 1.9;
  letter-spacing: .01em;
}
.ap-identity__body p:first-child {
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  color: var(--silver);
  line-height: 1.7;
}

/* ══════════════════════════════
   03 VISUAL BREAK
══════════════════════════════ */
.ap-visual {
  position: relative;
  height: 70vh;
  min-height: 400px;
  overflow: hidden;
}
.ap-visual__img {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, var(--black) 0%, transparent 15%, transparent 85%, var(--black) 100%),
    linear-gradient(135deg, #0c0c14 0%, #08080a 40%, #111008 100%);
}
/* Texture cinématique — lumières de ville stylisées */
.ap-visual__img::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(255,180,50,.04) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 30%, rgba(100,120,255,.04) 0%, transparent 40%),
    radial-gradient(ellipse at 50% 80%, rgba(255,255,255,.03) 0%, transparent 40%);
}
.ap-visual__grain {
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");
  background-size: 200px;
  opacity: .8;
}
.ap-visual__caption {
  position: absolute;
  bottom: 32px;
  right: 40px;
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--ash);
}

/* ══════════════════════════════
   04 PRODUIT
══════════════════════════════ */
.ap-product {
  padding: 160px 40px;
  border-top: 1px solid var(--line);
}
.ap-product__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.ap-product__left .ap-label { margin-bottom: 28px; }
.ap-product__title {
  font-family: var(--font-display);
  font-size: clamp(3rem, 5vw, 5.5rem);
  font-weight: 900;
  color: var(--white);
  text-transform: lowercase;
  line-height: .92;
  letter-spacing: -.02em;
  position: sticky;
  top: calc(var(--ann) + var(--hdr) + 40px);
}
.ap-product__right {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ap-product__text {
  font-size: clamp(.9rem, 1.1vw, 1.05rem);
  color: var(--fog);
  line-height: 1.9;
  letter-spacing: .01em;
}
.ap-product__text:first-child {
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  color: var(--silver);
}
.ap-product__specs {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid var(--line);
  margin-top: 16px;
  padding-top: 0;
}
.ap-product__specs li {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ash);
  transition: color .2s;
}
.ap-product__specs li:hover { color: var(--silver); }
.ap-spec-num {
  color: var(--line-2);
  font-weight: 300;
  font-size: 1rem;
}

/* ══════════════════════════════
   05 CULTURE
══════════════════════════════ */
.ap-culture {
  padding: 160px 40px;
  border-top: 1px solid var(--line);
  background: var(--black-2);
}
.ap-culture__inner {
  max-width: 800px;
  margin: 0 auto;
}
.ap-culture__inner .ap-label { margin-bottom: 56px; }
.ap-culture__quote {
  font-family: var(--font-display);
  font-size: clamp(3rem, 6vw, 7rem);
  font-weight: 900;
  color: var(--white);
  text-transform: lowercase;
  line-height: .92;
  letter-spacing: -.02em;
  font-style: normal;
  margin-bottom: 72px;
  border: none;
  padding: 0;
}
.ap-culture__text {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-left: 1px solid var(--line-2);
  padding-left: 40px;
}
.ap-culture__text p {
  font-size: clamp(.9rem, 1.1vw, 1.05rem);
  color: var(--fog);
  line-height: 1.9;
  letter-spacing: .01em;
}
.ap-culture__text p:last-child {
  color: var(--silver);
  font-style: italic;
}

/* ══════════════════════════════
   06 OUTRO CTA
══════════════════════════════ */
.ap-outro {
  padding: 200px 40px;
  border-top: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.ap-outro::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(245,245,245,.03) 0%, transparent 70%);
  pointer-events: none;
}
.ap-outro__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
}
.ap-outro__title {
  font-family: var(--font-display);
  font-size: clamp(5rem, 14vw, 14rem);
  font-weight: 900;
  color: var(--white);
  text-transform: lowercase;
  line-height: .85;
  letter-spacing: -.03em;
}
.ap-btn {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--black);
  background: var(--white);
  padding: 18px 40px;
  border: 1px solid var(--white);
  transition: background .3s, color .3s;
}
.ap-btn::after { content: '→'; font-size: 1rem; transition: transform .3s; }
.ap-btn:hover { background: transparent; color: var(--white); }
.ap-btn:hover::after { transform: translateX(6px); }

/* ══════════════════════════════
   RESPONSIVE
══════════════════════════════ */
@media (max-width: 900px) {
  .ap-identity__inner,
  .ap-product__inner { grid-template-columns: 1fr; gap: 48px; }
  .ap-identity__header,
  .ap-product__title { position: static; }
}
@media (max-width: 640px) {
  .ap-hero__content { padding: 0 20px; }
  .ap-identity,
  .ap-product,
  .ap-culture { padding: 100px 20px; }
  .ap-culture__text { padding-left: 20px; }
  .ap-outro { padding: 120px 20px; }
  .ap-visual__caption { right: 20px; bottom: 20px; }
}

/* ══════════════════════════════
   VOLUME DISCOUNT SECTION
══════════════════════════════ */
.vd-section {
  background: var(--black);
  border-top: 1px solid var(--line);
  padding: 120px 28px;
}
.vd-inner {
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}
.vd-title {
  font-family: var(--font-display);
  font-size: clamp(3rem, 10vw, 7rem);
  font-weight: 900;
  line-height: 0.88;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 32px;
}
.vd-lead {
  font-family: var(--font-display);
  font-size: clamp(1rem, 2.5vw, 1.35rem);
  font-weight: 300;
  letter-spacing: 0.05em;
  color: var(--silver);
  line-height: 1.6;
  margin-bottom: 72px;
}
.vd-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
  margin-bottom: 72px;
}
.vd-card {
  background: var(--black-2);
  padding: 40px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.vd-card--featured {
  background: var(--black-2);
}
.vd-qty {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--fog);
}
.vd-label {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ash);
}
.vd-savings {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--white);
  border: 1px solid var(--line-2);
  padding: 4px 10px;
}
.vd-price {
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--white);
}
.vd-auto {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--fog);
  line-height: 1.6;
}
.vd-footer {
  border-top: 1px solid var(--line);
  padding-top: 48px;
}
.vd-footer-headline {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 12px;
}
.vd-footer-sub {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0.06em;
  color: var(--fog);
}

/* ── Volume Discount — Mobile ── */
@media (max-width: 640px) {
  .vd-section { padding: 80px 20px; }
  .vd-cards {
    grid-template-columns: 1fr;
    gap: 1px;
  }
  .vd-card { padding: 32px 20px; }
  .vd-lead { margin-bottom: 48px; }
}

/* ══════════════════════════════
   PDP — COUPE OVERSIZE BLOCK
══════════════════════════════ */
.pdp-oversize {
  border: 0.5px solid var(--line);
  padding: 20px;
  margin-bottom: 24px;
}
.pdp-oversize-title {
  font-family: var(--font-display);
  font-size: clamp(22px, 6vw, 32px);
  font-weight: 900;
  color: var(--white);
  letter-spacing: -0.01em;
  text-transform: uppercase;
  margin: 0 0 10px;
  line-height: 1;
}
.pdp-oversize-hr {
  border: none;
  border-top: 0.5px solid var(--line);
  margin: 0 0 12px;
}
.pdp-oversize-desc {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 300;
  color: var(--fog);
  line-height: 1.6;
  margin: 0 0 14px;
}
.pdp-oversize-list {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
}
.pdp-oversize-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--silver);
  padding: 7px 0;
  border-bottom: 0.5px solid var(--line);
}
.pdp-oversize-list li:last-child { border-bottom: none; }
.pdp-oversize-list li strong { color: var(--white); font-weight: 600; }
.pdp-oversize-dot {
  width: 13px;
  height: 13px;
  border: 1px solid var(--white);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pdp-oversize-dot::after {
  content: '';
  width: 5px;
  height: 5px;
  background: var(--white);
  border-radius: 50%;
}
.pdp-oversize-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding-top: 4px;
}
.pdp-oversize-tags span {
  border: 0.5px solid var(--line-2);
  padding: 4px 9px;
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ash);
}


/* conversion pass — premium PDP/cart */
.pdp-drop-scarcity{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--fog);margin:0 0 14px}
.pdp-drop-scarcity span{width:5px;height:5px;border-radius:50%;background:var(--white);box-shadow:0 0 0 3px rgba(245,245,245,.08)}
.pdp-conversion-trust{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:12px}
.pdp-conversion-trust span{padding:12px 8px;text-align:center;font-family:var(--font-display);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--silver);border-right:1px solid var(--line)}
.pdp-conversion-trust span:last-child{border-right:0}
.drawer-checkout-premium{display:flex;align-items:center;justify-content:center;width:100%;background:var(--white);color:var(--black);font-family:var(--font-display);font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;padding:18px;transition:opacity .2s}
.drawer-checkout-premium:hover{opacity:.88}
.drawer-trust,.cart-trust-premium{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.drawer-trust span,.cart-trust-premium span{text-align:center;font-family:var(--font-display);font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fog);padding:0 5px}
.cart-kicker{font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--fog);margin-bottom:10px}
.cart-summary{box-shadow:0 18px 60px rgba(0,0,0,.22)}
.checkout-btn{min-height:56px}
@media(max-width:768px){
  .pdp-conversion-trust span{font-size:7px;padding:11px 5px;letter-spacing:.05em}
  .pdp-sticky-bar{padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -12px 35px rgba(0,0,0,.38)}
  .pdp-sticky-atc{min-height:48px}
  .cart-summary{box-shadow:none}
}


/* ── HERO CONVERSION FIX — mobile reveal + scroll cue ── */
.hero__scroll-cue{
  position:absolute;
  right:28px;
  bottom:24px;
  z-index:3;
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-display);
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(245,245,245,.68);
  opacity:0;
  animation:fadeUp .8s ease 1.15s forwards;
}
.hero__scroll-arrow{font-size:15px;line-height:1;animation:heroNudge 1.4s ease-in-out infinite}
@keyframes heroNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
html{scroll-behavior:smooth}

@media(max-width:640px){
  .hero{
    min-height:0;
    height:78svh;
    max-height:680px;
    align-items:flex-end;
  }
  .hero__img{object-position:center 34%}
  .hero__content{
    padding:0 20px 34px;
    max-width:92%;
  }
  .hero__title{
    font-size:clamp(3rem,14.5vw,4.7rem);
    margin-bottom:16px;
  }
  .hero__sub{
    line-height:1.55;
    margin-bottom:20px;
    font-size:.78rem;
  }
  .hero__cta{
    padding:13px 22px;
    font-size:11px;
  }
  .hero__scarcity{margin-bottom:12px;font-size:8px}
  .hero__scroll-cue{
    right:16px;
    bottom:12px;
    font-size:7px;
    gap:5px;
    color:rgba(245,245,245,.58);
  }
  .hero__scroll-cue span:first-child{display:none}
  .hero__scroll-arrow{font-size:18px}
}

@media(max-width:380px){
  .hero{height:80svh;min-height:500px}
  .hero__title{font-size:clamp(2.7rem,14vw,4rem)}
  .hero__content{padding-bottom:30px}
}


/* ══════════════════════════════════════════
   HERO PROFESSIONAL — cleaner hierarchy
   ══════════════════════════════════════════ */
.hero.hero--pro{
  min-height:calc(100vh - var(--ann) - var(--hdr));
  align-items:flex-end;
  isolation:isolate;
}
.hero.hero--pro .hero__img{
  object-position:center 34%;
  filter:grayscale(.08) brightness(.76) contrast(1.05);
}
.hero.hero--pro .hero__overlay{
  background:
    linear-gradient(90deg, rgba(3,3,3,.76) 0%, rgba(3,3,3,.42) 44%, rgba(3,3,3,.10) 74%, rgba(3,3,3,.02) 100%);
}
.hero.hero--pro .hero__overlay-bottom{
  height:55%;
  background:linear-gradient(to top,rgba(3,3,3,.92) 0%,rgba(3,3,3,.38) 48%,transparent 100%);
}
.hero.hero--pro .hero__content{
  width:min(640px,calc(100% - 56px));
  max-width:none;
  padding:0 0 64px;
  margin-left:28px;
}
.hero__eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:18px;
  font-family:var(--font-display);
  font-size:9px;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(245,245,245,.58);
}
.hero__eyebrow-dot{
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:rgba(245,245,245,.72);
}
.hero.hero--pro .hero__title{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin:0;
  max-width:100%;
  font-size:clamp(4rem,8.4vw,8rem);
  line-height:.9;
  letter-spacing:-.035em;
}
.hero.hero--pro .hero__title span{
  display:block;
  white-space:nowrap;
}
.hero__divider{
  width:42px;
  height:1px;
  margin:24px 0 18px;
  background:rgba(245,245,245,.5);
}
.hero.hero--pro .hero__sub{
  margin:0 0 28px;
  max-width:420px;
  font-size:.88rem;
  line-height:1.7;
  color:rgba(245,245,245,.62);
}
.hero__actions{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}
.hero.hero--pro .hero__cta{
  min-height:50px;
  padding:0 24px;
  gap:18px;
  font-size:11px;
  letter-spacing:.17em;
  box-shadow:0 8px 28px rgba(0,0,0,.18);
}
.hero.hero--pro .hero__cta span{
  font-size:16px;
  line-height:1;
}
.hero.hero--pro .hero__scroll-cue{
  position:static;
  opacity:1;
  animation:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:rgba(245,245,245,.46);
  font-size:8px;
  letter-spacing:.16em;
  border-bottom:1px solid rgba(245,245,245,.16);
  padding-bottom:4px;
}
.hero.hero--pro .hero__scroll-arrow{
  font-size:13px;
  animation:heroNudge 1.4s ease-in-out infinite;
}

@media(max-width:640px){
  .hero.hero--pro{
    height:82svh;
    min-height:610px;
    max-height:760px;
  }
  .hero.hero--pro .hero__img{
    object-position:58% 34%;
  }
  .hero.hero--pro .hero__overlay{
    background:
      linear-gradient(to right,rgba(3,3,3,.68) 0%,rgba(3,3,3,.30) 58%,rgba(3,3,3,.06) 100%),
      linear-gradient(to top,rgba(3,3,3,.80) 0%,rgba(3,3,3,.18) 55%,transparent 100%);
  }
  .hero.hero--pro .hero__overlay-bottom{
    height:58%;
    background:linear-gradient(to top,rgba(3,3,3,.88) 0%,rgba(3,3,3,.38) 48%,transparent 100%);
  }
  .hero.hero--pro .hero__content{
    width:calc(100% - 36px);
    max-width:none;
    margin-left:18px;
    padding:0 0 28px;
  }
  .hero__eyebrow{
    margin-bottom:13px;
    font-size:7px;
    letter-spacing:.18em;
    color:rgba(245,245,245,.60);
  }
  .hero.hero--pro .hero__title{
    font-size:clamp(2.65rem,11.4vw,3.8rem);
    line-height:.91;
    letter-spacing:-.03em;
  }
  .hero.hero--pro .hero__title span{
    white-space:nowrap;
  }
  .hero__divider{
    width:30px;
    margin:16px 0 12px;
  }
  .hero.hero--pro .hero__sub{
    margin-bottom:19px;
    max-width:310px;
    font-size:.75rem;
    line-height:1.55;
  }
  .hero__actions{
    gap:14px;
    align-items:center;
  }
  .hero.hero--pro .hero__cta{
    min-height:46px;
    padding:0 18px;
    font-size:9px;
    letter-spacing:.15em;
  }
  .hero.hero--pro .hero__scroll-cue{
    display:inline-flex;
    right:auto;
    bottom:auto;
    font-size:7px;
  }
  .hero.hero--pro .hero__scroll-cue span:first-child{
    display:inline;
  }
}

@media(max-width:390px){
  .hero.hero--pro{
    height:80svh;
    min-height:580px;
  }
  .hero.hero--pro .hero__title{
    font-size:clamp(2.45rem,11vw,3.35rem);
  }
  .hero.hero--pro .hero__sub{
    font-size:.72rem;
  }
  .hero.hero--pro .hero__scroll-cue{
    display:none;
  }
}
\n\n/* ══════════════════════════════════════════\n   HERO SALES FINAL — mobile conversion first\n   ══════════════════════════════════════════ */\n.hero.hero--sales{\n  position:relative;\n  min-height:0;\n  height:72svh;\n  max-height:700px;\n  display:flex;\n  align-items:flex-end;\n  overflow:hidden;\n  background:#050505;\n}\n.hero.hero--sales .hero__img{\n  position:absolute;inset:0;\n  width:100%;height:100%;\n  object-fit:cover;\n  object-position:58% 49%;\n  transform:scale(1.11);\n  filter:grayscale(.05) brightness(.76) contrast(1.08);\n}\n.hero.hero--sales .hero__overlay{\n  position:absolute;inset:0;\n  background:linear-gradient(to right,rgba(3,3,3,.58) 0%,rgba(3,3,3,.20) 56%,rgba(3,3,3,.03) 100%);\n}\n.hero.hero--sales .hero__overlay-bottom{\n  position:absolute;inset:auto 0 0;\n  height:62%;\n  background:linear-gradient(to top,rgba(3,3,3,.94) 0%,rgba(3,3,3,.48) 48%,transparent 100%);\n}\n.hero.hero--sales .hero__content{\n  position:relative;z-index:2;\n  width:min(560px,calc(100% - 40px));\n  margin:0 0 30px 20px;\n  padding:0;\n  max-width:none;\n}\n.hero__kicker{\n  margin:0 0 11px;\n  font-family:var(--font-display);\n  font-size:8px;font-weight:800;\n  letter-spacing:.19em;text-transform:uppercase;\n  color:rgba(245,245,245,.62);\n}\n.hero.hero--sales .hero__title{\n  margin:0 0 20px;\n  font-family:var(--font-display);\n  font-size:clamp(2.65rem,11.7vw,4.2rem);\n  font-weight:900;line-height:.91;\n  letter-spacing:-.035em;text-transform:uppercase;\n  color:var(--white);\n  opacity:1;animation:none;\n}\n.hero.hero--sales .hero__cta{\n  width:100%;min-height:56px;\n  display:flex;align-items:center;justify-content:space-between;\n  gap:18px;\n  padding:0 18px;\n  background:var(--white);color:var(--black);\n  font-family:var(--font-display);\n  font-size:10px;font-weight:900;\n  letter-spacing:.13em;text-transform:uppercase;\n  opacity:1;animation:none;\n  box-shadow:0 12px 30px rgba(0,0,0,.24);\n}\n.hero.hero--sales .hero__cta-arrow{font-size:18px;line-height:1}\n.hero__micro{\n  margin-top:10px;\n  font-size:10px;line-height:1.4;\n  color:rgba(245,245,245,.52);\n  letter-spacing:.02em;\n}\n.hero.hero--sales .hero__sub,\n.hero.hero--sales .hero__scroll-cue,\n.hero.hero--sales .hero__eyebrow,\n.hero.hero--sales .hero__divider,\n.hero.hero--sales .hero__actions,\n.hero.hero--sales .hero__scarcity{display:none!important}\n\n@media(max-width:640px){\n  .hero.hero--sales{\n    height:68svh;\n    min-height:540px;\n    max-height:640px;\n  }\n  .hero.hero--sales .hero__img{\n    object-position:59% 51%;\n    transform:scale(1.14);\n  }\n  .hero.hero--sales .hero__content{\n    width:calc(100% - 32px);\n    margin:0 0 22px 16px;\n  }\n  .hero.hero--sales .hero__title{\n    font-size:clamp(2.55rem,11.4vw,3.55rem);\n    margin-bottom:16px;\n  }\n  .hero.hero--sales .hero__cta{min-height:54px;font-size:9px;padding:0 16px}\n  .hero__micro{font-size:9px;margin-top:8px}\n}\n\n@media(max-width:390px){\n  .hero.hero--sales{height:66svh;min-height:510px}\n  .hero.hero--sales .hero__title{font-size:clamp(2.35rem,11vw,3.1rem)}\n}\n

/* ══════════════════════════════════════════
   HEATMAP CONVERSION PATCH — 2026-08-27
   ══════════════════════════════════════════ */

/* Entire product card = one large tap target */
.product-card.product-card__link{
  display:block;
  width:100%;
  height:100%;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(255,255,255,.08);
}
.product-card.product-card__link:focus-visible{
  outline:2px solid var(--white);
  outline-offset:3px;
}

/* Stronger "Voir tout" action */
.section-see-all{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(245,245,245,.42);
  color:var(--white);
  background:rgba(255,255,255,.03);
  font-size:11px;
  font-weight:800;
  border-bottom:1px solid rgba(245,245,245,.42);
}
.section-see-all:hover{
  background:var(--white);
  color:var(--black);
  border-color:var(--white);
}

/* Volume offer CTAs */
.vd-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:44px;
  margin-top:18px;
  padding:10px 14px;
  border:1px solid rgba(245,245,245,.32);
  font-family:var(--font-display);
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--white);
  transition:background var(--t),color var(--t),border-color var(--t);
}
.vd-cta:hover{
  border-color:var(--white);
  background:var(--white);
  color:var(--black);
}
.vd-cta--primary{
  background:var(--white);
  color:var(--black);
  border-color:var(--white);
}
.vd-cta--primary:hover{opacity:.88}

/* Hero CTA: explicit high-conversion tap target */
.hero.hero--sales .hero__cta{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid var(--white);
  background:var(--white);
  color:var(--black);
}

/* Mobile-first conversion */
@media(max-width:640px){
  .section-head{
    align-items:center;
    gap:12px;
  }
  .section-see-all{
    min-height:44px;
    padding:0 14px;
    font-size:10px;
    letter-spacing:.14em;
    flex-shrink:0;
  }

  .product-card.product-card__link{
    min-height:44px;
  }

  .hero.hero--sales .hero__cta{
    width:100%;
    min-height:54px;
    padding:0 18px;
    font-size:10px;
    letter-spacing:.12em;
  }

  .vd-cta{
    min-height:48px;
    font-size:9px;
  }
}


/* ══════════════════════════════════════════
   HEATMAP V2 — hero benefit + compact promo
   ══════════════════════════════════════════ */
.hero__shipping-benefit{
  display:flex;
  align-items:center;
  gap:7px;
  width:fit-content;
  margin:0 0 10px;
  font-family:var(--font-display);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(245,245,245,.82);
}
.hero__shipping-benefit span{
  display:inline-flex;
  width:17px;
  height:17px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(245,245,245,.36);
  border-radius:50%;
  font-size:9px;
}
#hero-shop-cta{
  position:relative;
  z-index:5;
  pointer-events:auto !important;
  touch-action:manipulation;
}

/* Mobile volume section: less vertical scrolling */
@media(max-width:640px){
  .vd-section{
    padding-top:48px !important;
    padding-bottom:48px !important;
  }
  .vd-inner{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .vd-title{
    font-size:clamp(2rem,10vw,3rem) !important;
    line-height:.92 !important;
    margin-bottom:12px !important;
  }
  .vd-lead{
    margin-bottom:24px !important;
    font-size:.76rem !important;
    line-height:1.45 !important;
  }
  .vd-cards{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .vd-card{
    min-height:0 !important;
    padding:18px 16px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
      "qty price"
      "saving price"
      "auto cta" !important;
    align-items:center !important;
    column-gap:12px !important;
    row-gap:5px !important;
    text-align:left !important;
  }
  .vd-qty{grid-area:qty !important;margin:0 !important}
  .vd-label,.vd-savings{grid-area:saving !important;margin:0 !important}
  .vd-price{
    grid-area:price !important;
    margin:0 !important;
    font-size:1.7rem !important;
    align-self:center !important;
  }
  .vd-auto{
    grid-area:auto !important;
    margin:0 !important;
    font-size:8px !important;
  }
  .vd-cta{
    grid-area:cta !important;
    width:auto !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 12px !important;
    white-space:nowrap !important;
    font-size:8px !important;
  }
  .vd-footer{
    margin-top:28px !important;
    padding-top:24px !important;
  }
  .hero__shipping-benefit{
    margin-bottom:9px;
    font-size:8px;
    letter-spacing:.11em;
  }
}

/* Newsletter = benefit-first and easier to tap */
.email-capture__btn{
  min-height:48px;
  padding-left:16px;
  padding-right:16px;
  white-space:nowrap;
}

/* HERO COMPACT V3 — show products sooner on mobile */
@media (max-width: 640px) {
  .hero.hero--sales {
    height: 52svh !important;
    min-height: 430px !important;
    max-height: 520px !important;
  }
  .hero.hero--sales .hero__img {
    object-position: 59% 52% !important;
    transform: scale(1.08) !important;
  }
  .hero.hero--sales .hero__content {
    width: calc(100% - 32px) !important;
    margin: 0 0 16px 16px !important;
  }
  .hero.hero--sales .hero__title {
    font-size: clamp(2.15rem, 10vw, 3rem) !important;
    line-height: .91 !important;
    margin-bottom: 11px !important;
  }
  .hero__kicker {
    margin-bottom: 7px !important;
    font-size: 7px !important;
  }
  .hero__shipping-benefit {
    margin-bottom: 8px !important;
  }
  .hero.hero--sales .hero__cta {
    min-height: 48px !important;
  }
  .hero__micro {
    margin-top: 6px !important;
  }
}

@media (max-width: 390px) {
  .hero.hero--sales {
    height: 54svh !important;
    min-height: 420px !important;
  }
}

/* CONVERSION COMPLETION V4 */
.hero.hero--sales .hero__img,.hero.hero--sales .hero__title{pointer-events:none;cursor:default}
.hero.hero--sales .hero__cta{background:#fff!important;color:#000!important;border:2px solid #fff!important;min-height:54px!important;box-shadow:0 12px 28px rgba(0,0,0,.35)!important}
.section-head{align-items:flex-start!important;flex-direction:column!important;gap:9px!important}
.section-see-all{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0 14px!important;border:1px solid rgba(245,245,245,.4)!important;font-size:10px!important}
.product-card__availability{display:block;margin:4px 0 7px;font-size:7px;letter-spacing:.11em;opacity:.62;text-transform:uppercase}
.mobile-shop-sticky{display:none}.vd-card--secondary{opacity:.72}.vd-card--best{border:1px solid rgba(245,245,245,.75)!important;background:#111!important}.vd-best-badge{display:inline-flex;padding:5px 8px;background:#fff;color:#000;font-family:var(--font-display);font-size:7px;font-weight:900;letter-spacing:.13em}
@media(max-width:640px){.hero.hero--sales{height:48svh!important;min-height:400px!important;max-height:470px!important}.products-section{padding-top:28px!important}.mobile-shop-sticky{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:450;min-height:54px;padding:0 18px;align-items:center;justify-content:space-between;background:#fff;color:#000;box-shadow:0 14px 38px rgba(0,0,0,.46);font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:.11em;opacity:0;visibility:hidden;transform:translateY(16px);transition:.2s}.mobile-shop-sticky.is-visible{display:flex;opacity:1;visibility:visible;transform:none}.vd-cards{display:flex!important;flex-direction:column!important}.vd-card--best{order:1;opacity:1}.vd-card--one{order:2}.vd-card--three{order:3}}

/* CONVERSION V5 — quick buy + bundle teaser + header affordance */
.card-quickbuy{margin-top:10px}.card-quickbuy__label{display:block;font-size:7px;letter-spacing:.13em;opacity:.6;margin-bottom:6px}.card-quickbuy__sizes{display:flex;flex-wrap:wrap;gap:5px}.card-quickbuy__size{min-width:38px;min-height:34px;padding:0 8px;border:1px solid rgba(245,245,245,.32);background:transparent;color:var(--white);font:700 9px var(--font-display);cursor:pointer}.card-quickbuy__size:hover,.card-quickbuy__size.is-added{background:var(--white);color:var(--black)}
.bundle-teaser{max-width:1344px;margin:24px auto 0;padding:18px 20px;border:1px solid rgba(245,245,245,.28);display:flex;align-items:center;justify-content:space-between;gap:20px}.bundle-teaser strong{display:block;font:900 12px var(--font-display);letter-spacing:.08em}.bundle-teaser span{display:block;margin-top:5px;font-size:10px;color:var(--fog)}.bundle-teaser a{flex:none;padding:13px 16px;background:var(--white);color:var(--black);font:900 9px var(--font-display);letter-spacing:.1em}
#cart-open{border:1px solid rgba(245,245,245,.18)!important;border-radius:999px}.site-header.scrolled #cart-open{border-color:rgba(245,245,245,.4)!important}
@media(max-width:640px){.card-quickbuy{margin-top:8px}.card-quickbuy__size{min-width:42px;min-height:38px}.bundle-teaser{margin:18px 16px 0;align-items:stretch;flex-direction:column}.bundle-teaser a{text-align:center;min-height:46px;display:flex;align-items:center;justify-content:center}.hero__shipping-benefit{font-size:8px!important}.hero__micro{opacity:.58}.email-capture{padding-top:64px!important;padding-bottom:64px!important}}

/* V7 CLEANUP — remove redundant homepage conversion UI */
.bundle-teaser,
.mobile-shop-sticky{display:none!important}

/* V8 PREMIUM GRID — no quick buy UI */
.card-quickbuy,.card-quickbuy__toggle,.card-quickbuy__panel,.card-quickbuy__sizes,.card-quickbuy__size{display:none!important}

/* ══════════════════════════════════════════
   V9 PDP CONVERSION — premium, low clutter
   ══════════════════════════════════════════ */
.pdp-purchase-cues{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--line);
}
.pdp-stock-cue,
.pdp-purchase-cues .pdp-shipping-note{
  margin:0!important;
  font-family:var(--font-display);
  font-size:8px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--fog);
}
.pdp-stock-cue{color:var(--silver)}
.pdp-atc{
  min-height:58px;
  letter-spacing:.12em!important;
}
.pdp-buy-now{
  min-height:52px;
  font-size:10px!important;
  letter-spacing:.13em!important;
  color:var(--silver);
  border-color:var(--line-2);
}
.pdp-sticky-bar{
  background:rgba(8,8,8,.96)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.pdp-sticky-atc{
  min-width:150px;
  min-height:50px;
  font-weight:900!important;
}
.pdp-sticky-atc:disabled{opacity:.45}

@media(max-width:640px){
  .pdp-breadcrumb{padding:10px 16px 12px!important;opacity:.68}
  .pdp-img-main{aspect-ratio:1/1!important}
  .pdp-info{padding:17px 16px 34px!important}
  .pdp-drop-scarcity{
    margin-bottom:8px!important;
    font-size:7px!important;
    letter-spacing:.13em!important;
    opacity:.72;
  }
  .pdp-title{
    margin-bottom:8px!important;
    font-size:clamp(1.75rem,7.6vw,2.25rem)!important;
    line-height:.98!important;
  }
  .pdp-price-row{margin-bottom:0!important}
  .pdp-purchase-cues{
    margin-top:9px;
    padding-top:9px;
  }
  .pdp-divider{margin:18px 0!important}
  .pdp-option{margin-bottom:18px!important}
  .pdp-option-header{margin-bottom:9px!important}
  .pdp-size-btn span{
    min-width:44px!important;
    height:44px!important;
  }
  .pdp-qty-row{margin-bottom:16px!important}
  .pdp-atc{
    min-height:56px!important;
    padding:15px 12px!important;
    font-size:10px!important;
  }
  .pdp-buy-now{
    min-height:48px!important;
    padding:13px!important;
  }
  .pdp-conversion-trust{
    margin-top:10px!important;
  }
  .pdp-conversion-trust span{
    padding:9px 4px!important;
    line-height:1.3;
  }
  .pdp-sticky-bar{
    padding:9px 12px max(9px,env(safe-area-inset-bottom))!important;
  }
  .pdp-sticky-name{font-size:9px!important}
  .pdp-sticky-price{font-size:1rem!important}
  .pdp-sticky-atc{
    min-width:145px;
    padding:12px 14px!important;
    font-size:9px!important;
    letter-spacing:.08em!important;
  }
}

/* V12 — premium visible variant choices */
.pdp-choice-grid{display:flex;flex-wrap:wrap;gap:7px}
.pdp-choice-btn{cursor:pointer}
.pdp-choice-btn input{position:absolute;opacity:0;pointer-events:none}
.pdp-choice-btn span{
  min-height:46px;
  padding:0 15px;
  display:flex;align-items:center;justify-content:center;gap:9px;
  border:1px solid var(--line-2);
  font-family:var(--font-display);
  font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--fog);transition:border-color .2s,color .2s,background .2s;
}
.pdp-choice-btn:hover span{border-color:var(--silver);color:var(--white)}
.pdp-choice-btn input:checked + span{
  border-color:var(--white);color:var(--white);background:rgba(245,245,245,.06)
}
.pdp-color-dot{
  width:12px;height:12px;border-radius:50%;
  border:1px solid rgba(245,245,245,.35);background:#777;flex:0 0 12px;
}
.pdp-color-dot--noir,.pdp-color-dot--black{background:#111}
.pdp-color-dot--blanc,.pdp-color-dot--white{background:#eee}
.pdp-color-dot--gris,.pdp-color-dot--grey,.pdp-color-dot--gray{background:#777}
.pdp-color-dot--bleu,.pdp-color-dot--blue{background:#40556c}
.pdp-color-dot--marine,.pdp-color-dot--navy{background:#172332}
.pdp-color-dot--rose,.pdp-color-dot--pink{background:#a9838b}
.pdp-color-dot--beige,.pdp-color-dot--cream,.pdp-color-dot--creme{background:#b8aa91}
@media(max-width:640px){
 .pdp-choice-btn span{min-height:44px;padding:0 13px;font-size:9px}
}

/* V12 — one restrained cart recommendation */
.cart-rec{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.cart-rec__eyebrow{
  margin-bottom:10px;font-family:var(--font-display);font-size:7px;font-weight:800;
  letter-spacing:.18em;color:var(--fog)
}
.cart-rec__row{display:grid;grid-template-columns:52px 1fr auto;gap:11px;align-items:center}
.cart-rec__img{width:52px;height:60px;object-fit:contain;background:var(--black-3)}
.cart-rec__copy{min-width:0;display:flex;flex-direction:column}
.cart-rec__copy strong{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:var(--font-display);font-size:10px;font-weight:800;color:var(--white)
}
.cart-rec__copy span{font-family:var(--font-display);font-size:10px;color:var(--silver)}
.cart-rec__view{
  font-family:var(--font-display);font-size:8px;font-weight:800;letter-spacing:.1em;
  color:var(--silver);border-bottom:1px solid var(--ash);padding-bottom:2px
}
.cart-rec__note{
  margin-top:10px;font-family:var(--font-display);font-size:7px;font-weight:800;
  letter-spacing:.11em;color:var(--fog)
}

/* V13 — heatmap: compact bundle, keep all 4 products visible */
.vd-section--compact{padding:54px 28px!important;border-top:1px solid var(--line);background:var(--black)}
.vd-section--compact .vd-inner{max-width:1000px!important;margin:0 auto}
.vd-compact-offer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:20px}
.vd-compact-copy{display:flex;flex-direction:column}
.vd-compact-kicker{margin-bottom:7px;font-family:var(--font-display);font-size:7px;font-weight:800;letter-spacing:.2em;color:var(--fog)}
.vd-compact-title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:900;line-height:.95;letter-spacing:-.02em}
.vd-compact-benefit{margin-top:6px;font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--silver)}
.vd-compact-action{display:flex;align-items:center;gap:24px}
.vd-compact-price{font-family:var(--font-display);font-size:clamp(2.1rem,4vw,3.2rem);font-weight:900;line-height:1}
.vd-compact-cta{min-height:50px;display:flex;align-items:center;padding:0 18px;background:var(--white);color:var(--black);font-family:var(--font-display);font-size:9px;font-weight:900;letter-spacing:.11em;white-space:nowrap}
.vd-compact-three{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--line);font-family:var(--font-display);font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--silver)}
.vd-compact-three small{font:inherit;color:var(--fog)}
@media(max-width:640px){
 .vd-section--compact{padding:36px 16px 34px!important}
 .vd-compact-offer{align-items:flex-end;gap:14px;padding-bottom:16px}
 .vd-compact-title{font-size:2.15rem}
 .vd-compact-benefit{font-size:7px}
 .vd-compact-action{flex-direction:column;align-items:flex-end;gap:9px}
 .vd-compact-price{font-size:2.2rem}
 .vd-compact-cta{min-height:44px;padding:0 12px;font-size:7px}
 .vd-compact-three{grid-template-columns:1fr auto;gap:3px 10px;padding-top:13px;font-size:7px}
 .vd-compact-three small{grid-column:1/2}
 .vd-compact-three>span:last-child{grid-column:2;grid-row:1/3}
}

/* DROP 03 — conversion push, still premium */
.announce-bar--drop03 .announce-offer{font-weight:900;color:var(--white);letter-spacing:.1em}
.hero__offer-benefit{
  display:inline-flex!important;align-items:center;gap:8px;
  padding:8px 11px!important;border:1px solid rgba(255,255,255,.6);
  background:rgba(0,0,0,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  font-weight:900!important;color:#fff!important
}
.hero__offer-benefit span{font-size:11px;font-weight:950;letter-spacing:.06em}
.section-offer-line{margin:6px 0 0;font-family:var(--font-display);font-size:8px;font-weight:900;letter-spacing:.14em;color:var(--silver)}

.vd-section--aggressive{padding:64px 28px!important;background:#f2f0eb!important;color:#090909!important;border-top:0!important}
.vd-aggressive-inner{max-width:1080px!important;margin:0 auto}
.vd-aggressive-head{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:end;margin-bottom:28px}
.vd-aggressive-copy{max-width:720px}
.vd-aggressive-kicker{display:block;margin-bottom:10px;font-family:var(--font-display);font-size:8px;font-weight:900;letter-spacing:.2em;color:#555}
.vd-aggressive-title{margin:0;font-family:var(--font-display);font-size:clamp(3.2rem,7vw,6.8rem);font-weight:950;line-height:.82;letter-spacing:-.055em;text-transform:uppercase;color:#050505}
.vd-aggressive-title span{display:inline-block;margin-top:9px}
.vd-aggressive-sub{max-width:610px;margin:18px 0 0;font-family:var(--font-display);font-size:9px;font-weight:800;line-height:1.65;letter-spacing:.115em;color:#4a4a4a}
.vd-aggressive-stamp{width:168px;height:168px;border:2px solid #090909;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(4deg);font-family:var(--font-display);text-align:center}
.vd-aggressive-stamp span{font-size:8px;font-weight:900;letter-spacing:.16em}
.vd-aggressive-stamp strong{margin-top:4px;font-size:3rem;line-height:1;font-weight:950;letter-spacing:-.06em}
.vd-price-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #111;margin-top:12px}
.vd-price-card{padding:24px 22px;border-right:1px solid #111;background:transparent}
.vd-price-card:last-child{border-right:0}
.vd-price-card--hero{background:#090909;color:#f5f5f3}
.vd-price-label{display:block;margin-bottom:11px;font-family:var(--font-display);font-size:8px;font-weight:900;letter-spacing:.15em}
.vd-price-line{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display)}
.vd-price-line del{font-size:1rem;opacity:.48;text-decoration-thickness:1px}
.vd-price-line strong{font-size:2.35rem;line-height:1;font-weight:950;letter-spacing:-.045em}
.vd-price-card small{display:block;margin-top:9px;font-family:var(--font-display);font-size:7px;font-weight:900;letter-spacing:.13em;opacity:.68}
.vd-aggressive-cta{min-height:62px;margin-top:14px;padding:0 22px;background:#090909!important;color:#fff!important;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;transition:transform .15s ease,opacity .15s ease}
.vd-aggressive-cta:hover{opacity:.9;transform:translateY(-1px)}
.vd-aggressive-foot{margin-top:12px;text-align:center;font-family:var(--font-display);font-size:7px;font-weight:850;letter-spacing:.13em;color:#585858}

@media(max-width:640px){
  .hero__offer-benefit{padding:7px 9px!important;font-size:7px!important;letter-spacing:.1em!important}
  .hero__offer-benefit span{font-size:9px}
  .hero.hero--sales .hero__cta{min-height:56px!important;font-size:9px!important;font-weight:950!important}
  .hero__micro{font-size:6px!important;letter-spacing:.1em!important}
  .section-offer-line{font-size:7px}
  .vd-section--aggressive{padding:44px 16px 38px!important}
  .vd-aggressive-head{grid-template-columns:1fr auto;gap:10px;margin-bottom:20px;align-items:center}
  .vd-aggressive-title{font-size:clamp(3rem,15vw,4.35rem);line-height:.84}
  .vd-aggressive-kicker{font-size:7px;margin-bottom:8px}
  .vd-aggressive-sub{font-size:7px;line-height:1.55;margin-top:14px;max-width:300px}
  .vd-aggressive-stamp{width:88px;height:88px;border-width:1.5px}
  .vd-aggressive-stamp span{font-size:5px}
  .vd-aggressive-stamp strong{font-size:1.65rem}
  .vd-price-grid{grid-template-columns:1fr;border-bottom:0}
  .vd-price-card{display:grid;grid-template-columns:1fr auto;align-items:center;padding:16px 15px;border-right:0;border-bottom:1px solid #111}
  .vd-price-label{margin:0;grid-column:1;font-size:7px}
  .vd-price-line{grid-column:2;grid-row:1/3;gap:7px}
  .vd-price-line del{font-size:.8rem}
  .vd-price-line strong{font-size:1.75rem}
  .vd-price-card small{grid-column:1;margin-top:5px;font-size:6px}
  .vd-aggressive-cta{min-height:58px;padding:0 16px;font-size:9px}
  .vd-aggressive-foot{font-size:6px;line-height:1.5}
}

/* DROP 03 — premium + aggressive bundle-first conversion */
.hero__offer-benefit{flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding:10px 13px!important;border-color:rgba(255,255,255,.72)!important;background:rgba(0,0,0,.38)!important}
.hero__offer-big{font-family:var(--font-display);font-size:15px!important;font-weight:950!important;line-height:1!important;letter-spacing:.03em!important}
.hero__offer-copy{font-family:var(--font-display);font-size:6px;font-weight:850;letter-spacing:.16em;opacity:.78}

.vd-section--bundle-first{padding:56px 28px!important;background:#f1efe9!important;color:#080808!important;border:0!important}
.vd-bundle-inner{max-width:1080px!important;margin:0 auto}
.vd-bundle-eyebrow{margin-bottom:15px;font-family:var(--font-display);font-size:7px;font-weight:900;letter-spacing:.22em;color:#555}
.vd-bundle-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:38px;align-items:end}
.vd-bundle-title{margin:0;font-family:var(--font-display);font-size:clamp(2.7rem,5.9vw,5.8rem);font-weight:950;line-height:.9;letter-spacing:-.05em;text-transform:uppercase;color:#050505}
.vd-bundle-title span{display:inline-block;margin-top:5px}
.vd-bundle-sub{max-width:620px;margin:15px 0 0;font-family:var(--font-display);font-size:9px;font-weight:750;line-height:1.55;letter-spacing:.08em;color:#4d4d4d}
.vd-bundle-save{width:150px;height:150px;border:1.5px solid #111;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(3deg);font-family:var(--font-display)}
.vd-bundle-save small{font-size:6px;font-weight:900;letter-spacing:.16em}.vd-bundle-save strong{font-size:2.8rem;line-height:1;font-weight:950;letter-spacing:-.05em}.vd-bundle-save span{margin-top:3px;font-size:6px;font-weight:900;letter-spacing:.12em}

.vd-best-offer{position:relative;margin-top:30px;padding:24px 24px 22px;background:#070707;color:#f5f5f2;display:grid;grid-template-columns:1.05fr 1fr auto;gap:26px;align-items:center;border:1px solid #070707}
.vd-best-badge{position:absolute;left:20px;top:-10px;padding:6px 9px;background:#f1efe9!important;color:#080808!important;border:1px solid #080808;font-family:var(--font-display);font-size:6px!important;font-weight:950!important;letter-spacing:.16em!important}
.vd-best-copy{padding-top:4px}.vd-best-label{display:block;margin-bottom:8px;font-family:var(--font-display);font-size:8px;font-weight:900;letter-spacing:.16em}.vd-best-price{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display)}.vd-best-price del{font-size:1.15rem;opacity:.45}.vd-best-price strong{font-size:3rem;line-height:.95;font-weight:950;letter-spacing:-.05em}.vd-best-unit{margin-top:5px;font-family:var(--font-display);font-size:8px;font-weight:900;letter-spacing:.12em;color:#d6d6d2}
.vd-best-reason{max-width:300px;font-family:var(--font-display);font-size:8px;font-weight:700;line-height:1.55;letter-spacing:.08em;color:#bcbcb8}.vd-best-reason strong{color:#fff;font-weight:950}
.vd-best-cta{min-height:54px;padding:0 18px;background:#f4f2ed;color:#080808;display:flex;align-items:center;justify-content:space-between;gap:18px;font-family:var(--font-display);font-size:8px;font-weight:950;letter-spacing:.12em;white-space:nowrap}.vd-best-cta:hover{opacity:.9}
.vd-alt-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #111;border-top:0}.vd-alt-card{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.vd-alt-card+ .vd-alt-card{border-left:1px solid #111}.vd-alt-card>span{font-family:var(--font-display);font-size:7px;font-weight:900;letter-spacing:.13em}.vd-alt-card>div{display:flex;align-items:baseline;gap:8px;font-family:var(--font-display)}.vd-alt-card del{font-size:.8rem;opacity:.45}.vd-alt-card strong{font-size:1.4rem;font-weight:950;letter-spacing:-.03em}
.vd-bundle-foot{margin-top:12px;text-align:center;font-family:var(--font-display);font-size:6px;font-weight:850;letter-spacing:.14em;color:#5b5b5b}

.product-card__bundle-cue{display:inline-flex;margin:1px 0 7px;padding:4px 6px;border:1px solid rgba(245,245,245,.22);font-family:var(--font-display);font-size:6px;font-weight:900;letter-spacing:.11em;color:var(--silver)}
.pdp-bundle-nudge{margin-top:12px;padding:14px 15px;border:1px solid rgba(245,245,245,.58);display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(245,245,245,.035)}
.pdp-bundle-nudge>div{display:flex;flex-direction:column;gap:4px}.pdp-bundle-nudge__eyebrow{font-family:var(--font-display);font-size:6px;font-weight:900;letter-spacing:.16em;color:var(--fog)}.pdp-bundle-nudge strong{font-family:var(--font-display);font-size:9px;font-weight:950;letter-spacing:.08em;color:var(--white)}.pdp-bundle-nudge small{font-family:var(--font-display);font-size:7px;font-weight:700;letter-spacing:.04em;color:var(--silver)}.pdp-bundle-nudge__arrow{font-size:1.15rem;color:var(--white)}
.cart-bundle-unlock{display:block;margin-bottom:15px;padding:14px;border:1px solid rgba(245,245,245,.5);background:rgba(245,245,245,.035)}.cart-bundle-unlock span,.cart-bundle-unlock strong,.cart-bundle-unlock small{display:block;font-family:var(--font-display)}.cart-bundle-unlock span{font-size:6px;font-weight:800;letter-spacing:.15em;color:var(--fog)}.cart-bundle-unlock strong{margin-top:5px;font-size:9px;font-weight:950;letter-spacing:.08em;color:var(--white)}.cart-bundle-unlock small{margin-top:4px;font-size:7px;color:var(--silver)}.cart-bundle-unlocked{margin-bottom:15px;padding:11px;border:1px solid rgba(245,245,245,.35);font-family:var(--font-display);font-size:7px;font-weight:900;letter-spacing:.1em;text-align:center}.cart-rec__note--strong{font-size:8px!important;color:var(--white)!important;letter-spacing:.08em!important}

@media(max-width:640px){
  .hero__offer-benefit{padding:9px 10px!important}.hero__offer-big{font-size:12px!important}.hero__offer-copy{font-size:5px}
  .vd-section--bundle-first{padding:36px 16px 34px!important}.vd-bundle-main{grid-template-columns:1fr auto;gap:10px;align-items:center}.vd-bundle-title{font-size:clamp(2.35rem,12vw,3.55rem);line-height:.89}.vd-bundle-sub{font-size:7px;line-height:1.5;margin-top:12px;max-width:270px}.vd-bundle-save{width:78px;height:78px;border-width:1px}.vd-bundle-save small,.vd-bundle-save span{font-size:4.5px}.vd-bundle-save strong{font-size:1.55rem}
  .vd-best-offer{margin-top:24px;padding:20px 15px 15px;grid-template-columns:1fr auto;gap:12px}.vd-best-badge{left:12px;top:-9px;font-size:5px!important}.vd-best-copy{padding-top:5px}.vd-best-label{font-size:6px}.vd-best-price del{font-size:.85rem}.vd-best-price strong{font-size:2.15rem}.vd-best-unit{font-size:6px}.vd-best-reason{display:none}.vd-best-cta{min-height:48px;padding:0 12px;font-size:7px;gap:10px}
  .vd-alt-grid{grid-template-columns:1fr}.vd-alt-card{padding:13px 14px}.vd-alt-card+ .vd-alt-card{border-left:0;border-top:1px solid #111}.vd-alt-card>span{font-size:6px}.vd-alt-card strong{font-size:1.2rem}.vd-bundle-foot{font-size:5.5px;line-height:1.45}
  .product-card__bundle-cue{font-size:5px;padding:3px 5px}.pdp-bundle-nudge{padding:12px}.pdp-bundle-nudge strong{font-size:8px}.pdp-bundle-nudge small{font-size:6px}
}


/* DROP 03 — all-black premium conversion flow */
.vd-section--bundle-first{background:var(--black)!important;color:var(--white)!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
.vd-bundle-eyebrow{color:var(--fog)!important}
.vd-bundle-title{color:var(--white)!important}
.vd-bundle-sub{color:var(--silver)!important}
.vd-bundle-save{border-color:rgba(245,245,245,.68)!important;color:var(--white)!important}
.vd-best-offer{background:var(--black-2)!important;color:var(--white)!important;border:1px solid rgba(245,245,245,.55)!important}
.vd-best-badge{background:var(--white)!important;color:var(--black)!important;border-color:var(--white)!important}
.vd-best-cta{background:var(--white)!important;color:var(--black)!important}
.vd-alt-grid{border-color:var(--line)!important}
.vd-alt-card{border-color:var(--line)!important;color:var(--white)!important}
.vd-alt-card + .vd-alt-card{border-color:var(--line)!important}
.vd-alt-card del{color:var(--fog)!important}
.vd-bundle-foot{color:var(--fog)!important}

/* DROP 03 — hero offer overlap fix */
.hero.hero--sales .hero__offer-benefit > span{
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  align-items:initial!important;
  justify-content:initial!important;
  white-space:normal!important;
}

/* DROP 03 tiered bundle — 2 = -20 / 3 = -40 */
.vd-tier-grid{grid-template-columns:.72fr 1.28fr!important}
.vd-tier-card--max{border-color:rgba(245,245,245,.52)!important}
.vd-tier-card--max strong{font-size:1.65rem!important}
@media(max-width:640px){.vd-tier-grid{grid-template-columns:1fr!important}.vd-tier-card--max strong{font-size:1.4rem!important}}


/* DROP 03 — premium conversion cleanup */
.hero__drop-note{
  margin:0 0 12px;
  font-family:var(--font-display);
  font-size:7px;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(245,245,245,.68);
}
.hero__micro--premium-offer{
  display:flex!important;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  margin-top:11px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-family:var(--font-display);
  font-size:7px!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
  color:rgba(245,245,245,.64)!important;
  opacity:1!important;
}
.hero__micro--premium-offer strong{color:var(--white);font-weight:950;letter-spacing:.08em}
.hero__micro--premium-offer span{opacity:.38}
.product-card__bundle-cue,.section-offer-line{display:none!important}
.cart-shipping-note,.drawer-shipping-note{
  margin:0 0 14px;
  padding:10px 12px;
  border:1px solid var(--line);
  font-family:var(--font-display);
  font-size:7px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  text-align:center;
  color:var(--fog);
}

/* PDP mobile — force true single-column/full-width layout */
@media(max-width:768px){
  html,body{max-width:100%;overflow-x:hidden}
  .template-product #main{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .template-product .pdp-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 0 76px!important;
    box-sizing:border-box!important;
  }
  .template-product .pdp-grid{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:none!important;
    gap:0!important;
  }
  .template-product .pdp-gallery,
  .template-product .pdp-info{
    display:block!important;
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .template-product .pdp-img-main{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:1/1!important;
    margin:0!important;
  }
  .template-product .pdp-img-main img{
    width:92%!important;
    height:92%!important;
    max-width:92%!important;
    object-fit:contain!important;
  }
  .template-product .pdp-thumbs{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
  }
  .template-product .pdp-info{padding:20px 16px 34px!important}
  .template-product .pdp-breadcrumb{width:100%!important;box-sizing:border-box!important}
  .template-product .pdp-choice-grid,.template-product .pdp-size-grid{max-width:100%!important}
  .template-product .pdp-actions,.template-product .pdp-atc,.template-product .pdp-buy-now{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .hero__drop-note{font-size:6px;letter-spacing:.18em;margin-bottom:9px}
  .hero__micro--premium-offer{font-size:6px!important;gap:5px;letter-spacing:.09em!important;white-space:nowrap}
}