*{margin:0;padding:0;box-sizing:border-box}
:root{
  --white:#FFFFFF;--cream:#FAF8F5;--silk:#F2EEE8;--mist:#E8E4DC;
  --stone:#C8C4BC;--gray:#8C8880;--charcoal:#3C3830;--black:#000000;
  --amber:#C9A832;--amber2:#B8941E;--amber3:#D4B84A;--gold:#E8D080;
  --serif:'Cormorant Garamond',serif;--sans:'Cormorant Garamond',serif;
  --nav-h:110px;
}
html{scroll-behavior:smooth;overflow-x:hidden;scroll-padding-top:var(--nav-h);background:#fff}
body{padding-top:0;background:#fff;color:var(--black);font-family:var(--serif);font-weight:400;overflow-x:hidden;opacity:1;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='28'%3E%3Cpath d='M0 0L0 24L5 19L9 28L12 27L8 18L15 18Z' fill='%23D4A832' stroke='%23FFF8E0' stroke-width='1'/%3E%3C/svg%3E") 0 0,auto}
a{text-decoration:none;color:inherit}
img{display:block;width:100%;height:auto}
button{cursor:pointer;border:none;background:none;font-family:inherit}
::-webkit-scrollbar{width:2px}
::-webkit-scrollbar-thumb{background:var(--amber)}
#particles-canvas{position:fixed;pointer-events:none;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.3}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ═══ NAV — BULGARI 3-TIER ═══════════════════════════════════════════════ */
#nav-shell{position:fixed;top:0;left:0;right:0;z-index:900;background:rgba(0,0,0,0.10);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .4s,transform .4s cubic-bezier(.4,0,.2,1)}
#nav-shell.solid{background:rgba(0,0,0,0.10)}
#nav-shell.sc{box-shadow:none}
#nav-shell.nav-hidden{transform:translateY(-100%)}

/* Tier 1 — Utility Bar (hidden — merged into logo-bar) */
.nav-utility{display:none}
.nav-util-l,.nav-util-r{display:flex;align-items:center;gap:24px}
.nav-util-link{display:flex;align-items:center;gap:6px;color:#FFFFFF;font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:opacity .3s,color .4s;white-space:nowrap;background:none;border:none;font-family:var(--serif)}
#nav-shell.solid .nav-util-link{color:#fff}
.nav-util-link:hover{opacity:.55}
.nav-util-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.4;flex-shrink:0}
.nav-search-wrap{display:flex;align-items:center;gap:6px}
.nav-search-wrap svg{width:19px;height:19px;stroke:#FFFFFF;fill:none;stroke-width:1.4}
.nav-search-inp{border:none;outline:none;background:transparent;font-family:var(--serif);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#FFFFFF;width:120px;transition:width .3s}
.nav-search-inp::placeholder{color:rgba(255,255,255,0.6);font-size:14px}
.nav-search-inp:focus{width:150px;border-bottom:1px solid var(--mist)}
#lang-sw{position:relative}
.lang-cur{display:flex;align-items:center;gap:4px;font-size:13px;letter-spacing:.1em;color:var(--gray);cursor:pointer;transition:color .2s}
.lang-cur:hover{color:var(--amber)}
.lang-cur svg{width:9px;height:9px;stroke:currentColor;fill:none;stroke-width:2.5}
#lang-drop{position:absolute;top:calc(100%+8px);right:0;background:var(--white);border:1px solid var(--mist);min-width:180px;max-height:320px;overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-4px);transition:all .2s;z-index:999;box-shadow:0 8px 32px rgba(0,0,0,.08)}
#lang-drop.open{opacity:1;pointer-events:all;transform:none}
.lb{display:block;width:100%;text-align:left;font-size:13px;letter-spacing:.1em;padding:10px 16px;background:none;border:none;color:var(--gray);cursor:pointer;font-family:var(--sans);transition:background .15s;border-bottom:1px solid rgba(0,0,0,.04)}
.lb:last-child{border-bottom:none}
.lb:hover,.lb.al{background:var(--cream);color:var(--charcoal)}

/* Tier 2 — Logo Bar */
.nav-logo-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 40px;height:auto;padding-top:18px;padding-bottom:0;border-bottom:1px solid transparent}
.nav-lb-l{display:flex;align-items:center;gap:20px}
.nav-lb-r{display:flex;align-items:center;gap:16px;justify-content:flex-end}
.nav-logo{font-family:var(--serif);letter-spacing:.5em;text-transform:uppercase;color:#FFFFFF;cursor:pointer;transition:opacity .4s,color .4s;display:inline-flex;flex-direction:column;align-items:center;gap:2px;-webkit-font-smoothing:antialiased;transform:translateX(-20px)}
#nav-shell.solid .nav-logo{color:#fff}
.nav-logo-main{font-size:clamp(22px,3vw,42px);font-weight:600;line-height:1;display:block;margin-right:-.5em}
.nav-logo-sub{font-family:var(--sans);font-size:clamp(12px,1vw,15px);font-weight:400;letter-spacing:.45em;text-transform:uppercase;color:#FFFFFF;opacity:1;display:block;margin-right:-.45em;transform:translateX(2px);transition:text-shadow .3s,opacity .3s}
.nav-logo:hover{opacity:1}
.nav-logo:hover .nav-logo-sub{text-shadow:0 0 12px rgba(255,255,255,.9),0 0 24px rgba(255,255,255,.5);opacity:1}
.nav-ico-btn{position:relative;display:flex;align-items:center;justify-content:center;color:#FFFFFF;transition:opacity .3s,color .4s;background:none;border:none;cursor:pointer;padding:4px}
#nav-shell.solid .nav-ico-btn{color:#fff}
#nav-shell.solid .nav-search-wrap svg{stroke:#fff}
#nav-shell.solid .nav-search-inp{color:#fff}
#nav-shell.solid .nav-search-inp::placeholder{color:rgba(255,255,255,.5)}
.nav-ico-btn:hover{opacity:.55}
.nav-ico-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.4}
.nav-ico-btn .nav-badge{position:absolute;top:-4px;right:-6px;min-width:14px;height:14px;background:var(--amber);border-radius:8px;font-size:10px;color:#fff;display:none;align-items:center;justify-content:center;font-family:var(--sans);font-weight:700;padding:0 2px}
.nav-ico-btn .nav-badge.show{display:flex}

/* Tier 2.5 — Center column */
.nav-center{display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateX(-12px)}

/* Tier 3 — Main Nav */
.nav-main-wrap{border-top:none}
#nav-shell.solid .nav-main-wrap{border-top:none}
.nav-main-wrap{display:flex;justify-content:center;width:100%}
.nav-main{height:44px;display:flex;align-items:center;justify-content:center;overflow:visible;opacity:1;flex-wrap:nowrap;padding-left:30px}
.nl{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#FFFFFF;background:none;border:none;font-family:var(--sans);font-weight:500;padding:0 14px;height:100%;cursor:pointer;position:relative;white-space:nowrap;transition:opacity .3s,color .4s;display:flex;align-items:center}
#nav-shell.solid .nl{color:#fff}
.nl::after{content:'';position:absolute;bottom:0;left:50%;right:50%;height:2px;background:#fff;transition:left .3s,right .3s,background .4s}
#nav-shell.solid .nl::after{background:#fff}
.nl:hover{opacity:.6}
.nl.act{opacity:1}
.nl:hover::after,.nl.act::after{left:18px;right:18px}
.nl.act::after{background:var(--amber)}
.nav-divider{display:inline-block;width:1px;height:14px;background:var(--mist);flex-shrink:0;margin:0 2px}

/* Mobile nav tablet */
@media(max-width:900px){
  .nav-logo-bar{height:60px;padding:0 16px;grid-template-columns:1fr auto 1fr}
  .nav-logo{font-size:24px;letter-spacing:.4em}
  .nav-lb-l{gap:10px}
  .nav-lb-r{gap:10px}
  .nav-lb-l .nav-util-link{display:none}
  .nav-main{overflow-x:auto;justify-content:center;padding:0 12px;scrollbar-width:none}
  .nav-main::-webkit-scrollbar{display:none}
  .nl{padding:0 10px;font-size:12px}
}

/* ═══ BUTTONS ═══════════════════════════════════════════════════════════ */
.btn-s{padding:13px 36px;background:var(--charcoal);color:var(--white);font-size:12px;letter-spacing:.18em;text-transform:uppercase;border:none;font-family:var(--sans);transition:opacity .4s;cursor:pointer}
.btn-s:hover{opacity:.75}
.btn-o{padding:13px 36px;border:1px solid var(--charcoal);color:var(--charcoal);font-size:12px;letter-spacing:.18em;text-transform:uppercase;background:none;font-family:var(--sans);transition:opacity .4s,border-color .4s;cursor:pointer}
.btn-o:hover{opacity:.6}

/* ═══ HERO ══════════════════════════════════════════════════════════════ */
#hero{height:100vh;min-height:680px;position:relative;overflow:hidden;background:transparent}

/* Hero slides */
.h-slide{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .9s cubic-bezier(.4,0,.2,1);pointer-events:none}
.h-slide.h-act{opacity:1;pointer-events:auto}

/* Slide 2 — editorial layout */
.h-s2-wrap{display:flex;height:100%;align-items:center;justify-content:center}
.h-s2-text{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(40px,6vw,100px) clamp(32px,8vw,160px);color:#000;max-width:860px}
.h-s2-lbl{font-size:14px;letter-spacing:.25em;text-transform:uppercase;color:var(--amber3);margin-bottom:18px;display:block}
.h-s2-rule{width:36px;height:1px;background:var(--amber);margin-bottom:28px}
.h-s2-title{font-family:var(--serif);font-size:clamp(42px,5.5vw,80px);font-weight:300;line-height:1.1;color:#000;margin-bottom:28px}
.h-s2-title em{font-style:italic;color:var(--amber3)}
.h-s2-body{font-size:clamp(15px,1.2vw,17px);line-height:1.9;color:#000;max-width:560px}
.h-s2-model{display:none}

@media(max-width:768px){
  .h-s2-text{padding:40px 24px 24px}
  .h-s2-title{font-size:clamp(32px,8vw,48px)}
}
.hfs-wrap{position:absolute;inset:0;overflow:hidden}
.hfs{position:absolute;inset:0;pointer-events:none;visibility:hidden}
.hfs.active{pointer-events:auto;z-index:2;visibility:visible}
.hfs.from-right{visibility:hidden}
.hfs.to-left{visibility:visible;z-index:1;animation:hfsOut 1.15s cubic-bezier(.65,0,.2,1) forwards}
.hfs.animating{visibility:visible;z-index:3;animation:hfsIn 1.15s cubic-bezier(.65,0,.2,1) forwards}
.hfs-shimmer{position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent 0%,rgba(201,168,50,.6) 35%,rgba(232,208,128,1) 50%,rgba(201,168,50,.6) 65%,transparent 100%);z-index:10;pointer-events:none;display:none}
.hfs-shimmer.run{display:block;animation:hfsLine 1.15s cubic-bezier(.65,0,.2,1) forwards}
@keyframes hfsIn{from{clip-path:polygon(0 0,4% 0,0 100%,0 100%)}to{clip-path:polygon(0 0,104% 0,100% 100%,0 100%)}}
@keyframes hfsOut{from{transform:scale(1);opacity:1;filter:blur(0)}to{transform:scale(1.06);opacity:0;filter:blur(8px)}}
@keyframes hfsLine{from{left:0}to{left:100%}}
.hero-vid{width:100%;height:100%;object-fit:cover;display:block;background:#fff}
.hero-h1-wrap{position:absolute;bottom:80px;left:0;right:0;z-index:5;text-align:center;pointer-events:none}
.hero-h1{font-family:var(--sans);font-size:clamp(10px,1.1vw,13px);font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:#000;margin:0;display:inline-block}
.hfs-dots{display:flex;position:absolute;bottom:32px;left:50%;transform:translateX(-50%);gap:10px;z-index:10;align-items:center}
.hfs-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.45);border:none;cursor:pointer;transition:all .35s;padding:0}
.hfs-dot.act{background:var(--amber);width:22px;border-radius:3px}
/* Slide 2 — model portrait */
#hero-model-slide{background:#fff}
.hm-bg{position:absolute;inset:0;overflow:hidden}
.hm-img{width:100%;height:100%;object-fit:cover;object-position:62% 18%;display:block}
.hm-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.8) 40%,rgba(255,255,255,.3) 100%)}
.hm-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 9% 60px 8%;max-width:560px}
.hm-tag{font-size:12px;letter-spacing:.45em;text-transform:uppercase;color:var(--amber);margin-bottom:22px;display:block}
.hm-title{font-family:var(--serif);font-size:clamp(56px,8vw,120px);color:#000;font-weight:300;line-height:1.02;margin:0 0 28px}
.hm-title em{color:var(--amber);font-style:italic}
.hm-desc{font-size:15px;line-height:1.8;color:#000;max-width:380px;margin-bottom:40px;font-family:var(--sans)}
.hm-acts{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.hm-btn-primary{font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:#000;border:1px solid #000;padding:14px 28px;text-decoration:none;transition:background .3s,border-color .3s,color .3s;font-family:var(--sans)}
.hm-btn-primary:hover{background:var(--amber);border-color:var(--amber);color:#fff}
.hm-btn-ghost{font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--gray);text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:color .3s;font-family:var(--sans)}
.hm-btn-ghost::after{content:'';width:22px;height:1px;background:currentColor;transition:width .3s}
.hm-btn-ghost:hover{color:var(--amber3)}
.hm-btn-ghost:hover::after{width:34px}
@media(max-width:900px){.hm-content{padding:0 24px 80px;max-width:100%}.hm-title{font-size:clamp(42px,11vw,68px)}}
/* Slide 2 — horizontal layout (legacy) */
.hfs-inline{display:flex;align-items:center;height:100%;background:var(--cream);padding:0 80px;gap:0}
.hi-left{flex:0 0 auto;padding-right:64px;border-right:1px solid var(--mist);min-width:0}
.h-tag{font-size:14px;letter-spacing:.28em;text-transform:uppercase;color:var(--amber3);margin-bottom:20px;display:block;opacity:0;animation:up 1s .2s forwards}
.h-title{font-family:var(--serif);font-size:clamp(20px,1.9vw,30px);font-weight:400;color:#1A1714;line-height:1.1;white-space:nowrap;opacity:0;animation:up 1s .4s forwards}
.h-title em{font-style:italic}
.hi-center{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 64px}
.hi-orn{font-family:var(--serif);font-size:28px;color:var(--amber);opacity:.5}
.h-rule{width:1px;height:80px;background:var(--amber);opacity:0;animation:up 1s .55s forwards}
.hi-right{flex:1;padding-left:0}
.h-desc{font-size:15px;line-height:1.8;color:var(--gray);max-width:340px;margin-bottom:36px;opacity:0;animation:up 1s .65s forwards}
.h-acts{display:flex;gap:14px;align-items:center;flex-wrap:wrap;opacity:0;animation:up 1s .8s forwards}
@media(max-width:900px){.hfs-inline{flex-direction:column;padding:60px 24px;gap:32px;justify-content:center}.hi-left{border-right:none;border-bottom:1px solid var(--mist);padding-right:0;padding-bottom:32px}.hi-center{display:none}.hi-right{padding-left:0}}

/* ═══ TICKER ════════════════════════════════════════════════════════════ */
.ticker{overflow:hidden;background:#fff;padding:13px 0;white-space:nowrap}
.ticker-i{display:inline-flex;animation:ticker 30s linear infinite;will-change:transform;backface-visibility:hidden}
.t-item{font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--gray);padding:0 44px}
.t-dot{color:var(--amber)}

/* ═══ SECTIONS ══════════════════════════════════════════════════════════ */
.s-lbl{font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin-bottom:14px;display:block}
.s-title{font-family:var(--serif);font-size:clamp(48px,6vw,96px);font-weight:300;color:#1A1714;line-height:1.04;margin-bottom:20px}
.s-title em{font-style:italic}
.s-rule{width:36px;height:1px;background:var(--amber);margin-bottom:28px}
.s-body{font-size:15px;line-height:1.8;color:#000}
.reveal{transition:opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94)}
.reveal.pre{opacity:0;transform:translateY(32px)}
.reveal.on{opacity:1;transform:none}
/* ── Enhanced scroll reveal (luxury animations) ── */
.rv{opacity:0;transition:opacity .95s cubic-bezier(.25,.46,.45,.94),transform .95s cubic-bezier(.25,.46,.45,.94);transform:translateY(38px)}
.rv[data-rv="left"]{transform:translateX(-44px)}
.rv[data-rv="right"]{transform:translateX(44px)}
.rv[data-rv="scale"]{transform:scale(.96) translateY(18px);transform-origin:center bottom}
.rv[data-rv="fade"]{transform:none}
.rv.rv-slow{transition-duration:1.3s}
.rv.vis{opacity:1!important;transform:none!important}
/* stagger delays */
.d1{transition-delay:.08s}.d2{transition-delay:.18s}.d3{transition-delay:.28s}.d4{transition-delay:.38s}.d5{transition-delay:.48s}.d6{transition-delay:.58s}
/* line reveal */
.rv-line{transform-origin:left;transform:scaleX(0);transition:transform .85s cubic-bezier(.25,.46,.45,.94)}
.rv-line.vis{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.rv,.reveal,.rv-line{transition:none!important;opacity:1!important;transform:none!important}}

/* ═══ COLLECTIONS ═══════════════════════════════════════════════════════ */
#colls{background:transparent;padding:80px 0}
.c-head{padding:0 40px 32px;display:flex;justify-content:space-between;align-items:flex-end}
.c-link{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--charcoal);border-bottom:1px solid var(--charcoal);padding-bottom:2px;transition:all .3s;background:none;font-family:var(--sans);cursor:pointer}
.c-link:hover{color:var(--amber);border-color:var(--amber)}
.c-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:transparent}
.cc{position:relative;overflow:hidden;cursor:pointer;background:transparent;display:flex;flex-direction:column;border:1px solid rgba(201,168,50,.15)}
.cc-img-wrap{height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;transition:background .4s}
.cc:hover .cc-img-wrap{background:rgba(201,168,50,.05)}
.cc img{width:72%;height:82%;object-fit:contain;transition:transform 1.1s cubic-bezier(.4,0,.2,1)}
.cc:hover img{transform:scale(1.03)}
.cc-badge{position:absolute;top:10px;left:10px;z-index:4;padding:3px 8px;font-family:var(--sans);font-size:8px;letter-spacing:.18em;text-transform:uppercase}
.cc-badge.bestseller{background:var(--charcoal);color:var(--white)}
.cc-badge.new{background:var(--amber);color:var(--white)}
.cc-info{padding:16px 20px 20px;background:transparent}
.cc-cat{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:4px;display:block;opacity:1;transform:none}
.cc-name{font-family:var(--serif);font-size:clamp(18px,2vw,28px);font-weight:300;color:#000;line-height:1.15;margin-bottom:4px;opacity:1;transform:none}
.cc-price{font-family:var(--sans);font-size:12px;letter-spacing:.12em;color:var(--gray);display:block;margin-bottom:10px}
.cc-cta{font-size:12px;letter-spacing:.2em;color:var(--stone);text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;opacity:1;transform:none;transition:color .3s}
.cc-cta::after{content:'';width:16px;height:1px;background:currentColor;transition:width .3s}
.cc.vis .cc-cat,.cc.vis .cc-name,.cc.vis .cc-cta{opacity:1;transform:none}
.cc:hover .cc-cta{color:var(--amber)}
.cc:hover .cc-cta::after{width:28px}
@media(prefers-reduced-motion:reduce){.cc-cat,.cc-name,.cc-cta{opacity:1!important;transform:none!important;transition:none!important}}
@media(max-width:900px){.c-grid{grid-template-columns:1fr 1fr}.cc-img-wrap{height:180px}.c-head{padding:40px 24px 24px}}

/* ═══ EDITORIAL ═════════════════════════════════════════════════════════ */
#ed{padding:0;background:transparent;overflow:hidden}
.ed-wrap{display:grid;grid-template-columns:1fr;align-items:center;min-height:auto}
.ed-model-wrap{position:relative;overflow:hidden;aspect-ratio:3/4;width:100%;
  opacity:0;transform:translateX(20px);
  transition:opacity 1.8s cubic-bezier(.4,0,.2,1),transform 1.8s cubic-bezier(.4,0,.2,1)}
.ed-model-wrap.ed-on{opacity:1;transform:translateX(0)}
.ed-model-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;
  filter:contrast(1.03) saturate(1.06);
  transition:transform 1s ease}
.ed-model-wrap:hover img{transform:scale(1.03)}
.ed-model-tag{position:absolute;bottom:20px;left:24px;font-size:14px;letter-spacing:.25em;
  color:rgba(255,255,255,.4);z-index:2;font-family:var(--sans);text-transform:uppercase}
/* Left text column */
.ed-text{padding:80px 56px 80px 72px;display:flex;flex-direction:column;justify-content:center;background:var(--white)}
.ed-stats{display:flex;gap:40px;margin-top:48px;padding-top:40px;border-top:1px solid var(--mist)}
.ed-stat{display:flex;flex-direction:column;gap:4px}
.ed-num{font-family:var(--serif);font-size:clamp(48px,5vw,72px);font-weight:300;color:var(--charcoal)}
.ed-lbl{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#000}
@media(max-width:900px){
  #ed{padding:0}
  .ed-wrap{grid-template-columns:1fr;min-height:auto}
  .ed-model-wrap{aspect-ratio:1/1;min-height:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 6%,black 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 6%,black 88%,transparent 100%)}
  .ed-text{padding:48px 24px}
}

/* ═══ TRYON ═════════════════════════════════════════════════════════════ */
#tryon-sec{padding:96px 56px;background:var(--cream)}
.tryon-head{text-align:center;margin-bottom:48px}
.tryon-wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.tryon-mock{aspect-ratio:3/4;background:var(--white);border:1px solid var(--mist);position:relative;overflow:hidden;cursor:crosshair}
.tryon-badge{position:absolute;top:14px;right:14px;background:var(--charcoal);color:var(--white);font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:5px 10px;z-index:10;pointer-events:none}
.tryon-empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none}
.tryon-empty-state svg{width:48px;height:48px;stroke:var(--amber);fill:none;stroke-width:1;opacity:.3}
.tryon-mock-lbl{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gray)}
#tryon-canvas{position:absolute;inset:0;width:100%;height:100%;display:none}
.tryon-jewel-wrap{position:absolute;cursor:grab;user-select:none;touch-action:none}
.tryon-jewel-wrap:active{cursor:grabbing}
.tryon-jewel-wrap img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.25))}
.tryon-resize-handle{position:absolute;bottom:-6px;right:-6px;width:14px;height:14px;background:var(--amber);border-radius:50%;cursor:se-resize;border:2px solid var(--white)}
.tryon-controls{display:flex;gap:6px;margin-top:10px;align-items:center;flex-wrap:wrap}
.tryon-ctrl-btn{background:var(--white);border:1px solid var(--mist);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s;border-radius:2px;flex-shrink:0}
.tryon-ctrl-btn:hover{border-color:var(--amber);color:var(--amber)}
.tryon-ctrl-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8}
.tryon-opacity-row{display:flex;align-items:center;gap:8px;margin-top:8px}
.tryon-opacity-row label{font-size:13px;letter-spacing:.12em;color:var(--gray)}
#tryon-opacity{width:80px;accent-color:var(--amber)}
.tryon-items{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:20px;max-height:420px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--mist) transparent}
.tryon-items::-webkit-scrollbar{width:4px}
.tryon-items::-webkit-scrollbar-track{background:transparent}
.tryon-items::-webkit-scrollbar-thumb{background:var(--mist);border-radius:2px}
.tryon-item{text-align:center;padding:8px 6px;background:var(--white);border:1px solid transparent;transition:all .2s;cursor:pointer}
.tryon-item.sel{border-color:var(--amber);background:rgba(196,156,84,.06)}
.tryon-item img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--white);padding:6%;margin-bottom:4px}
.tryon-item-name{font-size:12px;letter-spacing:.1em;color:var(--gray);line-height:1.3}
.tryon-hint-pill{display:inline-block;background:rgba(196,156,84,.12);color:var(--amber);font-size:12px;letter-spacing:.14em;padding:5px 12px;margin-top:14px;text-transform:uppercase}
.tryon-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
#tryon-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;transform:scaleX(-1)}
#tryon-jewel-img{mix-blend-mode:normal}
.tryon-mode-divider{font-size:13px;letter-spacing:.18em;color:var(--stone);text-transform:uppercase}
.tryon-cam-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--white);color:var(--charcoal);border:1px solid var(--mist);font-family:var(--sans);font-size:13px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .2s}
.tryon-cam-btn:hover{border-color:var(--amber);color:var(--amber)}
.tryon-cam-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5}
.tryon-upload-btn{display:block;width:100%;padding:11px 0;border:1px solid var(--mist);font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:20px;background:var(--white)}
.tryon-upload-btn:hover{border-color:var(--amber);color:var(--amber)}
.tryon-items-label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--stone);margin-bottom:10px}
.tryon-ctl{background:var(--white);border:1px solid var(--mist);width:36px;height:36px;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s}
.tryon-ctl:hover{border-color:var(--amber);color:var(--amber)}
.tryon-ctl-row{display:flex;gap:6px;margin-top:8px}
@media(max-width:900px){
  #tryon-sec{padding:60px 24px}
  .tryon-wrap{grid-template-columns:1fr}
  /* On mobile: show only "Choose Photo" — hide camera button & divider */
  .tryon-empty .tryon-cam-btn,.tryon-mode-divider{display:none}
  .tryon-empty label[for=tryon-upload]{display:inline-block;padding:11px 28px;background:var(--charcoal);color:var(--white);border:none;font-size:13px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border-bottom:none}
  /* Sidebar camera button → file upload on mobile */
  #tryon-main-btn{display:none}
}

