/* ============================================================
   Mega Variety Hub — "Electric Yellow" (round 3)
   Modern big-store energy: ink surfaces, electric yellow doing the
   shouting, white content zones. Outfit (display) / Onest (body) /
   Chivo Mono (tags). Signature: the price STICKER — a yellow chip
   with soft depth that slaps on add-to-cart. mv- vocabulary kept.
   No red, no green, no purple.
   ============================================================ */
:root{
  --paper:#FFFFFF; --chalk:#F3F3F0; --card:#FFFFFF;
  --ink:#141519; --ink-2:#1D1F24; --ink-3:#26282F; --slate:#5A5D66; --mist:#9A9DA6;
  --sun:#FFD400; --sun-deep:#F0B90B; --butter:#FFF6CC;
  --line:#E7E7E2; --line-dark:#D4D4CD;
  --pop:0 2px 4px rgba(20,21,25,.06),0 14px 34px -16px rgba(20,21,25,.22);
  --pop-lg:0 4px 8px rgba(20,21,25,.07),0 30px 60px -24px rgba(20,21,25,.32);
  --stick:0 1px 0 rgba(20,21,25,.25),0 6px 14px -6px rgba(240,185,11,.55);
  --big:"Outfit",Futura,"Trebuchet MS",sans-serif;
  --tell:"Onest",Tahoma,-apple-system,sans-serif;
  --tag:"Chivo Mono","Lucida Console",monospace;
  --span:1240px; --r:18px; --r-sm:11px;
  --spring:cubic-bezier(.34,1.45,.42,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--tell);font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--big);font-weight:700;line-height:1.03;letter-spacing:-.03em;margin:0;color:var(--ink)}
p{margin:0} a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.mv-span{width:100%;max-width:var(--span);margin:0 auto;padding:0 26px}
.mv-eyeline{font-family:var(--tag);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.mv-eyeline b{color:var(--ink);font-weight:500}
.mv-underscore{box-shadow:inset 0 -0.32em 0 var(--sun)}

/* THE STICKER — signature price chip */
.mv-tag{position:relative;display:inline-flex;align-items:center;gap:7px;background:var(--sun);color:var(--ink);font-family:var(--big);font-weight:700;letter-spacing:-.01em;border-radius:10px;padding:6px 13px;line-height:1;white-space:nowrap;box-shadow:var(--stick)}
.mv-tag::before{content:"";position:absolute;top:-4px;left:12px;right:12px;height:8px;background:rgba(255,255,255,.42);border-radius:2px;transform:rotate(-1.2deg)}
.mv-tag small{font-family:var(--tag);font-size:10px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;opacity:.75}
.mv-tag.big{font-size:24px;padding:10px 18px;border-radius:13px}
.mv-tag.quiet{background:var(--chalk);box-shadow:none;border:1.5px solid var(--line-dark)}
.mv-tag.quiet::before{display:none}

/* buttons */
.mv-act{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--big);font-weight:600;font-size:15px;letter-spacing:-.01em;padding:14px 26px;border-radius:13px;border:0;background:var(--ink);color:var(--paper);cursor:pointer;box-shadow:var(--pop);transition:transform .25s var(--spring),box-shadow .25s,background .2s}
.mv-act:hover{transform:translateY(-2px) scale(1.015);box-shadow:var(--pop-lg)}
.mv-act:active{transform:scale(.98)}
.mv-act.sunlit{background:var(--sun);color:var(--ink);box-shadow:var(--stick)}
.mv-act.sunlit:hover{background:var(--sun-deep)}
.mv-act.bare{background:var(--paper);color:var(--ink);border:1.5px solid var(--line-dark);box-shadow:none}
.mv-act.bare:hover{border-color:var(--ink)}
.mv-act.full{width:100%}
.mv-act:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--sun-deep);outline-offset:2px}

