/* ============================================================
   KOWOPAY — the marketplace for collectible vinyl
   Music-zine · near-black + acid lime · Anton / DM Sans / DM Mono
   ============================================================ */

:root {
  --bg:#15140f;
  --bg-2:#1e1c14;
  --surface:#222016;
  --panel:#2a2719;
  --ink:#f3efe2;
  --ink-2:#a6a18c;
  --ink-3:#6e6a59;
  --line:#37342a;
  --acid:#d4f23a;
  --acid-dk:#b9d62b;
  --hot:#ff5b34;
  --r:3px;
  --shell:1280px;
  --ease:cubic-bezier(.2,.7,.1,1);
  --disp:"Anton",-apple-system,sans-serif;
  --sans:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:"DM Mono","SFMono-Regular",monospace;
}

*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body {
  font-family:var(--sans);
  background:var(--bg);
  color:var(--ink);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a { color:inherit; text-decoration:none; }
ul { list-style:none; }
img,svg { display:block; max-width:100%; }
button { font-family:inherit; cursor:pointer; border:none; background:none; color:inherit; }
input { font-family:inherit; }
::selection { background:var(--acid); color:#15140f; }
h1,h2,h3 { font-family:var(--disp); font-weight:400; line-height:.96; letter-spacing:.01em; text-transform:uppercase; }

.va-shell { width:100%; max-width:var(--shell); margin:0 auto; padding:0 34px; }

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

/* ── Scroll reveal ──────────────────────────────────────────── */
[data-rise]{ opacity:0; transform:translateY(28px); transition:opacity .6s var(--ease), transform .6s var(--ease); }
[data-rise].is-in{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){
  [data-rise]{ opacity:1; transform:none; transition:none; }
  html{ scroll-behavior:auto; }
  .va-marquee__row{ animation:none !important; }
}

/* ── Shared bits ────────────────────────────────────────────── */
.va-kicker {
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--mono); font-size:12px; font-weight:500;
  letter-spacing:.1em; text-transform:uppercase; color:var(--acid);
}
.va-kicker::before { content:""; width:22px; height:2px; background:var(--acid); }
.va-h2 { font-size:clamp(2.4rem,5.5vw,4.6rem); }
.va-sec { padding:104px 0; }
.va-sec--alt { background:var(--bg-2); }
.va-sechead { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:46px; }
.va-sechead .va-kicker { margin-bottom:14px; }
.va-seclink {
  font-family:var(--mono); font-size:13px; font-weight:500; color:var(--ink);
  border-bottom:2px solid var(--acid); padding-bottom:3px; white-space:nowrap;
  transition:color .16s;
}
.va-seclink:hover { color:var(--acid); }

/* tonal placeholders */
.va-ph { position:relative; background:#2f2c20; overflow:hidden; }
.va-ph--1 { background:#322f22; }
.va-ph--2 { background:#3a3526; }
.va-ph--3 { background:#2b2a20; }
.va-ph--4 { background:#403a28; }
.va-ph--5 { background:#343225; }
.va-ph--6 { background:#272619; }

/* ════════════════ BUTTONS ════════════════ */
.va-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-family:var(--mono); font-weight:500; font-size:13.5px;
  letter-spacing:.04em; text-transform:uppercase;
  height:50px; padding:0 26px; border-radius:var(--r); white-space:nowrap;
  transition:transform .14s var(--ease), box-shadow .14s var(--ease), background .16s, color .16s;
}
.va-btn--solid { background:var(--acid); color:#15140f; box-shadow:0 0 0 var(--ink); }
.va-btn--solid:hover { transform:translate(-3px,-3px); box-shadow:6px 6px 0 var(--ink); }
.va-btn--solid:active { transform:translate(0,0); box-shadow:0 0 0 var(--ink); }
.va-btn--line { background:transparent; color:var(--ink); border:2px solid var(--line); }
.va-btn--line:hover { border-color:var(--acid); color:var(--acid); }
.va-btn--dark { background:var(--ink); color:#15140f; }
.va-btn--dark:hover { transform:translate(-3px,-3px); box-shadow:6px 6px 0 var(--acid); }
.va-btn--lg { height:58px; padding:0 34px; font-size:14px; }
.va-btn--wide { width:100%; }
.va-btn--sm { height:42px; padding:0 18px; font-size:12.5px; }

/* ════════════════ HEADER ════════════════ */
.va-head {
  position:sticky; top:0; z-index:100;
  background:rgba(21,20,15,.86); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border-bottom:1px solid transparent; transition:border-color .3s;
}
.va-head.is-stuck { border-bottom-color:var(--line); }
.va-head__in { display:flex; align-items:center; gap:26px; height:74px; }
.va-logo { display:inline-flex; align-items:center; gap:11px; flex:none; }
.va-logo__mark { width:34px; height:34px; }
.va-logo__word { font-family:var(--disp); font-size:25px; letter-spacing:.02em; }
.va-nav { display:flex; gap:4px; flex:1; }
.va-nav a {
  font-family:var(--mono); font-size:13px; letter-spacing:.04em; text-transform:uppercase;
  color:var(--ink-2); padding:9px 13px; transition:color .16s;
}
.va-nav a:hover { color:var(--acid); }
.va-head__act { display:flex; align-items:center; gap:10px; flex:none; }
.va-login { font-family:var(--mono); font-size:13px; text-transform:uppercase; color:var(--ink-2); padding:8px 6px; transition:color .16s; }
.va-login:hover { color:var(--ink); }

/* language selector */
.va-lang { position:relative; }
.va-lang__btn {
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--mono); font-size:13px; color:var(--ink-2);
  padding:8px 10px; border:1px solid var(--line); border-radius:var(--r); transition:border-color .16s, color .16s;
}
.va-lang__btn:hover { border-color:var(--ink-3); color:var(--ink); }
.va-lang__btn svg { width:14px; height:14px; }
.va-lang__chev { width:11px !important; height:11px !important; transition:transform .2s; }
.va-lang.open .va-lang__chev { transform:rotate(180deg); }
.va-lang__menu {
  position:absolute; top:calc(100% + 8px); right:0;
  background:var(--panel); border:1px solid var(--line); border-radius:var(--r);
  padding:5px; min-width:160px; box-shadow:0 16px 40px rgba(0,0,0,.5);
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .16s, transform .16s, visibility .16s;
}
.va-lang.open .va-lang__menu { opacity:1; visibility:visible; transform:none; }
.va-lang--up .va-lang__menu { top:auto; bottom:calc(100% + 8px); }
.va-lang__menu button {
  display:block; width:100%; text-align:left; font-family:var(--mono); font-size:13px;
  color:var(--ink-2); padding:9px 11px; border-radius:2px; transition:background .14s, color .14s;
}
.va-lang__menu button:hover { background:var(--bg-2); color:var(--ink); }
.va-lang__menu button.is-on { color:var(--acid); }

.va-burger { display:none; flex-direction:column; gap:5px; width:42px; height:42px; align-items:center; justify-content:center; flex:none; }
.va-burger span { width:21px; height:2px; background:var(--ink); transition:transform .25s var(--ease), opacity .2s; }
.va-burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.va-burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.va-burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
.va-mobile { display:none; flex-direction:column; gap:2px; padding:14px 34px 24px; border-bottom:1px solid var(--line); background:var(--bg); }
.va-mobile[hidden]{ display:none; }
.va-mobile.is-open { display:flex; }
.va-mobile a { font-family:var(--mono); font-size:14px; text-transform:uppercase; color:var(--ink-2); padding:12px 4px; }
.va-mobile .va-btn { margin-top:12px; }

/* ════════════════ MARQUEE ════════════════ */
.va-marquee { background:var(--acid); overflow:hidden; padding:11px 0; border-bottom:1px solid #15140f; }
.va-marquee__row { display:flex; align-items:center; gap:36px; width:max-content; animation:va-marq 32s linear infinite; }
.va-marquee__row span {
  font-family:var(--disp); font-size:17px; letter-spacing:.04em; color:#15140f; white-space:nowrap;
}
.va-marquee__row i { width:9px; height:9px; background:#15140f; border-radius:999px; flex:none; }
@keyframes va-marq { to { transform:translateX(-50%); } }

/* ════════════════ HERO ════════════════ */
.va-hero { padding:78px 0 96px; position:relative; }
.va-hero__in { display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:center; }
.va-hero__h1 { font-size:clamp(3.4rem,8vw,7rem); margin:22px 0 0; }
.va-hero__h1 em { font-style:normal; color:var(--acid); -webkit-text-stroke:0; }
.va-hero__lede { margin:24px 0 32px; font-size:17px; color:var(--ink-2); max-width:34em; }
.va-hero__cta { display:flex; gap:13px; flex-wrap:wrap; }
.va-hero__art { position:relative; display:flex; align-items:center; justify-content:center; }
.va-hero__sleeve {
  position:relative; z-index:2; width:78%; aspect-ratio:1/1;
  border:2px solid var(--line); border-radius:var(--r);
  background-size:cover; background-position:center;
  box-shadow:14px 14px 0 var(--acid);
}
.va-hero__tag {
  position:absolute; left:14px; bottom:14px; z-index:3;
  font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.08em;
  color:#15140f; background:var(--acid); padding:6px 10px;
}
.va-hero__disc {
  position:absolute; right:-2%; top:50%; transform:translateY(-50%);
  width:46%; aspect-ratio:1/1; border-radius:999px; z-index:1;
  background:radial-gradient(circle, #2a2719 17%, #15140f 18%, #15140f 21%, #1c1b14 22%);
  border:1px solid var(--line);
  animation:va-spin 9s linear infinite;
}
.va-hero__disc::after {
  content:""; position:absolute; inset:38%; border-radius:999px; background:var(--acid);
}
@keyframes va-spin { to { transform:translateY(-50%) rotate(360deg); } }

/* ════════════════ RECORD CARDS ════════════════ */
.va-recs { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.va-rec { display:block; transition:transform .18s var(--ease); }
.va-rec:hover { transform:translate(-4px,-4px); }
.va-rec__sleeve {
  position:relative; aspect-ratio:1/1; border:2px solid var(--line);
  background-size:cover; background-position:center; transition:border-color .16s, box-shadow .18s var(--ease);
}
.va-rec:hover .va-rec__sleeve { border-color:var(--acid); box-shadow:8px 8px 0 var(--acid); }
.va-rec__grade {
  position:absolute; top:10px; right:10px;
  font-family:var(--mono); font-size:10.5px; font-weight:500; letter-spacing:.04em;
  color:#15140f; background:var(--acid); padding:3px 7px;
}
.va-rec__body { padding:14px 2px 0; }
.va-rec__artist { font-family:var(--mono); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); }
.va-rec__title { font-family:var(--disp); font-size:19px; margin:5px 0 0; line-height:1; }
.va-rec__foot { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-top:11px; }
.va-rec__price { font-family:var(--mono); font-size:15px; font-weight:500; color:var(--acid); }
.va-rec__seller { font-family:var(--mono); font-size:11px; color:var(--ink-3); }

/* ════════════════ GENRES ════════════════ */
.va-genres { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.va-genre {
  display:flex; flex-direction:column; justify-content:space-between;
  min-height:178px; padding:22px; border:2px solid var(--line); border-radius:var(--r);
  background:var(--surface); transition:background .16s, border-color .16s, transform .16s var(--ease);
}
.va-genre:hover { background:var(--acid); border-color:var(--acid); transform:translateY(-4px); }
.va-genre__n { font-family:var(--mono); font-size:12px; color:var(--ink-3); transition:color .16s; }
.va-genre:hover .va-genre__n { color:#15140f; }
.va-genre__name { font-family:var(--disp); font-size:30px; line-height:.95; transition:color .16s; }
.va-genre:hover .va-genre__name { color:#15140f; }

/* ════════════════ HOW IT WORKS ════════════════ */
.va-how { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.va-step { border-top:3px solid var(--acid); padding-top:22px; }
.va-step__n { font-family:var(--disp); font-size:54px; color:var(--line); line-height:.8; }
.va-step h3 { font-size:23px; margin:14px 0 8px; }
.va-step p { font-size:14px; color:var(--ink-2); }

/* ════════════════ SELLERS ════════════════ */
.va-sellers { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.va-seller {
  border:2px solid var(--line); border-radius:var(--r); padding:24px;
  background:var(--surface); transition:border-color .16s, transform .16s var(--ease);
}
.va-seller:hover { border-color:var(--acid); transform:translate(-3px,-3px); }
.va-seller__top { display:flex; align-items:center; gap:13px; margin-bottom:16px; }
.va-seller__av { width:52px; height:52px; flex:none; border:2px solid var(--line); background-size:cover; background-position:center; }
.va-seller__name { font-family:var(--disp); font-size:21px; }
.va-seller__where { font-family:var(--mono); font-size:11.5px; color:var(--ink-3); margin-top:3px; }
.va-seller p { font-size:13.5px; color:var(--ink-2); }
.va-seller__foot { display:flex; align-items:center; justify-content:space-between; margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }
.va-seller__stat { font-family:var(--mono); font-size:12px; color:var(--ink-2); }
.va-seller__stat b { color:var(--acid); }

/* ════════════════ STATS ════════════════ */
.va-stats { background:var(--acid); }
.va-stats__grid { display:grid; grid-template-columns:repeat(4,1fr); }
.va-stat { padding:46px 24px; text-align:center; border-right:1px solid #15140f; }
.va-stat:last-child { border-right:none; }
.va-stat__n { font-family:var(--disp); font-size:clamp(2.6rem,4.2vw,3.6rem); color:#15140f; line-height:1; }
.va-stat__l { font-family:var(--mono); font-size:12px; text-transform:uppercase; letter-spacing:.04em; color:#15140f; margin-top:8px; }

/* ════════════════ JOURNAL ════════════════ */
.va-journal { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.va-jcard { display:block; transition:transform .16s var(--ease); }
.va-jcard:hover { transform:translate(-4px,-4px); }
.va-jcard__img {
  aspect-ratio:16/10; border:2px solid var(--line);
  background-size:cover; background-position:center; transition:border-color .16s, box-shadow .18s var(--ease);
}
.va-jcard:hover .va-jcard__img { border-color:var(--acid); box-shadow:7px 7px 0 var(--acid); }
.va-jcard__tag { font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--acid); margin:14px 0 6px; display:block; }
.va-jcard h3 { font-family:var(--disp); font-size:22px; line-height:1; }
.va-jcard__meta { font-family:var(--mono); font-size:11.5px; color:var(--ink-3); margin-top:9px; }

/* ════════════════ CTA BAND ════════════════ */
.va-band { background:var(--bg-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.va-band__in { padding:88px 0; text-align:center; }
.va-band__in .va-h2 { margin-bottom:14px; }
.va-band__in p { font-size:16px; color:var(--ink-2); max-width:40em; margin:0 auto 28px; }

/* ════════════════ FOOTER ════════════════ */
.va-foot { background:var(--bg); border-top:1px solid var(--line); padding:70px 0 30px; }
.va-foot__top { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr 1fr; gap:36px; padding-bottom:44px; }
.va-foot__brand .va-logo { margin-bottom:16px; }
.va-foot__blurb { font-size:13.5px; color:var(--ink-2); max-width:28em; }
.va-foot__col h4 { font-family:var(--mono); font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-3); margin-bottom:14px; }
.va-foot__col a { display:block; font-size:13.5px; color:var(--ink-2); padding:5px 0; transition:color .15s; }
.va-foot__col a:hover { color:var(--acid); }
.va-foot__mark {
  font-family:var(--disp); font-size:clamp(4rem,17vw,13rem); line-height:.8;
  color:var(--bg-2); text-align:center; padding:14px 0 6px; user-select:none;
  -webkit-text-stroke:1px var(--line);
}
.va-foot__base {
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
  padding-top:24px; border-top:1px solid var(--line);
  font-family:var(--mono); font-size:12px; color:var(--ink-3);
}
.va-foot__base a { color:var(--ink-2); }
.va-foot__base a:hover { color:var(--acid); }

/* ════════════════ CART ════════════════ */
.va-cartbtn {
  position:relative; width:42px; height:42px; flex:none;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--line); border-radius:var(--r); color:var(--ink); transition:border-color .15s;
}
.va-cartbtn:hover { border-color:var(--acid); }
.va-cartbtn svg { width:19px; height:19px; }
.va-cartbtn__n {
  position:absolute; top:-7px; right:-7px; min-width:19px; height:19px;
  display:flex; align-items:center; justify-content:center; padding:0 4px;
  background:var(--acid); color:#15140f;
  font-family:var(--mono); font-size:11px; font-weight:500; border-radius:999px;
}
.va-cartbtn__n[hidden] { display:none; }
.va-cart { position:fixed; inset:0; z-index:300; }
.va-cart[hidden] { display:none; }
.va-cart__scrim { position:absolute; inset:0; background:rgba(0,0,0,.62); animation:va-cf .2s ease; }
.va-cart__panel {
  position:absolute; top:0; right:0; bottom:0; width:min(424px,100vw);
  background:var(--bg-2); border-left:2px solid var(--acid);
  display:flex; flex-direction:column; animation:va-cs .3s var(--ease);
}
@keyframes va-cf { from { opacity:0; } }
@keyframes va-cs { from { transform:translateX(100%); } }
.va-cart__head { display:flex; align-items:center; justify-content:space-between; padding:22px 24px; border-bottom:1px solid var(--line); }
.va-cart__h { font-family:var(--disp); font-size:1.5rem; }
.va-cart__x { width:36px; height:36px; display:flex; align-items:center; justify-content:center; color:var(--ink-2); border:1px solid var(--line); border-radius:var(--r); }
.va-cart__x:hover { color:var(--acid); border-color:var(--acid); }
.va-cart__x svg { width:16px; height:16px; }
.va-cart__body { flex:1; overflow-y:auto; padding:6px 24px; }
.va-cart__foot { padding:20px 24px; border-top:1px solid var(--line); }
.va-citem { display:flex; gap:14px; padding:18px 0; border-bottom:1px solid var(--line); }
.va-citem:last-child { border-bottom:none; }
.va-citem__img { width:74px; height:74px; flex:none; border:1px solid var(--line); background:#2f2c20 center/cover no-repeat; }
.va-citem__main { flex:1; min-width:0; }
.va-citem__name { display:block; font-family:var(--disp); font-size:16px; color:var(--ink); }
.va-citem__name:hover { color:var(--acid); }
.va-citem__var { font-family:var(--mono); font-size:11px; color:var(--ink-3); }
.va-citem__row { display:flex; align-items:center; justify-content:space-between; margin-top:10px; }
.va-citem__qty { display:flex; align-items:center; border:1px solid var(--line); border-radius:var(--r); }
.va-citem__qty button { width:30px; height:30px; color:var(--ink-2); }
.va-citem__qty button:hover { color:var(--acid); }
.va-citem__qty span { min-width:24px; text-align:center; font-family:var(--mono); font-size:13px; }
.va-citem__price { font-family:var(--mono); font-size:14px; color:var(--acid); }
.va-citem__rm { align-self:flex-start; width:28px; height:28px; display:flex; align-items:center; justify-content:center; color:var(--ink-3); }
.va-citem__rm:hover { color:var(--hot); }
.va-citem__rm svg { width:15px; height:15px; }
.va-cart__sub { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:14px; }
.va-cart__sub span { font-family:var(--mono); font-size:13px; color:var(--ink-2); }
.va-cart__sub b { font-family:var(--disp); font-size:1.7rem; color:var(--acid); }
.va-cart__co { width:100%; height:52px; border-radius:var(--r); background:var(--acid); color:#15140f; font-family:var(--mono); font-weight:500; font-size:14px; text-transform:uppercase; letter-spacing:.04em; transition:transform .14s var(--ease), box-shadow .14s var(--ease); }
.va-cart__co:hover { transform:translate(-3px,-3px); box-shadow:6px 6px 0 var(--ink); }
.va-cart__empty { text-align:center; padding:54px 16px; }
.va-cart__empty svg { width:40px; height:40px; color:var(--ink-3); margin:0 auto 14px; }
.va-cart__empty p { font-family:var(--mono); font-size:13px; color:var(--ink-2); margin-bottom:18px; }
.va-cart__done { text-align:center; padding:48px 14px; }
.va-cart__check { width:58px; height:58px; margin:0 auto 16px; border-radius:999px; background:var(--acid); color:#15140f; display:flex; align-items:center; justify-content:center; font-size:26px; }
.va-cart__done h3 { font-family:var(--disp); font-size:1.5rem; }
.va-cart__done p { margin-top:10px; font-size:13.5px; color:var(--ink-2); }
@media (prefers-reduced-motion:reduce){ .va-cart__scrim,.va-cart__panel { animation:none; } }

/* ════════════════ RESPONSIVE ════════════════ */
@media (max-width:1080px){
  .va-hero__in { grid-template-columns:1fr; gap:44px; }
  .va-hero__art { max-width:460px; }
  .va-recs { grid-template-columns:repeat(3,1fr); }
  .va-genres { grid-template-columns:repeat(2,1fr); }
  .va-foot__top { grid-template-columns:1fr 1fr 1fr; }
  .va-foot__brand { grid-column:1 / -1; }
}
@media (max-width:860px){
  .va-nav,.va-head__act { display:none; }
  .va-burger { display:flex; }
  .va-head__in { justify-content:space-between; }
  .va-cartbtn { margin-left:auto; }
  .va-recs { grid-template-columns:repeat(2,1fr); }
  .va-how,.va-sellers,.va-journal { grid-template-columns:1fr; }
  .va-stats__grid { grid-template-columns:1fr 1fr; }
  .va-stat:nth-child(2){ border-right:none; }
  .va-stat { border-bottom:1px solid #15140f; }
}
@media (max-width:560px){
  .va-shell { padding:0 20px; }
  .va-sec { padding:72px 0; }
  .va-recs,.va-genres { grid-template-columns:1fr 1fr; }
  .va-stats__grid { grid-template-columns:1fr; }
  .va-stat { border-right:none; }
}

/* ============================================================
   INNER PAGES — page header · shop · about · legal · forms · PDP
   ============================================================ */
.va-phead { padding:58px 0 0; }
.va-phead--c { text-align:center; }
.va-phead__in { max-width:54em; }
.va-phead--c .va-phead__in { margin:0 auto; }
.va-phead h1 { font-size:clamp(2.8rem,6vw,5rem); margin:18px 0 0; }
.va-phead h1 em { font-style:normal; color:var(--acid); }
.va-phead p { margin-top:16px; font-size:16px; color:var(--ink-2); }
.va-phead--c .va-kicker { justify-content:center; }

/* ── Shop filter ────────────────────────────────────────────── */
.va-shop { padding:40px 0 100px; }
.va-filter { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:34px; }
.va-fchip {
  font-family:var(--mono); font-size:12.5px; letter-spacing:.03em; text-transform:uppercase;
  padding:9px 16px; border:2px solid var(--line); border-radius:var(--r);
  background:var(--surface); color:var(--ink-2); transition:border-color .15s, color .15s, background .15s;
}
.va-fchip:hover { border-color:var(--ink-3); color:var(--ink); }
.va-fchip.is-on { background:var(--acid); border-color:var(--acid); color:#15140f; }
.va-shopbar { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:20px; }
.va-shopbar__n { font-family:var(--mono); font-size:13px; color:var(--ink-3); }
.va-shopbar__n b { color:var(--acid); }
.va-shop__empty {
  font-family:var(--mono); font-size:14px; color:var(--ink-3);
  text-align:center; padding:70px 0; border:2px dashed var(--line); border-radius:var(--r);
}
.va-rec { transition:opacity .2s ease; }

/* ── About / story ──────────────────────────────────────────── */
.va-prose { max-width:42em; }
.va-prose p { font-size:16px; color:var(--ink-2); margin:0 0 16px; }
.va-prose p em { font-style:normal; color:var(--acid); }
.va-vals { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.va-val { border-top:3px solid var(--acid); padding-top:20px; }
.va-val h3 { font-size:21px; margin-bottom:8px; }
.va-val p { font-size:14px; color:var(--ink-2); }
.va-split { display:grid; grid-template-columns:1fr 1fr; gap:54px; align-items:center; }
.va-split__art { aspect-ratio:4/3; border:2px solid var(--line); background-size:cover; background-position:center; }

/* ── Journal ────────────────────────────────────────────────── */
.va-jfeature { display:grid; grid-template-columns:1.1fr .9fr; gap:36px; align-items:center; margin-bottom:48px; }
.va-jfeature__img { aspect-ratio:16/11; border:2px solid var(--line); background-size:cover; background-position:center; }
.va-jfeature h2 { font-size:clamp(2rem,3.6vw,3rem); margin:12px 0; }
.va-jfeature p { font-size:15px; color:var(--ink-2); }

/* ── Form primitives ────────────────────────────────────────── */
.va-field { margin-top:18px; }
.va-field:first-child { margin-top:0; }
.va-label-row { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.va-label { display:block; font-family:var(--mono); font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-2); margin-bottom:8px; }
.va-input,.va-textarea,.va-select {
  width:100%; font-family:var(--sans); font-size:14.5px; color:var(--ink);
  background:var(--surface); border:2px solid var(--line); border-radius:var(--r); outline:none;
  transition:border-color .15s;
}
.va-input,.va-select { height:50px; padding:0 15px; }
.va-textarea { min-height:130px; padding:13px 15px; resize:vertical; line-height:1.6; }
.va-input::placeholder,.va-textarea::placeholder { color:var(--ink-3); }
.va-input:focus,.va-textarea:focus,.va-select:focus { border-color:var(--acid); }
.va-select { appearance:none; cursor:pointer; padding-right:40px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23a6a18c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='3 5 7 9 11 5'/></svg>");
  background-repeat:no-repeat; background-position:right 14px center; }
.va-input-wrap { position:relative; }
.va-input-wrap .va-input { padding-right:46px; }
.va-eye { position:absolute; right:7px; top:50%; transform:translateY(-50%); width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:var(--ink-3); }
.va-eye:hover { color:var(--acid); }
.va-eye svg { width:18px; height:18px; }
.va-field-error { display:none; margin-top:6px; font-family:var(--mono); font-size:12px; color:var(--hot); }
.va-field.is-invalid .va-input,.va-field.is-invalid .va-textarea { border-color:var(--hot); }
.va-field.is-invalid .va-field-error { display:block; }
.va-forgot { font-family:var(--mono); font-size:12px; color:var(--acid); }
.va-forgot:hover { text-decoration:underline; }
.va-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.va-check { display:flex; align-items:center; gap:10px; margin-top:16px; cursor:pointer; font-size:13.5px; color:var(--ink-2); }
.va-check input { position:absolute; opacity:0; width:0; height:0; }
.va-check__box { flex:none; width:20px; height:20px; border:2px solid var(--line); background:var(--surface); display:flex; align-items:center; justify-content:center; color:#15140f; }
.va-check__box svg { width:12px; height:12px; opacity:0; }
.va-check input:checked + .va-check__box { background:var(--acid); border-color:var(--acid); }
.va-check input:checked + .va-check__box svg { opacity:1; }
.va-alert { display:none; align-items:center; gap:9px; margin-top:16px; padding:11px 14px; border:2px solid var(--hot); border-radius:var(--r); font-size:13px; color:var(--hot); }
.va-alert.is-on { display:flex; }
.va-alert svg { width:17px; height:17px; flex:none; }
.va-spin { display:none; width:18px; height:18px; border-radius:999px; border:2.4px solid rgba(21,20,15,.3); border-top-color:#15140f; animation:va-sp .6s linear infinite; }
.va-btn.is-loading .va-btn-label { display:none; }
.va-btn.is-loading .va-spin { display:block; }
.va-btn.is-loading { pointer-events:none; }
@keyframes va-sp { to { transform:rotate(360deg); } }
.va-divider { display:flex; align-items:center; gap:14px; margin:20px 0; color:var(--ink-3); }
.va-divider::before,.va-divider::after { content:""; flex:1; height:1px; background:var(--line); }
.va-divider span { font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.va-oauth { display:flex; flex-direction:column; gap:10px; }
.va-oauth__btn { display:flex; align-items:center; justify-content:center; gap:10px; height:48px; border:2px solid var(--line); border-radius:var(--r); font-family:var(--mono); font-size:13px; color:var(--ink); transition:border-color .15s; }
.va-oauth__btn:hover { border-color:var(--acid); }

/* ── Auth ───────────────────────────────────────────────────── */
.va-auth { padding:60px 0 100px; }
.va-auth__wrap { width:100%; max-width:452px; margin:0 auto; }
.va-authcard { background:var(--surface); border:2px solid var(--line); border-radius:var(--r); padding:36px 34px 30px; }
.va-auth__h { font-size:2.3rem; margin-top:4px; }
.va-auth__sub { margin:10px 0 22px; font-size:14px; color:var(--ink-2); }
.va-auth__submit { margin-top:20px; }
.va-auth__foot { margin-top:20px; text-align:center; font-size:13.5px; color:var(--ink-2); }
.va-auth__foot a { color:var(--acid); }
.va-auth__trust { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:20px; font-family:var(--mono); font-size:12px; color:var(--ink-3); }
.va-auth__trust svg { width:14px; height:14px; }
.va-authdone { text-align:center; padding:6px 0; }
.va-success { width:60px; height:60px; margin:0 auto 18px; border-radius:999px; background:var(--acid); color:#15140f; display:flex; align-items:center; justify-content:center; }
.va-success svg { width:28px; height:28px; }

/* ── Modal ──────────────────────────────────────────────────── */
.va-modal { position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:24px; }
.va-modal[hidden] { display:none; }
.va-modal__scrim { position:absolute; inset:0; background:rgba(0,0,0,.66); }
.va-modal__card { position:relative; width:100%; max-width:420px; background:var(--surface); border:2px solid var(--acid); border-radius:var(--r); padding:32px; }
.va-modal__x { position:absolute; top:14px; right:14px; width:34px; height:34px; display:flex; align-items:center; justify-content:center; color:var(--ink-2); }
.va-modal__x:hover { color:var(--acid); }
.va-modal__x svg { width:17px; height:17px; }
.va-modal__h { font-family:var(--disp); font-size:1.5rem; }
.va-modal__p { margin:8px 0 4px; font-size:14px; color:var(--ink-2); }
.va-modal .va-btn { margin-top:18px; }

/* ── Contact ────────────────────────────────────────────────── */
.va-contact { padding:44px 0 100px; }
.va-contact__in { display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:start; }
.va-contact__form { background:var(--surface); border:2px solid var(--line); border-radius:var(--r); padding:32px; }
.va-contact__aside { display:flex; flex-direction:column; gap:14px; }
.va-info { border:2px solid var(--line); border-radius:var(--r); padding:22px; }
.va-info svg { width:21px; height:21px; color:var(--acid); margin-bottom:10px; }
.va-info h3 { font-size:18px; }
.va-info p { margin-top:5px; font-size:13.5px; color:var(--ink-2); }
.va-info a { color:var(--acid); }
.va-info--acid { background:var(--acid); border-color:var(--acid); }
.va-info--acid svg,.va-info--acid h3,.va-info--acid p,.va-info--acid a { color:#15140f; }

/* ── Legal ──────────────────────────────────────────────────── */
.va-legal { padding:38px 0 100px; }
.va-legal__in { max-width:760px; margin:0 auto; }
.va-legal__meta { font-family:var(--mono); margin-top:14px; font-size:12.5px; color:var(--ink-3); }
.va-legal__toc { margin-top:24px; padding:20px 22px; background:var(--surface); border:2px solid var(--line); border-radius:var(--r); }
.va-legal__toc h4 { font-family:var(--mono); font-size:11px; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-3); margin-bottom:10px; }
.va-legal__toc ol { padding-left:18px; }
.va-legal__toc li { font-size:13.5px; margin:5px 0; color:var(--ink-2); }
.va-legal__toc a:hover { color:var(--acid); }
.va-legal__body { margin-top:32px; }
.va-legal__body h2 { font-family:var(--disp); font-size:1.5rem; margin:36px 0 12px; scroll-margin-top:96px; }
.va-legal__body h2:first-child { margin-top:0; }
.va-legal__body p { margin:10px 0; font-size:14.5px; color:var(--ink-2); }
.va-legal__body ul { margin:10px 0; }
.va-legal__body li { position:relative; padding-left:20px; margin:7px 0; font-size:14.5px; color:var(--ink-2); }
.va-legal__body li::before { content:""; position:absolute; left:2px; top:9px; width:7px; height:7px; background:var(--acid); }
.va-legal__body a { color:var(--acid); }
.va-legal__body strong { color:var(--ink); }

/* ── Product detail ─────────────────────────────────────────── */
.va-pdp { padding:30px 0 90px; }
.va-crumb { font-family:var(--mono); display:flex; flex-wrap:wrap; gap:7px; font-size:12px; color:var(--ink-3); margin-bottom:26px; }
.va-crumb a:hover { color:var(--acid); }
.va-pdp__in { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:start; }
.va-pdp__gallery { position:sticky; top:96px; }
.va-pdp__main { position:relative; aspect-ratio:1/1; border:2px solid var(--line); background:#2f2c20; background-size:cover; background-position:center; box-shadow:14px 14px 0 var(--acid); }
.va-pdp__badge { position:absolute; top:14px; left:14px; font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:#15140f; background:var(--acid); padding:6px 10px; }
.va-pdp__artist { font-family:var(--mono); font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--acid); }
.va-pdp__title { font-size:clamp(2.2rem,4vw,3.4rem); margin:8px 0 0; }
.va-pdp__rating { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:14px; font-family:var(--mono); font-size:13px; color:var(--ink-2); }
.va-stars { color:var(--acid); letter-spacing:1px; }
.va-pdp__price { font-family:var(--disp); font-size:2.6rem; color:var(--acid); margin:16px 0; }
.va-pdp__opt { margin:20px 0; }
.va-pdp__optlabel { display:block; font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-2); margin-bottom:9px; }
.va-chips { display:flex; gap:8px; flex-wrap:wrap; }
.va-chip { font-family:var(--mono); font-size:12.5px; padding:9px 15px; border:2px solid var(--line); background:var(--surface); color:var(--ink); transition:border-color .15s, background .15s, color .15s; }
.va-chip:hover { border-color:var(--ink-3); }
.va-chip.is-on { background:var(--acid); border-color:var(--acid); color:#15140f; }
.va-pdp__buy { display:flex; align-items:center; gap:16px; margin:20px 0 16px; }
.va-qty { display:flex; align-items:center; border:2px solid var(--line); }
.va-qty button { width:42px; height:46px; font-size:18px; color:var(--ink-2); }
.va-qty button:hover { color:var(--acid); }
.va-qty input { width:42px; height:46px; text-align:center; border:none; background:none; font-family:var(--mono); font-size:15px; color:var(--ink); outline:none; -moz-appearance:textfield; }
.va-qty input::-webkit-outer-spin-button,.va-qty input::-webkit-inner-spin-button { -webkit-appearance:none; }
.va-stock { font-family:var(--mono); font-size:12.5px; color:var(--acid); display:inline-flex; align-items:center; gap:7px; }
.va-stock::before { content:""; width:8px; height:8px; border-radius:999px; background:var(--acid); }
.va-pdp__cta { display:flex; flex-direction:column; gap:10px; }
.va-pdp__cart.is-added { background:var(--ink); }
.va-pdp__trust { margin-top:22px; display:flex; flex-direction:column; gap:10px; }
.va-pdp__trust li { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--ink-2); }
.va-pdp__trust svg { width:17px; height:17px; color:var(--acid); flex:none; }
.va-pdp__tags { display:flex; gap:8px; flex-wrap:wrap; margin-top:20px; padding-top:20px; border-top:1px solid var(--line); }
.va-ptag { font-family:var(--mono); font-size:11.5px; color:var(--ink-2); border:1px solid var(--line); padding:5px 10px; }
.va-pdp-tabs { background:var(--bg-2); padding:60px 0; }
.va-tabs { display:flex; gap:2px; border-bottom:2px solid var(--line); margin-bottom:26px; }
.va-tab { font-family:var(--mono); font-size:13px; text-transform:uppercase; padding:13px 20px; color:var(--ink-3); border-bottom:2px solid transparent; margin-bottom:-2px; }
.va-tab:hover { color:var(--ink); }
.va-tab.is-on { color:var(--acid); border-bottom-color:var(--acid); }
.va-tabpanel { display:none; }
.va-tabpanel.is-on { display:block; }
.va-tabpanel p { font-size:15px; color:var(--ink-2); margin:0 0 12px; max-width:64ch; }
.va-tabpanel ul { margin:6px 0; }
.va-tabpanel li { position:relative; padding-left:20px; margin:8px 0; font-size:14.5px; color:var(--ink-2); }
.va-tabpanel li::before { content:""; position:absolute; left:2px; top:9px; width:7px; height:7px; background:var(--acid); }
.va-pdp-revs { padding:60px 0; }
.va-revs { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:26px; }
.va-revcard { border:2px solid var(--line); border-radius:var(--r); padding:22px 24px; }
.va-revcard__top { display:flex; align-items:center; justify-content:space-between; }
.va-revcard__name { font-family:var(--mono); font-size:12.5px; text-transform:uppercase; color:var(--ink); }
.va-revcard__t { font-family:var(--disp); font-size:18px; margin:10px 0 5px; }
.va-revcard p { font-size:14px; color:var(--ink-2); }
.va-related { padding:0 0 96px; }

@media (max-width:900px){
  .va-pdp__in,.va-contact__in,.va-split,.va-jfeature { grid-template-columns:1fr; gap:34px; }
  .va-pdp__gallery { position:static; }
  .va-revs { grid-template-columns:1fr; }
  .va-vals { grid-template-columns:1fr; }
  .va-tabs { overflow-x:auto; }
  .va-row { grid-template-columns:1fr; }
}

/* ════════════════════════════════════════════════════════════════
   KOWOPAY — CONSOLE HEADER · INNER-SLEEVE FOOTER
   ════════════════════════════════════════════════════════════════ */

/* ── Console header ────────────────────────────────────────── */
.va-cons {
  position:sticky; top:0; z-index:100;
  background:var(--bg);
  border-bottom:1px solid var(--line);
}
.va-cons__r1 {
  background:#0a0907;
  border-bottom:1px solid var(--line);
}
.va-cons__r1in {
  display:flex; align-items:center; gap:24px; height:58px;
}
.va-cons__brand {
  display:inline-flex; align-items:center; gap:14px; flex:none;
}
.va-cons__live {
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--mono); font-size:10.5px; font-weight:500;
  letter-spacing:.16em; color:var(--acid);
  padding:5px 9px; border:1px solid var(--acid);
}
.va-cons__dot {
  width:8px; height:8px; border-radius:999px; background:var(--acid);
  box-shadow:0 0 0 0 rgba(212,242,58,.6);
  animation:va-pulse 1.4s ease-in-out infinite;
}
@keyframes va-pulse {
  0% { box-shadow:0 0 0 0 rgba(212,242,58,.55); opacity:1; }
  60% { box-shadow:0 0 0 7px rgba(212,242,58,0); opacity:.55; }
  100% { box-shadow:0 0 0 0 rgba(212,242,58,0); opacity:1; }
}
.va-cons__word {
  font-family:var(--disp); font-size:25px; letter-spacing:.02em; color:var(--ink);
}
.va-cons__readout {
  display:flex; gap:22px; flex:1;
  font-family:var(--mono); font-size:10.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink-3);
}
.va-cons__readout span {
  display:inline-flex; align-items:center; gap:7px;
}
.va-cons__readout i {
  width:5px; height:5px; background:var(--ink-3);
  display:inline-block;
}
.va-cons__act {
  display:flex; align-items:center; gap:10px; flex:none;
}
.va-cons__ic {
  display:flex; align-items:center; justify-content:center;
  width:42px; height:42px; color:var(--ink-2);
  border:1px solid var(--line); transition:color .2s, border-color .2s;
}
.va-cons__ic:hover { color:var(--acid); border-color:var(--acid); }
.va-cons__ic svg { width:17px; height:17px; }

.va-cons__r2 {
  background:var(--bg); border-bottom:1px solid var(--line);
}
.va-cons__r2in {
  display:flex; gap:0; height:48px;
}
.va-navtab {
  display:inline-flex; align-items:center; gap:9px;
  padding:0 22px; height:100%;
  font-family:var(--mono); font-size:12px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ink-2);
  border-right:1px solid var(--line);
  transition:background .18s, color .18s;
}
.va-navtab:first-of-type { border-left:1px solid var(--line); }
.va-navtab b {
  font-family:var(--mono); font-size:10px; color:var(--ink-3);
  font-weight:400; letter-spacing:.06em;
}
.va-navtab:hover { background:var(--acid); color:#15140f; }
.va-navtab:hover b { color:#15140f; }
.va-navtab--cta {
  margin-left:auto;
  background:var(--ink); color:var(--bg);
}
.va-navtab--cta b { color:var(--acid); }
.va-navtab--cta:hover { background:var(--acid); color:#15140f; }
.va-navtab--cta:hover b { color:#15140f; }

/* injected cart button — re-style for console */
.va-cons__act .va-cartbtn {
  width:42px; height:42px; border:1px solid var(--line);
  color:var(--ink-2); transition:color .2s, border-color .2s;
}
.va-cons__act .va-cartbtn:hover { color:var(--acid); border-color:var(--acid); }
.va-cons__act .va-cartbtn svg { width:17px; height:17px; }

/* ── Inner-sleeve footer ───────────────────────────────────── */
.va-sleeve {
  background:#0a0907; color:var(--ink);
  border-top:1px solid var(--line);
  padding:70px 0 30px;
  position:relative; overflow:hidden;
}
.va-sleeve__head {
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; padding-bottom:22px; border-bottom:1px solid #37342a;
  font-family:var(--mono); font-size:11px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink-3);
}
.va-sleeve__bigword {
  font-family:var(--disp); font-size:clamp(3rem,8vw,6.4rem); line-height:.9;
  letter-spacing:.04em; color:var(--acid);
  margin:0;
}
.va-sleeve__cat,.va-sleeve__rpm { flex:none; }

.va-sleeve__grid {
  display:grid; grid-template-columns:1fr 1fr 1fr 1.2fr;
  gap:46px; padding:46px 0 36px; align-items:flex-start;
}
.va-sleeve__sidelabel {
  font-family:var(--mono); font-size:11px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--acid);
  display:block; padding-bottom:14px; border-bottom:1px solid var(--acid);
  margin-bottom:14px;
}
.va-sleeve__sidelabel span { color:var(--acid); }
.va-sleeve__list { list-style:none; padding:0; margin:0; }
.va-sleeve__list li {
  border-bottom:1px dotted #37342a;
}
.va-sleeve__list li:last-child { border-bottom:none; }
.va-sleeve__list a {
  display:grid; grid-template-columns:30px 1fr auto; align-items:baseline; gap:10px;
  padding:11px 0;
  font-family:var(--mono); font-size:13px; color:var(--ink-2);
  transition:color .2s, padding .25s var(--ease);
}
.va-sleeve__list a:hover {
  color:var(--acid); padding-left:6px;
}
.va-sleeve__list b {
  font-weight:400; color:var(--ink-3); font-size:11px; letter-spacing:.1em;
}
.va-sleeve__list em {
  font-style:normal; font-size:11px; color:var(--ink-3); letter-spacing:.06em;
}
.va-sleeve__list a:hover b,.va-sleeve__list a:hover em { color:var(--acid); }

.va-sleeve__disc {
  display:flex; align-items:center; justify-content:center;
  position:relative;
}
.va-sleeve__disc svg {
  width:100%; max-width:280px; height:auto;
  animation:va-spin 18s linear infinite;
}
@keyframes va-spin { to { transform:rotate(360deg); } }

.va-sleeve__credits {
  border-left:1px solid #37342a; padding-left:32px;
}
.va-sleeve__blurb {
  font-size:13.5px; color:var(--ink-2); line-height:1.6; margin-bottom:22px;
  max-width:28em;
}
.va-sleeve__dl {
  display:grid; grid-template-columns:auto 1fr; gap:5px 16px;
  font-family:var(--mono); font-size:11.5px; letter-spacing:.06em;
}
.va-sleeve__dl dt {
  color:var(--ink-3); text-transform:uppercase; letter-spacing:.1em; font-size:10.5px;
}
.va-sleeve__dl dd { color:var(--ink); }

.va-sleeve__base {
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  flex-wrap:wrap; padding-top:24px; border-top:1px solid #37342a;
  font-family:var(--mono); font-size:11.5px; color:var(--ink-3); letter-spacing:.04em;
}
.va-sleeve__legal {
  display:flex; gap:18px; flex-wrap:wrap;
}
.va-sleeve__legal a { color:var(--ink-2); transition:color .2s; }
.va-sleeve__legal a:hover { color:var(--acid); }

/* ── Mobile responsive ─────────────────────────────────────── */
@media (max-width: 900px) {
  .va-cons__readout { display:none; }
  .va-sleeve__grid { grid-template-columns:1fr 1fr; gap:34px; }
  .va-sleeve__disc { grid-column:1 / -1; max-width:200px; margin:0 auto; }
  .va-sleeve__credits { grid-column:1 / -1; border-left:none; padding-left:0; border-top:1px solid #37342a; padding-top:30px; }
}
@media (max-width: 760px) {
  .va-cons__r1in { height:54px; gap:12px; }
  .va-cons__brand { gap:10px; }
  .va-cons__word { font-size:21px; }
  .va-cons__live { padding:4px 7px; font-size:9.5px; }
  .va-cons__r2 { display:none; }
  .va-burger { display:flex; }
  .va-sleeve__head { flex-direction:column; align-items:flex-start; gap:14px; }
  .va-sleeve__bigword { font-size:3rem; }
  .va-sleeve__grid { grid-template-columns:1fr; }
  .va-sleeve__base { gap:16px; }
}

/* ════════════════ MOBILE FIXES (header overflow, marquee clip) ════════════════ */
html, body { overflow-x:hidden; }
@media (max-width: 760px) {
  .va-shell { padding:0 18px; }
  /* console actions: hide lang + login on mobile, keep cart + burger */
  .va-cons__act .va-lang,
  .va-cons__act .va-cons__ic { display:none; }
  .va-cons__act { gap:4px; }
  .va-cons__readout { display:none; }
  .va-cons__r1in { gap:10px; height:54px; }
  .va-cons__brand { gap:8px; flex:1; min-width:0; }
  .va-cons__word { font-size:22px; }
  .va-cons__live { padding:3px 6px; font-size:9px; letter-spacing:.1em; }
  .va-cons__dot { width:6px; height:6px; }
  /* marquee clipping */
  .va-marquee { overflow:hidden; max-width:100vw; }
  /* mobile menu — add lang + login since hidden in header */
  .va-mobile { padding:14px 18px 24px; }
  /* sleeve footer mobile clean-up */
  .va-sleeve { padding:50px 0 24px; }
  .va-sleeve__head { gap:10px; }
  .va-sleeve__bigword { font-size:2.4rem; }
  .va-sleeve__list a { grid-template-columns:24px 1fr auto; gap:8px; font-size:12px; }
  .va-sleeve__credits { padding-top:24px; }
  .va-sleeve__dl { grid-template-columns:1fr; gap:8px; }
  .va-sleeve__dl dt { margin-top:4px; }
  .va-sleeve__legal { gap:12px 14px; font-size:11px; }
  .va-sleeve__base { font-size:11px; gap:14px; }
}
@media (max-width: 420px) {
  .va-cons__brand { gap:6px; }
  .va-cons__word { font-size:19px; }
  .va-cons__live span:not(.va-cons__dot) { display:none; }
  .va-cons__live { padding:0; border:none; background:none; }
  .va-sleeve__bigword { font-size:2rem; }
}
/* mobile menu: surface lang switch + login since header hides them */
@media (max-width: 760px) {
  .va-mobile { display:none; }
  .va-mobile.is-open { display:flex; }
  .va-mobile__lang {
    display:flex; gap:6px; margin-top:14px; padding-top:14px; border-top:1px solid var(--line);
    flex-wrap:wrap;
  }
  .va-mobile__lang button {
    font-family:var(--mono); font-size:11px; padding:6px 10px;
    border:1px solid var(--line); color:var(--ink-2);
  }
  .va-mobile__lang button.is-on { background:var(--acid); border-color:var(--acid); color:#15140f; }
}