/* ═══ QUIZ STRIP ════════════════════════════════════════════════════════ */
.quiz-strip{display:inline-flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--mist);border-radius:40px;padding:10px 20px 10px 10px;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:box-shadow .25s,transform .25s;margin:28px auto;position:relative;left:50%;transform:translateX(-50%)}
.quiz-strip:hover{box-shadow:0 8px 32px rgba(0,0,0,.14);transform:translateX(-50%) translateY(-2px)}
.quiz-strip-icon{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}
.quiz-strip-icon img{width:100%;height:100%;object-fit:cover;display:block}
.quiz-strip-body{display:flex;flex-direction:column;gap:2px}
.quiz-strip-title{font-family:var(--serif);font-size:14px;font-weight:400;color:var(--charcoal);white-space:nowrap}
.quiz-strip-sub{font-size:12px;letter-spacing:.08em;color:var(--stone);white-space:nowrap}
.quiz-strip-arrow{font-size:16px;color:var(--amber);margin-left:4px;transition:transform .25s}
.quiz-strip:hover .quiz-strip-arrow{transform:translateX(3px)}
@media(max-width:900px){.quiz-strip{padding:8px 16px 8px 8px;gap:10px}}

/* ═══ CATALOG ═══════════════════════════════════════════════════════════ */
#catalog{padding:24px 40px 100px;background:#fff}
.breadcrumb{padding:20px 40px 0;font-size:14px;letter-spacing:.1em;color:var(--gray);font-family:var(--sans)}
.breadcrumb a{color:var(--gray);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--amber)}
.breadcrumb span{margin:0 8px;color:var(--stone)}
.cat-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;flex-wrap:wrap;gap:16px}
.f-row{display:flex;flex-wrap:wrap;gap:3px}
.ftab{padding:10px 20px;font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:#000;border:1px solid #000;background:var(--white);font-family:var(--sans);transition:all .25s;cursor:pointer}
.ftab.act{background:var(--charcoal);color:var(--white);border-color:var(--charcoal)}
.ftab:hover:not(.act){color:#000;border-color:#000}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}
.pc{background:#fff;position:relative;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;border:none;margin:0}
.pc.hx{z-index:100}
.pc-inner{overflow:hidden;display:flex;flex-direction:column;background:#fff;position:relative}
.pc-img{flex-shrink:0;width:100%;aspect-ratio:1/1;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.pc-img img{width:85%;height:85%;object-fit:contain;display:block;transition:transform .8s cubic-bezier(.25,.46,.45,.94);mix-blend-mode:multiply}
.pc.hx .pc-img img,.pc:hover .pc-img img{transform:scale(1.06)}
.pbadge{position:absolute;top:8px;left:8px;padding:3px 7px;font-size:12px;letter-spacing:.15em;text-transform:uppercase;z-index:2;border-radius:3px}
.pbadge.bestseller{background:var(--charcoal);color:var(--white)}
.pbadge.new{background:var(--white);color:var(--charcoal);border:1px solid var(--mist)}
.pbadge.limited{background:transparent;color:var(--amber);border:1px solid var(--amber)}
/* ── ACCOUNT MODAL ────────────────────────────────────────────────────── */
#acc-modal{position:fixed;inset:0;z-index:900;display:none;align-items:center;justify-content:center;background:rgba(12,12,12,.7);backdrop-filter:blur(8px)}
#acc-modal.open{display:flex}
.acc-box{background:var(--white);width:90%;max-width:440px;position:relative;padding:56px 48px}
.acc-tabs{display:flex;gap:0;margin-bottom:36px;border-bottom:1px solid var(--mist)}
.acc-tab{flex:1;padding:10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;border:none;background:none;cursor:pointer;color:var(--stone);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}
.acc-tab.act{color:var(--charcoal);border-bottom-color:var(--charcoal)}
.acc-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--stone);font-size:12px;letter-spacing:.12em}
.acc-divider::before,.acc-divider::after{content:'';flex:1;height:1px;background:var(--mist)}
/* ── CART FLY ANIMATION ───────────────────────────────────────────────── */
.fly-img{position:fixed;width:60px;height:60px;border-radius:50%;object-fit:cover;z-index:9999;pointer-events:none;transition:none;opacity:1}
@keyframes flyToCart{0%{transform:scale(1);opacity:1}80%{transform:scale(.4);opacity:.8}100%{transform:scale(.1);opacity:0}}
/* ── CART & WISHLIST ─────────────────────────────────────────────────── */
.nav-util-link{position:relative}
.pc-cam{position:absolute;bottom:8px;left:8px;z-index:4;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.85);border-radius:50%;cursor:pointer;border:none;transition:all .2s;opacity:0}
.pc:hover .pc-cam{opacity:1}
.pc-cam:hover{background:var(--charcoal);color:var(--white);transform:scale(1.1)}
.pc-cam svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5}
.pc-wish{position:absolute;top:10px;left:10px;z-index:4;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:50%;cursor:pointer;border:none;transition:transform .2s,opacity .3s;opacity:0}
.pc:hover .pc-wish{opacity:1}
.pc-wish:hover{transform:scale(1.12)}
.pc-wish svg{width:13px;height:13px;stroke:var(--charcoal);fill:none;stroke-width:1.8;transition:fill .15s,stroke .15s}
.pc-wish.on svg{fill:var(--amber);stroke:var(--amber)}
#cart-drop{position:fixed;inset:0;background:rgba(61,53,48,.4);z-index:850;opacity:0;pointer-events:none;transition:opacity .4s}
#cart-drop.open{opacity:1;pointer-events:all}
#cart-panel{position:fixed;top:0;right:0;height:100%;width:380px;max-width:92vw;background:var(--white);z-index:860;transform:translateX(105%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(12,12,12,.1)}
#cart-panel.open{transform:translateX(0)}
#wish-drop{position:fixed;inset:0;background:rgba(61,53,48,.4);z-index:850;opacity:0;pointer-events:none;transition:opacity .4s}
#wish-drop.open{opacity:1;pointer-events:all}
#wish-panel{position:fixed;top:0;right:0;height:100%;width:380px;max-width:92vw;background:var(--white);z-index:860;transform:translateX(105%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(12,12,12,.1)}
#wish-panel.open{transform:translateX(0)}
.wish-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--mist);cursor:pointer}
.wish-item:hover .wish-item-name{color:var(--amber)}
.wish-item img{width:60px;height:60px;object-fit:contain;background:var(--silk);flex-shrink:0}
.wish-item-info{flex:1;min-width:0}
.wish-item-name{font-family:var(--serif);font-size:13px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}
.wish-item-mat{font-size:12px;color:var(--stone);letter-spacing:.08em;margin-bottom:6px}
.wish-item-bot{display:flex;justify-content:space-between;align-items:center}
.wish-item-price{font-size:13px;font-family:var(--sans);color:var(--charcoal)}
.wish-item-rm{background:none;border:none;cursor:pointer;color:var(--stone);padding:0;line-height:1}
.wish-item-rm:hover svg{stroke:var(--charcoal)}
.wish-item-rm svg{width:13px;height:13px;stroke:var(--stone);fill:none;stroke-width:1.8;transition:stroke .15s}
.wish-add-cart{display:block;width:100%;margin-top:16px;padding:10px;background:var(--charcoal);color:var(--white);border:none;font-size:12px;letter-spacing:.15em;cursor:pointer;text-transform:uppercase;font-family:var(--sans);transition:background .2s}
.wish-add-cart:hover{background:var(--amber)}
.wish-share-btn{display:block;width:100%;margin-bottom:16px;padding:10px;background:transparent;color:var(--amber);border:1px solid var(--amber);font-size:12px;letter-spacing:.18em;cursor:pointer;text-transform:uppercase;font-family:var(--sans);transition:all .2s}
.wish-share-btn:hover{background:var(--amber);color:var(--white)}
.cart-head{padding:20px;border-bottom:1px solid var(--mist);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.cart-head h3{font-family:var(--serif);font-size:17px;letter-spacing:.05em;font-weight:400}
.cart-close{background:none;border:none;font-size:16px;cursor:pointer;color:var(--stone);padding:4px}
.cart-body{flex:1;overflow-y:auto;padding:12px 20px}
.cart-empty{text-align:center;padding:60px 0;color:var(--stone);font-size:13px;letter-spacing:.15em}
.cart-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--mist)}
.cart-item img{width:60px;height:60px;object-fit:contain;background:var(--silk);flex-shrink:0}
.cart-item-info{flex:1;min-width:0}
.cart-item-name{font-family:var(--serif);font-size:13px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-item-mat{font-size:12px;color:var(--stone);letter-spacing:.08em;margin-bottom:6px}
.cart-item-bot{display:flex;justify-content:space-between;align-items:center}
.cart-item-price{font-size:13px;font-family:var(--sans);color:var(--charcoal)}
.cart-item-rm{background:none;border:none;cursor:pointer;color:var(--stone);font-size:14px;padding:0 2px;transition:color .2s;line-height:1}
.cart-item-rm:hover{color:var(--charcoal)}
.cart-qty{display:flex;align-items:center;gap:4px}
.cart-qty-btn{width:24px;height:24px;border:1px solid var(--mist);background:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;color:var(--charcoal);transition:all .2s;line-height:1}
.cart-qty-btn:hover{border-color:var(--amber);color:var(--amber)}
.cart-qty-num{font-size:13px;min-width:20px;text-align:center;font-family:var(--sans);color:var(--charcoal)}
.cart-foot{padding:16px 20px 28px;border-top:1px solid var(--mist);flex-shrink:0}
.cart-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.cart-total-lbl{font-size:13px;letter-spacing:.15em;color:var(--stone);text-transform:uppercase}
.cart-total-val{font-family:var(--serif);font-size:18px}
.cart-checkout{width:100%;padding:14px;background:var(--charcoal);color:var(--white);border:none;font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .3s;margin-bottom:6px}
.cart-checkout:hover{background:var(--amber)}
.cart-wise-btn{width:100%;padding:14px;background:linear-gradient(135deg,#d8d8d8,#a8a8a8);color:#2a2a2a;font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;border:none;cursor:pointer;transition:all .3s;text-align:center;margin-bottom:6px}
.cart-wise-btn:hover{background:linear-gradient(135deg,#e8e8e8,#b8b8b8)}
.cart-crypto-btn{background:linear-gradient(135deg,#c9a84c,#a07830);color:#0a0600;font-weight:700;margin-bottom:0}
.cart-crypto-btn:hover{background:linear-gradient(135deg,#dbb85c,#b08840)}
#wise-modal-drop{display:none;position:fixed;inset:0;background:rgba(26,23,20,.55);z-index:1100;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}
#wise-modal{background:var(--white);max-width:420px;width:100%;padding:48px 44px 40px;position:relative;text-align:center}
.wise-copy-btn{width:100%;padding:12px;background:transparent;border:1px solid var(--mist);font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;color:var(--charcoal);transition:all .2s}
.wise-copy-btn:hover{background:var(--silk)}
#crypto-disclaimer-drop{display:none;position:fixed;inset:0;background:rgba(26,23,20,.55);z-index:1100;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}
#crypto-disclaimer{background:var(--white);max-width:480px;width:100%;padding:48px 44px 40px;position:relative;text-align:center}
.crypto-disc-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--gray);line-height:1}
.crypto-disc-close:hover{color:var(--charcoal)}
.crypto-disc-icon{font-size:28px;color:var(--amber);margin-bottom:16px;opacity:.8}
.crypto-disc-title{font-family:var(--serif);font-size:22px;letter-spacing:.12em;text-transform:uppercase;font-weight:300;color:var(--charcoal);margin:0 0 16px}
.crypto-disc-text{font-family:var(--sans);font-size:14px;line-height:1.7;color:var(--gray);margin:0 0 24px}
.crypto-disc-text strong{color:var(--charcoal);font-weight:600}
.crypto-disc-check{display:flex;align-items:flex-start;gap:10px;text-align:left;cursor:pointer;margin-bottom:24px}
.crypto-disc-check input{margin-top:2px;accent-color:var(--amber);flex-shrink:0;width:14px;height:14px}
.crypto-disc-check span{font-family:var(--sans);font-size:13px;letter-spacing:.05em;color:var(--charcoal);line-height:1.6}
.crypto-disc-confirm:disabled{opacity:.4;cursor:not-allowed}
.crypto-disc-confirm:disabled:hover{background:linear-gradient(135deg,#c9a84c,#a07830)}
.btn-cart{padding:13px 36px;background:var(--amber);color:var(--white);font-size:12px;letter-spacing:.18em;text-transform:uppercase;border:none;font-family:var(--sans);transition:background .3s,transform .2s;cursor:pointer}
.btn-cart:hover{background:var(--charcoal);transform:translateY(-2px)}
.btn-cart.in-cart{background:var(--charcoal)}
.pc-cnt{position:absolute;bottom:8px;left:8px;background:rgba(26,23,20,.65);color:#fff;font-size:12px;padding:3px 8px;border-radius:20px;backdrop-filter:blur(4px)}
.pc-slides{position:relative;width:100%;height:100%}
.pcs{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .45s ease;opacity:0}
.pcs.active{opacity:1}
.pc-sdots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:3;pointer-events:none}
.pc-sdot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.5);transition:background .3s,transform .3s}
.pc-sdot.on{background:var(--charcoal);transform:scale(1.3)}
.pc-label{padding:14px 16px 16px;display:flex;flex-direction:column;background:#fff;backdrop-filter:none;color:#1a0c02}
.pc-label *{color:#1a0c02}
.pc-label .pc-cat{color:var(--amber)}
.pcat{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;display:block;font-weight:500}
.pname{font-family:var(--serif);font-size:18px;font-weight:500;margin-bottom:5px;line-height:1.25;color:#1a0c02}
.pmaterial{font-size:14px;color:#3a3630;margin-bottom:6px;line-height:1.4}
.pstars{font-size:14px;color:var(--amber);margin-bottom:5px;letter-spacing:.05em}
.pstars-count{font-size:13px;color:#5a5650;font-family:var(--sans);margin-left:3px}
.pfoot{display:flex;align-items:center}
.pprice{font-family:var(--serif);font-size:18px;font-weight:500;color:#1a0c02}
/* Expanded info panel */
.pc-xpanel{position:absolute;top:0;left:calc(100% + 10px);width:100%;height:100%;background:var(--white);border-radius:14px;border:1px solid var(--mist);box-shadow:0 10px 40px rgba(12,12,12,.12);display:flex;flex-direction:column;justify-content:center;padding:24px 22px;opacity:0;transform:translateX(-12px);transition:opacity .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94);pointer-events:none;z-index:11}
.pc.hx-l .pc-xpanel{left:auto;right:calc(100% + 10px);transform:translateX(12px)}
.pc.hx-l.hx .pc-xpanel{transform:translateX(0)}
.pc.hx .pc-xpanel{opacity:1;transform:translateX(0);pointer-events:auto}
.pc-xcat{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:6px}
.pc-xname{font-family:var(--serif);font-size:19px;font-weight:400;line-height:1.15;margin-bottom:4px}
.pc-xmat{font-size:13px;color:var(--black);margin-bottom:10px;line-height:1.5}
.pc-xdesc{font-size:14px;color:var(--black);line-height:1.75;margin-bottom:14px}
.pc-xprop{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;border-bottom:1px solid var(--silk)}
.pc-xpk{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--black)}
.pc-xpv{font-size:13px;color:var(--black);text-align:right}
.pc-xprice{font-family:var(--serif);font-size:21px;font-weight:300;font-style:italic;margin-top:auto;padding-top:12px}
@media(max-width:1100px){.prod-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.prod-grid{grid-template-columns:repeat(2,1fr)}.pc-xpanel{display:none}#catalog{padding:40px 16px}.cat-head{margin-bottom:24px}}

/* ═══ JOURNAL (index.html teaser — 3 cards) ══════════════════════════════ */
#journal{padding:140px 56px;background:var(--white)}
.j-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}
.j-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.jc-img{aspect-ratio:4/3;overflow:hidden;background:var(--charcoal);position:relative}
.jc-img .js-art{transition:transform 7s ease}
.jc-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(20,14,8,.45) 0%,rgba(20,14,8,.1) 60%,transparent 100%);pointer-events:none}
.jc:hover .jc-img .js-art{transform:scale(1.08)}
.jc-body{padding:22px 0 0}
.jdate{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#000;margin-bottom:10px;display:block}
.jtitle{font-family:var(--serif);font-size:clamp(20px,1.8vw,28px);font-weight:300;line-height:1.2;margin-bottom:9px}
.jex{font-size:13px;color:#000;line-height:1.75}
@media(max-width:900px){#journal{padding:60px 24px}.j-grid{grid-template-columns:1fr}}

/* ═══ JOURNAL FULL-SLIDE CAROUSEL (journal.html) ═════════════════════════ */
#journal.js-page{padding:0;background:transparent}
.js-header{padding:72px 64px 48px;background:transparent;text-align:center}
.js-header .s-lbl{display:block;margin-bottom:8px}
.js-wrap{position:relative;overflow:hidden;height:auto;min-height:0;background:transparent;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}
.js-wrap.grabbing{cursor:grabbing}
.js-slides{position:relative;height:auto}
.js-slide{position:relative;overflow:hidden;visibility:hidden;height:0}
.js-slide.js-active{visibility:visible;height:auto}
/* Hide art/overlay backgrounds — text only */
.js-art,.js-overlay{display:none}
.js-content{position:relative;inset:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:40px 56px 48px;max-width:900px;color:#000;margin:32px auto}
.js-tag{font:600 8.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--amber);margin-bottom:10px;display:block}
.js-date{font:300 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gray);margin-bottom:24px;display:block}
.js-title{font:300 clamp(24px,2.8vw,42px)/1.15 var(--serif);margin-bottom:12px;color:#000}
.js-title em{font-style:italic;color:var(--amber2)}
.js-body{font:300 14px/1.75 var(--sans);max-width:640px;margin-bottom:24px;color:rgba(255,255,255,.78)}
.js-read{display:inline-flex;align-items:center;gap:14px;font:400 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.8);text-decoration:none;transition:all .28s}
.js-read::after{content:'';width:28px;height:1px;background:var(--amber);transition:width .28s}
.js-read:hover{color:var(--amber)}.js-read:hover::after{width:44px}
/* Navigation arrows */
.js-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .28s;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.js-arrow:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);color:#fff}
.js-arrow:active{transform:translateY(-50%) scale(.94)}
.js-prev{left:20px}.js-next{right:20px}
.js-arrow svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none}
/* Progress bar */
.js-prog{position:relative;bottom:auto;left:auto;right:auto;height:2px;background:var(--mist);margin:0 64px}
.js-prog-fill{height:100%;background:var(--amber);transition:width .55s cubic-bezier(.4,0,.2,1);width:10%}
/* Counter + dots */
.js-bottom{position:relative;bottom:auto;right:auto;z-index:20;display:flex;align-items:center;gap:20px;padding:20px 64px 40px}
.js-counter{font:300 11px/1 var(--sans);letter-spacing:.15em;color:var(--stone)}
.js-counter b{color:var(--charcoal);font-weight:500}
.js-dots-row{display:flex;gap:6px;align-items:center}
.js-dot{width:5px;height:5px;border-radius:50%;background:var(--mist);border:none;cursor:pointer;transition:all .3s;padding:0}
.js-dot.act{background:var(--amber);width:18px;border-radius:2px}
@media(max-width:900px){
  .js-header{padding:48px 24px 32px}
  .js-content{padding:40px 28px 48px;margin:32px auto;max-width:100%;width:calc(100% - 48px)}
  .js-arrow{display:none}
  .js-body{display:block}
  .js-bottom{padding:16px 24px 32px}
  .js-prog{margin:0 24px}
}

/* ═══ CONTACT ═══════════════════════════════════════════════════════════ */
#contact{padding:160px 56px;background:var(--white);text-align:center}
.c-btns{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:52px;flex-wrap:wrap}
.ws-wa-link{font-family:var(--sans);font-size:12px;letter-spacing:.12em;color:var(--gray);text-decoration:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.ws-wa-link:hover{color:var(--charcoal);border-bottom-color:var(--stone)}

/* ═══ FOOTER ════════════════════════════════════════════════════════════ */
footer{background:#fff;padding:80px 56px 48px;border-top:1px solid var(--mist)}
.ft{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:56px;margin-bottom:60px}
.fb{font-family:var(--serif);font-size:26px;letter-spacing:.4em;color:#000;margin-bottom:14px}
.fd{font-size:14px;color:#000;line-height:1.85;margin-bottom:24px}
.fs{display:flex;gap:20px;align-items:center}
.fs a{display:flex;align-items:center;color:var(--gray);text-decoration:none;transition:color .3s}
.fs a:hover{color:var(--amber3)}
.fs a svg{display:block}
.fc-t{font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:var(--amber);margin-bottom:22px;display:block}
.fc-l{list-style:none;display:flex;flex-direction:column;gap:11px}
.fc-l li a,.fc-l li button{font-size:14px;color:#000;transition:color .3s;display:block;cursor:pointer;background:none;border:none;font-family:var(--sans);text-align:left;padding:0}
.fc-l li a:hover,.fc-l li button:hover{color:var(--amber)}
.fb-bot{display:flex;justify-content:space-between;padding-top:36px;border-top:1px solid #E8E4DC;flex-wrap:wrap;gap:16px}
.fcp{font-size:13px;color:#8C8880}
.fleg{display:flex;gap:24px}
.fleg a{font-size:13px;color:var(--white);transition:color .3s}
.fleg a:hover{color:rgba(255,255,255,.45)}
@media(max-width:900px){footer{padding:60px 24px 40px}.ft{grid-template-columns:1fr 1fr;gap:36px}}

/* ═══ DRAWER ════════════════════════════════════════════════════════════ */
#drawer{position:fixed;inset:0;z-index:800;display:none}
#drawer.open{display:flex}
.d-bg{flex:1;background:rgba(12,12,12,.5);backdrop-filter:blur(4px)}
.d-panel{width:380px;max-width:92vw;background:var(--white);overflow-y:auto;display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(12,12,12,.08);transform:translateX(100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}
#drawer.open .d-panel{transform:translateX(0)}
.d-img{height:200px;overflow:hidden;position:relative;background:var(--white);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--mist)}
.d-img img{width:100%;height:100%;object-fit:contain;padding:20px}
.d-close{position:absolute;top:12px;right:12px;width:28px;height:28px;background:none;border:none;font-size:16px;cursor:pointer;color:var(--gray);display:flex;align-items:center;justify-content:center;z-index:2;transition:color .2s}
.d-close:hover{color:var(--charcoal)}
.d-body{padding:18px 24px 24px}
.d-cat{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--amber);margin-bottom:5px;display:block}
.d-name{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.1;margin-bottom:3px}
.d-mat{font-size:13px;color:var(--stone);margin-bottom:10px}
.d-price{font-family:var(--serif);font-size:17px;font-weight:300;margin-bottom:14px;font-style:italic;padding-bottom:14px;border-bottom:1px solid var(--mist)}
.d-desc{font-size:14px;line-height:1.7;color:var(--gray);margin-bottom:14px}
.d-size{margin:14px 0}
.d-size-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.d-size-lbl{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone)}
.d-size-eu{font-size:12px;color:var(--amber);letter-spacing:.05em}
.d-size-guide{font-size:12px;color:var(--stone);text-decoration:none}
.d-size-guide:hover{color:var(--amber)}
.sz-btns{display:flex;flex-wrap:wrap;gap:6px}
.sz-btn{min-width:38px;height:32px;padding:0 8px;border:1px solid var(--mist);background:var(--white);font-family:var(--sans);font-size:13px;cursor:pointer;transition:all .2s;border-radius:2px;color:var(--charcoal)}
.sz-btn:hover{border-color:var(--amber);color:var(--amber)}
.sz-btn.sel{background:var(--charcoal);color:var(--white);border-color:var(--charcoal)}
.sz-onesize{font-size:13px;color:var(--gray);font-style:italic}
.d-props{margin-bottom:14px}
.d-prop{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--silk)}
.d-pk{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone)}
.d-pv{font-size:13px}
.d-btns{display:flex;flex-direction:column;gap:8px}
.d-gallery{display:flex;gap:6px;padding:10px 24px;overflow-x:auto;background:var(--silk);flex-shrink:0;scrollbar-width:none}
.d-gallery::-webkit-scrollbar{display:none}
.d-thumb{width:60px;height:60px;object-fit:cover;cursor:pointer;opacity:.45;transition:opacity .2s,outline .2s;flex-shrink:0;outline:1.5px solid transparent}
.d-thumb.act{opacity:1;outline-color:var(--amber)}
.d-thumb:hover{opacity:.85}

/* ═══ SERVICES MODAL ════════════════════════════════════════════════════ */
#srv-modal{position:fixed;inset:0;z-index:950;background:var(--cream);overflow:hidden;transform:translateY(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;pointer-events:none}
#srv-modal.open{transform:translateY(0);pointer-events:all}
.srv-modal-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.srv-head{text-align:center;padding:64px 56px 40px;border-bottom:none}
.srv-head-logo{display:block;font-family:var(--serif);font-size:14px;letter-spacing:.5em;text-transform:uppercase;color:var(--stone);margin-bottom:20px;font-weight:400}
.srv-head-title{display:block;font-family:var(--serif);font-size:32px;letter-spacing:.18em;text-transform:uppercase;color:var(--charcoal);font-weight:300;margin-bottom:24px}
.srv-head-rule{display:block;width:48px;height:1px;background:var(--stone);margin:0 auto}
.srv-close{position:absolute;top:36px;right:48px;width:36px;height:36px;border:none;background:none;cursor:pointer;color:var(--charcoal);display:flex;align-items:center;justify-content:center}
.srv-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.2}
.srv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:56px 40px;padding:52px 56px 80px;max-width:1360px;margin:0 auto}
@keyframes srvCardIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.srv-card{cursor:pointer;transition:transform .38s cubic-bezier(.25,.46,.45,.94),box-shadow .38s;will-change:transform}
.srv-card:hover{transform:translateY(-5px)}
.srv-card:hover .srv-card-img{transform:scale(1.04)}
.srv-card:active{transform:scale(.95) translateY(0);transition-duration:.12s}
#srv-modal.open .srv-card{animation:srvCardIn .5s cubic-bezier(.25,.46,.45,.94) both}
#srv-modal.open .srv-card:nth-child(1){animation-delay:.06s}
#srv-modal.open .srv-card:nth-child(2){animation-delay:.13s}
#srv-modal.open .srv-card:nth-child(3){animation-delay:.20s}
#srv-modal.open .srv-card:nth-child(4){animation-delay:.27s}
#srv-modal.open .srv-card:nth-child(5){animation-delay:.34s}
#srv-modal.open .srv-card:nth-child(6){animation-delay:.41s}
#srv-modal.open .srv-card:nth-child(7){animation-delay:.48s}
#srv-modal.open .srv-card:nth-child(8){animation-delay:.55s}
.srv-card-title{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--charcoal);margin-bottom:18px;font-weight:600;font-family:var(--sans);line-height:1.5;text-align:center}
.srv-card-img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;margin-bottom:18px;background:var(--silk);transition:transform .38s cubic-bezier(.25,.46,.45,.94)}
.srv-card-link{font-size:13px;letter-spacing:.1em;color:var(--gray);display:inline-flex;align-items:center;gap:10px;transition:color .25s;font-family:var(--sans);width:100%;justify-content:center}
.srv-card-link::after{content:'';width:20px;height:1px;background:currentColor;transition:width .25s}
.srv-card:hover .srv-card-link{color:var(--amber)}
.srv-card:hover .srv-card-link::after{width:32px}

/* Size guide panel */
#size-guide{position:fixed;inset:0;z-index:955;background:var(--cream);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateX(100%);transition:transform .45s cubic-bezier(.4,0,.2,1)}
#size-guide.open{transform:translateX(0)}
.sg-head{position:relative;text-align:center;padding:64px 56px 36px;border-bottom:1px solid var(--mist)}
.sg-back{position:absolute;top:36px;left:48px;border:none;background:none;cursor:pointer;font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--gray);display:flex;align-items:center;gap:8px;font-family:var(--sans);padding:0}
.sg-back::before{content:'';width:20px;height:1px;background:currentColor}
.sg-back:hover{color:var(--amber)}
.sg-close{position:absolute;top:36px;right:48px;width:36px;height:36px;border:none;background:none;cursor:pointer;color:var(--charcoal);display:flex;align-items:center;justify-content:center}
.sg-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.2}
.sg-head-title{font-family:var(--serif);font-size:28px;letter-spacing:.18em;text-transform:uppercase;color:var(--charcoal);font-weight:300;margin-bottom:20px;display:block}
.sg-head-rule{display:block;width:40px;height:1px;background:var(--stone);margin:0 auto}
.sg-body{max-width:900px;margin:0 auto;padding:56px 56px 80px}
.sg-section{margin-bottom:56px}
.sg-section-title{font-size:14px;letter-spacing:.28em;text-transform:uppercase;color:var(--charcoal);font-weight:600;font-family:var(--sans);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--mist)}
.sg-intro{font-size:13px;color:var(--gray);line-height:1.8;font-family:var(--sans);margin-bottom:28px}
.sg-method{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}
.sg-method-step{background:var(--white);padding:24px;border:1px solid var(--mist)}
.sg-method-num{display:block;font-family:var(--serif);font-size:32px;color:var(--amber);margin-bottom:8px;font-weight:300}
.sg-method-text{font-size:14px;color:var(--charcoal);line-height:1.7;font-family:var(--sans)}
.sg-method-text b{display:block;font-weight:600;letter-spacing:.05em;margin-bottom:4px}
.sg-table{width:100%;border-collapse:collapse;font-size:14px;font-family:var(--sans)}
.sg-table th{font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:var(--gray);font-weight:600;padding:10px 14px;border-bottom:2px solid var(--mist);text-align:left}
.sg-table td{padding:10px 14px;border-bottom:1px solid var(--silk);color:var(--charcoal)}
.sg-table tr:hover td{background:var(--white)}
.sg-table .sg-highlight td{background:rgba(201,168,50,.07);font-weight:500}
.sg-note{font-size:14px;color:var(--stone);line-height:1.7;font-family:var(--sans);font-style:italic;margin-top:16px}
.sg-care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sg-care-item{background:var(--white);padding:22px;border:1px solid var(--mist)}
.sg-care-icon{font-size:20px;margin-bottom:10px;display:block}
.sg-care-title{font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:var(--charcoal);font-weight:600;font-family:var(--sans);display:block;margin-bottom:8px}
.sg-care-text{font-size:14px;color:var(--gray);line-height:1.7;font-family:var(--sans)}
.sg-warranty-box{background:var(--white);border:1px solid var(--mist);padding:32px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}
.sg-warranty-seal{width:60px;height:60px;border-radius:50%;background:var(--charcoal);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sg-warranty-seal svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:1.2}
.sg-warranty-body h4{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--charcoal);font-weight:600;font-family:var(--sans);margin:0 0 12px}
.sg-warranty-body p{font-size:13px;color:var(--gray);line-height:1.8;font-family:var(--sans);margin:0 0 10px}
.sg-warranty-body ul{margin:10px 0 0;padding-left:16px}
.sg-warranty-body li{font-size:14px;color:var(--gray);line-height:1.7;font-family:var(--sans);margin-bottom:4px}

@media(max-width:900px){
  .srv-grid{grid-template-columns:repeat(2,1fr);padding:32px 24px 60px;gap:40px 24px}
  .srv-head{padding:48px 24px 32px}.srv-head-title{font-size:22px}
  .srv-close{top:24px;right:24px}
  .sg-head{padding:48px 24px 28px}.sg-body{padding:32px 24px 60px}
  .sg-back{left:24px;top:24px}.sg-close{right:24px;top:24px}
  .sg-method{grid-template-columns:1fr}.sg-care-grid{grid-template-columns:1fr 1fr}
  .sg-warranty-box{grid-template-columns:1fr}
}

/* ═══ REQUEST MODAL ══════════════════════════════════════════════════════ */
#req-modal,#ws-modal-wrap{position:fixed;inset:0;z-index:900;display:none;align-items:center;justify-content:center;background:rgba(12,12,12,.7);backdrop-filter:blur(8px)}
#req-modal.open,#ws-modal-wrap.open{display:flex}
.req-box{background:var(--white);padding:56px;max-width:520px;width:90%;position:relative}
.req-box h2{font-family:var(--serif);font-size:28px;font-weight:400;margin-bottom:8px}
.req-box p{font-size:14px;color:var(--gray);margin-bottom:32px;line-height:1.7}
.fg{margin-bottom:18px}
.fg label{display:block;font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:7px}
.fg input,.fg textarea{width:100%;border:1px solid var(--mist);padding:11px 14px;font-family:var(--sans);font-size:13px;outline:none;transition:border-color .3s}
.fg input:focus,.fg textarea:focus{border-color:var(--charcoal)}
.fg textarea{height:88px;resize:none}
.req-close{position:absolute;top:18px;right:18px;background:none;border:none;font-size:20px;color:var(--gray);cursor:pointer}
.req-ok{display:none;text-align:center;padding:24px 0}
.req-ok p{font-family:var(--serif);font-size:22px;font-style:italic;margin-bottom:8px}
.req-ok small{font-size:14px;color:var(--gray)}

/* ═══ QUIZ MODAL ════════════════════════════════════════════════════════ */
#quiz-modal{position:fixed;inset:0;z-index:800;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .32s}
#quiz-modal.open{opacity:1;pointer-events:all}
.qbdrop{position:absolute;inset:0;background:rgba(12,12,12,.45);backdrop-filter:blur(6px)}
.qbox{position:relative;z-index:1;background:var(--white);width:100%;max-width:540px;margin:20px;transform:scale(.95);transition:transform .32s}
#quiz-modal.open .qbox{transform:scale(1)}
.q-head{padding:28px 34px 22px;border-bottom:1px solid var(--mist);background:var(--cream)}
.q-head h2{font-family:var(--serif);font-size:28px;font-weight:300;font-style:italic}
.q-head p{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gray);margin-top:5px}
.q-prog-bar{height:2px;background:var(--mist)}
.q-prog-fill{height:100%;background:var(--amber);transition:width .38s}
.q-body{padding:28px 34px}
.q-q{font-family:var(--serif);font-size:20px;font-weight:300;margin-bottom:20px;line-height:1.35}
.q-opts{display:flex;flex-direction:column;gap:7px}
.q-opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--mist);transition:all .2s;font-family:var(--serif);font-size:13px;color:var(--gray);cursor:pointer}
.q-opt:hover,.q-opt.ch{border-color:var(--charcoal);color:var(--charcoal);background:var(--cream)}
.q-dot{width:14px;height:14px;border:1px solid var(--mist);flex-shrink:0}
.q-opt.ch .q-dot{background:var(--charcoal);border-color:var(--charcoal)}
.q-nav{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:18px;border-top:1px solid var(--mist)}
.q-step{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gray)}

