html:root[lang]{
  color-scheme:dark;
  --bg:#151210; --surface:#1d1814; --text:#f4efe6; --text-dim:#b3a594; --hairline:rgba(255,238,214,.12);
  --bg-tint-a:transparent; --bg-tint-b:transparent; --bg-tint-c:transparent;
  --glass:#1d1814; --glass-strong:#1d1814; --glass-border:rgba(255,238,214,.12); --glass-hi:transparent; --glass-sheen:transparent;
  --lg-fill:#1d1814; --lg-fill-hover:#262019; --lg-fill-float:#1d1814; --lg-fill-sheet:#1d1814; --lg-sheen:transparent;
  --lg-rim-hi:transparent; --lg-rim-lo:transparent; --lg-glow:transparent; --lg-edge:rgba(255,238,214,.12);
  --lg-shadow:none; --lg-shadow-lift:0 26px 50px -28px rgba(0,0,0,.8);
  --shadow-soft:none; --shadow-soft-lg:0 26px 50px -28px rgba(0,0,0,.8);
  --amber:#e9b154; --bronze:#c68a2c; --on-accent:#151210; --icon-accent:#e9b154; --text-accent-sm:#e9b154;
  --accent-glow:rgba(233,177,84,.22); --gradient-text-a:#e9b154; --gradient-text-b:#e9b154;
  --radius-xl:12px; --radius-lg:10px; --radius-md:8px; --radius-sm:6px;
  --font-display:'WFG Display','Noto Sans SC',system-ui,sans-serif;
  --nav-h:84px;
}
html:root[lang][data-theme="light"]{
  color-scheme:light;
  --bg:#f2ebdf; --surface:#fbf7ef; --text:#1b1510; --text-dim:#5f5346; --hairline:rgba(40,28,16,.12);
  --glass:#fbf7ef; --glass-strong:#fbf7ef; --glass-border:rgba(40,28,16,.12);
  --lg-fill:#fbf7ef; --lg-fill-hover:#ede5d7; --lg-fill-float:#fbf7ef; --lg-fill-sheet:#fbf7ef; --lg-edge:rgba(40,28,16,.14);
  --lg-shadow-lift:0 26px 50px -30px rgba(60,42,20,.4); --shadow-soft-lg:0 26px 50px -30px rgba(60,42,20,.4);
  --amber:#dd9e34; --bronze:#a9741c; --on-accent:#151210; --icon-accent:#a9741c; --text-accent-sm:#8c6118;
  --accent-glow:rgba(224,164,59,.25); --gradient-text-a:#8c6118; --gradient-text-b:#8c6118;
}
body{background:var(--bg); animation:none;}
body::before, .ambient-bg{display:none !important;}
nav.glass{display:none;}

h1, h2, .section-title{font-family:var(--font-display); font-weight:400; text-transform:uppercase; letter-spacing:0; line-height:.94;}
h3{font-family:var(--font-display); font-weight:400; letter-spacing:.005em;}
:lang(zh) h1, :lang(zh) h2, :lang(zh) .section-title{line-height:1.08;}
.section-title{font-size:clamp(34px,4.6vw,72px);}
.section-lead, .section-sub{color:var(--text-dim);}
.accent{background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; color:var(--accent) !important;}
.eyebrow, .kicker{background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; border-radius:0 !important;
  font-family:var(--font-label) !important; font-size:11.5px !important; letter-spacing:.06em !important; color:var(--accent) !important;}
.scroll-cue{display:none !important;}
.eyebrow::before{display:none !important;}

.glass{background-color:var(--raised); background-image:none; border:1px solid var(--line); box-shadow:none;}
.glass-float{-webkit-backdrop-filter:none; backdrop-filter:none;}

.glass-btn{font-family:var(--font-label); font-size:11.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
  background:transparent; background-image:none; box-shadow:none; border:1px solid var(--line-2); color:var(--cream); min-height:44px; padding:0 22px;}
.glass-btn:hover{transform:none; background-color:var(--cream); color:var(--bg); border-color:var(--cream); box-shadow:none;}
.glass-btn.primary{background:var(--cream); background-image:none; color:var(--bg); border-color:var(--cream); box-shadow:none;}
.glass-btn.primary:hover{background:var(--amber); color:var(--bg); border-color:var(--amber); filter:none; box-shadow:none;}
.glass-btn.small{min-height:40px; padding:0 16px; font-size:11px;}
.text-link{font-family:var(--font-label); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--amber);}
.seg-btn{border-radius:100px; background:transparent; border-color:var(--line-2); color:var(--cream);}
.seg-btn.active{background:var(--cream); color:var(--bg); border-color:var(--cream); box-shadow:none;}
.fill-bar{background:var(--amber);}
.meta-chip{background:transparent !important; border:1px solid var(--line-2) !important; box-shadow:none !important;}
.meta-chip strong{font-family:var(--font-display);}
input, select, textarea{color-scheme:dark;}

a:focus-visible, button:focus-visible, summary:focus-visible{outline:2px solid var(--amber); outline-offset:3px;}

.tabs.glass, .auth-tabs{border-radius:100px;}
.tab-btn.active, .auth-tab.active{background:var(--cream) !important; color:var(--bg) !important; border-color:var(--cream) !important; box-shadow:none !important;}
.tab-btn, .auth-tab{font-family:var(--font-label); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase;}