/* topline + header (ink) */
.mv-topline{background:var(--ink);color:rgba(255,255,255,.7);font-family:var(--tag);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.mv-topline .mv-span{display:flex;justify-content:center;gap:24px;padding:8px 26px}
.mv-topline b{color:var(--sun);font-weight:500}
.mv-topline .side{display:inline}
.mv-head{position:sticky;top:0;z-index:60;background:rgba(20,21,25,.92);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.08)}
.mv-head-in{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:var(--span);margin:0 auto;padding:12px 26px}
.mv-brand{display:flex;align-items:center;gap:10px;font-family:var(--big);font-weight:700;font-size:20px;letter-spacing:-.03em;color:var(--paper)}
.mv-brand svg{width:36px;height:36px;flex:none;border-radius:10px}
.mv-brand small{display:block;font-family:var(--tag);font-size:8.5px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:2px}
.mv-aisles{display:flex;align-items:center;gap:4px;font-weight:600;font-size:14px;color:rgba(255,255,255,.85)}
.mv-aisles a{padding:8px 13px;border-radius:10px;transition:background .18s,color .18s}
.mv-aisles a:hover{background:rgba(255,255,255,.1);color:#fff}
.mv-headend{display:flex;align-items:center;gap:12px}
.mv-basket{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--paper);padding:8px 12px;border-radius:10px;transition:background .18s}
.mv-basket:hover{background:rgba(255,255,255,.1)}
.mv-basket svg{width:22px;height:22px;stroke:var(--sun);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mv-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;background:var(--sun);color:var(--ink);font-family:var(--tag);font-size:11px;border-radius:7px;border:0;transition:transform .3s var(--spring)}
.mv-count.blip{transform:scale(1.35)}
.mv-burger{display:none;background:none;border:0;cursor:pointer;width:30px;height:22px;position:relative}
.mv-burger span{position:absolute;left:0;height:2.5px;width:100%;background:var(--paper);border-radius:2px}
.mv-burger span:nth-child(1){top:2px}.mv-burger span:nth-child(2){top:10px}.mv-burger span:nth-child(3){top:18px}
.mv-headend .mv-act{background:var(--sun);color:var(--ink);box-shadow:none;padding:11px 20px}
.mv-headend .mv-act:hover{background:var(--sun-deep)}

/* hero — ink canvas, giant yellow type */
.mv-opener{background:var(--ink);border-bottom:0;color:var(--paper);position:relative;overflow:hidden}
.mv-opener::after{content:"";position:absolute;inset:auto -10% -55% -10%;height:80%;background:radial-gradient(60% 100% at 50% 100%,rgba(255,212,0,.14),transparent 70%);pointer-events:none}
.mv-opener-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;padding:72px 0 84px;z-index:1}
.mv-opener h1{font-size:clamp(42px,5.8vw,80px);font-weight:800;color:var(--paper);letter-spacing:-.04em}
.mv-opener h1 .mv-underscore{color:var(--sun);box-shadow:none}
.mv-opener .plainword{margin-top:20px;color:rgba(255,255,255,.72);font-size:17.5px;max-width:46ch}
.mv-openacts{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}
.mv-opener .mv-act.bare{background:transparent;color:var(--paper);border-color:rgba(255,255,255,.3)}
.mv-opener .mv-act.bare:hover{border-color:var(--paper)}
.mv-openfacts{margin-top:34px;display:flex;gap:10px;flex-wrap:wrap}
.mv-opener .mv-tag.quiet{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.85)}
.mv-heroboard{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mv-heroboard .mv-good{margin:0;box-shadow:0 30px 60px -22px rgba(0,0,0,.6)}
.mv-heroboard .mv-good:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:110px 1fr;align-items:center}
.mv-heroboard .mv-good:nth-child(3) .shot{aspect-ratio:auto;height:100%;border-bottom:0;border-right:1.5px solid var(--line)}