/* ═══ EMAIL POPUP ════════════════════════════════════════════════════════ */
.epop{position:fixed;inset:0;z-index:900;background:rgba(12,12,12,.5);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s}
.epop.open{opacity:1;pointer-events:all}
.epop-box{background:var(--white);width:100%;max-width:480px;margin:20px;position:relative;overflow:hidden}
.epop-top{background:var(--cream);padding:44px 40px 32px;text-align:center}
.epop-orn{font-family:var(--serif);font-size:36px;color:var(--amber);display:block;margin-bottom:16px}
.epop-top h2{font-family:var(--serif);font-size:26px;font-weight:300;font-style:italic;margin-bottom:8px}
.epop-top p{font-size:13px;color:var(--gray);font-style:italic;font-family:var(--serif)}
.epop-body{padding:32px 40px}
.epop-row{display:flex;border:1px solid var(--mist);margin-bottom:10px}
.epop-row input{flex:1;background:transparent;border:none;padding:12px 16px;font-family:var(--serif);font-size:14px;outline:none}
.epop-row button{background:var(--charcoal);color:var(--white);border:none;padding:12px 18px;font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;transition:background .25s;cursor:pointer;white-space:nowrap}
.epop-row button:hover{background:var(--amber)}
.epop-note{font-size:13px;color:var(--gray);text-align:center}
.epop-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:14px;cursor:pointer;border:1px solid var(--mist);transition:all .2s;background:none}
.epop-close:hover{color:var(--charcoal)}
.epop-thanks{text-align:center;padding:20px 0;display:none}
.epop-thanks p{font-family:var(--serif);font-size:18px;font-style:italic;color:var(--amber)}
.epop-thanks small{font-size:14px;color:var(--gray);display:block;margin-top:8px}