.flavor-chip input:checked + span{background:var(--amber) !important; color:var(--bg) !important; border-color:var(--amber) !important; box-shadow:none !important;}
.hero-bottle, .bottle-stack figure{border-radius:8px !important;}
.hero-bottle{filter:none !important;}

#waOverlay{padding:0; align-items:stretch; background:rgba(3,3,5,.62);}
#waOverlay .wa-modal{max-height:none; border-radius:0; width:min(520px, 100%); background:var(--raised); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none;}
#waOverlay .wa-close::before{display:none;}

main:has(.cat-band, .shop-hero){padding-top:0 !important;}
.cat-band, .shop-hero{position:relative; overflow:hidden; display:block;
  margin:0 calc(50% - 50vw) clamp(28px,4vw,54px) !important;
  padding:calc(var(--nav-h) + clamp(36px,6vw,90px)) calc(50vw - 50% + 24px) clamp(38px,5vw,64px) !important;
  background:var(--bg-deep) !important; color:var(--cream); border:0 !important; border-radius:0 !important; box-shadow:none !important; border-bottom:1px solid var(--line) !important;
  background-image:radial-gradient(40% 70% at 0% 0%, rgba(233,177,84,.16), transparent 70%), radial-gradient(40% 70% at 100% 100%, rgba(124,92,208,.14), transparent 70%) !important;}
.cat-band .section-row{position:relative; z-index:1; margin:0; align-items:flex-end;}
.cat-band .section-head{max-width:min(620px, 52%);}
.cat-band .page-title{color:var(--cream);}
.cat-band .section-lead{color:var(--cream-2);}
.cat-band .meta-chip, .shop-hero .meta-chip{color:var(--cream-2) !important;}
.cat-band .meta-chip strong, .shop-hero .meta-chip strong{color:var(--cream);}
.cat-map{position:absolute; right:0; top:calc(var(--nav-h) + 10px); width:min(58vw, 820px); aspect-ratio:2/1; opacity:.95; pointer-events:none;}
.shop-hero{display:grid !important; grid-template-columns:minmax(0,1fr) !important; align-items:end; gap:18px 28px;}
.shop-hero .mosaic-meta{justify-content:flex-start !important;}
.shop-hero > *{position:relative; z-index:1;}
.shop-hero .shop-title{color:var(--cream); font-size:clamp(46px,7vw,112px);}
.shop-hero .shop-tagline{color:var(--cream-2); max-width:46ch;}
.shop-hero .back-link{color:var(--cream); background:transparent; border-color:var(--line-2); box-shadow:none;
  font-family:var(--font-label); font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;}
.shop-hero .back-link:hover{color:var(--bg); background:var(--cream);}
.shop-shape{position:absolute !important; z-index:0 !important; right:calc(50vw - 50% + 24px); top:calc(var(--nav-h) + 26px); bottom:28px; width:min(36vw, 460px); height:calc(100% - var(--nav-h) - 54px); opacity:.9;}
.page-title{font-size:clamp(40px,6vw,96px) !important; line-height:.92 !important;}
@media (max-width:760px){
  .cat-band .section-head{max-width:none;}
  .cat-map{position:relative; right:auto; top:auto; width:100%; margin-top:18px; opacity:.8;}
  .shop-shape{width:48vw; opacity:.35;}
}

.country-tile{background:var(--raised) !important; background-image:none !important; border:1px solid var(--line) !important; border-radius:10px !important; box-shadow:none !important; transform:none !important;}
.country-tile:hover{border-color:rgba(233,177,84,.5) !important; box-shadow:0 30px 60px -30px rgba(0,0,0,.8) !important;}
.ct-shape{display:block; width:100%; height:84px; margin-bottom:6px;}
.country-tile.is-featured .ct-shape{height:180px;}
.ct-name{font-family:var(--font-display) !important; font-weight:400 !important; text-transform:uppercase;}
.ct-soon::before{background:var(--mute) !important; box-shadow:none !important;}
.ct-arrow{background:transparent !important; border-color:var(--line-2) !important; box-shadow:none !important; color:var(--cream) !important;}
.country-tile:hover .ct-arrow{background:var(--amber) !important; color:var(--bg) !important; border-color:var(--amber) !important;}
.ct-shelf{display:none !important;}

.card{background:var(--raised) !important; background-image:none !important; border:1px solid var(--line) !important; border-radius:10px !important; box-shadow:none !important;}
.card:hover{border-color:rgba(233,177,84,.5) !important; box-shadow:0 30px 60px -30px rgba(0,0,0,.8) !important;}
.card-visual{background:var(--linen) !important; box-shadow:none !important; border-radius:6px !important;}
.card-visual img{mix-blend-mode:multiply;}
.card h3{text-transform:uppercase; font-size:16px !important; font-weight:400 !important; letter-spacing:0;}
.mini-tag{background:transparent !important; border:1px solid var(--line-2); font-family:var(--font-label); font-size:10px !important; font-weight:500 !important; text-transform:uppercase; letter-spacing:.06em; color:var(--cream-2) !important;}
@media (max-width:520px){ .card .glass-btn{font-size:10px; padding:0 12px; min-height:38px;} }

.auth-row{align-items:end;}