/* aisle index — huge type rows */
.mv-aislelist{border-top:2px solid var(--ink)}
.mv-aislerow{display:grid;grid-template-columns:56px 1fr auto auto;gap:20px;align-items:center;padding:26px 10px;border-bottom:1.5px solid var(--line);border-radius:0;transition:background .2s,border-radius .2s,padding .25s var(--spring)}
.mv-aislerow:hover{background:var(--butter);border-radius:var(--r);padding-left:20px}
.mv-aislerow .no{font-family:var(--tag);font-size:11px;color:var(--mist);letter-spacing:.1em}
.mv-aislerow h3{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.035em}
.mv-aislerow:hover h3 .mv-underscore,.mv-aislerow h3 .mv-underscore{box-shadow:inset 0 -0.28em 0 var(--sun)}
.mv-aislerow .about{grid-column:2;color:var(--slate);font-size:14.5px;max-width:60ch;margin-top:2px}
.mv-aislerow .headcount{font-family:var(--tag);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);background:var(--chalk);border-radius:9px;padding:6px 10px}
.mv-aislerow .goword{font-family:var(--big);font-weight:700;font-size:15px;transition:transform .25s var(--spring)}
.mv-aislerow:hover .goword{transform:translateX(5px)}

/* product cards */
.mv-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mv-shelf.trio{grid-template-columns:repeat(3,1fr)}
.mv-good{position:relative;display:flex;flex-direction:column;background:var(--card);border:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--pop);transition:transform .28s var(--spring),box-shadow .28s}
.mv-good:hover{transform:translateY(-5px);box-shadow:var(--pop-lg)}
.mv-good .shot{position:relative;aspect-ratio:1/1;background:var(--chalk);border-bottom:0;overflow:hidden}
.mv-good .shot a{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10%}
.mv-good .shot img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s var(--spring)}
.mv-good:hover .shot img{transform:scale(1.055)}
.mv-aislemark{position:absolute;top:12px;left:12px;font-family:var(--tag);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);background:rgba(255,255,255,.88);backdrop-filter:blur(4px);border:0;border-radius:8px;padding:4px 8px;z-index:1}
.mv-good .word{padding:15px 16px 17px;display:flex;flex-direction:column;flex:1;gap:10px}
.mv-good h3{font-family:var(--tell);font-weight:600;font-size:14.5px;line-height:1.35;letter-spacing:-.01em}
.mv-good .word>.mv-tag{align-self:flex-start}
.mv-good .lastrow{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.mv-good .mv-act{padding:10px 16px;font-size:13.5px;border-radius:11px;box-shadow:none}

/* subscribe & save picker */
.mv-plan{display:flex;flex-direction:column;gap:6px}
.mv-plan label{display:flex;align-items:center;gap:9px;border:1.5px solid var(--line);border-radius:11px;padding:9px 11px;cursor:pointer;font-size:12.5px;line-height:1.3;transition:border-color .18s,background .18s,box-shadow .18s}
.mv-plan label:hover{border-color:var(--ink)}
.mv-plan input{accent-color:var(--ink);margin:0;flex:none}
.mv-plan label.on{border-color:var(--sun-deep);background:var(--butter);box-shadow:0 4px 12px -6px rgba(240,185,11,.5)}
.mv-plan .planname{font-weight:700}
.mv-plan .planprice{margin-left:auto;font-family:var(--big);font-weight:700;font-size:14px;white-space:nowrap}
.mv-plan .plansub{display:block;color:var(--slate);font-size:11px;font-weight:400}

/* section frames */
.mv-belt{padding:80px 0}
.mv-belt.chalky{background:var(--chalk);border-top:0;border-bottom:0}
.mv-belt-head{margin-bottom:38px;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap}
.mv-belt-head h2{font-size:clamp(30px,4vw,52px);font-weight:800;max-width:22ch;letter-spacing:-.035em}
.mv-belt-head .saywhy{color:var(--slate);max-width:46ch;font-size:15.5px}

/* promises */
.mv-promises{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mv-promise{background:var(--card);border:0;border-radius:var(--r);box-shadow:var(--pop);padding:24px}
.mv-promise svg{width:46px;height:46px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px;background:var(--sun);border-radius:13px;padding:11px;box-shadow:var(--stick)}
.mv-promise h3{font-size:17px;margin-bottom:6px;letter-spacing:-.02em}
.mv-promise p{color:var(--slate);font-size:14px}
.mv-legalese{margin-top:24px;font-family:var(--tag);font-size:10.5px;line-height:1.75;color:var(--mist);max-width:100ch}

/* FAQ */
.mv-answers{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mv-answer{background:var(--card);border:0;border-radius:var(--r);box-shadow:var(--pop);padding:22px 24px}
.mv-answer h3{font-size:17px;margin-bottom:8px;display:flex;gap:9px;align-items:baseline;letter-spacing:-.02em}
.mv-answer h3::before{content:"";flex:none;width:10px;height:10px;border-radius:3px;background:var(--sun);box-shadow:var(--stick);transform:translateY(-1px)}
.mv-answer p{color:var(--slate);font-size:14.5px}
.mv-answer a{font-weight:600;box-shadow:inset 0 -0.26em 0 var(--sun)}

/* closing */
.mv-sendoff{background:var(--ink);color:var(--paper);border-radius:24px;box-shadow:var(--pop-lg);padding:54px 50px;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;position:relative;overflow:hidden}
.mv-sendoff::before{content:"";position:absolute;inset:auto -10% -60% -10%;height:90%;background:radial-gradient(55% 100% at 50% 100%,rgba(255,212,0,.16),transparent 70%);pointer-events:none}
.mv-sendoff h2{color:var(--paper);font-size:clamp(28px,3.6vw,46px);font-weight:800;letter-spacing:-.035em}
.mv-sendoff h2 .mv-underscore{box-shadow:inset 0 -0.28em 0 var(--sun-deep);color:var(--paper)}
.mv-sendoff p{margin-top:12px;color:rgba(255,255,255,.7);max-width:44ch}
.mv-sendoff .mv-openacts{justify-content:flex-end;margin-top:0;position:relative;z-index:1}

/* footer */
.mv-dock{margin-top:80px;background:var(--ink);color:rgba(255,255,255,.66);font-size:14px}
.mv-dock-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px;padding:56px 0 36px;border-bottom:1px solid rgba(255,255,255,.12)}
.mv-dock .mv-brand{color:var(--paper)}
.mv-dock .pitch{margin-top:13px;max-width:34ch;line-height:1.7}
.mv-dock .writeus{margin-top:13px;font-family:var(--tag);font-size:12px}
.mv-dock .writeus a{color:var(--sun);box-shadow:inset 0 -1px 0 var(--sun)}
.mv-dock h4{font-family:var(--tag);font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--sun);margin:0 0 15px}
.mv-dock ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.mv-dock li a:hover{color:var(--paper);box-shadow:inset 0 -1px 0 var(--sun)}
.mv-dock-law{padding:20px 0 28px;font-family:var(--tag);font-size:10px;line-height:1.8;color:rgba(255,255,255,.42)}
.mv-dock-law .row{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:8px;letter-spacing:.06em;text-transform:uppercase}

/* toast — sticker slap */
.mv-yell{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(160%);z-index:120;display:flex;align-items:center;gap:12px;background:var(--ink);color:var(--paper);border-radius:14px;padding:12px 18px;font-weight:600;font-size:14px;box-shadow:var(--pop-lg);transition:transform .4s var(--spring);max-width:min(92vw,480px)}
.mv-yell.up{transform:translateX(-50%) translateY(0)}
.mv-yell.up .mv-tag{animation:mv-slap .45s var(--spring)}
@keyframes mv-slap{0%{transform:scale(1.6) rotate(2deg)}100%{transform:none}}
.mv-yell .mv-tag{font-size:13px}
.mv-yell a{color:var(--sun);box-shadow:inset 0 -1px 0 var(--sun);white-space:nowrap}

/* docs */
.mv-sheet{max-width:740px;margin:0 auto;padding:60px 26px 88px}
.mv-sheet-head{border-bottom:2.5px solid var(--ink);padding-bottom:20px;margin-bottom:30px}
.mv-sheet-head h1{font-size:clamp(30px,4.4vw,46px);font-weight:800;margin-top:10px;letter-spacing:-.035em}
.mv-sheet-head .undertitle{margin-top:10px;color:var(--slate)}
.mv-sheet h2{font-size:22px;margin:32px 0 10px;letter-spacing:-.025em}
.mv-sheet p{margin:0 0 15px;color:var(--slate)}
.mv-sheet ul,.mv-sheet ol{color:var(--slate);margin:0 0 15px;padding-left:22px}
.mv-sheet li{margin-bottom:7px}
.mv-sheet a{font-weight:600;color:var(--ink);box-shadow:inset 0 -0.26em 0 var(--sun)}
.mv-sheet .mv-notecard{background:var(--butter);border:0;border-left:4px solid var(--sun-deep);border-radius:11px;padding:15px 18px;margin:0 0 15px;color:var(--ink-2);box-shadow:var(--pop)}

/* blog index */
.mv-rackpaper{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.mv-clip{background:var(--card);border:0;border-radius:var(--r);box-shadow:var(--pop);padding:24px 26px;display:flex;flex-direction:column;gap:9px;transition:transform .25s var(--spring),box-shadow .25s}
.mv-clip:hover{transform:translateY(-4px);box-shadow:var(--pop-lg)}
.mv-clip h3{font-size:19.5px;line-height:1.22;letter-spacing:-.025em}
.mv-clip p{color:var(--slate);font-size:14.5px}
.mv-clip .clipfoot{margin-top:auto;padding-top:10px;font-family:var(--tag);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}

/* forms */
.mv-deskform{background:var(--card);border:0;border-radius:var(--r);box-shadow:var(--pop-lg);padding:28px;max-width:640px}
.mv-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.mv-slot{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}
.mv-slot label{font-family:var(--tag);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.mv-slot input,.mv-slot select,.mv-slot textarea{font-family:var(--tell);font-size:15.5px;color:var(--ink);background:var(--chalk);border:1.5px solid transparent;border-radius:11px;padding:12px 13px;width:100%;transition:border-color .18s,background .18s}
.mv-slot input:focus,.mv-slot select:focus,.mv-slot textarea:focus{border-color:var(--ink);background:var(--paper)}
.mv-slot input.oops{border-color:var(--sun-deep);background:var(--butter)}
.mv-formsay{display:none;margin-top:13px;padding:12px 15px;border-radius:11px;font-weight:600;font-size:14px}
.mv-formsay.fine{display:block;background:var(--butter);border:1.5px solid var(--sun-deep);color:var(--ink)}
.mv-formsay.notfine{display:block;background:var(--chalk);border:1.5px solid var(--ink);color:var(--ink)}

/* cart + checkout */
.mv-tally-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:start}
.mv-cartline{display:grid;grid-template-columns:76px 1fr auto;gap:15px;align-items:center;padding:13px;margin-bottom:12px;border-bottom:0;border-radius:var(--r);background:var(--card);box-shadow:var(--pop)}
.mv-cartline img{width:76px;height:76px;object-fit:contain;background:var(--chalk);border:0;border-radius:12px;padding:7px;mix-blend-mode:multiply}
.mv-cartline .what{font-weight:600;font-size:14.5px;line-height:1.3;letter-spacing:-.01em}
.mv-cartline .howmany{display:flex;align-items:center;gap:9px;margin-top:6px}
.mv-cartline .unhook{font-family:var(--tag);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--slate);background:none;border:0;cursor:pointer;box-shadow:inset 0 -1px 0 var(--slate)}
.mv-billcard{background:var(--card);border:0;border-radius:var(--r);box-shadow:var(--pop-lg);padding:24px;position:sticky;top:88px}
.mv-billcard h3{font-size:19px;padding-bottom:11px;margin-bottom:12px;border-bottom:2.5px solid var(--ink);letter-spacing:-.02em}
.mv-billrow{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:14.5px;color:var(--slate)}
.mv-billrow.total{border-top:1.5px solid var(--line);margin-top:8px;padding-top:13px;color:var(--ink);font-weight:700;font-size:16px;align-items:center}
.mv-paygrid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:start}
.mv-stagemark{font-family:var(--tag);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin:24px 0 11px;display:flex;align-items:center;gap:10px}
.mv-stagemark::after{content:"";flex:1;height:1.5px;background:var(--line)}
.mv-stagemark:first-child{margin-top:0}
.mv-sandbanner{background:var(--butter);border:1.5px dashed var(--sun-deep);border-radius:11px;padding:12px 15px;font-size:13.5px;color:var(--ink-2);margin-bottom:18px}
.mv-hollow{padding:56px 0;text-align:center;color:var(--slate)}
.mv-hollow h2{margin-bottom:10px}