/* ═══ TRY-ON FAB ════════════════════════════════════════════════════════ */
.tryon-fab{position:fixed;bottom:96px;right:28px;z-index:700;width:48px;height:48px;background:var(--white);border:1.5px solid var(--mist);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(0.34,1.56,.64,1);box-shadow:0 2px 12px rgba(0,0,0,.08);cursor:pointer}
.tryon-fab:hover{transform:scale(1.14) rotate(6deg);border-color:var(--amber);box-shadow:0 6px 24px rgba(201,168,50,.3)}
.tryon-fab svg{width:20px;height:20px;stroke:var(--charcoal);fill:none;stroke-width:1.5;transition:stroke .2s}
.tryon-fab:hover svg{stroke:var(--amber)}

/* ═══ CHAT ══════════════════════════════════════════════════════════════ */
.chat-btn{position:fixed;bottom:28px;right:28px;z-index:700;width:56px;height:56px;background:transparent;border:1.5px solid rgba(255,255,255,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:none;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.chat-btn:hover{transform:scale(1.12) rotate(-8deg);border-color:var(--amber);box-shadow:0 0 24px rgba(201,168,50,.35)}
.chat-btn svg{width:24px;height:24px;fill:#fff;stroke:none;animation:chatPulse 2.2s ease-in-out infinite}
.chat-ico{display:block}
.chat-label{position:absolute;right:68px;background:var(--charcoal);color:var(--white);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;white-space:nowrap;opacity:0;transform:translateX(8px);transition:all .28s;pointer-events:none;border-radius:2px}
.chat-btn:hover .chat-label{opacity:1;transform:translateX(0)}
@keyframes chatPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}
.chat-pop{position:fixed;bottom:92px;right:28px;z-index:699;width:330px;background:var(--white);border:1px solid var(--mist);box-shadow:0 16px 50px rgba(12,12,12,.1);display:flex;flex-direction:column;opacity:0;transform:translateY(10px) scale(.97);pointer-events:none;transition:all .32s;transform-origin:bottom right}
.chat-pop.open{opacity:1;transform:none;pointer-events:all}
.chat-h{padding:14px 16px;border-bottom:1px solid var(--mist);display:flex;align-items:center;gap:10px;background:var(--cream);color:var(--black)}
.chat-av{width:36px;height:36px;background:linear-gradient(135deg,var(--amber),var(--amber2));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chat-av svg{width:16px;height:16px;stroke:var(--white);fill:none;stroke-width:1.5}
.chat-hi h4{font-family:var(--serif);font-size:14px;font-weight:400;color:#c0392b}
.chat-hi p{font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:var(--amber)}
.chat-hc{margin-left:auto;background:none;border:none;color:var(--charcoal);font-size:13px;cursor:pointer}
.chat-msgs{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;max-height:230px;overflow-y:auto;min-height:130px}
.chat-msg{max-width:86%;padding:9px 12px;font-family:var(--serif);font-size:13px;line-height:1.6}
.chat-bot{background:var(--cream);border-left:2px solid var(--amber);align-self:flex-start;color:var(--gray)}
.chat-user{background:var(--charcoal);color:var(--white);align-self:flex-end}
.chat-typing{display:none;gap:4px;align-items:center;padding:9px 12px;background:var(--cream);border-left:2px solid var(--amber);align-self:flex-start}
.chat-typing span{width:4px;height:4px;border-radius:50%;background:var(--amber);animation:cDot 1.2s ease-in-out infinite}
.chat-typing span:nth-child(2){animation-delay:.2s}
.chat-typing span:nth-child(3){animation-delay:.4s}
.chat-quick{display:flex;flex-wrap:wrap;gap:5px;padding:0 12px 8px}
.chat-qb{font-size:13px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--mist);background:transparent;color:var(--gray);padding:4px 9px;font-family:var(--sans);transition:all .2s;cursor:pointer}
.chat-qb:hover{border-color:var(--charcoal);color:var(--charcoal)}
.chat-ir{display:flex;border-top:1px solid var(--mist)}
.chat-ir input{flex:1;background:transparent;border:none;padding:12px 14px;font-family:var(--serif);font-size:13px;color:var(--black);outline:none;font-style:italic}
.chat-ir input::placeholder{color:var(--gray)}
.chat-send{background:none;border:none;padding:0 14px;color:var(--gray);transition:color .2s;cursor:pointer}
.chat-send:hover{color:var(--charcoal)}
.chat-send svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}

/* ═══ HOVER DETAIL ═══════════════════════════════════════════════════════ */
#hover-detail{display:none}
#hover-detail.show{transform:none;pointer-events:auto}
.hd-img{height:260px;overflow:hidden;flex-shrink:0;background:var(--white);display:flex;align-items:flex-end;justify-content:center}
.hd-img img{width:100%;height:100%;object-fit:contain;object-position:center bottom;padding:8px 12px 0}
.hd-body{padding:20px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.hd-cat{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--amber);display:block}
.hd-name{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.2}
.hd-material{font-size:14px;color:var(--gray)}
.hd-desc{font-size:13px;color:var(--gray);line-height:1.8}
.hd-props{}
.hd-prop{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--silk)}
.hd-pk{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--stone)}
.hd-pv{font-size:14px}
.hd-price{font-family:var(--serif);font-size:24px;font-weight:300;font-style:italic;border-top:1px solid var(--mist);padding-top:12px;margin-top:auto}
.hd-hint{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gray);text-align:center;padding-bottom:0;margin-bottom:0}
@media(max-width:1100px){#hover-detail{display:none}}

/* ═══ ABOUT ══════════════════════════════════════════════════════════════ */
#about{background:transparent;padding:140px 56px}
.ab-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto}
.ab-inner .s-lbl{color:var(--amber)}
.ab-inner .s-body{color:var(--stone);max-width:480px;margin-bottom:16px}
.ab-title{font-family:var(--serif);font-size:clamp(36px,4.5vw,72px);color:var(--white);font-weight:400;line-height:1.1;letter-spacing:-.01em;margin:16px 0 24px}
.ab-title em{font-style:italic;color:var(--amber)}
.ab-quote{margin:32px 0 0;padding:0;border:none;position:relative}
.ab-quote-mark{font-family:var(--serif);font-size:96px;line-height:.7;color:var(--amber);display:block;margin-bottom:8px;opacity:.5}
.ab-quote p{font-family:var(--serif);font-size:clamp(17px,1.6vw,22px);font-style:italic;color:var(--white);line-height:1.55;margin:0 0 14px}
.ab-quote cite{font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--stone);font-style:normal}
.ab-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;border-top:1px solid rgba(255,255,255,.1)}
.ab-pillar{padding:24px 0 0;border-right:1px solid rgba(255,255,255,.07)}
.ab-pillar:last-child{border-right:none}
.ab-pillar-num{font-family:var(--serif);font-size:42px;color:var(--amber);display:block;margin-bottom:6px;letter-spacing:-.01em}
.ab-pillar-lbl{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--stone)}
.ab-img{position:relative;display:flex;align-items:stretch}
.ab-video-wrap{flex:1;overflow:hidden;line-height:0;min-height:460px;position:relative;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,black 18%,black 85%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 12%,black 88%,transparent 100%);
  -webkit-mask-composite:destination-in;
  mask-image:linear-gradient(to right,transparent 0%,black 18%,black 85%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 12%,black 88%,transparent 100%);
  mask-composite:intersect}
.ab-video{width:100%;height:100%;display:block;object-fit:cover;filter:brightness(.92) saturate(1.08);animation:abKenBurns 16s ease-in-out infinite alternate}
@keyframes abKenBurns{from{transform:scale(1) translateX(0)}to{transform:scale(1.05) translateX(-1%)}}
@media(max-width:900px){#about{padding:64px 24px}.ab-inner{grid-template-columns:1fr;gap:40px}.ab-video-wrap{width:100%}.ab-pillars{grid-template-columns:repeat(3,1fr)}}

/* ═══ WHOLESALE ══════════════════════════════════════════════════════════ */
#wholesale{padding:160px 56px;background:var(--cream);text-align:center}
.ws-intro{max-width:580px;margin:0 auto 64px}
.ws-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;max-width:860px;margin:0 auto 52px}
.ws-tier{background:var(--white);padding:40px 24px;text-align:center}
.ws-tier-min{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#000;margin-bottom:12px;display:block}
.ws-tier-qty{font-family:var(--serif);font-size:48px;color:var(--charcoal);display:block;line-height:1;margin-bottom:10px}
.ws-tier-disc{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);font-weight:500;display:block;margin-bottom:20px}
.ws-tier-note{font-size:13px;color:#000;line-height:1.7}
.ws-tier.ws-feat{background:var(--white);border:2px solid var(--amber)}
.ws-feat .ws-tier-min,.ws-feat .ws-tier-qty,.ws-feat .ws-tier-note{color:var(--charcoal)}
.ws-feat .ws-tier-qty{color:var(--charcoal)}
.ws-perks{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:0 auto 64px}
.ws-perk{background:var(--silk);padding:32px 28px;text-align:left}
.ws-perk-icon{font-size:18px;color:var(--amber);margin-bottom:14px;display:block}
.ws-perk-title{font-family:var(--serif);font-size:20px;color:var(--charcoal);margin-bottom:10px}
.ws-perk-body{font-size:14px;color:#000;line-height:1.9}
@media(max-width:900px){#wholesale{padding:64px 24px}.ws-tiers,.ws-perks{grid-template-columns:1fr}.ws-tiers{gap:16px}}

/* ═══ LEGAL MODAL ════════════════════════════════════════════════════════ */
#legal-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:rgba(12,12,12,.7);backdrop-filter:blur(8px);padding:24px}
#legal-modal.open{display:flex}
.legal-box{background:var(--white);max-width:700px;width:100%;max-height:85vh;display:flex;flex-direction:column;position:relative}
.legal-head{padding:32px 40px 0;flex-shrink:0}
.legal-logo{font-family:var(--serif);font-size:13px;letter-spacing:.4em;color:var(--amber);margin-bottom:20px;display:block}
.legal-tabs{display:flex;gap:0;border-bottom:1px solid var(--mist);margin-top:4px}
.legal-tab{padding:10px 20px;font-size:12px;letter-spacing:.15em;text-transform:uppercase;background:none;border:none;cursor:pointer;color:var(--stone);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;font-family:var(--sans)}
.legal-tab.act{color:var(--charcoal);border-bottom-color:var(--amber)}
.legal-body{padding:28px 40px 40px;overflow-y:auto;flex:1}
.legal-body h3{font-family:var(--serif);font-size:16px;font-weight:400;margin:24px 0 10px;color:var(--charcoal)}
.legal-body h3:first-child{margin-top:0}
.legal-body p{font-size:13px;color:var(--stone);line-height:1.8;margin-bottom:12px}
.legal-body ul{font-size:13px;color:var(--stone);line-height:1.8;padding-left:20px;margin-bottom:12px}
.legal-body ul li{margin-bottom:6px}
.legal-close{position:absolute;top:20px;right:24px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--stone);width:32px;height:32px;display:flex;align-items:center;justify-content:center}
.legal-close:hover{color:var(--charcoal)}
@media(max-width:640px){.legal-box{max-height:92vh}.legal-head{padding:24px 24px 0}.legal-body{padding:20px 24px 32px}.legal-tab{padding:10px 12px;font-size:12px}}

/* ═══ COOKIE BANNER ══════════════════════════════════════════════════════ */
#cookie-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 32px;background:rgba(10,6,2,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(201,168,50,.18);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s}
#cookie-overlay.hide{transform:translateY(100%);opacity:0;pointer-events:none}
.ck-text{font-size:14px;letter-spacing:.04em;color:rgba(255,255,255,.75);flex:1;min-width:0}
.ck-link{color:var(--amber);border-bottom:1px solid rgba(201,168,50,.4);padding-bottom:1px}
.ck-btns{display:flex;gap:8px;flex-shrink:0}
.ck-btn-accept{padding:8px 22px;background:rgba(201,168,50,.9);color:#1a0c02;font-size:12px;letter-spacing:.18em;text-transform:uppercase;border:none;font-family:var(--sans);cursor:pointer;transition:background .25s;font-weight:600}
.ck-btn-accept:hover{background:var(--amber)}
.ck-btn-reject{padding:8px 20px;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.6);font-size:12px;letter-spacing:.18em;text-transform:uppercase;background:none;font-family:var(--sans);cursor:pointer;transition:all .25s}
.ck-btn-reject:hover{border-color:rgba(201,168,50,.5);color:rgba(255,255,255,.9)}
@media(max-width:640px){#cookie-overlay{flex-direction:column;align-items:flex-start;padding:16px 20px;gap:12px}.ck-btns{width:100%;justify-content:flex-end}}

/* ═══ ANIMATIONS ════════════════════════════════════════════════════════ */
@keyframes up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes ticker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes cDot{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@keyframes floatParticle{0%{opacity:0;transform:translateY(20px) scale(0)}20%{opacity:.7}80%{opacity:.3}100%{opacity:0;transform:translateY(-80px) scale(1.2)}}

/* ═══ MOBILE NAV (hamburger) ════════════════════════════════════════════ */
.mob-menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;flex-shrink:0}
.mob-menu-btn svg{width:20px;height:20px;stroke:var(--charcoal);fill:none;stroke-width:1.8}
.mob-nav-overlay{display:none;position:fixed;inset:0;background:rgba(12,12,12,.5);z-index:800;backdrop-filter:blur(4px)}
.mob-nav-overlay.open{display:block}
.mob-nav-drawer{position:fixed;top:0;left:0;height:100%;width:80%;max-width:320px;background:var(--white);z-index:810;transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:0}
.mob-nav-drawer.open{transform:translateX(0)}
.mob-nav-head{padding:20px 24px;border-bottom:1px solid var(--mist);display:flex;align-items:center;justify-content:space-between}
.mob-nav-logo{font-family:var(--serif);font-size:16px;letter-spacing:.4em;color:var(--charcoal)}
.mob-nav-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--stone);width:32px;height:32px;display:flex;align-items:center;justify-content:center}
.mob-nav-links{padding:16px 0;flex:1;overflow-y:auto}
.mob-nav-link{display:block;padding:14px 24px;font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:var(--charcoal);border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:var(--sans);border-bottom:1px solid rgba(0,0,0,.04);transition:color .2s}
.mob-nav-link:hover{color:var(--amber)}
.mob-nav-link.amber{color:var(--amber)}
.mob-nav-foot{padding:20px 24px;border-top:1px solid var(--mist);overflow-y:auto}
.mob-nav-utils{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.mob-nav-util{font-size:12px;letter-spacing:.12em;color:var(--gray);background:none;border:none;cursor:pointer;font-family:var(--sans);text-transform:uppercase}
.mob-nav-langs{display:none}
.mob-lang-btn{font-size:12px!important;padding:10px 12px!important;letter-spacing:.08em!important;border-radius:0}
.mob-lang-btn.al{background:var(--cream);color:var(--charcoal)}

/* ═══ MOBILE BOTTOM BAR ════════════════════════════════════════════════ */
.mob-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--white);border-top:1px solid var(--mist);z-index:800;align-items:center;justify-content:space-around;padding:0 8px}
.mob-bar-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:6px 12px;color:var(--gray);transition:color .2s;position:relative;flex:1}
.mob-bar-btn:hover,.mob-bar-btn.act{color:var(--amber)}
.mob-bar-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}
.mob-bar-btn span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--sans)}
.mob-bar-badge{position:absolute;top:2px;right:10px;min-width:14px;height:14px;background:var(--amber);border-radius:8px;font-size:13px;color:var(--white);display:none;align-items:center;justify-content:center;font-family:var(--sans);font-weight:700;padding:0 2px}
.mob-bar-badge.show{display:flex}