/* motion */
@media(prefers-reduced-motion:no-preference){
  .mv-opener h1,.mv-opener .plainword,.mv-openacts,.mv-openfacts{animation:mv-in .6s ease-out both}
  .mv-opener .plainword{animation-delay:.1s}.mv-openacts{animation-delay:.18s}.mv-openfacts{animation-delay:.26s}
  .mv-heroboard{animation:mv-in .65s var(--spring) .14s both}
}
@keyframes mv-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* responsive */
@media(max-width:1020px){
  .mv-opener-grid{grid-template-columns:1fr;gap:36px;padding:52px 0 60px}
  .mv-shelf{grid-template-columns:repeat(2,1fr)}
  .mv-shelf.trio{grid-template-columns:repeat(2,1fr)}
  .mv-promises{grid-template-columns:1fr 1fr}
  .mv-answers{grid-template-columns:1fr}
  .mv-sendoff{grid-template-columns:1fr;padding:40px 30px}
  .mv-sendoff .mv-openacts{justify-content:flex-start}
  .mv-tally-grid,.mv-paygrid{grid-template-columns:1fr}
  .mv-billcard{position:static}
  .mv-rackpaper{grid-template-columns:1fr}
  .mv-aislerow{grid-template-columns:40px 1fr auto}
  .mv-aislerow .goword{display:none}
}
@media(max-width:640px){
  .mv-span{padding:0 16px}
  .mv-belt{padding:54px 0}
  .mv-aisles{display:none}
  .mv-aisles.open{display:flex;position:absolute;top:100%;left:12px;right:12px;flex-direction:column;align-items:stretch;background:var(--paper);border:0;border-radius:14px;padding:14px;gap:2px;box-shadow:var(--pop-lg);color:var(--ink)}
  .mv-aisles.open a{padding:12px;border-radius:10px;color:var(--ink)}
  .mv-aisles.open a:hover{background:var(--chalk);color:var(--ink)}
  .mv-burger{display:block}
  .mv-headend .mv-act{display:none}
  .mv-basket .word{display:none}
  .mv-topline .side{display:none}
  .mv-shelf,.mv-shelf.trio{grid-template-columns:1fr 1fr;gap:11px}
  .mv-good .word{padding:11px 11px 13px}
  .mv-good h3{font-size:13px}
  .mv-tag{font-size:13px;padding:5px 10px}
  .mv-tag.big{font-size:19px}
  .mv-promises{grid-template-columns:1fr}
  .mv-heroboard{grid-template-columns:1fr 1fr}
  .mv-heroboard .mv-good:nth-child(3){grid-template-columns:88px 1fr}
  .mv-dock-top{grid-template-columns:1fr 1fr;gap:24px}
  .mv-pair{grid-template-columns:1fr}
  .mv-cartline{grid-template-columns:56px 1fr auto}
  .mv-cartline img{width:56px;height:56px}
  .mv-aislerow .about{display:none}
  .mv-aislerow h3{font-size:clamp(22px,7vw,30px)}
}
@media(max-width:420px){
  .mv-shelf,.mv-shelf.trio{grid-template-columns:1fr}
  .mv-dock-top{grid-template-columns:1fr}
}