@media(max-width:768px){
  /* Show mobile elements */
  .mob-menu-btn{display:flex}
  .mob-bar{display:flex}

  /* Hide desktop nav tiers */
  .nav-main{display:none}

  /* Compact logo bar */
  .nav-logo-bar{height:64px;padding:0 16px;grid-template-columns:1fr auto 1fr}
  .nav-logo{font-size:22px;letter-spacing:.4em}
  .nav-lb-l .nav-util-link{display:none}
  .nav-lb-l,.nav-lb-r{gap:8px}
  .nav-search-inp{width:0;overflow:hidden;transition:width .3s}
  .nav-search-inp:focus{width:80px}
  /* On mobile show only cart + lang in right nav */
  .nav-lb-r > :nth-child(1),
  .nav-lb-r > :nth-child(2),
  .nav-lb-r > :nth-child(3){display:none}
  #lang-sw{display:block}
  .lang-cur{font-size:12px;letter-spacing:.08em;gap:2px}
  .lang-cur svg{width:8px;height:8px}
  #lang-drop{right:0;max-height:260px}

  /* Add bottom padding so content isn't hidden behind mob bar */
  body{padding-bottom:60px}

  /* Hero */
  #hero{height:100svh;min-height:500px}
  .hfs-inline{padding:40px 20px;gap:24px}

  /* Panels full width */
  #cart-panel,#wish-panel{width:100%;max-width:100%}

  /* Catalog */
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  #catalog{padding:32px 12px}
  .cat-head{padding:0 0 16px}
  .f-row{gap:4px}
  .ftab{padding:8px 12px;font-size:12px}

  /* Drawer */
  #drawer{width:100%;left:0;right:0}
  .d-panel{flex-direction:column;height:auto;max-height:90vh;overflow-y:auto}
  .d-img-wrap{width:100%;height:300px}
  .d-body{padding:24px 20px}

  /* Modals */
  .req-box,.acc-box{padding:32px 20px;width:95%}
  .legal-box{width:95%;max-height:88vh}

  /* Try-on */
  .tryon-wrap{gap:32px}
  .tryon-items{grid-template-columns:repeat(4,1fr)}

  /* About */
  .ab-pillars{grid-template-columns:1fr 1fr}

  /* Wholesale */
  .ws-tiers{grid-template-columns:1fr}

  /* Footer */
  .ft{grid-template-columns:1fr}

  /* Chat FAB — above mob-bar */
  .chat-pop{width:calc(100vw - 32px);right:16px;bottom:76px}
  .chat-btn{bottom:76px;right:16px;z-index:900}
  /* Try-On moved into mob-bar on mobile */
  .tryon-fab{display:none}


  body{cursor:auto}
  #particles-canvas{display:none}

  /* Hero model slide mobile */
  .hm-content{padding:0 24px 96px;max-width:100%}
  .hm-title{font-size:clamp(32px,8vw,52px)}
  .hm-desc{font-size:13px;max-width:100%}
  .hfs-dots{bottom:72px}

  /* Services modal mobile */
  .srv-head{padding:40px 20px 28px}
  .srv-head-title{font-size:20px}
  .srv-close{top:16px;right:16px}
  .srv-grid{grid-template-columns:repeat(2,1fr);padding:24px 16px 80px;gap:28px 16px}
  .srv-card-img{aspect-ratio:3/2}
  .srv-card-title{font-size:12px;margin-bottom:12px}

  /* Size guide panel mobile */
  .sg-head{padding:40px 20px 24px}
  .sg-head-title{font-size:20px}
  .sg-back{left:16px;top:16px;font-size:12px}
  .sg-close{right:16px;top:16px}
  .sg-body{padding:24px 16px 80px}
  .sg-table{font-size:13px}
  .sg-table th{font-size:12px;padding:8px 8px}
  .sg-table td{padding:8px 8px}
  .sg-care-grid{grid-template-columns:1fr}
  .sg-method{grid-template-columns:1fr}
  .sg-warranty-box{grid-template-columns:1fr}
  .sg-method-step{padding:18px}

  /* Collections grid mobile — 2 cols */
  .c-grid{grid-template-columns:repeat(2,1fr);gap:8px}

  /* Editorial mobile — photo first, then text */
  .ed-wrap{grid-template-columns:1fr}
  .ed-model-wrap{min-height:0;aspect-ratio:4/3;order:-1}
  .ed-text{padding:40px 24px 48px}

  /* Journal cards mobile */
  #journal .j-grid{grid-template-columns:1fr}

  /* Hide email popup entirely on mobile */
  .epop{display:none!important}

  /* Nav height correction — mobile nav is only 56px */
  :root{--nav-h:56px}

  /* Contact section */
  #contact{padding:64px 20px}

  /* Collections text: keep visible since rv observer may fire too late on slow scroll */
  .cc-cat,.cc-name,.cc-cta{transition-duration:.4s}

  /* About section */
  #about{padding:56px 20px}
  .ab-pillars{grid-template-columns:1fr 1fr}
  .ab-stats{grid-template-columns:1fr 1fr}

  /* Wholesale */
  #wholesale{padding:56px 20px}
  .ws-perks{grid-template-columns:1fr 1fr}

  /* Try-on items → 3 cols on mobile (not 4) */
  .tryon-items{grid-template-columns:repeat(3,1fr)}
  #tryon-sec{padding:48px 16px}

  /* Quiz strip */
  .quiz-strip{margin:20px auto}

  /* Journal slides */
  .js-content{padding:24px 20px 32px;margin:24px 16px}
  .js-title{font-size:clamp(18px,5.5vw,28px)}
  .js-body{display:none}

  /* Journal section */
  #journal{padding:48px 16px}

  /* Request modal */
  .req-box{padding:32px 20px;width:96%}

  /* Wise modal */
  #wise-modal{padding:36px 20px 28px}

  /* Footer bottom */
  .fb-bot{flex-direction:column;gap:12px;align-items:flex-start}
  .fleg{gap:16px;flex-wrap:wrap}
  footer{padding:48px 20px 32px}
  .ft{grid-template-columns:1fr;gap:28px}

  /* About video */
  .ab-video-wrap{aspect-ratio:4/3;height:auto}

  /* Buttons spacing in contact */
  .c-btns{gap:10px}
  .c-btns .btn{font-size:12px;padding:12px 20px;letter-spacing:.15em}

  /* Cart/drawer improvements */
  .d-body{padding:16px}
  .d-img-wrap{height:240px}

  /* Ticker readable */
  .t-item{font-size:12px}
}

/* === EXTRA SMALL (≤480px) ================================ */
@media(max-width:480px){
  .nav-logo{font-size:16px;letter-spacing:.35em}
  .c-grid{gap:6px}
  .cc-img-wrap{height:160px}
  .tryon-items{grid-template-columns:repeat(3,1fr)}
  .srv-grid{grid-template-columns:1fr 1fr;gap:20px 12px;padding:20px 12px 80px}
  .srv-card-img{aspect-ratio:1/1}
  .sg-care-grid{grid-template-columns:1fr}
  .ws-perks,.ws-process{grid-template-columns:1fr}
  .ab-pillars{grid-template-columns:1fr 1fr}
  .ft{grid-template-columns:1fr}
  .prod-grid{gap:4px}
  #catalog{padding:24px 8px}
  .ftab{padding:7px 10px;font-size:12px}
  .f-row{gap:3px}
}

/* === AMBERRA CRYPTO PAYMENT === */
.payment-section{padding:60px 20px;background:#0a0600;text-align:center}
.payment-section h2{font-family:"Cormorant Garamond",serif;color:#c9a84c;font-size:32px;letter-spacing:.12em;margin-bottom:8px}
.payment-section p{color:#666;font-size:13px;letter-spacing:.1em;margin-bottom:36px}
.btn-crypto{background:linear-gradient(135deg,#c9a84c,#a07830);color:#0a0600;border:none;padding:13px 28px;font-family:"Montserrat",sans-serif;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .25s}
.btn-crypto:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(201,168,76,.3)}
.pay-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.88);z-index:9999;align-items:center;justify-content:center}
.pay-overlay.open{display:flex}
.pay-modal{background:#111008;border:1px solid #c9a84c;padding:36px;max-width:460px;width:92%;position:relative}
.pay-modal h3{font-family:"Cormorant Garamond",serif;color:#c9a84c;font-size:22px;margin-bottom:20px;letter-spacing:.05em}
.pay-addr{background:#1a1200;border:1px solid #2a2000;padding:10px 14px;margin:8px 0;font-size:14px;color:#bbb;word-break:break-all;line-height:1.9}
.pay-addr b{color:#c9a84c;display:block;margin-bottom:3px;font-size:12px;letter-spacing:.08em}
.pay-copy{background:#1a1200;border:1px solid #2a2000;color:#c9a84c;font-size:12px;letter-spacing:.08em;padding:3px 8px;cursor:pointer;float:right;margin-top:-2px}
.pay-copy:hover{background:#2a2000}
.pay-note{color:#666;font-size:14px;margin-top:18px;line-height:1.7;border-top:1px solid #1e1600;padding-top:14px}
.pay-note a{color:#c9a84c}
.pay-close{position:absolute;top:14px;right:16px;background:none;border:none;color:#c9a84c;font-size:20px;cursor:pointer}
.crypto-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.crypto-badge{background:#1a1200;border:1px solid #2a2000;color:#c9a84c;padding:3px 12px;font-size:12px;letter-spacing:.1em}
.pay-security{color:#555;font-size:14px;line-height:1.8;text-align:center;padding:0 20px 60px;background:#0a0600;margin:0}
/* === END CRYPTO PAYMENT === */

/* === FLUID BG — ALL SECTIONS TRANSPARENT === */
#hero{background:transparent}
#about{background:transparent}
.founder-strip{background:#fff}
.founder-strip p,.founder-strip span,.founder-strip a{color:rgba(255,255,255,.8)!important}
.founder-strip a[href]{color:rgba(255,255,255,.55)!important;border-bottom-color:rgba(255,255,255,.4)!important}
#ed{background:transparent}
.ed-text{background:transparent}
.ed-text .s-lbl{color:var(--amber)}
.ed-text .s-title{color:var(--white)}
.ed-text .s-body{color:rgba(255,255,255,.8)}
.ed-stats{border-top-color:rgba(255,255,255,.12)}
.ed-num{color:var(--amber3)}
.ed-lbl{color:rgba(255,255,255,.6)}
.ticker{background:rgba(6,2,0,0.7)}
#wholesale{background:transparent;overflow:hidden}
#wholesale .s-lbl{color:var(--amber)}
#wholesale .s-title{color:var(--white);font-size:clamp(32px,5vw,52px)}
#wholesale .s-body{color:rgba(255,255,255,.7);max-width:520px;margin:0 auto}
.ws-rule{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--amber),transparent);margin:0 auto}
.ws-eyebrow{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:var(--amber);margin-bottom:20px}
.ws-pillars{display:flex;justify-content:center;gap:64px;margin:0 auto 72px;max-width:700px}
.ws-pillar{display:flex;flex-direction:column;align-items:center;gap:8px}
.ws-pillar-icon{color:var(--amber);opacity:.7}
.ws-pillar-num{font-family:var(--serif);font-size:28px;color:var(--white);line-height:1}
.ws-pillar-lbl{font-family:var(--sans);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.ws-tier{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;transition:border-color .5s cubic-bezier(.25,.46,.45,.94),background .5s}
.ws-tier:hover{border-color:rgba(201,168,50,.3);background:rgba(255,255,255,.07)}
.ws-tier-head{padding:40px 24px 24px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}
.ws-tier-body{padding:24px 28px 36px}
.ws-tier-line{font-family:var(--sans);font-size:13px;color:rgba(255,255,255,.7);padding:8px 0;display:flex;align-items:center;gap:10px}
.ws-tier-line+.ws-tier-line{border-top:1px solid rgba(255,255,255,.04)}
.ws-check{color:var(--amber);font-size:14px;flex-shrink:0}
.ws-tier.ws-feat{border:1px solid rgba(201,168,50,.4);background:rgba(201,168,50,.06)}
.ws-tier.ws-feat:hover{border-color:var(--amber);background:rgba(201,168,50,.1)}
.ws-tier-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);font-family:var(--sans);font-size:8px;letter-spacing:.25em;text-transform:uppercase;color:var(--black);background:var(--amber);padding:4px 16px;border-radius:0 0 4px 4px}
.ws-tier-min,.ws-feat .ws-tier-min{color:rgba(255,255,255,.85)}
.ws-tier-qty,.ws-feat .ws-tier-qty{color:var(--amber3)!important}
.ws-tier-note,.ws-feat .ws-tier-note{color:rgba(255,255,255,.7)}
@media(max-width:700px){.ws-pillars{flex-direction:column;gap:32px;align-items:center}}
#journal.js-page{background:transparent}
#contact{background:transparent}
#contact .s-lbl{color:var(--amber)}
#contact .s-title{color:var(--white)}
#contact .s-body{color:rgba(255,255,255,.75)}
/* EOF */

/* === CANVAS STACKING FIX: canvas z:1, page sections z:2 === */
/* Only page sections: modals/overlays keep their own position:fixed + z-index */
#hero-video,#colls,#hero,#about,#bestsellers,.founder-strip,#ed,.ticker,#wholesale,#journal,#contact,footer{
  position:relative;z-index:2
}

/* === HERO VIDEO === */
#hero-video{position:relative;width:100%;overflow:hidden;background:transparent}
#hero-video video{width:100%;height:auto;display:block}
.hv-cta{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}
.hv-btn{font-family:var(--sans);font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.65);padding:14px 40px;text-decoration:none;display:inline-block;pointer-events:auto;transition:background .25s,color .25s;backdrop-filter:blur(4px);background:rgba(0,0,0,.18)}
.hv-btn:hover{background:#fff;color:#1a0c02}

/* === CATEGORY PAGES === */
#cat-hero{padding:calc(var(--nav-h) + 36px) 56px 28px;text-align:center;background:#fff}
.cat-h1{font-family:var(--serif);font-size:clamp(36px,4.5vw,64px);font-weight:300;margin:10px 0 16px;color:var(--black);white-space:nowrap}
.cat-sub{font-family:var(--sans);font-size:18px;color:#000;max-width:760px;margin:0 auto 16px;line-height:1.7}
.cat-count{font-family:var(--sans);font-size:16px;letter-spacing:.18em;text-transform:uppercase;color:#000}
.cat-breadcrumb{padding:14px 56px;font-family:var(--sans);font-size:13px;letter-spacing:.08em;color:var(--gray);background:#fff;border-top:1px solid var(--mist)}
.cat-breadcrumb a{color:var(--gray);text-decoration:none}.cat-breadcrumb a:hover{color:var(--charcoal)}
.cat-breadcrumb span{margin:0 6px}
@media(max-width:768px){#cat-hero{padding:56px 24px 32px}.cat-breadcrumb{padding:12px 24px}}

/* === BESTSELLERS === */
#bestsellers{padding:80px 56px;background:transparent}
.bs-head{text-align:center;margin-bottom:48px}
.bs-head .s-lbl{display:block;margin-bottom:8px;color:var(--amber)}
.bs-head .s-title{margin:4px 0 20px;color:var(--white)}
.bs-all{color:var(--white)!important;border-color:var(--white)!important}
.bs-all:hover{color:var(--amber)!important;border-color:var(--amber)!important}
#bestsellers .pcat{color:var(--amber)}
#bestsellers .pname{color:var(--charcoal)}
#bestsellers .pprice{color:var(--charcoal)}
#bestsellers .pc-label{background:#fff;backdrop-filter:none}
#bestsellers .pc-label *{color:#1a0c02}
#bestsellers .pc-label .pcat{color:var(--amber)}
#bestsellers .pc-inner{background:#fff}
#bestsellers .pc{background:#fff;border:none}
#bestsellers .pc-img{background:#fff}
#bestsellers .pc-img img{mix-blend-mode:multiply}
.bs-all{font-family:var(--sans);font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:var(--charcoal);text-decoration:none;border-bottom:1px solid var(--charcoal);padding-bottom:2px}
.bs-all:hover{color:var(--amber);border-color:var(--amber)}
.bs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}
@media(max-width:900px){.bs-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.bs-grid{grid-template-columns:1fr 1fr;gap:12px}#bestsellers{padding:56px 16px}}

/* === NAV: solid state === */
#nav-shell.solid .nav-logo-bar{border-bottom-color:transparent}
#nav-shell.solid .nav-main{border-top-color:transparent}
#nav-shell.solid .nav-util-link,
#nav-shell.solid .nav-logo,
#nav-shell.solid .nav-logo-main,
#nav-shell.solid .nav-logo-sub,
#nav-shell.solid .nl,
#nav-shell.solid .nav-ico-btn{color:#fff!important}
#nav-shell.solid .nav-search-wrap svg{stroke:#fff!important}
#nav-shell.solid .nav-search-inp{color:#fff!important}
#nav-shell.solid .nav-search-inp::placeholder{color:rgba(255,255,255,.6)!important}
#nav-shell.solid .nl::after{background:#fff!important}
#nav-shell.solid .nl.act::after{background:var(--amber)!important}
/* nav-over-light disabled — page-light handles light pages */

/* ══ LIGHT PAGES (category/shop) ═════════════════════════════════════════ */
body.page-light{background:#fff;color:#000}
body.page-light #nav-shell{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.page-light #nav-shell .nav-logo,
body.page-light #nav-shell .nav-logo-main,
body.page-light #nav-shell .nav-logo-sub,
body.page-light #nav-shell .nl,
body.page-light #nav-shell .nav-ico-btn,
body.page-light #nav-shell .nav-util-link,
body.page-light #nav-shell .nav-search-inp{color:#000!important}
body.page-light #nav-shell .nl::after{background:#000!important}
body.page-light #nav-shell .nl.act::after{background:var(--amber)!important}
body.page-light #nav-shell .nav-search-wrap svg{stroke:#000!important}
body.page-light #nav-shell .nav-search-inp::placeholder{color:#000!important}
body.page-light .nav-divider{background:#ccc}
body.page-light .pc-label{background:#fff!important;backdrop-filter:none!important;opacity:1!important;max-height:none!important;overflow:visible!important}
body.page-light .pc-label *{color:#1a0c02!important}
body.page-light .pc-label .pcat{color:var(--amber)!important}
body.page-light .pc-inner{background:#fff!important}
body.page-light .pc{background:#fff!important}
body.page-light .pc-img{background:#fff!important}
body.page-light #catalog{background:#fff}

/* ══ HERO DROP ═══════════════════════════════════════════════════════════ */
.hero-drop-wrap{
  position:absolute;
  left:calc(50% - 40px);top:82%;
  transform:translate(-50%,-50%);
  z-index:2;
  pointer-events:none;
  display:flex;flex-direction:column;align-items:center;
}
.hero-drop{
  width:clamp(140px,18vw,280px);
  height:auto;
  filter:none;
}
.hero-drop-reflect{
  width:clamp(140px,18vw,280px);
  height:auto;
  transform:scaleY(-1);
  opacity:.18;
  filter:blur(6px);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 70%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),transparent 70%);
  margin-top:-10px;
}
.hero-drop-wrap{animation:heroDropFloat 3.5s ease-in-out infinite}
@keyframes heroDropFloat{
  0%,100%{transform:translate(-50%,-50%) translateY(0)}
  50%{transform:translate(-50%,-50%) translateY(-40px)}
}
@media(max-width:768px){
  .hero-drop{width:clamp(100px,28vw,180px)}
  .hero-drop-reflect{width:clamp(100px,28vw,180px)}
}