/* ==== Bootstrap 5 integration ====
   Cascade layers (declared in common/pagelinks.php):  site-base  <  bootstrap  <  this file's unlayered rules.
   - site-base: the site's own element defaults (a, button, h1-h3, p, :focus-visible …). Bootstrap beats them, so any
     Bootstrap class you add to an element (.btn, .row, .col-*, .card, .nav, .form-control, utilities …) works as documented.
   - bootstrap: Bootstrap 5 itself, plus the block below, which sits in the same layer after it and undoes only Bootstrap's
     global element styles (Reboot). Being in the same layer, normal specificity applies: these element selectors undo
     Reboot (h2{}, p{}, ul{} …) but lose to Bootstrap's class rules, so components are left intact.
   - unlayered (the rest of this file): site classes, which always win. Avoid naming site classes after Bootstrap ones. */
@layer bootstrap {
	[data-bs-theme=dark]{color-scheme:revert-layer}
	::after{box-sizing:revert-layer}
	::before{box-sizing:revert-layer}
	:root{scroll-behavior:revert-layer}
	body{margin:revert-layer;font-family:revert-layer;font-size:revert-layer;font-weight:revert-layer;line-height:revert-layer;color:revert-layer;text-align:revert-layer;background-color:revert-layer;-webkit-text-size-adjust:revert-layer;-webkit-tap-highlight-color:revert-layer}
	hr{margin:revert-layer;color:revert-layer;border:revert-layer;border-top:revert-layer;opacity:revert-layer}
	h1{margin-top:revert-layer;margin-bottom:revert-layer;font-weight:revert-layer;line-height:revert-layer;color:revert-layer;font-size:revert-layer}
	h2{margin-top:revert-layer;margin-bottom:revert-layer;font-weight:revert-layer;line-height:revert-layer;color:revert-layer;font-size:revert-layer}
	h3{margin-top:revert-layer;margin-bottom:revert-layer;font-weight:revert-layer;line-height:revert-layer;color:revert-layer;font-size:revert-layer}
	h4{margin-top:revert-layer;margin-bottom:revert-layer;font-weight:revert-layer;line-height:revert-layer;color:revert-layer;font-size:revert-layer}
	h5{margin-top:revert-layer;margin-bottom:revert-layer;font-weight:revert-layer;line-height:revert-layer;color:revert-layer;font-size:revert-layer}
	h6{margin-top:revert-layer;margin-bottom:revert-layer;font-weight:revert-layer;line-height:revert-layer;color:revert-layer;font-size:revert-layer}
	p{margin-top:revert-layer;margin-bottom:revert-layer}
	abbr[title]{-webkit-text-decoration:revert-layer;text-decoration:revert-layer;cursor:revert-layer;-webkit-text-decoration-skip-ink:revert-layer;text-decoration-skip-ink:revert-layer}
	address{margin-bottom:revert-layer;font-style:revert-layer;line-height:revert-layer}
	ol{padding-left:revert-layer;margin-top:revert-layer;margin-bottom:revert-layer}
	ul{padding-left:revert-layer;margin-top:revert-layer;margin-bottom:revert-layer}
	dl{margin-top:revert-layer;margin-bottom:revert-layer}
	ol ol{margin-bottom:revert-layer}
	ol ul{margin-bottom:revert-layer}
	ul ol{margin-bottom:revert-layer}
	ul ul{margin-bottom:revert-layer}
	dt{font-weight:revert-layer}
	dd{margin-bottom:revert-layer;margin-left:revert-layer}
	blockquote{margin:revert-layer}
	b{font-weight:revert-layer}
	strong{font-weight:revert-layer}
	small{font-size:revert-layer}
	mark{padding:revert-layer;color:revert-layer;background-color:revert-layer}
	sub{position:revert-layer;font-size:revert-layer;line-height:revert-layer;vertical-align:revert-layer;bottom:revert-layer}
	sup{position:revert-layer;font-size:revert-layer;line-height:revert-layer;vertical-align:revert-layer;top:revert-layer}
	a{color:revert-layer;text-decoration:revert-layer}
	a:not([href]):not([class]){color:revert-layer;text-decoration:revert-layer}
	a:not([href]):not([class]):hover{color:revert-layer;text-decoration:revert-layer}
	code{font-family:revert-layer;font-size:revert-layer;color:revert-layer;word-wrap:revert-layer}
	kbd{font-family:revert-layer;font-size:revert-layer;padding:revert-layer;color:revert-layer;background-color:revert-layer;border-radius:revert-layer}
	pre{font-family:revert-layer;font-size:revert-layer;display:revert-layer;margin-top:revert-layer;margin-bottom:revert-layer;overflow:revert-layer}
	samp{font-family:revert-layer;font-size:revert-layer}
	pre code{font-size:revert-layer;color:revert-layer;word-break:revert-layer}
	a>code{color:revert-layer}
	kbd kbd{padding:revert-layer;font-size:revert-layer}
	figure{margin:revert-layer}
	img{vertical-align:revert-layer}
	svg{vertical-align:revert-layer}
	table{caption-side:revert-layer;border-collapse:revert-layer}
	caption{padding-top:revert-layer;padding-bottom:revert-layer;color:revert-layer;text-align:revert-layer}
	th{text-align:revert-layer;border-color:revert-layer;border-style:revert-layer;border-width:revert-layer}
	tbody{border-color:revert-layer;border-style:revert-layer;border-width:revert-layer}
	td{border-color:revert-layer;border-style:revert-layer;border-width:revert-layer}
	tfoot{border-color:revert-layer;border-style:revert-layer;border-width:revert-layer}
	thead{border-color:revert-layer;border-style:revert-layer;border-width:revert-layer}
	tr{border-color:revert-layer;border-style:revert-layer;border-width:revert-layer}
	label{display:revert-layer}
	button{border-radius:revert-layer;margin:revert-layer;font-family:revert-layer;font-size:revert-layer;line-height:revert-layer;text-transform:revert-layer;-webkit-appearance:revert-layer}
	button:focus:not(:focus-visible){outline:revert-layer}
	input{margin:revert-layer;font-family:revert-layer;font-size:revert-layer;line-height:revert-layer}
	optgroup{margin:revert-layer;font-family:revert-layer;font-size:revert-layer;line-height:revert-layer}
	select{margin:revert-layer;font-family:revert-layer;font-size:revert-layer;line-height:revert-layer;text-transform:revert-layer;word-wrap:revert-layer}
	textarea{margin:revert-layer;font-family:revert-layer;font-size:revert-layer;line-height:revert-layer;resize:revert-layer}
	[role=button]{cursor:revert-layer}
	select:disabled{opacity:revert-layer}
	[type=button]{-webkit-appearance:revert-layer}
	[type=reset]{-webkit-appearance:revert-layer}
	[type=submit]{-webkit-appearance:revert-layer}
	[type=button]:not(:disabled){cursor:revert-layer}
	[type=reset]:not(:disabled){cursor:revert-layer}
	[type=submit]:not(:disabled){cursor:revert-layer}
	button:not(:disabled){cursor:revert-layer}
	::-moz-focus-inner{padding:revert-layer;border-style:revert-layer}
	fieldset{min-width:revert-layer;padding:revert-layer;margin:revert-layer;border:revert-layer}
	legend{float:revert-layer;width:revert-layer;padding:revert-layer;margin-bottom:revert-layer;font-size:revert-layer;line-height:revert-layer}
	legend+*{clear:revert-layer}
	::-webkit-datetime-edit-day-field{padding:revert-layer}
	::-webkit-datetime-edit-fields-wrapper{padding:revert-layer}
	::-webkit-datetime-edit-hour-field{padding:revert-layer}
	::-webkit-datetime-edit-minute{padding:revert-layer}
	::-webkit-datetime-edit-month-field{padding:revert-layer}
	::-webkit-datetime-edit-text{padding:revert-layer}
	::-webkit-datetime-edit-year-field{padding:revert-layer}
	::-webkit-inner-spin-button{height:revert-layer}
	[type=search]:not([class*="form-"]){-webkit-appearance:revert-layer;outline-offset:revert-layer}
	::-webkit-search-decoration{-webkit-appearance:revert-layer}
	::-webkit-color-swatch-wrapper{padding:revert-layer}
	::-webkit-file-upload-button{font:revert-layer;-webkit-appearance:revert-layer}
	::file-selector-button{font:revert-layer;-webkit-appearance:revert-layer}
	output{display:revert-layer}
	iframe{border:revert-layer}
	summary{display:revert-layer;cursor:revert-layer}
	progress{vertical-align:revert-layer}
	[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:revert-layer!important}
}
@layer site-base {
	*{box-sizing:border-box}
	img{max-width:100%;display:block}
	button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
	a{color:inherit}
	:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
	h1,h2,h3{/* text-wrap:balance; */margin:0;overflow-wrap:break-word}
	p{margin:0}
	@media (max-width:760px){main p,main li{line-height:1.6}}
}
/* ==== /Bootstrap 5 integration ==== */
/* MicroZoomiez · site styles, combined from base, site, pagekit, app, v6, v7, v8, v9, v10, v11, v12, v13, v14, v15, v16, v17, v18, v20, v21 */
/* ==== base.css ==== */

:root{
  color-scheme:light;
  /* Fungi Delivery tokens — ink, violet, lime, coral on lavender-white (reverted palette) */
  --ink:#1A1130; --ink-2:#2A1D48; --ink-3:#3A2B5E;
  --forest:#2A1D48;
  --accent:#7B4DFF; --accent-2:#9C7BFF; --accent-soft:#EEE8FF;
  --pop:#D4FF5A; --pop-deep:#4E6B00;
  --hot:#FF6F59; --hot-soft:#FFE5E0;
  --cream:#F7F4FC; --card:#FFFFFF; --line:#E6DFF2; --line-2:#D6CCE8;
  --text:#1A1130; --muted:#6B6285; --on-ink:#F4EFFF; --on-ink-muted:#B7AAD6;
  --good:#16895A; --warn:#B7791F; --bad:#C2341F;
  /* type scale */
  --fs-xs:12px; --fs-sm:14px; --fs-md:16px; --fs-lg:18px; --fs-xl:clamp(22px,2.6vw,30px); --fs-2xl:clamp(30px,4.4vw,54px); --fs-3xl:clamp(38px,6.2vw,80px);
  /* spacing */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:72px;
  --shadow-1:0 16px 36px -22px rgba(26,17,48,.4); --shadow-2:0 30px 60px -24px rgba(26,17,48,.45);
  --container:1280px; --btn-h:52px; --btn-h-sm:44px;
  --display:"Unbounded", "Arial Black", system-ui, sans-serif;
  --body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --r-sm:10px; --r:16px; --r-lg:24px;
  --hdr:68px;
  --gutter:clamp(16px, 4vw, 40px);
  --ease:cubic-bezier(.2,.8,.2,1);
}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--text);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.mz-wrap{max-width:1280px;margin-inline:auto;padding-inline:var(--gutter)}
.mz-eyebrow{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.mz-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mz-money{font-family:var(--mono);font-variant-numeric:tabular-nums}

.mz-ticker{background:var(--ink);color:var(--pop);overflow:hidden;font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.mz-ticker-track{display:flex;gap:40px;width:max-content;padding-block:10px;animation:mz-marquee 38s linear infinite}
.mz-ticker-track span{display:inline-flex;gap:40px;align-items:center;white-space:nowrap}
.mz-ticker-track span::after{content:"✳";color:var(--hot)}
@keyframes mz-marquee{to{transform:translateX(-50%)}}
/* ---------- HERO ---------- */
.mz-hero{background:var(--ink);color:var(--on-ink);position:relative;overflow:hidden}
.mz-hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:720px;height:720px;background:radial-gradient(closest-side,rgba(123,77,255,.55),transparent 70%);pointer-events:none}
.mz-hero::after{content:"";position:absolute;left:-200px;bottom:-300px;width:600px;height:600px;background:radial-gradient(closest-side,rgba(255,111,89,.28),transparent 70%);pointer-events:none}
.mz-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-block:64px 72px}
.mz-hero .mz-eyebrow{color:var(--pop)}
.mz-hero h1{font:800 clamp(38px,6.2vw,80px)/.95 var(--display);letter-spacing:-.035em;margin-top:18px}
.mz-hero h1 .ital{display:block;background:linear-gradient(90deg,var(--pop),#9BF2C8 40%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.mz-hero-lede{margin-top:20px;font-size:18px;color:var(--on-ink-muted);max-width:52ch}
.mz-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.mz-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .2s var(--ease),background .2s,box-shadow .2s}
.mz-btn:active{transform:scale(.97)}
.mz-btn-pop{background:var(--pop);color:var(--ink);box-shadow:0 10px 30px -10px rgba(212,255,90,.6)}
.mz-btn-pop:hover{transform:translateY(-2px)}
.mz-btn-ghost{border:1.5px solid rgba(244,239,255,.3);color:var(--on-ink)}
.mz-btn-ghost:hover{border-color:var(--on-ink);background:rgba(255,255,255,.06)}
.mz-btn-ink{background:var(--ink);color:var(--on-ink)}
.mz-btn-ink:hover{background:var(--ink-3)}
.mz-hero-trust{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:32px;font-size:14px;color:var(--on-ink-muted)}
.mz-hero-trust span{display:inline-flex;align-items:center;gap:8px}
.mz-hero-trust span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pop)}

/* hero demo box */
.mz-demo{background:linear-gradient(160deg,var(--ink-2),#231741);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);position:relative}
.mz-demo-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mz-demo-top small{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-muted)}
.mz-demo-pct{font:800 64px/1 var(--display);letter-spacing:-.04em;color:var(--pop);font-variant-numeric:tabular-nums;margin-top:8px}
.mz-demo-pct sup{font-size:.4em;vertical-align:.9em;margin-left:2px}
.mz-demo-off{font:700 13px/1 var(--mono);color:var(--on-ink);text-align:right}
.mz-demo-off b{display:block;font:800 26px/1.1 var(--display);margin-top:6px}
.mz-demo .mz-slots{margin-top:20px}
.mz-demo-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:18px}
.mz-demo-ladder div{border-radius:10px;padding:10px 8px;background:rgba(255,255,255,.05);font:600 11px/1.3 var(--mono);color:var(--on-ink-muted);text-align:center;transition:background .3s,color .3s}
.mz-demo-ladder div b{display:block;font:800 16px/1 var(--display);color:var(--on-ink);margin-bottom:4px}
.mz-demo-ladder div.on{background:var(--pop);color:var(--ink)}
.mz-demo-ladder div.on b{color:var(--ink)}

/* slots (shared) */
.mz-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.mz-slot{aspect-ratio:1;border-radius:14px;border:1.5px dashed rgba(183,170,214,.4);display:grid;place-items:center;position:relative;overflow:hidden}
.mz-slot.fill{border:0;background:linear-gradient(145deg,hsl(var(--h) 48% 58%),hsl(calc(var(--h) + 45) 48% 48%));animation:mz-pop .45s var(--ease)}
.mz-slot svg{width:58%;height:58%;color:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}
.mz-slot .more{font:800 15px/1 var(--display);color:#fff}
.mz-slot .q{position:absolute;right:4px;top:4px;font:700 10px/1 var(--mono);background:rgba(26,17,48,.75);color:#fff;border-radius:6px;padding:3px 4px}
@keyframes mz-pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.08)}100%{transform:none;opacity:1}}

/* ---------- LOOP BAND ---------- */
.mz-band{background:var(--pop);color:var(--ink);overflow:hidden;border-block:2px solid var(--ink);transform:rotate(-1.2deg);margin-block:-14px;position:relative;z-index:2}
.mz-band .mz-ticker-track{font:800 clamp(15px,2vw,20px)/1 var(--display);letter-spacing:-.01em;padding-block:14px;animation-duration:30s;text-transform:uppercase}
.mz-band .mz-ticker-track span::after{color:var(--accent)}

/* ---------- SECTIONS ---------- */
.mz-sec{padding-block:/* clamp(64px,9vw,112px) */50px}
.mz-sec-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:36px}
.mz-sec-head h2{font:800 clamp(30px,4.4vw,54px)/1 var(--display);letter-spacing:-.03em;margin-top:12px}
.mz-sec-head h2 em{font-style:normal;color:var(--accent)}
.mz-sec-head p{color:var(--muted);max-width:56ch;margin-top:14px;font-size:17px}

/* combos */
.mz-combos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mz-combo{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:14px;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;position:relative}
.mz-combo:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(26,17,48,.35);border-color:var(--line-2)}
.mz-combo-art{border-radius:16px;aspect-ratio:5/4;background:linear-gradient(150deg,hsl(var(--h) 48% 60%),hsl(calc(var(--h) + 50) 48% 47%));position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:12px}
.mz-combo-art .stack{display:flex}
.mz-combo-art .stack i{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);display:grid;place-items:center;margin-right:-10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mz-combo-art .stack i svg{width:60%;height:60%;color:#fff}
.mz-combo-badge{position:absolute;top:10px;left:10px;background:var(--ink);color:var(--pop);font:600 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:6px 8px;border-radius:999px}
.mz-combo-mood{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mz-combo h3{font:700 19px/1.15 var(--display);letter-spacing:-.02em;margin-top:6px}
.mz-combo ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14px;color:var(--muted)}
.mz-combo li::before{content:"+ ";color:var(--accent);font-family:var(--mono)}
.mz-combo-price{margin-top:auto;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.mz-combo-price b{font:700 22px/1 var(--mono)}
.mz-combo-price s{color:var(--muted);font:500 14px/1 var(--mono)}
.mz-combo-price .save{font:700 12px/1 var(--mono);color:var(--good);background:#E3F6EC;padding:4px 6px;border-radius:6px}
.mz-combo-btns{display:grid;grid-template-columns:1fr auto;gap:8px}
.mz-combo-btns .mz-btn{min-height:44px;font-size:14px;padding:0 14px}
.mz-btn-line{border:1.5px solid var(--line-2)}
.mz-btn-line:hover{border-color:var(--ink)}

/* ---------- BUILDER ---------- */
.mz-builder{background:var(--card);border-block:1px solid var(--line)}
.mz-start{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:28px;scroll-snap-type:x mandatory;scrollbar-width:none}
.mz-start::-webkit-scrollbar{display:none}
.mz-chip{scroll-snap-align:start;flex-shrink:0;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line-2);font-weight:600;font-size:14px;background:var(--card);transition:all .2s}
.mz-chip:hover{border-color:var(--ink)}
.mz-chip[aria-pressed="true"]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.mz-chip .dot{width:10px;height:10px;border-radius:50%;background:hsl(var(--h) 48% 52%)}
.mz-step-lbl{display:flex;align-items:center;gap:10px;font:700 14px/1 var(--body);margin-bottom:14px}
.mz-step-lbl span{font:600 11px/1 var(--mono);background:var(--accent-soft);color:var(--accent);padding:5px 7px;border-radius:6px;letter-spacing:.08em}
.mz-step-lbl small{margin-left:auto;font:500 13px/1 var(--mono);color:var(--muted)}
.mz-bgrid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:32px;align-items:start}
.mz-toolbar{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hdr));z-index:20;background:var(--card);padding-block:12px;margin-bottom:8px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line)}
.mz-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.mz-tabs::-webkit-scrollbar{display:none}
.mz-tab{flex-shrink:0;min-height:40px;padding:0 14px;border-radius:999px;font-weight:600;font-size:14px;background:var(--cream);display:inline-flex;align-items:center;gap:6px;transition:background .2s,color .2s}
.mz-tab i{font:600 11px/1 var(--mono);font-style:normal;opacity:.6}
.mz-tab[aria-selected="true"]{background:var(--accent);color:#fff}
.mz-search{position:relative;flex:0 1 220px}
.mz-search input{width:100%;min-height:40px;border-radius:999px;border:1.5px solid var(--line);background:var(--cream);padding:0 14px 0 36px;font:500 14px var(--body);color:var(--text)}
.mz-search input:focus{outline:none;border-color:var(--accent)}
.mz-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted)}
.mz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(24%,1fr));gap:14px;padding-top:12px}
.mz-empty-search{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted)}
.mz-pc{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
.mz-pc:hover{box-shadow:0 16px 36px -22px rgba(26,17,48,.4)}
.mz-pc.in{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.mz-pv{aspect-ratio:4/3;border-radius:12px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 50%),linear-gradient(150deg,hsl(var(--h) 48% 60%),hsl(calc(var(--h) + 45) 48% 46%))}
.mz-pv > svg{width:42%;height:auto;color:#fff;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18));transition:transform .4s var(--ease)}
.mz-pc:hover .mz-pv > svg{transform:rotate(-6deg) scale(1.06)}
.mz-pv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mz-pv-tag{position:absolute;left:8px;top:8px;z-index:1;font:600 11px/1 var(--mono);background:rgba(255,255,255,.92);color:var(--ink);padding:5px 7px;border-radius:7px}
.mz-pv-sale{position:absolute;right:8px;top:8px;z-index:1;font:700 11px/1 var(--mono);background:var(--hot);color:#fff;padding:5px 7px;border-radius:7px}
.mz-pv-q{position:absolute;right:8px;bottom:8px;z-index:1;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--ink);color:var(--pop);display:grid;place-items:center;font:700 13px/1 var(--mono);animation:mz-pop .35s var(--ease)}
.mz-pc-b{display:flex;flex-direction:column;gap:6px;padding-inline:4px;flex:1}
.mz-pc h3{font:700 15px/1.25 var(--body)}
.mz-pc-m{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.mz-int{display:inline-flex;gap:3px}
.mz-int i{width:6px;height:6px;border-radius:50%;background:var(--line-2)}
.mz-int i.on{background:var(--hot)}
.mz-pc-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}
.mz-pr b{font:700 16px/1 var(--mono);display:block}
.mz-pr s{font:500 12px/1 var(--mono);color:var(--muted)}
.mz-add{min-height:40px;padding:0 14px;border-radius:999px;background:var(--ink);color:var(--on-ink);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:background .2s,transform .15s}
.mz-add:hover{background:var(--accent)}
.mz-add:active{transform:scale(.94)}
.mz-add svg{width:14px;height:14px}
.mz-step{display:inline-flex;align-items:center;background:var(--accent-soft);border-radius:999px;padding:3px}
.mz-step button{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;font:700 18px/1 var(--mono);color:var(--accent);transition:background .15s}
.mz-step button:hover{background:#fff}
.mz-step output{min-width:22px;text-align:center;font:700 14px/1 var(--mono)}

/* box panel */
.mz-aside{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hdr) + 16px)}
.mz-box{background:var(--ink);color:var(--on-ink);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:18px}
.mz-box-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mz-box-head small{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-muted)}
.mz-box-head h3{font:700 20px/1.15 var(--display);letter-spacing:-.02em;margin-top:6px}
.mz-clear{font:600 13px/1 var(--body);color:var(--on-ink-muted);padding:8px 10px;border-radius:8px}
.mz-clear:hover{background:rgba(255,255,255,.08);color:var(--on-ink)}
.mz-gauge{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.05);border-radius:var(--r);padding:14px}
.mz-ring{width:72px;height:72px;flex-shrink:0;position:relative}
.mz-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.mz-ring circle{fill:none;stroke-width:7}
.mz-ring .bg{stroke:rgba(255,255,255,.1)}
.mz-ring .fg{stroke:var(--pop);stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease)}
.mz-ring b{position:absolute;inset:0;display:grid;place-items:center;font:800 18px/1 var(--display);color:var(--pop)}
.mz-gauge p{font-size:14px;color:var(--on-ink-muted)}
.mz-gauge p strong{display:block;color:var(--on-ink);font-size:16px;margin-bottom:2px}
.mz-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.mz-ladder div{height:6px;border-radius:3px;background:rgba(255,255,255,.12);position:relative;transition:background .3s}
.mz-ladder div.on{background:var(--pop)}
.mz-ladder div span{position:absolute;top:12px;left:0;font:600 10.5px/1.2 var(--mono);color:var(--on-ink-muted);white-space:nowrap}
.mz-ladder div.on span{color:var(--on-ink)}
.mz-ladder{margin-bottom:22px}
.mz-lines{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:280px;overflow:auto;scrollbar-width:thin}
.mz-line{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.mz-line i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,hsl(var(--h) 48% 58%),hsl(calc(var(--h) + 45) 48% 48%))}
.mz-line i svg{width:60%;height:60%;color:#fff}
.mz-line-n{font-size:14px;font-weight:600;line-height:1.25}
.mz-line-n small{display:block;font:500 12px/1.3 var(--mono);color:var(--on-ink-muted);margin-top:2px}
.mz-box .mz-step{background:rgba(255,255,255,.08)}
.mz-box .mz-step button{color:var(--on-ink);width:30px;height:30px;font-size:16px}
.mz-box .mz-step button:hover{background:rgba(255,255,255,.12)}
.mz-box-empty{padding:18px;border-radius:var(--r);border:1.5px dashed rgba(183,170,214,.35);color:var(--on-ink-muted);font-size:14px;text-align:center}
.mz-ship{font-size:13px;color:var(--on-ink-muted)}
.mz-ship-bar{height:5px;border-radius:3px;background:rgba(255,255,255,.1);margin-top:8px;overflow:hidden}
.mz-ship-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--hot));border-radius:3px;transition:width .5s var(--ease)}
.mz-ship strong{color:var(--on-ink)}
.mz-tot{display:grid;gap:8px;margin:0;font-size:14px}
.mz-tot div{display:flex;justify-content:space-between;gap:12px}
.mz-tot dt{color:var(--on-ink-muted)}
.mz-tot dd{margin:0;font-family:var(--mono);font-variant-numeric:tabular-nums}
.mz-tot .sv dd{color:var(--pop)}
.mz-tot .big{padding-top:10px;border-top:1px solid rgba(255,255,255,.1);align-items:baseline}
.mz-tot .big dt{color:var(--on-ink);font-weight:700;font-size:15px}
.mz-tot .big dd{font:700 28px/1 var(--mono)}
.mz-cta{width:100%;min-height:56px;border-radius:999px;background:var(--pop);color:var(--ink);font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s var(--ease),opacity .2s}
.mz-cta:hover:not(:disabled){transform:translateY(-2px)}
.mz-cta:disabled{background:rgba(255,255,255,.1);color:var(--on-ink-muted);cursor:not-allowed}
.mz-cta.done{background:var(--good);color:#fff}
.mz-note{font-size:12.5px;color:var(--on-ink-muted);line-height:1.5}
.mz-box-perks{display:flex;flex-wrap:wrap;gap:6px}
.mz-box-perks span{font:600 11px/1 var(--mono);padding:6px 8px;border-radius:6px;background:rgba(255,255,255,.06);color:var(--on-ink-muted)}

/* mobile bar + sheet */
.mz-mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--on-ink);display:none;transform:translateY(110%);transition:transform .35s var(--ease);box-shadow:0 -16px 40px -12px rgba(26,17,48,.45);border-radius:20px 20px 0 0}
.mz-mbar.show{transform:none}
.mz-mbar-top{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.mz-mbar-top .mz-ladder{flex:1;margin:0}
.mz-mbar-top .mz-ladder div span{display:none}
.mz-mbar-top em{font:600 11px/1 var(--mono);font-style:normal;color:var(--on-ink-muted);white-space:nowrap;margin-left:8px}
.mz-mbar-row{display:flex;align-items:center;gap:10px}
.mz-mbar-open{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left;padding:4px;border-radius:12px}
.mz-mbar-mini{display:flex}
.mz-mbar-mini i{width:30px;height:30px;border-radius:9px;border:2px solid var(--ink);margin-right:-10px;display:grid;place-items:center;background:linear-gradient(145deg,hsl(var(--h) 48% 58%),hsl(calc(var(--h) + 45) 48% 48%))}
.mz-mbar-mini i svg{width:60%;height:60%;color:#fff}
.mz-mbar-mini i.e{background:rgba(255,255,255,.08);border-style:dashed;border-color:rgba(183,170,214,.4)}
.mz-mbar-txt{min-width:0;margin-left:12px}
.mz-mbar-txt b{display:block;font:700 18px/1.1 var(--mono)}
.mz-mbar-txt small{font-size:12px;color:var(--on-ink-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mz-mbar-pct{font:800 12px/1 var(--mono);background:var(--pop);color:var(--ink);padding:5px 7px;border-radius:6px;margin-left:6px;vertical-align:2px}
.mz-mbar .mz-cta{width:auto;min-height:48px;padding:0 18px;font-size:15px;flex-shrink:0}
.mz-sheet{position:fixed;inset:0;z-index:95;visibility:hidden}
.mz-sheet.open{visibility:visible}
.mz-sheet-bg{position:absolute;inset:0;background:rgba(26,17,48,.55);opacity:0;transition:opacity .3s}
.mz-sheet.open .mz-sheet-bg{opacity:1}
.mz-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;background:var(--ink);border-radius:24px 24px 0 0;transform:translateY(100%);transition:transform .4s var(--ease);padding-bottom:env(safe-area-inset-bottom,0px)}
.mz-sheet.open .mz-sheet-panel{transform:none}
.mz-grab{width:44px;height:5px;border-radius:3px;background:rgba(255,255,255,.25);margin:10px auto 0}
.mz-sheet .mz-box{border-radius:0;background:transparent}
.mz-sheet .mz-lines{max-height:none}

.mz-fly{position:fixed;z-index:200;width:36px;height:36px;border-radius:10px;pointer-events:none;display:grid;place-items:center;background:linear-gradient(145deg,hsl(var(--h) 48% 58%),hsl(calc(var(--h) + 45) 48% 48%));box-shadow:0 8px 20px rgba(26,17,48,.35)}
.mz-fly svg{width:60%;height:60%;color:#fff}
.mz-toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + var(--hdr) + 12px);transform:translate(-50%,-20px);opacity:0;z-index:120;background:var(--ink);color:var(--on-ink);padding:12px 16px;border-radius:14px;font-size:14px;display:flex;gap:10px;align-items:center;box-shadow:0 20px 40px -12px rgba(26,17,48,.5);transition:all .35s var(--ease);pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}
.mz-toast.show{opacity:1;transform:translate(-50%,0)}
.mz-toast b{color:var(--pop)}

/* ---------- FINDER ---------- */
.mz-finder{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start}
.mz-quiz{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);box-shadow:0 30px 60px -40px rgba(26,17,48,.4)}
.mz-quiz-prog{display:flex;gap:6px;margin-bottom:20px}
.mz-quiz-prog i{flex:1;height:5px;border-radius:3px;background:var(--line);transition:background .3s}
.mz-quiz-prog i.on{background:var(--accent)}
.mz-quiz small{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mz-quiz h3{font:700 clamp(20px,2.4vw,26px)/1.2 var(--display);letter-spacing:-.02em;margin:8px 0 20px}
.mz-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.mz-opt{text-align:left;border:1.5px solid var(--line);border-radius:var(--r);padding:16px;display:flex;gap:12px;align-items:flex-start;min-height:76px;transition:border-color .2s,background .2s,transform .2s var(--ease)}
.mz-opt:hover{border-color:var(--accent-2);transform:translateY(-2px)}
.mz-opt[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.mz-opt .ic{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--cream);display:grid;place-items:center;color:var(--accent)}
.mz-opt[aria-pressed="true"] .ic{background:var(--accent);color:#fff}
.mz-opt .ic svg{width:20px;height:20px}
.mz-opt b{display:block;font-size:15px}
.mz-opt span{font-size:13px;color:var(--muted)}
.mz-quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px}
.mz-back{font-weight:600;color:var(--muted);padding:10px 4px}
.mz-back:disabled{visibility:hidden}
.mz-quiz .mz-btn{min-height:48px}
.mz-quiz .mz-btn:disabled{opacity:.4;cursor:not-allowed}
.mz-result{display:grid;gap:16px}
.mz-result .mz-combo{box-shadow:none}
.mz-result-why{font-size:15px;color:var(--muted)}
.mz-result-why b{color:var(--text)}
.mz-finder-side{display:grid;gap:14px;padding-top:6px}
.mz-safety{border-radius:var(--r);background:var(--hot-soft);padding:18px;font-size:14.5px}
.mz-safety b{display:block;font:700 15px/1.3 var(--display);margin-bottom:6px;letter-spacing:-.01em}

/* ---------- HOW ---------- */
.mz-how{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.mz-how li{list-style:none;border-top:2px solid var(--ink);padding-top:18px;display:grid;gap:8px}
.mz-how li::before{counter-increment:s;content:"0" counter(s);font:600 13px/1 var(--mono);color:var(--accent)}
.mz-how h3{font:700 19px/1.2 var(--display);letter-spacing:-.02em}
.mz-how p{color:var(--muted);font-size:15px}
.mz-how{padding:0;margin:0}

/* tier table */
.mz-tiers{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);border:1.5px solid var(--ink);border-radius:var(--r-lg);overflow:hidden;background:var(--card)}
.mz-tiers div{padding:22px 20px;border-right:1.5px solid var(--ink);display:grid;gap:4px}
.mz-tiers div:last-child{border-right:0;background:var(--pop)}
.mz-tiers small{font:600 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mz-tiers div:last-child small{color:var(--pop-deep)}
.mz-tiers b{font:800 clamp(30px,4vw,48px)/1 var(--display);letter-spacing:-.04em}
.mz-tiers span{font-size:13px;color:var(--muted)}
.mz-tiers div:last-child span{color:var(--ink)}

/* delivery */
.mz-deliv{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.mz-deliv div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:6px;align-content:start}
.mz-deliv b{font:700 16px/1.2 var(--display);letter-spacing:-.01em}
.mz-deliv span{font-size:14px;color:var(--muted)}
.mz-deliv em{font:600 12px/1 var(--mono);font-style:normal;color:var(--accent)}

/* faq */
.mz-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}
.mz-faq details{border-bottom:1px solid var(--line)}
.mz-faq summary{list-style:none;cursor:pointer;padding:20px 0;font:700 17px/1.35 var(--body);display:flex;justify-content:space-between;gap:16px}
.mz-faq summary::-webkit-details-marker{display:none}
.mz-faq summary::after{content:"+";font:500 22px/1 var(--mono);color:var(--accent);transition:transform .25s}
.mz-faq details[open] summary::after{transform:rotate(45deg)}
.mz-faq details p{padding-bottom:20px;color:var(--muted);max-width:62ch}
.mz-reviews-slot{margin-top:48px;border:1.5px dashed var(--line-2);border-radius:var(--r-lg);padding:28px;text-align:center;color:var(--muted);font:500 13px/1.5 var(--mono)}

/* final cta */
.mz-final{background:var(--accent);color:#fff;border-radius:32px;padding:clamp(32px,6vw,72px);display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;position:relative;overflow:hidden}
.mz-final::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(212,255,90,.45),transparent)}
.mz-final h2{font:800 clamp(34px,5.2vw,68px)/.95 var(--display);letter-spacing:-.035em}
.mz-final h2 span{color:var(--pop)}
.mz-final p{margin-top:16px;font-size:17px;color:#E7DEFF;max-width:46ch}
.mz-final-btns{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}
.mz-final .mz-btn-ghost{border-color:rgba(255,255,255,.5)}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1180px){
  .mz-combos{grid-template-columns:none;/* grid-auto-flow:column; */grid-auto-columns:minmax(260px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none}
  .mz-combos::-webkit-scrollbar{display:none}
  .mz-combo{scroll-snap-align:start}
  .mz-bgrid{grid-template-columns:minmax(0,1fr) 360px}
  .mz-foot-top{grid-template-columns:repeat(3,1fr)}
  .mz-foot-brand{grid-column:1/-1}
}
@media (max-width:1024px){
  .mz-nav,.mz-login{display:none}
  .mz-burger{display:grid}
}
@media (max-width:960px){
  .mz-hero-in{grid-template-columns:1fr;gap:36px;padding-block:44px 56px}
  .mz-bgrid{grid-template-columns:minmax(0,1fr)}
  .mz-aside{display:none}
  .mz-mbar{display:block}
  .mz-finder,.mz-faq{grid-template-columns:minmax(0,1fr);gap:24px}
  .mz-how,.mz-deliv{grid-template-columns:repeat(2,1fr)}
  .mz-final{grid-template-columns:1fr}
  .mz-sec-head{grid-template-columns:1fr}
}
@media (max-width:640px){
  :root{--hdr:58px}
  .mz-logo img{height:34px}
  .mz-cart span{display:none}
  .mz-hero-lede{font-size:16px}
  .mz-hero-cta .mz-btn{flex:1 1 100%}
  .mz-demo{padding:18px;border-radius:22px}
  .mz-demo-pct{font-size:52px}
  .mz-slots{gap:6px}
  .mz-slot{border-radius:10px}
  .mz-toolbar{flex-direction:column;align-items:stretch;gap:8px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
  .mz-search{flex:1 1 auto}
  .mz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mz-pc{padding:8px;gap:8px;border-radius:14px}
  .mz-pc h3{font-size:14px}
  .mz-pc-m{font-size:11.5px}
  .mz-pc-f{flex-direction:column;align-items:stretch;gap:8px}
  .mz-add{justify-content:center;width:100%}
  .mz-step{justify-content:space-between;width:100%}
  .mz-pr{display:flex;align-items:baseline;gap:6px}
  .mz-opts{grid-template-columns:1fr}
  .mz-how{grid-template-columns:1fr}
  .mz-tiers{grid-template-columns:repeat(2,1fr)}
  .mz-tiers div:nth-child(2){border-right:0}
  .mz-tiers div:nth-child(-n+2){border-bottom:1.5px solid var(--ink)}
  .mz-deliv{grid-template-columns:1fr}
  .mz-foot-top{grid-template-columns:repeat(2,1fr)}
  .mz-mbar .mz-cta{padding:0 14px}
  body.has-bar{padding-bottom:120px}
}
@media (max-width:960px){ body.has-bar{padding-bottom:130px} }
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  html{scroll-behavior:auto}
}

/* ==== site.css ==== */
/* =========================================================
   Fungi Delivery — site layer (header, footer, inner pages)
   Loads after base.css. Same tokens, fonts, colours.
   ========================================================= */

/* ---------- BRAND / LOGO ---------- */
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);flex-shrink:0}
.brand-mark{width:40px;height:40px;flex-shrink:0;transition:transform .4s var(--ease)}
.brand:hover .brand-mark{transform:rotate(-8deg)}
.brand-word{font:500 18px/1 var(--display);letter-spacing:-.04em}
.brand-word b{font-weight:800}
.brand-word b i{font-style:normal;color:var(--accent)}

/* ---------- HEADER ---------- */
.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(247,244,252,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.hd-in{height:var(--hdr);display:flex;align-items:center;gap:16px}
.hd-nav{display:flex;align-items:center;gap:2px;margin-left:20px}
.hd-item{position:relative}
.hd-link{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;color:var(--text)}
.hd-link svg{width:12px;height:12px;transition:transform .2s}
.hd-link:hover,.hd-item.open > .hd-link,.hd-link[aria-current="page"]{background:var(--accent-soft)}
.hd-item.open > .hd-link svg{transform:rotate(180deg)}
.hd-link.is-bundles{color:var(--ink);background:var(--pop)}
.hd-link.is-bundles:hover{background:#C7F43F}
.hd-mega{position:absolute;top:calc(100% + 8px);left:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;box-shadow:0 30px 60px -24px rgba(26,17,48,.35);display:none;gap:4px;min-width:260px}
.hd-mega.wide{display:none;grid-template-columns:1fr 1fr;min-width:520px;gap:8px}
.hd-item.open .hd-mega,.hd-item:hover .hd-mega{display:grid}
.hd-mega h6{margin:6px 10px 6px;font:600 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hd-mega a{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:12px;text-decoration:none}
.hd-mega a:hover{background:var(--cream)}
.hd-mega a i{width:34px;height:34px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,hsl(var(--h,270) 48% 60%),hsl(calc(var(--h,270) + 45) 48% 48%))}
.hd-mega a i svg{width:60%;height:60%;color:#fff}
.hd-mega a b{display:block;font-size:14.5px}
.hd-mega a span{font-size:12.5px;color:var(--muted)}
.hd-act{margin-left:auto;display:flex;align-items:center;gap:4px}
.hd-cart{display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--on-ink);padding:9px 14px 9px 12px;border-radius:999px;font-weight:600;font-size:14px;text-decoration:none;margin-left:4px}
.hd-cart svg{width:18px;height:18px}
.hd-cart b{font:600 13px/1 var(--mono);background:var(--pop);color:var(--ink);border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px}
.hd-burger{display:none}

/* search overlay */
.srch{position:fixed;inset:0;z-index:96;background:rgba(26,17,48,.55);display:none;padding:calc(env(safe-area-inset-top,0px) + 80px) 16px 16px}
.srch.open{display:block}
.srch form{max-width:680px;margin:0 auto;background:var(--card);border-radius:var(--r-lg);padding:10px;display:flex;gap:8px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.srch input{flex:1;min-width:0;border:0;font:500 18px var(--body);padding:12px;background:transparent;color:var(--text)}
.srch input:focus{outline:none}
.srch-hints{max-width:680px;margin:12px auto 0;display:flex;flex-wrap:wrap;gap:8px}
.srch-hints a{background:rgba(255,255,255,.12);color:#fff;padding:8px 12px;border-radius:999px;text-decoration:none;font-size:14px}

/* drawer */
.dr{position:fixed;inset:0;z-index:90;visibility:hidden}
.dr.open{visibility:visible}
.dr-bg{position:absolute;inset:0;background:rgba(26,17,48,.5);opacity:0;transition:opacity .3s}
.dr.open .dr-bg{opacity:1}
.dr-panel{position:absolute;top:0;left:0;bottom:0;width:min(88vw,380px);background:var(--cream);padding:calc(env(safe-area-inset-top,0px) + 14px) 16px calc(env(safe-area-inset-bottom,0px) + 24px);overflow:auto;display:flex;flex-direction:column;gap:4px;transform:translateX(-100%);transition:transform .35s var(--ease)}
.dr.open .dr-panel{transform:none}
.dr-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.dr-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.dr-quick a{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;text-decoration:none;font-weight:700;font-size:14px;display:grid;gap:2px}
.dr-quick a span{font:500 12px/1.3 var(--body);color:var(--muted)}
.dr-quick a.hot{background:var(--pop);border-color:var(--pop)}
.dr details{border-bottom:1px solid var(--line)}
.dr summary{list-style:none;padding:15px 4px;font-weight:700;font-size:16px;display:flex;justify-content:space-between;cursor:pointer}
.dr summary::-webkit-details-marker{display:none}
.dr summary::after{content:"+";font-family:var(--mono);color:var(--accent)}
.dr details[open] summary::after{content:"–"}
.dr details a{display:block;padding:9px 4px 9px 12px;text-decoration:none;color:var(--muted)}
.dr .solo{padding:15px 4px;font-weight:700;font-size:16px;text-decoration:none;border-bottom:1px solid var(--line)}
.dr-contact{margin-top:auto;padding-top:20px;font-size:13px;color:var(--muted);display:grid;gap:4px}
.dr-contact b{color:var(--text);font-family:var(--mono)}

/* ---------- BREADCRUMB ---------- */
.bc{padding-block:18px 0}
.bc ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font:500 13px/1.4 var(--mono);color:var(--muted)}
.bc li{display:flex;gap:6px;align-items:center}
.bc li+li::before{content:"/";color:var(--line-2)}
.bc a{text-decoration:none}
.bc a:hover{color:var(--accent)}
.bc [aria-current]{color:var(--text)}
.ph-ink .bc ol{color:var(--on-ink-muted)}
.ph-ink .bc [aria-current]{color:var(--on-ink)}
.ph-ink .bc li+li::before{color:rgba(255,255,255,.25)}

/* ---------- PAGE HEADS ---------- */
.ph{padding-block:28px clamp(40px,6vw,64px)}
.ph h1{font:800 clamp(34px,5.4vw,68px)/.98 var(--display);letter-spacing:-.035em;margin-top:16px;max-width:18ch}
.ph h1 em{font-style:normal;color:var(--accent)}
.ph-lede{margin-top:18px;font-size:18px;color:var(--muted);max-width:60ch}
.ph-ink{background:var(--ink);color:var(--on-ink);position:relative;overflow:hidden}
.ph-ink::before{content:"";position:absolute;right:-160px;top:-200px;width:620px;height:620px;background:radial-gradient(closest-side,rgba(123,77,255,.5),transparent 70%);pointer-events:none}
.ph-ink h1 em{color:var(--pop)}
.ph-ink .ph-lede{color:var(--on-ink-muted)}
.ph-ink .mz-eyebrow{color:var(--pop)}
.ph-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}
.ph-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font:500 13px/1.3 var(--mono);color:var(--muted)}
.ph-ink .ph-meta{color:var(--on-ink-muted)}
.ph-meta span{display:inline-flex;gap:6px;align-items:center}

/* ---------- AEO QUICK ANSWER ---------- */
.ans{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r-lg);padding:clamp(18px,3vw,28px);display:grid;gap:10px;box-shadow:6px 6px 0 var(--pop)}
.ans-lbl{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.ans-lbl time{color:var(--muted);letter-spacing:.06em}
.ans p{font-size:17px;line-height:1.6;/* max-width:70ch */}
.ans p strong{background:linear-gradient(transparent 62%,rgba(212,255,90,.8) 62%)}
.ph-ink .ans{background:var(--ink-2);border-color:rgba(255,255,255,.14);color:var(--on-ink);box-shadow:6px 6px 0 var(--accent)}
.ph-ink .ans p strong{background:none;color:var(--pop)}

/* ---------- KEY FACTS ---------- */
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.facts div{padding:22px 20px 22px 0;display:grid;gap:6px;align-content:start}
.facts div+div{padding-left:20px;border-left:1px solid var(--line-2)}
.facts dt{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:0;font:800 clamp(22px,2.6vw,32px)/1.05 var(--display);letter-spacing:-.03em}
.facts dd small{display:block;font:500 13px/1.4 var(--body);letter-spacing:0;color:var(--muted);margin-top:6px}
.ph-ink .facts{border-color:rgba(255,255,255,.2)}
.ph-ink .facts div+div{border-color:rgba(255,255,255,.1)}
.ph-ink .facts dt,.ph-ink .facts dd small{color:var(--on-ink-muted)}

/* ---------- HOME HERO / CITY PICKER ---------- */
.hh{background:var(--ink);color:var(--on-ink);position:relative;overflow:hidden}
.hh::before{content:"";position:absolute;inset:-30% -15% auto auto;width:900px;height:900px;background:radial-gradient(closest-side,rgba(123,77,255,.55),transparent 70%);pointer-events:none}
.hh::after{content:"";position:absolute;left:-240px;bottom:-320px;width:640px;height:640px;background:radial-gradient(closest-side,rgba(255,111,89,.25),transparent 70%);pointer-events:none}
.hh-in{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-block:clamp(48px,7vw,88px)}
.hh .mz-eyebrow{color:var(--pop)}
.hh h1{font:800 clamp(36px,5.6vw,74px)/.96 var(--display);letter-spacing:-.04em;margin-top:18px}
.hh h1 span{display:block;background:linear-gradient(90deg,var(--pop),#9BF2C8 40%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hh-lede{margin-top:20px;font-size:18px;color:var(--on-ink-muted);max-width:52ch}
.hh-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pick{background:linear-gradient(160deg,var(--ink-2),#231741);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.pick-q{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-muted)}
.pick-cities{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px;background:rgba(255,255,255,.05);padding:5px;border-radius:14px}
.pick-cities button{min-height:42px;border-radius:10px;font-weight:700;font-size:13.5px;color:var(--on-ink-muted);transition:background .2s,color .2s}
.pick-cities button[aria-pressed="true"]{background:var(--pop);color:var(--ink)}
.pick-eta{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:22px}
.pick-eta small{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-ink-muted)}
.pick-eta b{display:block;font:800 clamp(37px,5vw,50px)/1 var(--display);letter-spacing:-.04em;color:var(--pop);margin-top:8px}
.pick-status{font:600 12px/1 var(--mono);display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);padding:8px 10px;border-radius:999px;white-space:nowrap}
.pick-status i{width:8px;height:8px;border-radius:50%;background:var(--pop);box-shadow:0 0 0 4px rgba(212,255,90,.2);animation:pulse 1.8s infinite}
.pick-status.closed i{background:var(--hot);box-shadow:0 0 0 4px rgba(255,111,89,.2);animation:none}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(212,255,90,0)}}
.pick-rows{margin:18px 0 0;display:grid;gap:0}
.pick-rows div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.08);font-size:14px}
.pick-rows dt{color:var(--on-ink-muted)}
.pick-rows dd{margin:0;font-family:var(--mono);text-align:right}
.pick .mz-btn{width:100%;margin-top:16px}

/* ---------- CATEGORY TILES ---------- */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tile{position:relative;border-radius:var(--r-lg);padding:20px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:#fff;overflow:hidden;background:linear-gradient(150deg,hsl(var(--h) 48% 54%),hsl(calc(var(--h) + 45) 48% 40%));transition:transform .3s var(--ease)}
.tile:hover{transform:translateY(-4px)}
.tile > svg{position:absolute;right:-14px;bottom:-14px;width:150px;height:150px;opacity:.9;transition:transform .5s var(--ease)}
.tile:hover > svg{transform:rotate(-10deg) scale(1.06)}
.tile small{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.tile h3{font:800 26px/1 var(--display);letter-spacing:-.03em;margin-top:8px}
.tile p{font-size:14px;opacity:.9;max-width:22ch;position:relative}
.tile-go{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;background:rgba(255,255,255,.2);padding:8px 12px;border-radius:999px;align-self:flex-start;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);position:relative}
.tile.pop{background:var(--pop);color:var(--ink)}
.tile.pop .tile-go{background:var(--ink);color:var(--pop)}

/* ---------- LADDER STRIP ---------- */
.strip{display:grid;grid-template-columns:1.1fr 2fr;gap:32px;align-items:center;background:var(--ink);color:var(--on-ink);border-radius:32px;padding:clamp(24px,4vw,44px)}
.strip h2{font:800 clamp(26px,3.4vw,42px)/1 var(--display);letter-spacing:-.03em}
.strip h2 span{color:var(--pop)}
.strip p{margin-top:12px;color:var(--on-ink-muted)}
.strip .mz-btn{margin-top:20px}
.strip-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.strip-steps div{background:rgba(255,255,255,.05);border-radius:18px;padding:18px 14px;display:grid;gap:4px}
.strip-steps div:last-child{background:var(--pop);color:var(--ink)}
.strip-steps small{font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.strip-steps b{font:800 clamp(28px,3.4vw,44px)/1 var(--display);letter-spacing:-.04em}

/* ---------- PRODUCT CARD LINK ---------- */
.mz-pc h3 a{text-decoration:none}
.mz-pc h3 a::after{content:"";position:absolute;inset:0}
.mz-pc{position:relative}
.mz-pc .mz-ctl,.mz-pc .mz-add{position:relative;z-index:2}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail > *{scroll-snap-align:start}

/* ---------- WHY / FEATURES ---------- */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.why div{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;display:grid;gap:10px;align-content:start}
.why svg{width:36px;height:36px;color:var(--accent)}
.why h3{font:700 18px/1.2 var(--display);letter-spacing:-.02em}
.why p{font-size:15px;color:var(--muted)}

/* ---------- CITY CARDS / AREAS ---------- */
.cities{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.city{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:12px;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s}
.city:hover{transform:translateY(-3px);box-shadow:0 24px 50px -28px rgba(26,17,48,.4)}
.city small{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.city h3{font:800 26px/1 var(--display);letter-spacing:-.03em}
.city p{color:var(--muted);font-size:14.5px}
.city ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.city li{font-size:12.5px;background:var(--cream);padding:5px 9px;border-radius:999px}
.city-go{margin-top:auto;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--line)}
.areas{display:flex;flex-wrap:wrap;gap:8px}
.areas a,.areas span{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line-2);text-decoration:none;font-weight:600;font-size:14px;background:var(--card)}
.areas a:hover{border-color:var(--accent);color:var(--accent)}
.areas a::after{content:"↗";font-family:var(--mono);font-size:12px;color:var(--accent)}

/* ---------- STORES ---------- */
.stores{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.store{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;display:grid;gap:8px;align-content:start}
.store small{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.store h3{font:700 18px/1.25 var(--display);letter-spacing:-.02em}
.store address{font-style:normal;color:var(--muted);font-size:14.5px}
.store-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.store-row a{font-weight:700;font-size:13.5px;text-decoration:none;padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}
.store-row a:hover{background:var(--accent);color:#fff}

/* ---------- TABLES ---------- */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card)}
.tbl{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.tbl caption{text-align:left;padding:16px 18px 0;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tbl th,.tbl td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl thead th{font:600 12px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tbl tbody tr:last-child > *{border-bottom:0}
.tbl td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl tbody th{font-weight:700}
.tbl .yes{color:var(--good);font-weight:700}
.tbl .no{color:var(--hot);font-weight:700}

/* ---------- PROSE ---------- */
.prose{max-width:100%;display:grid;gap:16px;font-size:17px}
.prose h2{font:800 clamp(24px,3vw,34px)/1.1 var(--display);letter-spacing:-.03em;margin-top:18px}
.prose h3{font:700 20px/1.25 var(--display);letter-spacing:-.02em;margin-top:8px}
.prose p,.prose li{color:#3F3658}
.prose ul{margin:0;padding-left:20px;display:grid;gap:6px}
.two{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.side{position:sticky;top:calc(var(--hdr) + 20px);display:grid;gap:14px}
.side-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;display:grid;gap:10px}
.side-card h3{font:700 16px/1.2 var(--display);letter-spacing:-.01em}
.side-card ol,.side-card ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14px}
.side-card a{text-decoration:none}
.side-card a:hover{color:var(--accent)}
.side-ink{background:var(--ink);color:var(--on-ink);border:0}
.side-ink p{color:var(--on-ink-muted);font-size:14px}

/* ---------- FAQ LIST ---------- */
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;gap:16px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary h3,.faq-list summary span.q{font:700 17px/1.35 var(--body);letter-spacing:0}
.faq-list summary::after{content:"+";font:500 22px/1 var(--mono);color:var(--accent);transition:transform .25s;flex-shrink:0}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list .a{padding-bottom:20px;color:var(--muted);max-width:66ch;display:grid;gap:10px}
.faq-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.faq-cats::-webkit-scrollbar{display:none}
.faq-search{position:relative;max-width:520px}
.faq-search input{width:100%;min-height:52px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--card);padding:0 18px 0 46px;font:500 16px var(--body);color:var(--text)}
.faq-search input:focus{outline:none;border-color:var(--accent)}
.faq-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}
.faq-group h2{font:800 clamp(22px,2.6vw,30px)/1.1 var(--display);letter-spacing:-.03em;margin:36px 0 4px;scroll-margin-top:calc(var(--hdr) + 20px)}

/* ---------- PRODUCT PAGE ---------- */
.pd{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start;padding-block:20px 40px}
.pd-gal{position:sticky;top:calc(var(--hdr) + 20px);display:grid;gap:10px}
.pd-main{aspect-ratio:1;border-radius:28px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 50%),linear-gradient(150deg,hsl(var(--h) 48% 60%),hsl(calc(var(--h) + 45) 48% 46%))}
.pd-main > svg{width:46%;color:#fff;filter:drop-shadow(0 16px 24px rgba(0,0,0,.2))}
.pd-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pd-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pd-thumbs button{aspect-ratio:1;border-radius:14px;background:linear-gradient(150deg,hsl(var(--h) 48% 64%),hsl(calc(var(--h) + 45) 48% 52%));display:grid;place-items:center;border:2px solid transparent}
.pd-thumbs button[aria-pressed="true"]{border-color:var(--ink)}
.pd-thumbs svg{width:44%;color:#fff}
.pd h1{font:800 clamp(30px,4vw,48px)/1 var(--display);letter-spacing:-.035em;margin-top:10px}
.pd-sub{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:14px;font:500 14px/1.3 var(--mono);color:var(--muted)}
.pd-price{display:flex;align-items:baseline;gap:12px;margin-top:22px}
.pd-price b{font:700 38px/1 var(--mono)}
.pd-price s{font:500 18px/1 var(--mono);color:var(--muted)}
.pd-price span{font:700 13px/1 var(--mono);background:var(--hot);color:#fff;padding:6px 8px;border-radius:8px}
.pd-opts{margin-top:22px;display:grid;gap:10px}
.pd-opts label{font:600 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pd-sizes{display:flex;gap:8px;flex-wrap:wrap}
.pd-buy{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:22px}
.pd-buy .mz-step{padding:6px}
.pd-buy .mz-step button{width:40px;height:40px}
.pd-bundle{margin-top:14px;display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r);background:var(--pop);text-decoration:none}
.pd-bundle b{display:block}
.pd-bundle span{font-size:14px}
.pd-bundle i{margin-left:auto;font:700 18px/1 var(--mono);font-style:normal}
.pd-ship{margin-top:18px;display:grid;gap:10px;font-size:14.5px}
.pd-ship div{display:flex;gap:10px;align-items:flex-start}
.pd-ship svg{width:20px;height:20px;color:var(--accent);flex-shrink:0;margin-top:1px}
.spec{margin:0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.spec div{padding:14px 0;border-bottom:1px solid var(--line);display:grid;gap:4px}
.spec div:nth-child(odd){padding-right:14px}
.spec dt{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.spec dd{margin:0;font-weight:700}
.dose{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.dose div{border-radius:16px;padding:16px;background:var(--card);border:1px solid var(--line);display:grid;gap:4px}
.dose b{font:800 22px/1 var(--display);letter-spacing:-.03em}
.dose small{font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.dose span{font-size:13.5px;color:var(--muted)}
.dose div:nth-child(2){background:var(--accent-soft);border-color:var(--accent-soft)}

/* shop filters */
.shop-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-block:12px;border-bottom:1px solid var(--line);position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hdr));background:var(--cream);z-index:20}
.shop-bar select{min-height:40px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--card);padding:0 14px;font:600 14px var(--body);color:var(--text);margin-left:auto}
.subcats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:24px}
.subcats::-webkit-scrollbar{display:none}
.subcats a{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line-2);font-weight:600;font-size:14px;text-decoration:none;background:var(--card)}
.subcats a[aria-current="page"]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.subcats a.b{background:var(--pop);border-color:var(--pop)}

/* contact */
.form{display:grid;gap:14px}
.form label{display:grid;gap:6px;font-weight:600;font-size:14px}
.form input,.form textarea,.form select{min-height:50px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--card);padding:12px 14px;font:500 16px var(--body);color:var(--text)}
.form textarea{min-height:130px;resize:vertical}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--accent)}
.form .ok{background:#E3F6EC;color:var(--good);padding:14px;border-radius:14px;font-weight:600}
.contact-big{display:grid;gap:10px}
.contact-big a,.contact-big div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none}
.contact-big small{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.contact-big b{font:700 18px/1.2 var(--mono)}

/* guides */
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.guide{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.guide-art{aspect-ratio:16/10;border-radius:var(--r-lg);background:linear-gradient(150deg,hsl(var(--h) 48% 30%),hsl(calc(var(--h) + 40) 48% 18%));position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:18px}
.guide-art span{font:800 22px/1.05 var(--display);color:#fff;letter-spacing:-.03em;max-width:14ch}
.guide small{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.guide h3{font:700 18px/1.3 var(--body)}
.guide:hover h3{color:var(--accent)}

/* reviews slot */
.slot{border:1.5px dashed var(--line-2);border-radius:var(--r-lg);padding:32px;text-align:center;color:var(--muted);font:500 13px/1.5 var(--mono)}

/* ---------- FOOTER ---------- */
.ft{background:var(--ink);color:var(--on-ink-muted);margin-top:clamp(64px,8vw,110px);font-size:14.5px}
.ft-top{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding-block:56px 44px;border-bottom:1px solid rgba(255,255,255,.08);align-items:end}
.ft-top h2{font:800 clamp(28px,4vw,48px)/1 var(--display);letter-spacing:-.035em;color:var(--on-ink)}
.ft-top h2 span{color:var(--pop)}
.ft-news{display:flex;gap:8px;background:rgba(255,255,255,.06);border-radius:999px;padding:6px}
.ft-news input{flex:1;min-width:0;background:transparent;border:0;color:var(--on-ink);font:500 15px var(--body);padding:0 14px}
.ft-news input::placeholder{color:var(--on-ink-muted)}
.ft-news input:focus{outline:none}
.ft-news button{min-height:46px;padding:0 20px;border-radius:999px;background:var(--pop);color:var(--ink);font-weight:800}
.ft-news-msg{margin-top:10px;font-size:13px}
.ft-cols{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:28px;padding-block:44px}
.ft h4{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pop);margin:0 0 14px}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ft a{text-decoration:none}
.ft a:hover{color:var(--on-ink)}
.ft .brand{color:var(--on-ink)}
.ft-brand p{margin-top:14px;max-width:34ch}
.ft-contact{margin-top:18px;display:grid;gap:6px}
.ft-contact b{color:var(--on-ink);font-family:var(--mono);font-weight:600}
.ft-locs{padding-block:28px;border-top:1px solid rgba(255,255,255,.08)}
.ft-locs ul{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px 24px}
.ft-locs li b{color:var(--on-ink);font-weight:600;display:block}
.ft-bot{padding-block:22px calc(22px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;font-size:13px}
.ft-soc{display:flex;gap:8px}
.ft-soc a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center}
.ft-soc svg{width:16px;height:16px}
.ft-soc a:hover{background:rgba(255,255,255,.08)}
.ft-age{font:600 11px/1 var(--mono);border:1px solid rgba(255,255,255,.2);padding:6px 8px;border-radius:6px;color:var(--on-ink);margin-left:8px}

/* ---------- AGE GATE ---------- */
.ag{position:fixed;inset:0;z-index:200;background:rgba(26,17,48,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;padding:16px}
.ag-card{background:var(--cream);border-radius:28px;padding:32px 26px;max-width:420px;width:100%;text-align:center;display:grid;gap:14px;justify-items:center}
.ag-card .brand-mark{width:64px;height:64px}
.ag-card h2{font:800 26px/1.1 var(--display);letter-spacing:-.03em}
.ag-card p{color:var(--muted);font-size:15px}
.ag-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:6px}

/* ---------- RESPONSIVE (site layer) ---------- */
@media (max-width:1180px){
  .ft-cols{grid-template-columns:repeat(3,1fr)}
  .ft-brand{grid-column:1/-1}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .why{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .hd-nav,.hd-hide-m{display:none}
  .hd-burger{display:grid}
}
@media (max-width:960px){
  .hh-in,.ph-grid,.pd,.two,.strip,.ft-top{grid-template-columns:minmax(0,1fr)}
  .pd-gal,.side{position:static}
  .cities,.guides{grid-template-columns:1fr 1fr}
  .facts{grid-template-columns:repeat(2,1fr)}
  .facts div:nth-child(3){padding-left:0;border-left:0}
  .facts div:nth-child(-n+2){border-bottom:1px solid var(--line-2)}
  .dose{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  :root{--hdr:60px}
  .brand-mark{width:34px;height:34px}
  .brand-word{font-size:16px}
  .hd-cart span{display:none}
  .hh-lede,.ph-lede{font-size:16px}
  .hh-cta .mz-btn{flex:1 1 100%}
  .pick{padding:18px;border-radius:22px}
  .tiles{grid-template-columns:1fr 1fr;gap:10px}
  .tile{min-height:180px;padding:16px;border-radius:20px}
  .tile h3{font-size:20px}
  .tile p{display:none}
  .tile > svg{width:110px;height:110px}
  .strip-steps{grid-template-columns:repeat(2,1fr)}
  .why,.cities,.guides{grid-template-columns:1fr}
  .ft-cols{grid-template-columns:1fr 1fr}
  .spec{grid-template-columns:1fr}
  .spec div:nth-child(odd){padding-right:0}
  .shop-bar{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
  .shop-bar select{margin-left:0;flex:1}
  .pd-buy{grid-template-columns:1fr}
  .pd-buy .mz-step{justify-content:space-between;border-radius: 14px;}
}
.two > *,.ph-grid > *,.hh-in > *,.pd > *,.strip > *{min-width:0}
.tbl-wrap,.prose,.faq-list,.stores,.rail,.areas{min-width:0}
html,body{overflow-x:clip}
.tile > svg{top:14px;right:14px;bottom:auto;width:72px;height:72px;opacity:.55}
.tile.pop > svg{opacity:.8;color:var(--accent)}
.tile > div,.tile p,.tile-go{position:relative;z-index:1}
.pick-eta b{white-space:nowrap}
@media (max-width:640px){.tile > svg{width:48px;height:48px;top:12px;right:12px}.pick-eta b{font-size:40px}.tile-go{font-size:13px}}

/* =========================================================
   v2 · GLOBAL NAV (Shop · Bundles · Pot & Puff · Delivery · Community)
   ========================================================= */
.hd-nav{margin-left:12px}
.hd-item{position:static}
.hd-link{padding:10px 12px}
.hd-item[data-active] > .hd-link{background:var(--accent-soft);color:var(--forest)}
.hd-link.hd-bundles{background:var(--pop);color:var(--ink)}
.hd-link.hd-bundles:hover,.hd-item.open > .hd-link.hd-bundles{background:#C7F43F}
.mm{position:absolute;left:0;right:0;top:100%;display:none;padding-top:0;z-index:60}
.mm::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.hd-item:hover > .mm,.hd-item.open > .mm,.hd-item:focus-within > .mm{display:block}
.mm-in{max-width:1180px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-top:0;border-radius:0 0 28px 28px;padding:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;box-shadow:0 40px 70px -30px rgba(26,17,48,.45);animation:mm-in .22s var(--ease)}
@keyframes mm-in{from{opacity:0;transform:translateY(-6px)}}
.mm-col{display:grid;gap:2px;align-content:start}
.mm h6{margin:0 0 8px 10px;font:600 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mm-col a{display:grid;gap:2px;padding:9px 10px;border-radius:12px;text-decoration:none}
.mm-col a:hover,.mm-col a:focus-visible{background:var(--cream)}
.mm-col a b{font-size:15px;font-weight:700}
.mm-col a span{font-size:12.5px;color:var(--muted)}
.mm-feat{border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--on-ink);background:radial-gradient(circle at 85% 10%,rgba(255,111,89,.55),transparent 55%),linear-gradient(160deg,var(--forest),var(--ink));min-height:200px}
.mm-feat small{font:600 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pop)}
.mm-feat b{font:800 22px/1.1 var(--display);letter-spacing:-.03em}
.mm-feat span{margin-top:auto;font-weight:700;color:var(--pop)}
.mm-pp .mm-feat{background:radial-gradient(circle at 80% 20%,rgba(212,255,90,.45),transparent 55%),linear-gradient(160deg,#2A2622,#140C24)}

/* delivery-area selector */
.area{position:relative}
.area-btn{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 12px 4px 10px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--card);text-align:left}
.area-btn:hover{border-color:var(--forest)}
.area-btn > svg:first-child{width:18px;height:18px;color:var(--pop);flex-shrink:0}
.area-btn > svg:last-child{width:10px;height:10px}
.area-lbl{display:grid;line-height:1.1}
.area-lbl small{font:600 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.area-lbl b{font-size:13.5px;white-space:nowrap}
.area-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:8px;display:none;box-shadow:0 30px 60px -24px rgba(26,17,48,.4);z-index:70}
.area.open .area-pop{display:grid}
.area-pop button{text-align:left;padding:11px 12px;border-radius:10px;font-weight:600;font-size:14.5px;display:flex;justify-content:space-between;align-items:center}
.area-pop button:hover{background:var(--cream)}
.area-pop button[aria-checked="true"]::after{content:"●";color:var(--pop);font-size:10px}
.area-pop a{padding:11px 12px;font-size:13.5px;font-weight:700;color:var(--forest);text-decoration:none;border-top:1px solid var(--line);margin-top:4px}
.dr-area{background:var(--ink);color:var(--on-ink);border-radius:18px;padding:12px;margin-bottom:10px}
.dr-area small{display:flex;align-items:center;gap:6px;font:600 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-ink-muted)}
.dr-area small svg{width:14px;height:14px;color:var(--pop)}
.dr-area > div{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}
.dr-area button{min-height:42px;border-radius:10px;background:rgba(255,255,255,.07);font-weight:700;font-size:14px}
.dr-area button[aria-pressed="true"]{background:var(--pop);color:var(--ink)}
.dr-quick a.hot{background:var(--pop);border-color:var(--pop)}
.dr details a{display:block}
@media (max-width:1180px){.area-lbl small{display:none}.hd-link{padding:10px 9px;font-size:14.5px}}
@media (max-width:1024px){.area{display:none}}

/* =========================================================
   v2 · PAGE THEMES — same system, different accent per page
   ========================================================= */
/* page identities: same system, different accent */
.t-home,.t-shop,.t-product,.t-search,.t-community,.t-expansion{--accent:#7B4DFF;--accent-soft:#EEE8FF}
.t-strain{--accent:#7A4A1F;--accent-soft:#F1E6D6}
.t-micro{--accent:#2F6FB0;--accent-soft:#E4F0FB}
.t-caps{--accent:#0F7C7A;--accent-soft:#DDF3F1}
.t-edible{--accent:#A8325E;--accent-soft:#FBE4EC}
.t-bundles{--accent:#5B3FD6;--accent-soft:#E9E3FF}
.t-pp{--accent:#E0543F;--accent-soft:#FFE5E0}
.t-delivery{--accent:#16895A;--accent-soft:#E3F6EC}
.t-news,.t-edu,.t-help,.t-account,.t-checkout,.t-policy{--accent:#5B3FD6;--accent-soft:#EEE8FF}
.mz-eyebrow{color:var(--accent)}
.mz-sec-head h2 em,.ph h1 em{color:var(--accent)}
.ph-ink h1 em,.hh h1 em{color:var(--pop)}

/* section surfaces */
.s-dark{background:var(--ink);color:var(--on-ink)}
.s-forest{background:var(--forest);color:var(--on-ink)}
.s-dark .mz-eyebrow,.s-forest .mz-eyebrow,.s-psy .mz-eyebrow{color:var(--pop)}
.s-dark .mz-sec-head h2 em,.s-forest .mz-sec-head h2 em,.s-psy .mz-sec-head h2 em{color:var(--pop)}
.s-dark .mz-sec-head p,.s-forest .mz-sec-head p,.s-psy .mz-sec-head p{color:var(--on-ink-muted)}
.s-psy{color:var(--on-ink);background:radial-gradient(60% 80% at 15% 20%,rgba(123,77,255,.55),transparent 60%),radial-gradient(50% 70% at 85% 80%,rgba(212,255,90,.35),transparent 60%),var(--ink)}
.paper{background-color:var(--cream);background-image:radial-gradient(rgba(122,74,31,.06) 1px,transparent 1.2px);background-size:6px 6px}

/* potency pill */
.pot{display:inline-flex;align-items:center;gap:6px;font:600 11.5px/1 var(--mono);padding:5px 8px;border-radius:999px;white-space:nowrap}
.pot::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.pot-1{background:#E3F6EC;color:#16895A}
.pot-2{background:#FFF3C4;color:#7A5A00}
.pot-3{background:#FFE5E0;color:#C2341F}
.tag{font:600 11px/1 var(--mono);padding:5px 7px;border-radius:6px;background:var(--cream);color:var(--muted)}
.stock{font:600 11.5px/1 var(--mono);color:var(--good)}
.stock::before{content:"● ";font-size:9px}
.stock.out{color:#C2341F}
.mz-icon-btn{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;color:var(--text);flex-shrink:0}
.mz-icon-btn:hover{background:var(--accent-soft)}
.mz-icon-btn svg{width:20px;height:20px}
.pick-eta{flex-wrap:wrap}
.pick-status{white-space:normal}
.hd-burger{display:none}
.hd-link{white-space:nowrap}
.lib-f-foot{margin-top:6px;box-shadow:0 -12px 16px -8px var(--cream)}
@media (max-width:1024px){ .hd-burger{display:grid} .hd-act .hd-hide-m{display:none} }
@media (max-width:420px){ .hd-in{gap:6px} .brand-word{font-size:15px} .hd-cart{padding:8px 10px} }

/* ==== pagekit.css ==== */

/* page components (v2) */
.byline{font:500 13px/1.4 var(--mono);color:var(--muted)}
.byline b{color:var(--text)}
.s-dark .byline,.ph-ink .byline{color:var(--on-ink-muted)}.s-dark .byline b{color:var(--on-ink)}
.portals{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.portal{grid-column:span 2;position:relative;border-radius:28px;padding:24px;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;text-decoration:none;color:#fff;overflow:hidden;isolation:isolate;transition:transform .35s var(--ease)}
.portal:hover{transform:translateY(-4px)}
.portal::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(170deg,hsl(var(--h) 40% 34%),hsl(calc(var(--h) + 30) 45% 16%))}
.portal > svg{position:absolute;right:-24px;top:-24px;width:190px;height:190px;opacity:.22;transition:transform .6s var(--ease)}
.portal:hover > svg{transform:rotate(-12deg) scale(1.05)}
.portal small{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.portal h3{font:800 clamp(26px,3vw,38px)/1 var(--display);letter-spacing:-.035em}
.portal p{font-size:14.5px;opacity:.85;max-width:30ch}
.portal .go{margin-top:8px;align-self:flex-start;background:rgba(255,255,255,.14);padding:9px 14px;border-radius:999px;font-weight:700;font-size:14px}
.portal.wide{grid-column:span 3;min-height:300px}
.portal.orange{color:var(--ink)}.portal.orange::before{background:radial-gradient(circle at 80% 10%,rgba(123,77,255,.45),transparent 50%),linear-gradient(160deg,#C7F43F,var(--pop))}
.portal.orange .go{background:var(--ink);color:var(--pop)}
.portal.smoke::before{background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.08),transparent 50%),linear-gradient(160deg,#2A1D48,#140C24)}
.portal.smoke small{color:var(--pop);opacity:1}
.xps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.xp{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px;display:grid;gap:8px;text-decoration:none;position:relative;overflow:hidden;transition:border-color .2s,transform .25s var(--ease)}
.xp::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:hsl(var(--h) 45% 60% / .22)}
.xp:hover{border-color:var(--forest);transform:translateY(-3px)}
.xp small{font:600 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.xp h3{font:800 22px/1.05 var(--display);letter-spacing:-.03em}
.xp p{font-size:14.5px;color:var(--muted)}
.xp span{font-weight:700;color:var(--forest)}
.use{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1.5px solid var(--ink)}
.use div{padding:22px 20px 6px 0;display:grid;gap:8px;align-content:start}
.use div+div{padding-left:20px;border-left:1px solid var(--line-2)}
.use b{font:700 18px/1.2 var(--display);letter-spacing:-.02em}
.use p{font-size:14.5px;color:var(--muted)}
.comm{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}
.comm a{border-radius:24px;padding:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-decoration:none;display:flex;flex-direction:column;gap:10px;min-height:220px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s}
.comm a:hover{background:rgba(255,255,255,.1)}
.comm small{font:600 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pop)}
.comm h3{font:700 22px/1.15 var(--display);letter-spacing:-.02em}
.comm p{color:var(--on-ink-muted);font-size:14.5px}
.comm span{margin-top:auto;font-weight:700}
.comm a:first-child{grid-row:span 2;background:linear-gradient(160deg,rgba(123,77,255,.35),rgba(212,255,90,.18));min-height:100%}
.comm a:first-child h3{font-size:clamp(28px,3.4vw,42px);line-height:1}
.avail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.avail a{border-radius:24px;padding:22px;background:var(--ink-2);border:1px solid rgba(255,255,255,.08);text-decoration:none;display:grid;gap:10px}
.avail a:hover{border-color:var(--pop)}
.avail h3{font:800 26px/1 var(--display);letter-spacing:-.03em}
.avail dl{margin:0;display:grid;gap:0}
.avail dl div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid rgba(255,255,255,.08);font-size:14px}
.avail dt{color:var(--on-ink-muted)}.avail dd{margin:0;font-family:var(--mono)}
.avail small{font:600 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pop)}
/* shop hub */
.cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cat{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:10px;display:flex;flex-direction:column;gap:14px}
.cat-art{border-radius:20px;aspect-ratio:16/9;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.3),transparent 55%),linear-gradient(150deg,hsl(var(--h) 42% 50%),hsl(calc(var(--h) + 35) 45% 30%));position:relative}
.cat-art svg{width:32%;color:#FFFFFF;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}
.cat-art .n{position:absolute;left:12px;top:12px;font:600 11px/1 var(--mono);background:var(--card);padding:6px 8px;border-radius:8px}
.cat-b{padding:4px 12px 12px;display:grid;gap:10px;flex:1}
.cat h2{font:800 26px/1.05 var(--display);letter-spacing:-.03em}
.cat h2 a{text-decoration:none}
.cat p{color:var(--muted);font-size:15px}
.cat ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.cat li a{display:inline-block;font-size:13px;font-weight:600;padding:7px 11px;border-radius:999px;background:var(--cream);text-decoration:none}
.cat li a:hover{background:var(--accent-soft)}
.cat-f{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.cat-f span{font:600 13px/1 var(--mono);color:var(--muted)}
.cat-f a{background:var(--pop);color:var(--ink);font-weight:800;font-size:14px;text-decoration:none;padding:11px 16px;border-radius:999px}
.start{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.start a{border:1.5px solid var(--forest);border-radius:20px;padding:18px;text-decoration:none;display:grid;gap:6px;background:var(--card);transition:background .2s,color .2s}
.start a:hover{background:var(--forest);color:var(--on-ink)}
.start a:hover span{color:var(--pop)}
.start b{font:700 17px/1.2 var(--display);letter-spacing:-.02em}
.start span{font-size:14px;color:var(--muted)}
.pp-note{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:28px;padding:24px 28px;color:var(--on-ink);background:radial-gradient(circle at 90% 20%,rgba(212,255,90,.4),transparent 45%),linear-gradient(160deg,#2A1D48,#140C24)}
.pp-note h2{font:800 clamp(24px,3vw,34px)/1 var(--display);letter-spacing:-.03em}
.pp-note p{color:var(--on-ink-muted)}
/* strain library */
.lib{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.lib-f{position:sticky;top:calc(var(--hdr) + 16px);display:grid;gap:18px}
.lib-f fieldset{border:0;margin:0;padding:0 0 16px;border-bottom:1px solid var(--line-2);display:grid;gap:8px}
.lib-f legend{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding:0}
.lib-f label{display:flex;align-items:center;gap:10px;font-size:15px;min-height:36px;cursor:pointer}
.lib-f input[type=checkbox]{width:20px;height:20px;accent-color:var(--forest)}
.lib-f input[type=range]{width:100%;accent-color:var(--pop)}
.lib-f .rng{display:flex;justify-content:space-between;font:600 13px/1 var(--mono)}
.lib-f-head{display:none}
.lib-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.lib-bar select{min-height:44px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--card);padding:0 14px;font:600 14px var(--body);color:var(--text);margin-left:auto}
.lib-open{display:none}
.legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.legend div{border-radius:20px;padding:18px;background:var(--card);border:1px solid var(--line);display:grid;gap:8px}
.legend p{font-size:14.5px;color:var(--muted)}
.t-strain .ph{background-color:var(--cream)}
/* product */
.pd-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--ink);color:var(--on-ink);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));display:none;align-items:center;gap:12px;transform:translateY(110%);transition:transform .3s var(--ease);border-radius:20px 20px 0 0}
.pd-bar.show{transform:none}
.pd-bar b{font:700 18px/1 var(--mono);display:block}
.pd-bar small{font-size:12px;color:var(--on-ink-muted)}
.pd-bar .mz-cta{width:auto;flex:1;min-height:50px}
.pd-elig{margin-top:14px;display:flex;align-items:center;gap:10px;font-size:14.5px;background:var(--accent-soft);border-radius:14px;padding:12px 14px}
.pd-elig svg{width:20px;height:20px;color:var(--forest);flex-shrink:0}
.empty{border:1.5px dashed var(--line-2);border-radius:24px;padding:24px;display:grid;gap:12px;justify-items:start}
.empty p{color:var(--muted)}
.field-err{color:#B42318;font-size:13px;font-weight:600}
.form input[aria-invalid="true"],.form textarea[aria-invalid="true"]{border-color:#B42318}
/* bundles v2 */
.grp{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:18px;padding-bottom:4px}
.grp::-webkit-scrollbar{display:none}
.grp .mz-chip[aria-pressed="true"]{background:var(--hot);border-color:var(--hot);color:#fff}
.mz-combo .detail{font-size:13.5px;font-weight:700;color:var(--accent);text-decoration:none}
.mz-combo .avail-l{font:600 11.5px/1 var(--mono);color:var(--good)}
@media (max-width:1100px){.portals{grid-template-columns:repeat(2,minmax(0,1fr))}.portal,.portal.wide{grid-column:span 1}.portal.wide:first-child{grid-column:1/-1}.xps,.cats{grid-template-columns:repeat(2,minmax(0,1fr))}.comm{grid-template-columns:1fr 1fr}.comm a:first-child{grid-row:auto;grid-column:1/-1}.start{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){
 .lib{grid-template-columns:minmax(0,1fr)}
 .lib-open{display:inline-flex}
 .lib-f{position:fixed;inset:auto 0 0 0;z-index:95;background:var(--cream);border-radius:24px 24px 0 0;max-height:86vh;overflow:auto;padding:0 20px calc(20px + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .35s var(--ease);box-shadow:0 -30px 60px rgba(0,0,0,.3)}
 .lib-f.open{transform:none}
 .lib-f-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--cream);padding:16px 0 10px;z-index:1}
 .lib-f-foot{position:sticky;bottom:0;background:var(--cream);padding-top:10px}
 .avail,.use{grid-template-columns:minmax(0,1fr)}.use div+div{padding-left:0;border-left:0;border-top:1px solid var(--line-2)}
 .legend{grid-template-columns:minmax(0,1fr)}
 .pd-bar{display:flex}
}
@media (max-width:640px){.portals,.xps,.cats,.comm,.start{grid-template-columns:minmax(0,1fr)}.portal{min-height:220px}.portal.wide{min-height:240px}}

/* ==== app.css ==== */
/* =========================================================
   Fungi Delivery · app layer (v3) — header utilities, mega menus,
   drawer, listing template, product, commerce, account, editorial
   ========================================================= */
:root{--hdr:68px;--bp-sm:640px;--bp-md:960px;--bp-lg:1180px}

/* ---------- announcement bar (single list; CSS-only motion) ---------- */
.ann{background:var(--ink);color:var(--pop);overflow:hidden;font:600 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.ann-track{list-style:none;margin:0;padding:10px var(--gutter);display:flex;gap:36px;justify-content:center;white-space:nowrap}
.ann-track li{display:inline-flex;align-items:center;gap:36px}
.ann-track li+li::before{content:"✳";color:var(--hot);margin-right:0}
@media (max-width:1100px){.ann-track{justify-content:flex-start;width:max-content;animation:ann 40s linear infinite}.ann:hover .ann-track,.ann:focus-within .ann-track{animation-play-state:paused}}
@keyframes ann{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% + 100vw))}}

/* ---------- header utilities ---------- */
.hd-in{gap:10px}
.hd-cart{gap:6px;padding:8px 12px}
.hd-cart-i svg{width:18px;height:18px;display:block}
.hd-min{position:sticky}
.hd-min .hd-in{justify-content:space-between}
.hd-secure{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--mono);color:var(--muted)}
.hd-secure svg{width:16px;height:16px}
.hd-back{font-weight:700;font-size:14px;text-decoration:none}
@media (max-width:1280px){.hd-wide{display:none}}
@media (max-width:1180px){.hd-cart-t{display:none}}
@media (max-width:640px){.hd-secure{display:none}}

/* ---------- mega menus v3 ---------- */
.mm-in{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.1fr);max-width:1240px}
.mm-in.mm-3{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.1fr)}
.mm-in.mm-shop{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,1.2fr);gap:10px 18px}
.mm-in.mm-pp{grid-template-columns:repeat(4,minmax(0,1fr))}
.mm-col h6 a{color:inherit;text-decoration:none}
.mm-col h6 a:hover{color:var(--accent)}
.mm-col ul{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.mm-col li a{display:block;padding:7px 10px;border-radius:10px;font-size:14.5px;font-weight:600;text-decoration:none}
.mm-col li a:hover,.mm-col li a:focus-visible{background:var(--cream);color:var(--accent)}
.mm-shop .mm-feat{min-height:auto}
.mm-dark .mm-in{background:#1E1433;border-color:#2F2448;color:var(--on-ink)}
.mm-dark h6,.mm-dark .mm-col li a{color:var(--on-ink)}
.mm-dark h6 a{color:var(--hot)}
.mm-dark .mm-col li a:hover{background:rgba(255,255,255,.07);color:var(--pop)}
.mm-lead{grid-column:1/-1;margin:0 0 6px 10px;color:var(--on-ink-muted);font-size:14px}
.mm-lead b{font:800 20px/1 var(--display);color:var(--on-ink);margin-right:10px}
@media (max-width:1180px){.mm-in.mm-shop{grid-template-columns:repeat(5,minmax(0,1fr))}.mm-shop .mm-feat{display:none}}

/* ---------- drawer v3 (own scroll, sticky footer) ---------- */
.dr-panel{padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden}
.dr-top{padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 10px;margin:0;border-bottom:1px solid var(--line)}
.dr-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px 20px}
.dr-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--cream)}
.dr-foot .mz-btn{width:100%}
.dr-acc details{border-bottom:1px solid var(--line)}
.dr-acc summary{min-height:52px;align-items:center}
.dr-links{display:grid;padding-bottom:10px}
.dr-links a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;text-decoration:none;color:var(--text);font-weight:500}
.dr-links a:hover{background:var(--card)}
.dr-util{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.dr-util a{min-height:44px;display:flex;align-items:center;padding:0 12px;border-radius:12px;background:var(--card);border:1px solid var(--line);text-decoration:none;font-weight:600;font-size:14px}

/* ---------- search overlay suggestions ---------- */
.srch-sug{max-width:680px;margin:10px auto 0;background:var(--card);border-radius:20px;overflow:hidden;display:none}
.srch-sug.on{display:block}
.srch-sug a{display:flex;gap:12px;align-items:center;padding:12px 16px;text-decoration:none;border-bottom:1px solid var(--line)}
.srch-sug a:hover,.srch-sug a[aria-selected="true"]{background:var(--cream)}
.srch-sug small,.type{font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 7px;border-radius:6px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}
.srch-sug span{flex:1;font-weight:600}

/* ---------- section numbering (from the bundle page) ---------- */
.num{display:inline-flex;align-items:baseline;gap:12px}
.num b{font:800 clamp(16px,1.6vw,20px)/1 var(--display);color:var(--accent);letter-spacing:-.02em}
.s-dark .num b,.s-psy .num b,.s-forest .num b{color:var(--pop)}

/* ---------- LISTING TEMPLATE ---------- */
.lst-head{padding-block:22px 28px}
.lst-head h1{font:800 clamp(34px,5vw,64px)/.98 var(--display);letter-spacing:-.035em;margin-top:14px;max-width:18ch}
.lst-head h1 em{font-style:normal;color:var(--accent)}
.lst-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:start}
.lst-intro p.lede{margin-top:14px;font-size:17px;color:var(--muted);max-width:60ch}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block:4px}
.chips::-webkit-scrollbar{display:none}
.chips a,.chips button{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--card);font-weight:600;font-size:14px;text-decoration:none}
.chips a[aria-current="page"],.chips button[aria-pressed="true"]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.chips a.hi{background:var(--pop);border-color:var(--pop);color:var(--ink)}
.lst{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start}
.lst-bar{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hdr));z-index:20;background:var(--cream);display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-block:10px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.lst-bar .count{font:500 14px/1 var(--mono);color:var(--muted)}
.lst-bar select{min-height:44px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--card);padding:0 14px;font:600 14px var(--body);color:var(--text);margin-left:auto}
.lst-filters-btn{display:none}
.active-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%}
.active-chips:empty{display:none}
.active-chips button{min-height:34px;padding:0 10px 0 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:600 13px var(--body);display:inline-flex;gap:6px;align-items:center}
.active-chips button::after{content:"✕";font-size:11px}
.pgn{display:flex;gap:6px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.pgn a,.pgn span{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:12px;border:1.5px solid var(--line-2);font:600 14px var(--mono);text-decoration:none;padding:0 12px}
.pgn [aria-current]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.empty-state{border:1.5px dashed var(--line-2);border-radius:24px;padding:32px;display:grid;gap:12px;justify-items:start;grid-column:1/-1}
.empty-state h2,.empty-state h3{font:700 20px/1.2 var(--display);letter-spacing:-.02em}
.empty-state p{color:var(--muted);max-width:60ch}
.empty-state .chips{flex-wrap:wrap}

/* product card v3 — whole card is one link target; buttons are siblings, never nested */
.mz-pc{position:relative}
.mz-pc h3 a{text-decoration:none;color:inherit}
.mz-pc h3 a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
/* .mz-pc:focus-within{outline:3px solid var(--accent);outline-offset:2px} */
.mz-pc h3 a:focus-visible{outline:none}
.mz-pc .mz-ctl,.mz-pc .mz-add,.mz-pc .wish{position:relative;z-index:2}
.mz-pc .tags{display:flex;flex-wrap:wrap;gap:4px}
.mz-pc .fmt{font-size:12.5px;color:var(--muted)}
.mz-pc .save-l{font:700 11.5px/1 var(--mono);color:var(--good)}
.wish{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;z-index:2}
.wish svg{width:18px;height:18px}
.wish[aria-pressed="true"] svg{fill:var(--hot);color:var(--hot)}
.mz-pv-sale{right:auto;left:auto;top:auto;bottom:8px;left:8px}
.soldout .mz-add{opacity:.5;pointer-events:none}

/* category education */
.edu{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.rel{display:flex;flex-wrap:wrap;gap:8px}
.rel a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;background:var(--card);border:1.5px solid var(--line);text-decoration:none;font-weight:600;font-size:14px}
.rel a:hover{border-color:var(--accent);color:var(--accent)}
.tint{background:var(--accent-soft)}

/* experience grid on hubs */
.xgroup{scroll-margin-top:calc(var(--hdr) + 70px)}
.xgroup + .xgroup{margin-top:48px}
.xgroup h2{font:800 clamp(24px,3vw,36px)/1.05 var(--display);letter-spacing:-.03em}

/* ---------- PRODUCT DETAIL v3 ---------- */
.pd-swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;border-radius:28px;scrollbar-width:none}
.pd-swipe::-webkit-scrollbar{display:none}
.pd-swipe .pd-main{flex:0 0 100%;scroll-snap-align:start}
.pd-dots{display:none;justify-content:center;gap:6px;margin-top:10px}
.pd-dots i{width:8px;height:8px;border-radius:50%;background:var(--line-2)}
.pd-dots i.on{background:var(--ink)}
.pd-rev{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);text-decoration:none}
.pd-cash{margin-top:12px;font-size:14px;display:flex;gap:8px;align-items:center}
.pd-cash b{font-family:var(--mono)}
.pd-acts{display:flex;gap:8px;margin-top:10px}
.pd-acc details{border-bottom:1px solid var(--line)}
.pd-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:60px;font:700 18px/1.2 var(--display);letter-spacing:-.02em}
.pd-acc summary::-webkit-details-marker{display:none}
.pd-acc summary::after{content:"+";font:500 22px var(--mono);color:var(--accent)}
.pd-acc details[open] summary::after{content:"–"}
.pd-acc .in{padding-bottom:20px}

/* ---------- COMMERCE: cart, checkout ---------- */
.cart{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}
.cart-lines{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cart-line{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:12px}
.cart-line .th{width:88px;height:88px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,hsl(var(--h) 48% 62%),hsl(calc(var(--h) + 45) 48% 48%))}
.cart-line .th svg{width:50%;color:#fff}
.cart-line h3{font:700 16px/1.25 var(--body)}
.cart-line small{color:var(--muted);font-size:13px}
.cart-line .rm{font-size:13px;font-weight:600;color:var(--muted);text-decoration:underline;margin-top:6px}
.cart-line .r{display:grid;justify-items:end;gap:8px}
.sum{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px;display:grid;gap:14px;position:sticky;top:calc(var(--hdr) + 16px)}
.sum h2{font:800 22px/1 var(--display);letter-spacing:-.02em}
.sum dl{margin:0;display:grid;gap:8px;font-size:15px}
.sum dl div{display:flex;justify-content:space-between;gap:12px}
.sum dt{color:var(--muted)}
.sum dd{margin:0;font-family:var(--mono)}
.sum .tot{padding-top:12px;border-top:1px solid var(--line);font-weight:700}
.sum .tot dd{font:700 24px/1 var(--mono)}
.sum .sv dd{color:var(--good)}
.coupon{display:flex;gap:8px}
.coupon input{flex:1;min-width:0;min-height:48px;border-radius:14px;border:1.5px solid var(--line-2);padding:0 14px;font:600 15px var(--mono);text-transform:uppercase}
.prog{height:8px;border-radius:4px;background:var(--line);overflow:hidden}
.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--hot));border-radius:4px;transition:width .5s var(--ease)}
.co{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start;padding-block:28px 60px}
.co-step{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px;display:grid;gap:14px}
.co-step + .co-step{margin-top:14px}
.co-step h2{font:700 20px/1.2 var(--display);letter-spacing:-.02em;display:flex;gap:10px;align-items:center}
.co-step h2 span{width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--pop);display:grid;place-items:center;font:700 14px var(--mono)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.opt-cards{display:grid;gap:8px}
.opt-cards label{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1.5px solid var(--line-2);border-radius:16px;padding:14px;cursor:pointer;font-weight:600}
.opt-cards label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.opt-cards input{width:20px;height:20px;accent-color:var(--accent)}
.opt-cards small{display:block;font-weight:500;color:var(--muted);font-size:13px}
.opt-cards em{font-style:normal;font:600 13px var(--mono)}
.chk-row{display:flex;gap:5px;align-items:flex-start;font-size:14.5px}
.chk-row input {width: 20px;height: 20px;margin-top: 2px;accent-color: var(--accent);min-height: auto;}

/* form states (shared) */
.form label,.fld{display:grid;gap:6px;font-weight:600;font-size:14px}
.fld input,.fld select,.fld textarea{min-height:50px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--card);padding:12px 14px;font:500 16px var(--body);color:var(--text)}
.fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
[aria-invalid="true"]{border-color:var(--bad)!important;box-shadow:0 0 0 3px rgba(194,52,31,.12)!important}
.field-err{color:var(--bad);font-size:13px;font-weight:600}
.form-ok{background:#E3F6EC;color:var(--good);padding:14px 16px;border-radius:14px;font-weight:600}
.form-bad{background:var(--hot-soft);color:var(--bad);padding:14px 16px;border-radius:14px;font-weight:600}
.hint{font-weight:500;color:var(--muted);font-size:13px}

/* ---------- ACCOUNT ---------- */
.acct{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start;padding-block:28px 60px}
.acct-nav{display:grid;gap:4px;position:sticky;top:calc(var(--hdr) + 16px)}
.acct-nav a{min-height:44px;display:flex;align-items:center;padding:0 14px;border-radius:12px;text-decoration:none;font-weight:600}
.acct-nav a[aria-current]{background:var(--ink);color:var(--on-ink)}
.acct-nav a:hover:not([aria-current]){background:var(--card)}
.acct h1{font:800 32px/1.1 var(--display);letter-spacing:-.03em}
.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;gap:12px}
.panel h2{font:700 18px/1.2 var(--display);letter-spacing:-.01em}
.panels{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.auth{/* max-width:1000px; */margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:32px 64px}
.tabs-row{display:flex;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px;width:max-content;max-width:100%}
.tabs-row button{min-height:40px;padding:0 16px;border-radius:999px;font-weight:700;font-size:14px}
.tabs-row button[aria-selected="true"]{background:var(--ink);color:var(--on-ink)}
.status-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
.status-steps li{display:grid;grid-template-columns:28px 1fr;gap:0px 5px;padding-bottom:8px;position:relative}
.status-steps li::before{content:"";width:14px;height:14px;border-radius:50%;border:3px solid var(--accent);background:var(--card);margin:3px 0 0 4px}
.status-steps li::after{content:"";position:absolute;left:10px;top:20px;bottom:0;width:2px;background:var(--line-2)}
.status-steps li:last-child::after{display:none}
.status-steps b{display:block}
.status-steps span{font-size:14px;color:var(--muted)}

/* ---------- EDITORIAL: news, guides, community ---------- */
.news-feat{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:14px;text-decoration:none}
.news-img{aspect-ratio:16/10;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(150deg,hsl(var(--h,260) 45% 34%),hsl(calc(var(--h,260) + 40) 45% 18%));display:flex;align-items:flex-end;padding:18px}
.news-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.news-img span{position:relative;font:800 20px/1.1 var(--display);color:#fff;max-width:16ch;letter-spacing:-.02em}
.news-feat h2{font:800 clamp(21px,2vw,30px)/1.45 var(--display);letter-spacing:-.03em}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.news-card{display:flex;flex-direction:column;gap:10px;text-decoration:none}
.news-card h3{font:700 18px/1.3 var(--body)}
.news-card:hover h3{color:var(--accent)}
.meta{display:flex;flex-wrap:wrap;gap:6px 12px;font:500 12.5px/1.3 var(--mono);color:var(--muted)}
.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}
.art-body{/* max-width:68ch; */display:grid;gap:18px;font-size:18px;line-height:1.7}
.art-body h2{font:800 clamp(24px,2.8vw,32px)/1.15 var(--display);letter-spacing:-.03em;margin-top:18px}
.art-body p{color:#3F3658}
.art-lead{font-size:21px;line-height:1.55;color:var(--text)}
.art h1{font:800 clamp(32px,4.8vw,58px)/1.02 var(--display);letter-spacing:-.035em;max-width:22ch;margin-top:14px}
.toc{display:grid;gap:4px;font-size:14px}
.toc a{text-decoration:none;padding:6px 0;border-left:2px solid var(--line);padding-left:12px}
.toc a:hover{border-color:var(--accent);color:var(--accent)}
.share{display:flex;gap:8px;flex-wrap:wrap}
.share a,.share button{min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line-2);display:inline-flex;align-items:center;font-weight:600;font-size:13.5px;text-decoration:none;background:var(--card)}
.def{border-left:4px solid var(--accent);background:var(--card);padding:16px 18px;border-radius:0 16px 16px 0}
.def dt{font:700 16px var(--display)}
.def dd{margin:4px 0 0;color:var(--muted)}
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:0;border-left:2px solid var(--line-2);margin-left:10px}
.timeline li{padding:0 0 28px 28px;position:relative}
.timeline li::before{content:"";position:absolute;left:-9px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--pop);border:3px solid var(--ink)}
.timeline b{font:700 18px/1.2 var(--display);display:block;letter-spacing:-.02em}
.timeline p{color:var(--muted);margin-top:6px;max-width:60ch}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;counter-reset:st}
.steps li{counter-increment:st;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px 20px 20px 72px;position:relative;display:grid;gap:6px}
.steps li::before{content:counter(st,decimal-leading-zero);position:absolute;left:18px;top:18px;font:800 22px/1 var(--display);color:var(--accent)}
.steps h3{font:700 18px/1.2 var(--display);letter-spacing:-.02em}
.steps p{color:var(--muted);font-size:15px}
.quote{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;display:grid;gap:14px;margin: 0px;}
.quote blockquote{margin:0;font:600 19px/1.45 var(--body)}
.quote figcaption{font:600 13px var(--mono);color:var(--muted)}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.s-psy .quote{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);margin: 0px;backdrop-filter: blur(80px);}
.s-psy .quote figcaption{color:var(--on-ink-muted)}

/* map */
.map{background:var(--ink);border-radius:28px;padding:16px;position:relative;overflow:hidden}
.map svg{width:100%;height:auto;display:block}
.map .route{stroke-dasharray:6 6;animation:route 3s linear infinite}
@keyframes route{to{stroke-dashoffset:-24}}
.legend-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;color:var(--on-ink-muted);font-size:13px}
.legend-row i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:0}

/* help centre */
.subjects{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.subjects a{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;gap:6px;text-decoration:none;min-height:110px;align-content:start}
.subjects a:hover{border-color:var(--accent)}
.subjects b{font:700 16px/1.2 var(--display);letter-spacing:-.01em}
.subjects span{font-size:13px;color:var(--muted)}
.qa details{border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--hdr) + 20px)}
.qa details:target{background:var(--accent-soft);border-radius:12px;padding-inline:12px}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font:700 17px/1.35 var(--body)}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";font:500 22px/1 var(--mono);color:var(--accent);transition:transform .2s}
.qa details[open] summary::after{transform:rotate(45deg)}
.qa .a{padding-bottom:18px;display:grid;gap:10px;color:#3F3658;max-width:70ch}
.qa .a p:first-child{color:var(--text);font-weight:600}
.helpful{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);flex-wrap:wrap}
.helpful button{min-height:34px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line-2);font-weight:600;font-size:13px}
.helpful button[aria-pressed="true"]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.help-grp{scroll-margin-top:calc(var(--hdr) + 20px)}
.help-grp + .help-grp{margin-top:36px}
.help-grp h2{font:800 26px/1.1 var(--display);letter-spacing:-.03em;margin-bottom:6px}
.paths{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.paths label{border:1.5px solid var(--line-2);border-radius:18px;padding:14px;display:grid;gap:4px;cursor:pointer;background:var(--card)}
.paths label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.paths input{position:absolute;opacity:0}
.paths b{font-size:15px}
.paths span{font-size:13px;color:var(--muted);font-weight:500}
.paths label:focus-within{outline:3px solid var(--accent);outline-offset:2px}

/* pot & puff world */
.t-pp .pp-hero{background:radial-gradient(60% 90% at 80% 10%,rgba(255,111,89,.25),transparent 60%),radial-gradient(50% 80% at 10% 90%,rgba(255,255,255,.06),transparent 60%),#140C24;color:var(--on-ink)}
.pp-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pp-tile{border-radius:22px;padding:20px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:var(--on-ink);background:linear-gradient(160deg,#2A1D48,#140C24);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.pp-tile::after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,111,89,.35),transparent 70%)}
.pp-tile:hover{border-color:var(--hot)}
.pp-tile small{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hot)}
.pp-tile b{font:800 24px/1.05 var(--display);letter-spacing:-.03em}
.pp-tile span{font-size:13.5px;color:var(--on-ink-muted)}
.pp-tile.soon{opacity:.7}
.t-pp .mz-pv{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 55%),linear-gradient(150deg,#3A2B5E,#140C24)}

/* 404 */
.nf{min-height:60vh;display:grid;place-items:center;text-align:center;padding-block:64px}
.nf h1{font:800 clamp(64px,14vw,180px)/.9 var(--display);letter-spacing:-.06em;color:var(--accent)}
.nf p{font-size:18px;color:var(--muted);max-width:44ch;margin:16px auto 0}

/* ---------- RESPONSIVE (app layer) ---------- */
@media (max-width:1100px){.subjects{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid,.quotes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){
 .lst-intro,.edu,.cart,.co,.art,.acct,.auth,.news-feat{grid-template-columns:minmax(0,1fr)}
 .lst{grid-template-columns:minmax(0,1fr)}
 .lst-filters-btn{display:inline-flex}
 .lst .lib-f{position:fixed;inset:auto 0 0 0;z-index:95;background:var(--cream);border-radius:24px 24px 0 0;max-height:88vh;overflow:auto;padding:0 20px calc(20px + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .35s var(--ease);box-shadow:0 -30px 60px rgba(0,0,0,.3)}
 .lst .lib-f.open{transform:none}
 .lst .lib-f-head{display:flex}
 .sum,.acct-nav{position:static}
 .acct-nav{display:flex;overflow-x:auto;scrollbar-width:none}
 .acct-nav a{flex-shrink:0}
 .steps{grid-template-columns:minmax(0,1fr)}
 .pd-dots{display:flex}
}
@media (max-width:640px){
 .mz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .subjects{grid-template-columns:repeat(2,minmax(0,1fr))}
 .news-grid,.quotes,.pp-tiles,.grid2{grid-template-columns:minmax(0,1fr)}
 .cart-line{grid-template-columns:64px minmax(0,1fr)}
 .cart-line .th{width:64px;height:64px}
 .cart-line .r{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}
 .lst-bar select{margin-left:0;flex:1}
}
@media (max-width:360px){.mz-grid{grid-template-columns:minmax(0,1fr)}.subjects{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ann-track{animation:none!important}.map .route{animation:none}}
.cats-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.cats-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cats-4{grid-template-columns:minmax(0,1fr)}}
.area-dir li{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 14px;min-height:48px}
.area-dir a{font-weight:700;text-decoration:none}
.area-dir span{font:500 12px var(--mono);color:var(--muted)}
.cart-line .th{background:linear-gradient(145deg,hsl(var(--h) 48% 62%),hsl(calc(var(--h) + 45) 48% 48%))}
.cart-line a{text-decoration:none}
.lst-bar .chips{flex:1;min-width:0}
.lib-f fieldset label{min-height:44px}
.mz-hero-lede{color:var(--on-ink-muted)}
.store-row a{min-height:40px;display:inline-flex;align-items:center}
/* footer trust row + payments + stores disclosure */
.ft-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-block:28px;border-bottom:1px solid rgba(255,255,255,.08)}
.ft-trust > div{display:flex;gap:12px;align-items:flex-start}
.ft-trust svg{width:26px;height:26px;color:var(--pop);flex-shrink:0}
.ft-trust span{display:grid;gap:2px;font-size:13.5px}
.ft-trust b{color:var(--on-ink);font-size:14.5px}
.ft-pay{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.ft-pay span{font:600 11px/1 var(--mono);padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.18);color:var(--on-ink)}
.ft-locs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:44px}
.ft-locs summary::-webkit-details-marker{display:none}
.ft-locs summary::after{content:"+";font:500 20px var(--mono);color:var(--pop)}
.ft-locs[open] summary::after{content:"–"}
.ft-locs summary h4{margin:0}
.ft-locs ul{margin-top:14px}
.ft-form .field-err{color:#FFB4A8;margin-top:8px}
@media (max-width:960px){.ft-trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ft-trust{grid-template-columns:minmax(0,1fr)}}
/* pot & puff hero answer on dark */
.pp-hero .ans{background:#2A1D48;color:var(--on-ink);border-color:rgba(255,255,255,.14);box-shadow:6px 6px 0 var(--hot)}
.pp-hero .ans p strong{background:none;color:var(--hot)}
.pp-hero .ans-lbl{color:var(--hot)}
.s-psy .ans,.s-dark .ans,.mz-hero .ans{background:var(--ink-2);color:var(--on-ink);border-color:rgba(255,255,255,.14);box-shadow:6px 6px 0 var(--accent)}
.s-psy .ans p strong,.s-dark .ans p strong{background:none;color:var(--pop)}
/* rails never stretch a short list into giant cards */
.rail{grid-auto-columns:minmax(310px,440px)}

/* =========================================================
   v4 · UTILITY BAR + HEADER + MEGA MENU (one component)
   8px grid · header 72px · nav items 44px · icons 18/20px
   ========================================================= */
:root{--hdr:72px}
.ann{display:none}
.ub{background:var(--ink);color:var(--on-ink-muted);font-size:12.5px}
.ub-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.ub-msg{display:flex;align-items:center;gap:14px;min-width:0;white-space:nowrap;overflow:hidden}
.ub-live{font:600 11px/1 var(--mono);display:inline-flex;align-items:center;gap:6px;color:var(--pop)}
.ub-live i{width:7px;height:7px;border-radius:50%;background:var(--pop)}
.ub-live.closed{color:var(--hot)}.ub-live.closed i{background:var(--hot)}
.ub-rot{font:600 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-ink);transition:opacity .35s,transform .35s}
.ub-rot.out{opacity:0;transform:translateY(-6px)}
.ub-links{display:flex;align-items:center;gap:2px}
.ub-links a,.ub-links button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 10px;color:var(--on-ink-muted);text-decoration:none;font:600 12.5px/1 var(--body);border-radius:8px}
.ub-links a:hover,.ub-links button:hover{color:var(--pop);background:rgba(255,255,255,.05)}
.ub-links b{font:700 11px/1 var(--mono);background:var(--hot);color:#fff;border-radius:999px;padding:3px 6px}
.ub-i{width:15px;height:15px;flex-shrink:0}
@media (max-width:1180px){.ub-ph{display:none}}
@media (max-width:960px){.ub-links{display:none}.ub-in{justify-content:center}}

.hd4 .hd-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:var(--hdr)}
.hd4 .brand{gap:10px}
.hd4 .brand-mark{width:40px;height:40px}
.hd4 .brand-word{font-size:19px;line-height:1}
.hd4 .hd-nav{justify-self:center;margin:0;gap:4px}
.hd4 .hd-link{height:44px;padding:0 14px;font-size:15px;gap:6px}
.hd4 .hd-link svg{opacity:.6}
.hd4 .hd-act{gap:6px;justify-self:end}
.hd4 .area-btn{min-height:44px}
@media (max-width:1280px){.hd4 .hd-in{gap:14px}.hd4 .hd-link{padding:0 11px}}
@media (max-width:1024px){.hd4 .hd-in{grid-template-columns:auto auto 1fr;gap:8px}.hd4 .hd-act{grid-column:3}}

/* mega panel */
.hd4 .mm{position:absolute;left:0;right:0;top:100%;display:block;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s var(--ease),transform .25s var(--ease),visibility 0s .25s;padding:0 var(--gutter);z-index:60;pointer-events:none}
.hd4 .hd-item:hover > .mm,.hd4 .hd-item.open > .mm,.hd4 .hd-item:focus-within > .mm{visibility:visible;opacity:1;transform:none;transition-delay:.06s,0s,0s;pointer-events:auto}
.hd4 .mm::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.mm-in2{max-width:1240px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-bottom:0;border-radius:0 0 0 0;padding:26px 26px 18px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;box-shadow:0 40px 70px -40px rgba(26,17,48,.5)}
.mm-shop .mm-in2{grid-template-columns:minmax(0,1fr) 230px}
.mm-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:4px 22px}
.mm-col{display:flex;flex-direction:column;gap:6px;min-width:0}
.hd4 .hd-item:hover .mm-col,.hd4 .hd-item:focus-within .mm-col{animation:mmcol .35s var(--ease) both}
.mm-col:nth-child(2){animation-delay:.03s!important}.mm-col:nth-child(3){animation-delay:.06s!important}.mm-col:nth-child(4){animation-delay:.09s!important}.mm-col:nth-child(5){animation-delay:.12s!important}
@keyframes mmcol{from{opacity:0;transform:translateY(8px)}}
.mm-h{display:flex;align-items:center;gap:10px;padding:0 0 12px;margin-bottom:4px;border-bottom:1px solid var(--line);text-decoration:none;font:700 14.5px/1.2 var(--display);letter-spacing:-.01em;color:var(--text)}
.mm-hi{width:30px;height:30px;padding:6px;border-radius:9px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}
.mm-h:hover .mm-hi{background:var(--accent);color:#fff}
.mm-n{margin-left:auto;font:600 11px/1 var(--mono);color:var(--muted);background:var(--cream);padding:4px 6px;border-radius:6px}
.mm-col ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.mm-col li a{position:relative;display:flex;align-items:center;gap:10px;min-height:34px;padding:0 8px 0 4px;border-radius:8px;font:500 14px/1.25 var(--body);color:var(--text);text-decoration:none;transition:color .15s,background .15s}
.mm-col li a i{width:6px;height:6px;border-radius:50%;background:var(--line-2);flex-shrink:0;transition:transform .2s var(--ease),background .2s}
.mm-col li a:hover,.mm-col li a:focus-visible{color:var(--accent);background:var(--cream)}
.mm-col li a:hover i,.mm-col li a:focus-visible i{background:var(--accent);transform:scale(1.6);box-shadow:0 0 0 4px var(--accent-soft)}
.mm-col li a span{transition:transform .2s var(--ease)}
.mm-col li a:hover span{transform:translateX(2px)}
.mm-feat2{border-radius:20px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:240px;text-decoration:none;color:#fff;background-size:cover;background-position:center;position:relative;overflow:hidden;transition:transform .3s var(--ease)}
.mm-feat2:hover{transform:translateY(-2px)}
.mm-feat2 small{font:600 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pop)}
.mm-feat2 b{font:800 22px/1.1 var(--display);letter-spacing:-.03em}
.mm-feat2 span{font-weight:700;color:var(--pop)}
.mm-rail{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:12px;background:var(--cream);border:1px solid var(--line);border-top:1px dashed var(--line-2);border-radius:0 0 24px 24px;padding:12px 26px;min-height:46px;box-shadow:0 40px 70px -40px rgba(26,17,48,.5)}
.mm-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:14px 0 0 var(--hot),28px 0 0 var(--pop);margin-right:28px;flex-shrink:0}
.mm-desc{font:500 13.5px/1.3 var(--body);color:var(--muted);transition:opacity .15s}
.mm-desc b{color:var(--text)}
/* dark variant (Pot & Puff) */
.mm-dark .mm-in2{background:#1E1433;border-color:#2F2448;grid-template-columns:1fr}
.mm-dark .mm-h{color:var(--on-ink);border-color:rgba(255,255,255,.1)}
.mm-dark .mm-hi{background:rgba(255,111,89,.14);color:var(--hot)}
.mm-dark .mm-n{background:rgba(255,255,255,.08);color:var(--on-ink-muted)}
.mm-dark .mm-col li a{color:var(--on-ink)}
.mm-dark .mm-col li a:hover{background:rgba(255,255,255,.06);color:var(--hot)}
.mm-dark .mm-col li a:hover i{background:var(--hot);box-shadow:0 0 0 4px rgba(255,111,89,.2)}
.mm-dark .mm-col li a i{background:rgba(255,255,255,.25)}
.mm-dark .mm-rail{background:#140C24;border-color:#2F2448;color:var(--on-ink-muted)}
.mm-dark .mm-desc{color:var(--on-ink-muted)}
@media (max-width:1280px){.mm-shop .mm-in2{grid-template-columns:1fr}.mm-shop .mm-feat2{display:none}.mm-col li a{font-size:13.5px}}

/* drawer v4 */
.dr-acc summary{display:flex;align-items:center;gap:12px}
.dr-acc summary span{flex:1}
.dr-util4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.dr-util4 a,.dr-util4 button{display:grid;justify-items:center;gap:4px;padding:10px 4px;border-radius:12px;background:var(--card);border:1px solid var(--line);font:600 12px var(--body);text-decoration:none;min-height:60px}
.dr-util4 .ub-i{width:18px;height:18px;color:var(--accent)}
.dr-util4 b{font:700 10px var(--mono);background:var(--hot);color:#fff;border-radius:999px;padding:1px 5px}

/* sheets (coupons, delivery info) */
.sheet{position:fixed;inset:0;z-index:97;visibility:hidden}
.sheet.open{visibility:visible}
.sheet-bg{position:absolute;inset:0;background:rgba(26,17,48,.55);opacity:0;transition:opacity .3s}
.sheet.open .sheet-bg{opacity:1}
.sheet-panel{position:absolute;top:0;right:0;bottom:0;width:min(460px,100vw);background:var(--cream);overflow:auto;transform:translateX(100%);transition:transform .35s var(--ease);padding-bottom:env(safe-area-inset-bottom,0px)}
.sheet.open .sheet-panel{transform:none}
.sheet-head{position:sticky;top:0;background:var(--cream);display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);z-index:1}
.sheet-head h2{display:flex;align-items:center;gap:10px;font:800 20px var(--display);letter-spacing:-.02em}
.cps{list-style:none;margin:0;padding:16px 20px;display:grid;gap:12px}
.cp{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:6px;position:relative;overflow:hidden}
.cp::before{content:"";position:absolute;left:-9px;top:50%;width:18px;height:18px;border-radius:50%;background:var(--cream);border:1px solid var(--line)}
.cp::after{content:"";position:absolute;right:-9px;top:50%;width:18px;height:18px;border-radius:50%;background:var(--cream);border:1px solid var(--line)}
.cp-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cp-code{font:700 15px var(--mono);letter-spacing:.06em;border:1.5px dashed var(--accent);color:var(--accent);padding:6px 10px;border-radius:8px}
.cp-copy{min-height:36px;padding:0 14px;border-radius:999px;background:var(--ink);color:var(--pop);font-weight:700;font-size:13px}
.cp-auto{font:600 11px var(--mono);color:var(--good)}
.cp h3{font:700 16px/1.25 var(--display);letter-spacing:-.01em}
.cp p{font-size:14px;color:#3F3658}
.cp small{font-size:12px;color:var(--muted)}

/* product visuals: concept pack + current photo */
.mz-pv .pack{position:absolute;inset:6% 12%;width:76%;height:88%;object-fit:contain;transition:opacity .35s var(--ease),transform .45s var(--ease);filter:drop-shadow(0 10px 14px rgba(26,17,48,.25));z-index:1}
.mz-pv .photo{z-index:0}
.mz-pv.has-pack{background:radial-gradient(circle at 50% 35%,#fff,var(--accent-soft) 70%)}
.mz-pc:hover .mz-pv .pack{transform:translateY(-4px) rotate(-2deg) scale(1.03)}
.mz-pv.has-pack.has-photo:hover .pack{opacity:0}
.mz-pv.has-pack .pv-icon{display:none}
.pack-tag{position:absolute;left:8px;bottom:8px;z-index:2;font:600 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--pop);padding:5px 7px;border-radius:6px}
.mz-pv .mz-pv-sale{left:auto;right:8px;bottom:auto;top:8px}

/* load more + smoother filtering */
.mz-grid .mz-pc{transition:opacity .28s var(--ease),transform .28s var(--ease)}
/* .mz-pc.is-out{opacity:0;transform:scale(.96)} */
.mz-pc.is-in{animation:cardin .35s var(--ease) both}
@keyframes cardin{from{opacity:0;transform:translateY(10px)}}
.more{display:grid;justify-items:center;gap:10px;margin-top:28px}
.more .bar{width:min(320px,80vw);height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.more .bar i{display:block;height:100%;background:var(--accent);transition:width .3s var(--ease)}
.more p{font:500 13px var(--mono);color:var(--muted)}
.quick-f{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:2px}
.quick-f::-webkit-scrollbar{display:none}
.quick-f label{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--card);font:600 13.5px var(--body);cursor:pointer;transition:all .15s}
.quick-f input{position:absolute;opacity:0;pointer-events:none}
.quick-f label:has(input:checked){background:var(--accent);border-color:var(--accent);color:#fff}
.quick-f label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}

/* art bands (quality imagery between sections) */
.art-band{position:relative;border-radius:32px;overflow:hidden;min-height:clamp(220px,32vw,380px);display:flex;align-items:flex-end;padding:clamp(20px,4vw,44px);color:#fff;background-size:cover;background-position:center;isolation:isolate}
.art-band::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,17,48,.85),rgba(26,17,48,.15) 70%);z-index:-1}
.art-band h2{font:800 clamp(28px,4vw,52px)/1 var(--display);letter-spacing:-.035em;max-width:16ch}
.art-band h2 span{color:var(--pop)}
.art-band p{margin-top:12px;max-width:46ch;color:#E7DEFF}
.art-band .mz-btn{margin-top:18px}
.art-hero{background-size:cover;background-position:center}
.page-art{position:relative;overflow:hidden}
.page-art::after{content:"";position:absolute;inset:0;background:var(--art) center/cover;opacity:.22;mix-blend-mode:screen;pointer-events:none}

/* marquee category strip (home) */
.cat-strip{overflow:hidden;border-block:1px solid var(--line);background:var(--card)}
.cat-strip ul{list-style:none;margin:0;padding:14px 0;display:flex;gap:12px;width:max-content;animation:strip 40s linear infinite}
.cat-strip:hover ul{animation-play-state:paused}
.cat-strip li a{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--line);text-decoration:none;font:700 15px var(--display);letter-spacing:-.01em;white-space:nowrap}
.cat-strip li a:hover{border-color:var(--accent);color:var(--accent)}
.cat-strip .mm-hi{width:28px;height:28px;padding:5px}
@keyframes strip{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.cat-strip ul{animation:none}.hd4 .mm{transition:none}.mm-col{animation:none!important}}

/* account dashboard (mirrors live account menu) */
.ad-hero{background:var(--ink);color:var(--on-ink);border-radius:28px;padding:clamp(20px,3vw,32px);display:grid;gap:20px;position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(26,17,48,.95),rgba(26,17,48,.6)),url(../images/art/swirl.webp);background-size:cover}
.ad-hero h1{font:800 clamp(26px,3.4vw,40px)/1 var(--display);letter-spacing:-.03em}
.ad-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ad-stats a{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;text-decoration:none;display:grid;gap:4px}
.ad-stats a:hover{border-color:var(--pop)}
.ad-stats small{font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-ink-muted)}
.ad-stats b{font:800 24px var(--display);color:var(--pop)}
.ad-stats span{font-size:12.5px;color:var(--on-ink-muted)}
.acct-nav a svg{width:18px;height:18px;margin-right:10px;flex-shrink:0}
@media (max-width:760px){.ad-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.acct-nav a{gap:0}
.ai{width:18px;height:18px;margin-right:10px;flex-shrink:0;color:var(--accent)}
.acct-nav a[aria-current] .ai{color:var(--pop)}
.acct{grid-template-columns:230px minmax(0,1fr)}
.pd-pack{background:radial-gradient(circle at 50% 30%,#fff,var(--accent-soft) 70%)!important}
.pd-main figcaption{position:absolute;left:14px;bottom:14px}
figure.pd-main{margin:0}
.pd-cmp{display:flex;gap:8px;margin-top:10px}
.pd-cmp a{flex:1;min-height:44px;display:grid;place-items:center;border-radius:12px;border:1.5px solid var(--line-2);font-weight:700;font-size:14px;text-decoration:none;background:var(--card);aspect-ratio:auto}
.pd-cmp a[aria-current="true"]{background:var(--ink);color:var(--pop);border-color:var(--ink)}
/* v4 specificity guard (older v2 .mm-col rules) */
.hd4 .mm-col a.mm-h{display:flex;align-items:center;gap:10px;padding:0 0 12px;border-radius:0;font:700 14.5px/1.2 var(--display)}
.hd4 .mm-col a.mm-h span{font:inherit;color:inherit}
.hd4 .mm-col a.mm-h .mm-n{font:600 11px/1 var(--mono);color:var(--muted)}
.hd4 .mm-col a.mm-h:hover{background:none;color:var(--accent)}
.hd4 .mm-col li a{display:flex;padding:0 8px 0 6px}
.hd4 .mm-col li a span{font:500 14px/1.25 var(--body);color:inherit}
.hd4 .mm-dark .mm-col a.mm-h .mm-n{color:var(--on-ink-muted)}
.hd4 .mm-col li a{padding-block:7px;min-height:36px}
.mz-pv{aspect-ratio:5/4}
@media (max-width:640px){.hd4 .hd-mid{display:none}}
@media (max-width:420px){.hd4 .brand-word{display:none}.ub-live{display:none}}
@media (max-width:520px){.ub-live{display:none}}

/* =========================================================
   v5 · RESPONSIVE HEADER (measured: nav needs ≥1240px)
   ≥1360 full · 1240–1359 compact · <1240 burger + icons
   ========================================================= */
.brand-logo{position:relative;display:inline-grid;width:40px;height:40px;flex-shrink:0}
.brand-logo > *{grid-area:1/1}
.brand-real{width:40px;height:40px;object-fit:contain;border-radius:12px;background:#fff}
.hd-cash{position:relative}
.hd-coin{width:21px;height:21px;color:var(--accent)}
.hd-cash-b{position:absolute;top:4px;right:2px;font:700 9px/1 var(--mono);background:var(--pop);color:var(--ink);border-radius:999px;padding:2px 4px}
[data-tip]{position:relative}
[data-tip]:hover::after,[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--ink);color:var(--on-ink);font:600 12px/1 var(--body);padding:7px 9px;border-radius:8px;z-index:90;pointer-events:none}
.ub [data-tip]:hover::after{top:calc(100% + 2px)}
.ub-ico{padding:0 10px!important}
.hd4 .hd-cart-t{display:none}
@media (min-width:1500px){.hd4 .hd-cart-t{display:inline}}
@media (max-width:1359px){.hd4 .area-lbl{display:none}.hd4 .area-btn{padding:0 10px;min-width:44px;justify-content:center}.hd4 .area-btn > svg:last-child{display:none}.hd4 .hd-link{padding:0 10px;font-size:14.5px}.hd4 .hd-in{gap:12px}}
@media (max-width:1239px){
  .hd4 .hd-nav{display:none}
  .hd4 .hd-burger{display:grid}
  .hd4 .hd-in{grid-template-columns:auto auto 1fr;gap:8px}
  .hd4 .hd-act{grid-column:3}
  .hd4 .hd-wide{display:none}
}
@media (max-width:760px){.hd4 .area{display:none}}
@media (max-width:640px){.hd4 .hd-mid{display:grid}.hd4 .hd-act{gap:2px}.hd4 .hd-cart{padding:8px 10px}}
@media (max-width:360px){.hd4 .hd-mid{display:none}.hd4 .hd-in{gap:4px}}
@media (max-width:1100px){.ub-links a:not(.ub-ico),.ub-links button{padding:0 8px}.ub-ph{display:none}}
@media (max-width:960px){.ub-links{display:none}.ub-in{justify-content:center}}
/* home category menu (replaces the scrolling strip) */
.home-menu{background:var(--card);border-bottom:1px solid var(--line)}
.home-menu ul{list-style:none;margin:0;padding:14px 0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.home-menu a{display:grid;justify-items:center;text-align:center;gap:6px;padding:14px 8px;border-radius:18px;text-decoration:none;transition:background .2s,transform .2s var(--ease)}
.home-menu a:hover,.home-menu a:focus-visible{background:var(--accent-soft);transform:translateY(-2px)}
.hm-i{width:52px;height:52px;padding:13px;border-radius:16px;background:var(--cream);color:var(--accent);transition:background .2s,color .2s,transform .3s var(--ease)}
.home-menu a:hover .hm-i{background:var(--accent);color:#fff;transform:rotate(-6deg)}
.home-menu b{font:700 14.5px/1.2 var(--display);letter-spacing:-.01em}
.home-menu span{font:500 12px/1.2 var(--mono);color:var(--muted)}
@media (max-width:1100px){.home-menu ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){.home-menu ul{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter)}.home-menu ul::-webkit-scrollbar{display:none}.home-menu li{flex:0 0 108px;scroll-snap-align:start}}
/* prototype page map (remove in production) */
.proto-btn{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--ink);color:var(--pop);font:700 13px var(--body);box-shadow:0 12px 30px -10px rgba(26,17,48,.6)}
.pmap{padding:16px 20px 24px;display:grid;gap:18px}
.pmap h3{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.pmap section div{display:flex;flex-wrap:wrap;gap:6px}
.pmap a:not(.mz-btn){min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);text-decoration:none;font-size:13.5px;font-weight:600}
.pmap a:not(.mz-btn):hover{border-color:var(--accent);color:var(--accent)}
body:has(.pd-bar.show) .proto-btn,body:has(.mz-mbar.show) .proto-btn{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
/* v5 small-screen fixes */
@media (max-width:960px){.acct{grid-template-columns:minmax(0,1fr)}}
.panels{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
.acct > div,.acct > nav{min-width:0}
.empty-state{padding:clamp(18px,5vw,32px);min-width:0;max-width:100%}
.empty-state .chips,.chips{flex-wrap:wrap}
.nf > .mz-wrap{width:100%}
[data-search-form] input,.nf form input{min-width:0}
.panel{min-width:0}
.status-steps li{min-width:0}
@media (max-width:400px){.nf form{flex-direction:column}.nf form .mz-btn{width:100%}}
.cart > *,.co > *{min-width:0}.sum{min-width:0}.coupon .mz-btn{padding:0 14px;flex-shrink:0}
.coupon input{width:0}.sum{grid-template-columns:minmax(0,1fr)}
.home-menu{position:relative;z-index:2;margin-top:-1px}
@media (max-width:640px){.proto-btn{padding:0;width:44px;justify-content:center;font-size:0;gap:0;opacity:.9}.proto-btn .ub-i{width:18px;height:18px}}

/* ==== v6.css ==== */
/* =====================================================================
   Fungi Delivery v6 layer — loads last. Header + mega menus, mini cart,
   checkout strip, product page, glowing mushroom art, parallax, dividers.
   ===================================================================== */
:root{--hd-row:68px;--glow-v:#9C7BFF;--glow-l:#D4FF5A;--glow-c:#FF6F59;--glow-t:#6FF2E0}
@media (max-width:760px){:root{--hd-row:58px}}

/* ---------- utility bar: consistent dividers ---------- */
.ub-links{gap:0}
.ub-sep{width:1px;height:14px;background:rgba(255,255,255,.14);display:inline-block;margin:0 4px}
.ub-links .ub-i{width:16px;height:16px}

/* ---------- header: one icon size, one button size ---------- */
.hd6 .hd-in{height:var(--hd-row)}
.hd6 .hd-act{display:flex;align-items:center;gap:4px}
.hd6 .hd-act .mz-icon-btn{width:44px;height:44px;border-radius:14px;position:relative}
.hd6 .hd-act .mz-icon-btn svg,.hd6 .hd-coin,.hd6 .area-pin{width:22px!important;height:22px!important}
.hd6 .hd-coin{color:var(--accent)}
.hd6 .hd-cash-b{top:3px;right:1px;font:700 9px/1 var(--mono);padding:2px 4px}
.hd6 .area-btn{height:44px;min-height:44px;border-radius:14px;border:1px solid var(--line-2);padding:0 12px 0 10px;gap:8px}
.hd6 .area-btn .area-pin{color:var(--accent)}
.hd6 .area-btn > svg:last-child{width:10px;height:10px}
@media (max-width:1359px){.hd6 .area-btn{width:44px;padding:0;justify-content:center;border-color:transparent}.hd6 .area-btn:hover{background:var(--accent-soft)}}
.hd6 .hd-link{border-radius:12px;font-weight:700}
.hd6 .hd-item[data-active] > .hd-link{background:var(--accent-soft);color:var(--accent)}
.hd6 .hd-link.hd-bundles{background:none;color:inherit}
.hd6 [data-tip]{position:relative}
@media (hover:hover){.hd6 [data-tip]:hover::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--on-ink);font:600 12px/1 var(--body);padding:7px 9px;border-radius:8px;white-space:nowrap;z-index:70;pointer-events:none}}

/* ---------- mega menus (.mx) ---------- */
.hd6 .mm.mx{padding:0 var(--gutter)}
.mx-card{max-width:1240px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-top:0;border-radius:0 0 26px 26px;box-shadow:0 50px 90px -40px rgba(26,17,48,.45);overflow:hidden}
.mx-in{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:26px 28px 24px}
.mx-in.has-feat{grid-template-columns:minmax(0,1fr) 250px}
.mx-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:22px}
.mx-col{display:flex;flex-direction:column;min-width:0}
.mx-h{display:flex;align-items:center;gap:12px;padding:0 6px 14px;margin-bottom:8px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}
.mx-hi{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#fff;flex-shrink:0;box-shadow:0 8px 18px -8px rgba(123,77,255,.7)}
.mx-hi svg{width:20px;height:20px}
.mx-ht{display:grid;gap:3px;min-width:0}
.mx-ht b{font:700 15px/1.15 var(--display);letter-spacing:-.01em}
.mx-ht small{font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mx-go{width:16px;height:16px;margin-left:auto;opacity:0;transform:translateX(-4px);transition:.2s var(--ease);color:var(--accent);flex-shrink:0}
.mx-h:hover .mx-go{opacity:1;transform:none}
.mx-list{display:grid;gap:2px}
.mx-a{display:flex;align-items:flex-start;gap:12px;padding:9px 8px;border-radius:14px;text-decoration:none;color:var(--text);transition:background .15s,transform .2s var(--ease)}
.mx-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex-shrink:0;transition:.2s var(--ease)}
.mx-ic svg{width:18px;height:18px}
.mx-t{display:grid;gap:2px;min-width:0;padding-top:1px}
.mx-t b{font:700 14.5px/1.25 var(--body);letter-spacing:-.005em}
.mx-t small{font:500 12.5px/1.35 var(--body);color:var(--muted)}
.mx-a:hover,.mx-a:focus-visible{background:var(--cream)}
.mx-a:hover .mx-ic,.mx-a:focus-visible .mx-ic{background:var(--accent);color:#fff;transform:rotate(-6deg) scale(1.06)}
.mx-a:hover .mx-t b{color:var(--accent)}
.mx-soon{font:700 9.5px/1 var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;background:var(--hot-soft);color:var(--bad);padding:3px 6px;border-radius:6px;margin-left:6px;vertical-align:2px}
.mx-feat{position:relative;border-radius:20px;overflow:hidden;background-size:cover;background-position:center;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:20px;min-height:280px;isolation:isolate}
.mx-feat small{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pop)}
.mx-feat b{font:800 21px/1.1 var(--display);letter-spacing:-.02em}
.mx-feat span{font-weight:700;color:var(--pop)}
.mx-glow{position:absolute;left:10%;right:10%;top:14%;width:80%;z-index:-1;animation:mzbob 5s ease-in-out infinite}
.mx-foot{display:flex;flex-wrap:wrap;gap:6px 22px;padding:14px 28px;background:var(--cream);border-top:1px solid var(--line)}
.mx-foot a{display:inline-flex;align-items:center;gap:8px;font:600 13.5px/1 var(--body);color:var(--text);text-decoration:none;padding:6px 0}
.mx-foot a:hover{color:var(--accent)}
.gi-s{width:16px;height:16px;flex-shrink:0}
.hd6 .hd-item:hover .mx-col,.hd6 .hd-item:focus-within .mx-col{animation:mmcol .35s var(--ease) both}
.mx-col:nth-child(2){animation-delay:.04s!important}.mx-col:nth-child(3){animation-delay:.08s!important}.mx-col:nth-child(4){animation-delay:.12s!important}
.mx-pp .mx-card{max-width:1000px;background:#1E1433;border-color:#2F2448}
.mx-pp .mx-h{color:var(--on-ink);border-color:rgba(255,255,255,.1)}
.mx-pp .mx-hi{background:var(--hot);box-shadow:0 8px 18px -8px rgba(255,111,89,.7)}
.mx-pp .mx-col:nth-child(2) .mx-hi{background:#C9A36B}
.mx-pp .mx-ht small,.mx-pp .mx-t small{color:var(--on-ink-muted)}
.mx-pp .mx-a{color:var(--on-ink)}
.mx-pp .mx-ic{background:rgba(255,255,255,.07);color:var(--hot)}
.mx-pp .mx-a:hover{background:rgba(255,255,255,.06)}
.mx-pp .mx-a:hover .mx-ic{background:var(--hot);color:#fff}
.mx-pp .mx-a:hover .mx-t b{color:var(--hot)}
.mx-pp .mx-col + .mx-col{border-left:1px solid rgba(255,255,255,.08);padding-left:22px}
.mx-pp .mx-foot{background:#140C24;border-color:#2F2448}.mx-pp .mx-foot a{color:var(--on-ink-muted)}.mx-pp .mx-foot a:hover{color:var(--hot)}
@media (max-width:1359px){.mx-shop .mx-in.has-feat{grid-template-columns:minmax(0,1fr)}.mx-shop .mx-feat{display:none}.mx-in{padding:22px 20px}.mx-grid{gap:14px}.mx-t small{font-size:12px}}

/* ---------- mini cart ---------- */
.mc{position:relative}
.hd6 .hd-cart{height:44px;border-radius:14px;padding:0 12px 0 12px;gap:8px;margin-left:4px}
.hd6 .hd-cart-i svg{width:20px;height:20px}
.mc-panel{position:absolute;right:0;top:calc(100% + 12px);width:380px;max-width:calc(100vw - 24px);background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 80px -30px rgba(26,17,48,.5);z-index:80;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .2s var(--ease),transform .25s var(--ease),visibility 0s .25s;display:grid;gap:12px;padding:16px}
.mc.open .mc-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mc-panel::before{content:"";position:absolute;right:26px;top:-7px;width:14px;height:14px;background:var(--card);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.mc-head{display:flex;align-items:center;gap:10px}
.mc-head b{font:800 17px/1 var(--display)}
.mc-head span{font:600 12px/1 var(--mono);color:var(--muted);background:var(--cream);padding:5px 8px;border-radius:999px}
.mc-x{margin-left:auto;width:32px;height:32px;border-radius:10px;display:grid;place-items:center}
.mc-x:hover{background:var(--cream)}.mc-x svg{width:16px;height:16px}
.mc-lines{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:260px;overflow:auto}
.mc-lines li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center}
.mc-th{width:40px;height:40px;border-radius:12px;background:radial-gradient(circle at 30% 30%,hsl(var(--h) 90% 75%),hsl(var(--h) 70% 45%))}
.mc-lines a{font-weight:700;font-size:14px;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-lines small{color:var(--muted);font-size:12.5px}
.mc-lines b{font:600 13px/1 var(--mono)}
.mc-more{font-size:13px;color:var(--muted)}
.mc-free p{font-size:13px}.mc-free .prog{height:6px;border-radius:9px;background:var(--cream);overflow:hidden;margin-top:6px}.mc-free .prog i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--pop));width:0;transition:width .5s var(--ease)}
.mc-sum{margin:0;display:grid;gap:6px;border-top:1px dashed var(--line-2);padding-top:10px}
.mc-sum div{display:flex;justify-content:space-between;font-size:14px}.mc-sum dd{margin:0;font:600 14px/1 var(--mono)}
.mc-sum div:first-child dd{font-size:16px;font-weight:700}
.mc-btns{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.mc-btns .mz-btn{min-height:48px;font-size:15px}
.mc-empty{text-align:center;display:grid;gap:10px;padding:8px 0 4px;color:var(--muted)}
.mc.is-empty .mc-lines,.mc.is-empty .mc-free,.mc.is-empty .mc-sum,.mc.is-empty .mc-btns{display:none}
.mc:not(.is-empty) .mc-empty{display:none}
.hd-cart.bump{animation:mzbump .5s var(--ease)}
@keyframes mzbump{30%{transform:scale(1.12)}60%{transform:scale(.96)}}
@media (max-width:640px){.mc-panel{position:fixed;left:12px;right:12px;width:auto;top:calc(var(--hd-row) + 46px)}.mc-panel::before{display:none}}

/* ---------- checkout strip (appears once the cart has items) ---------- */
.co-strip{background:var(--ink);color:var(--on-ink);border-top:1px solid rgba(255,255,255,.08);animation:mzdrop .35s var(--ease)}
@keyframes mzdrop{from{transform:translateY(-100%);opacity:0}}
.co-strip-in{display:flex;align-items:center;gap:14px;min-height:42px;font-size:14px}
.cs-l{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cs-l b{font-family:var(--mono)}
.cs-l .gi-s{color:var(--pop)}
.cs-free{color:var(--on-ink-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cs-free b{color:var(--pop)}
.cs-r{margin-left:auto;display:flex;align-items:center;gap:6px}
.cs-r a{color:var(--on-ink-muted);text-decoration:none;font-weight:600;padding:6px 10px;border-radius:10px;white-space:nowrap}
.cs-r a:hover{color:#fff}
.cs-r .cs-go{background:var(--pop);color:var(--ink);display:inline-flex;align-items:center;gap:6px;font-weight:800}
.cs-r .cs-go:hover{color:var(--ink);filter:brightness(1.05)}
@media (max-width:640px){.cs-free{display:none}.cs-r a:not(.cs-go){display:none}.co-strip-in{min-height:44px}}

/* ---------- drawer v6 ---------- */
.dr6 summary{display:flex;align-items:center;gap:12px}
.dr6 summary .mx-hi{width:36px;height:36px;border-radius:11px}
.dr-st{display:grid;gap:2px}.dr-st b{font:700 16px/1.1 var(--display)}.dr-st small{font-size:12.5px;color:var(--muted);font-weight:500}
.dr-x{display:grid;gap:2px;padding:4px 0 10px}
.dr-x .mx-a{padding:8px 6px}
.dr-sub{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hot);margin:10px 6px 4px}

/* ---------- product card: purpose line ---------- */
.pc-tag{font-size:13px;line-height:1.4;color:var(--muted);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mz-pc h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.mz-pc{position:relative}
.mz-pc .wish{position:absolute;top:14px;right:14px;z-index:3;box-shadow:0 4px 12px -4px rgba(26,17,48,.3)}.mz-pc .mz-pv-sale{top:auto;bottom:10px;right:10px;left:auto}.mz-pc .mz-add{position:relative;z-index:2}

/* ---------- PRODUCT PAGE v6 ---------- */
.pd6 .pd{align-items:start}
.pd-buy6{display:grid;gap:14px;align-content:start}
.pd-buy6 h1{font:800 clamp(34px,4.6vw,58px)/.98 var(--display);letter-spacing:-.04em}
.pd-tag{font-size:clamp(17px,1.6vw,20px);line-height:1.4;color:var(--text);font-weight:600;max-width:44ch}
.pd-chips{display:flex;flex-wrap:wrap;gap:8px}
.pchip{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 var(--body);padding:8px 11px;border-radius:999px;background:var(--card);border:1px solid var(--line)}
.pchip .gi-s{color:var(--accent)}.pchip.ok{background:#E9F8EF;border-color:#BFE8CF;color:#10643F}.pchip.ok .gi-s{color:#10643F}
.pmeter{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:999px;background:var(--ink);color:#fff;font:700 13px/1 var(--body)}
.pm-bars{display:inline-flex;gap:3px}.pm-bars i{width:8px;height:16px;border-radius:3px;background:rgba(255,255,255,.18)}
.pm-1 .pm-bars i.on{background:#7BE0A0}.pm-2 .pm-bars i.on{background:var(--pop)}.pm-3 .pm-bars i.on{background:var(--hot)}
.pd-bundle-note{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.pd-bundle-note b{color:var(--text)}.pd-bundle-note .gi-s{color:var(--accent)}
.pd-trust{list-style:none;margin:4px 0 0;padding:14px 16px;display:grid;gap:10px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.pd-trust li{display:flex;gap:10px;align-items:flex-start;font-size:14px}.pd-trust .gi-s{color:var(--accent);margin-top:2px}
.pd-tabs{position:sticky;top:var(--hdr);z-index:25;background:rgba(247,244,252,.94);backdrop-filter:blur(10px);border-block:1px solid var(--line);margin-top:28px}
.pd-tabs .mz-wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.pd-tabs a{flex-shrink:0;padding:14px 14px;font:700 14px/1 var(--body);text-decoration:none;color:var(--muted);border-bottom:3px solid transparent}
.pd-tabs a:hover,.pd-tabs a[aria-current="true"]{color:var(--accent);border-bottom-color:var(--accent)}
.pd6 [id^="pd-"],.pd6 #reviews{scroll-margin-top:calc(var(--hdr) + 60px)}
.pd-col{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);align-content:start}
.pd-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:640px){.pd-grid2{grid-template-columns:minmax(0,1fr)}}
.pd-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px 22px;display:grid;gap:12px}
.pd-card h3{display:flex;align-items:center;gap:10px;font:700 17px/1.2 var(--display)}
.pd-card h3 .gi{width:22px;height:22px;color:var(--accent)}
.pd-h2{font:800 clamp(22px,2.4vw,28px)/1.1 var(--display);letter-spacing:-.02em}
.pd-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pd-card li{display:flex;gap:8px;align-items:flex-start}
.pd-good{border-color:#BFE8CF;background:linear-gradient(180deg,#F1FBF5,#fff)}.pd-good .gi-s,.pd-good h3 .gi{color:#16895A}
.pd-not{background:linear-gradient(180deg,#FFF5F2,#fff);border-color:#FFD6CC}.pd-not .gi-s,.pd-not h3 .gi{color:var(--bad)}
.pd-keyf ul{gap:0}.pd-keyf li{display:block;padding:9px 0;border-bottom:1px dashed var(--line)}.pd-keyf li:last-child{border:0}
.pd-keyf b{color:var(--accent);font-weight:700}
.pd-steps li{display:block!important;padding-left:14px;border-left:3px solid var(--accent-soft)}
.pd-more{font-weight:700;color:var(--accent);text-decoration:none}
.pd-author .gi{width:20px;height:20px;color:var(--accent)}
.cmp6 tr.cur{background:var(--accent-soft)}.cmp6 tr.cur th a{color:var(--accent)}
.cmp6 .cmp-for{color:var(--muted);font-size:14px}
.cmp6 th a{font-weight:700;text-decoration:none}

/* ---------- GLOWING MUSHROOMS ---------- */
.glow{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.glow svg{position:absolute;overflow:visible}
.glow .gm{transform-box:fill-box;transform-origin:50% 100%;animation:mzbob 6s ease-in-out infinite}
.glow .gm:nth-of-type(2){animation-duration:7.5s;animation-delay:-2s}
.glow .gm:nth-of-type(3){animation-duration:5.5s;animation-delay:-1s}
.glow .gm:nth-of-type(4){animation-duration:8s;animation-delay:-3s}
.glow .gm:nth-of-type(5){animation-duration:6.5s;animation-delay:-4s}
.glow .halo{animation:mzpulse 4s ease-in-out infinite}
.glow .spore{animation:mzspore 9s linear infinite;opacity:0}
@keyframes mzbob{50%{transform:translateY(-10px) rotate(1.5deg)}}
@keyframes mzpulse{50%{opacity:.55}}
@keyframes mzspore{0%{transform:translateY(0);opacity:0}10%{opacity:.9}100%{transform:translateY(-220px) translateX(30px);opacity:0}}
.glow-r svg{right:-40px;bottom:-10px;width:min(620px,58vw);height:auto}
.glow-l svg{left:-60px;bottom:-20px;width:min(460px,48vw);height:auto;opacity:.75}
.glow-band svg{right:-20px;bottom:-30px;width:min(520px,62%);height:auto;opacity:.9}
.glow-soft svg{right:-30px;bottom:-40px;width:min(420px,50vw);height:auto;opacity:.35}
.hh > .mz-wrap,.mz-hero > .mz-wrap,.ph-ink > .mz-wrap,.s-dark > .mz-wrap,.s-psy > .mz-wrap,.pp-hero > .mz-wrap,.lst-head > .mz-wrap{position:relative;z-index:1}
.art-band{isolation:isolate}.art-band > div{position:relative;z-index:2}.art-band .glow{z-index:1}
.lst-head{position:relative;overflow:hidden}
@media (max-width:760px){.glow-r svg{width:88vw;right:-30vw;opacity:.55}.glow-l{display:none}.glow-band svg{width:80%;right:-25%;opacity:.5}}
@media (prefers-reduced-motion:reduce){.glow .gm,.glow .halo,.glow .spore,.mx-glow{animation:none}.glow .spore{display:none}}

/* ---------- parallax + reveal ---------- */
[data-par]{will-change:transform}
html.rv-on .rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
html.rv-on .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.rv-on .rv{opacity:1;transform:none;transition:none}}

/* ---------- dividers ---------- */
.wv{display:block;height:48px;margin-bottom:-1px;line-height:0;position:relative;z-index:2}
.wv svg{width:100%;height:100%;display:block}
.sec-rule{display:flex;align-items:center;gap:14px;max-width:1240px;margin:0 auto;padding:0 var(--gutter);color:var(--line-2)}
.sec-rule::before,.sec-rule::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-2),transparent)}
.sec-rule svg{width:22px;height:22px;color:var(--accent)}
.mz-sec-head{position:relative}
.mz-sec-head .num b{position:relative}

/* ---------- HOME v6 ---------- */
.h6-in{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-block:clamp(40px,6vw,84px) clamp(48px,6vw,92px)}
.h6-lede{margin-top:18px;font-size:clamp(16px,1.6vw,19px);color:var(--on-ink-muted);max-width:50ch}
.h6-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.h6-pills a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:var(--on-ink);text-decoration:none;font-weight:600;font-size:14px;transition:.2s}
.h6-pills a:hover{background:var(--pop);color:var(--ink);border-color:var(--pop)}
.h6-pills .gi-s{color:var(--pop)}.h6-pills a:hover .gi-s{color:var(--ink)}
.h6-trust{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--on-ink-muted);font-size:14px}
.h6-trust li{display:inline-flex;align-items:center;gap:6px}.h6-trust .gi-s{color:var(--pop)}
.h6-stage{position:relative;min-height:440px}
.h6-card{position:absolute;width:min(270px,62%);background:rgba(30,20,51,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:16px;color:var(--on-ink);text-decoration:none;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);transition:transform .35s var(--ease),border-color .2s}
.h6-card:hover{border-color:var(--pop);transform:translateY(-6px) rotate(0deg)!important}
.h6-card .h6-art{height:120px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(circle at 50% 70%,hsla(var(--h),90%,65%,.55),transparent 70%),rgba(255,255,255,.04);margin-bottom:12px;position:relative;overflow:hidden}
.h6-card .h6-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h6-card .h6-art svg{width:64px;height:64px;color:hsl(var(--h) 90% 70%);filter:drop-shadow(0 0 16px hsla(var(--h),90%,60%,.8))}
.h6-card small{font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pop)}
.h6-card b{display:block;font:800 19px/1.1 var(--display);margin-top:6px}
.h6-card p{font-size:13px;color:var(--on-ink-muted);margin-top:6px}
.h6-card .h6-pr{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font:700 15px/1 var(--mono)}
.h6-card .h6-pr span{font:700 12px/1 var(--body);color:var(--pop)}
.h6-c1{left:0;top:10px;transform:rotate(-4deg)}.h6-c2{right:0;top:70px;transform:rotate(3deg);z-index:2}.h6-c3{left:18%;bottom:0;transform:rotate(-1deg);z-index:3}
@media (max-width:960px){.h6-in{grid-template-columns:minmax(0,1fr)}.h6-stage{min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,72%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.h6-card{position:relative;inset:auto!important;width:auto;transform:none!important;scroll-snap-align:start}}
.hm6{margin-top:-34px;position:relative;z-index:3}
.hm6 ul{list-style:none;margin:0;padding:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:0 30px 60px -36px rgba(26,17,48,.45)}
.hm6 a{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;text-decoration:none;color:var(--text);transition:background .15s}
.hm6 a:hover{background:var(--cream)}
.hm6 .mx-hi{width:48px;height:48px;border-radius:15px}.hm6 .mx-hi svg{width:24px;height:24px}
.hm6 b{display:block;font:700 16px/1.15 var(--display);letter-spacing:-.01em}
.hm6 small{display:block;font-size:13px;color:var(--muted);margin-top:3px;line-height:1.35}
.hm6 li.pp .mx-hi{background:var(--hot)}.hm6 li.bn .mx-hi{background:var(--ink)}
@media (max-width:1024px){.hm6 ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.hm6 ul{grid-template-columns:minmax(0,1fr);padding:6px;gap:0}.hm6 a{padding:10px}}
.purp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.purp a{position:relative;display:grid;gap:10px;align-content:start;padding:20px;border-radius:24px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--text);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s}
.purp a:hover{transform:translateY(-4px);box-shadow:0 24px 40px -24px rgba(26,17,48,.45)}
.purp a::before{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(closest-side,hsla(var(--h),90%,65%,.35),transparent);transition:transform .4s var(--ease)}
.purp a:hover::before{transform:scale(1.4)}
.purp .mx-hi{background:hsl(var(--h) 70% 55%);box-shadow:none}
.purp h3{font:800 18px/1.15 var(--display);letter-spacing:-.02em}
.purp p{font-size:14px;color:var(--muted)}
.purp .picks{font-size:13px;font-weight:600;color:var(--text)}
.purp span.go{font-weight:700;color:var(--accent);font-size:14px;margin-top:auto}
@media (max-width:1100px){.purp{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.purp{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(230px,78%);overflow-x:auto;scroll-snap-type:x mandatory}.purp a{scroll-snap-align:start}}
.scale6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.scale6 > div{border-radius:24px;padding:22px;background:var(--card);border:1px solid var(--line);display:grid;gap:10px;align-content:start}
.scale6 h3{display:flex;align-items:center;gap:10px;font:800 20px/1 var(--display)}
.scale6 p{font-size:14.5px;color:var(--muted)}
.scale6 .rel a{font-size:13px}
@media (max-width:860px){.scale6{grid-template-columns:minmax(0,1fr)}}
.pp6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pp6 > div{border-radius:26px;padding:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:grid;gap:12px;align-content:start}
.pp6 h3{display:flex;align-items:center;gap:12px;font:800 24px/1 var(--display);color:#fff}
.pp6 h3 .mx-hi{background:var(--hot)}.pp6 > div:nth-child(2) h3 .mx-hi{background:#C9A36B}
.pp6 p{color:var(--on-ink-muted);font-size:14.5px}
.pp6 .mx-a{color:var(--on-ink)}.pp6 .mx-ic{background:rgba(255,255,255,.07);color:var(--hot)}.pp6 .mx-t small{color:var(--on-ink-muted)}.pp6 .mx-a:hover{background:rgba(255,255,255,.06)}
@media (max-width:760px){.pp6{grid-template-columns:minmax(0,1fr)}}

/* ---------- strain guide (category pages) ---------- */
.sg{display:grid;grid-template-columns:repeat(3,minmax(min(280px,100%),1fr));gap:12px}
.sg a{display:grid;gap:8px;padding:18px;border-radius:20px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s var(--ease)}
.sg a:hover{border-color:var(--accent);transform:translateY(-3px)}
.sg .sg-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sg b{font:800 17px/1.15 var(--display);letter-spacing:-.01em}
.sg p{font-size:14px;color:var(--muted)}
.sg .sg-f{display:flex;flex-wrap:wrap;gap:6px}.sg .sg-f span{font:600 11.5px/1 var(--body);background:var(--cream);padding:6px 8px;border-radius:8px}
.sg-group{display:grid;gap:14px;margin-top:10px}
.sg-group h3{display:flex;align-items:center;gap:10px;font:800 20px/1 var(--display);margin-top:14px}

/* ---------- CITY v6 ---------- */
.cty{position:relative;overflow:hidden;color:var(--on-ink);background:#140C24}
.cty.c-toronto{background:radial-gradient(70% 80% at 90% 0%,rgba(123,77,255,.5),transparent 60%),linear-gradient(180deg,#1A1130,#120a22)}
.cty.c-ottawa{background:radial-gradient(70% 80% at 85% 10%,rgba(111,242,224,.28),transparent 60%),radial-gradient(40% 60% at 0% 100%,rgba(123,77,255,.35),transparent 60%),#0F1A2A}
.cty.c-gatineau{background:radial-gradient(70% 80% at 85% 10%,rgba(255,111,89,.32),transparent 60%),radial-gradient(40% 60% at 0% 100%,rgba(66,120,255,.35),transparent 60%),#15122E}
.cty.c-northyork{background:radial-gradient(60% 80% at 90% 10%,rgba(212,255,90,.22),transparent 60%),#1A1130}
.cty-in{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding-block:24px clamp(48px,6vw,80px);align-items:end}
.cty h1{font:800 clamp(36px,5.6vw,72px)/.95 var(--display);letter-spacing:-.045em;margin-top:14px}
.cty h1 em{font-style:normal;color:var(--pop)}
.cty .mz-eyebrow{color:var(--pop)}
.cty .ph-lede{color:var(--on-ink-muted);margin-top:16px;font-size:18px;max-width:54ch}
.cty .bc ol{color:var(--on-ink-muted)}.cty .bc [aria-current]{color:var(--on-ink)}
.cty .ans{background:var(--ink-2);color:var(--on-ink);border-color:rgba(255,255,255,.14);box-shadow:6px 6px 0 var(--accent)}.cty .ans p strong{background:none;color:var(--pop)}
.cty-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cty-stats div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px}
.cty-stats small{font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-muted)}
.cty-stats b{display:block;font:800 26px/1.05 var(--display);margin-top:8px;color:#fff}
.cty-stats span{font-size:13px;color:var(--on-ink-muted)}
@media (max-width:900px){.cty-in{grid-template-columns:minmax(0,1fr)}}
.zones{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px}
.zone{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;gap:10px;align-content:start}
.zone h3{display:flex;align-items:center;gap:10px;font:800 18px/1.1 var(--display)}
.zone h3 .mx-hi{width:32px;height:32px;border-radius:10px}
.zone .areas{display:flex;flex-wrap:wrap;gap:6px}
.zone p{font-size:14px;color:var(--muted)}
.local-news{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px}
.local-news a{display:grid;gap:8px;padding:18px;border-radius:20px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--text)}
.local-news a:hover{border-color:var(--accent)}
.local-news small{font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.local-news b{font:700 16px/1.3 var(--display)}
.fr-note{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:16px;padding:16px 18px}
.fr-note b{font-family:var(--display)}

/* ---------- CHECKOUT v6 ---------- */
.hd6min .hd-in{display:flex;align-items:center;gap:16px}
.co-steps{list-style:none;margin:0 auto;padding:0;display:flex;gap:4px;counter-reset:s;font:600 13px/1 var(--body)}
.co-steps li{counter-increment:s;display:flex;align-items:center;gap:8px;color:var(--muted);padding:8px 10px}
.co-steps li::before{content:counter(s);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--cream);border:1px solid var(--line-2);font:700 11px/1 var(--mono)}
.co-steps li.done::before{content:"✓";background:var(--good);color:#fff;border-color:var(--good)}
.co-steps li[aria-current]{color:var(--text)}.co-steps li[aria-current]::before{background:var(--accent);color:#fff;border-color:var(--accent)}
.co-steps a{color:inherit;text-decoration:none}
.hd6min .hd-secure{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13px;color:var(--good)}
@media (max-width:760px){.co-steps li:not([aria-current]):not(.done){display:none}.co-steps li{padding:6px}.hd6min .hd-secure{display:none}}
.co-top{position:sticky;top:var(--hd-row);z-index:30;margin:0 calc(var(--gutter) * -1) 18px;background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 14px 30px -24px rgba(26,17,48,.5)}
.co-top summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px var(--gutter);cursor:pointer;font-weight:700}
.co-top summary::-webkit-details-marker{display:none}
.co-top summary .gi-s{color:var(--accent)}
.co-top summary .co-top-t{margin-left:auto;font:700 18px/1 var(--mono)}
.co-top summary .co-chev{transition:transform .25s var(--ease);width:14px;height:14px}
.co-top[open] summary .co-chev{transform:rotate(180deg)}
.co-top summary .co-top-lbl{color:var(--accent)}
.co-top-body{padding:0 var(--gutter) 16px;display:grid;gap:10px}
.co-top-body .cart-lines{gap:8px}
.co-top-body dl{margin:0;display:grid;gap:6px}.co-top-body dl div{display:flex;justify-content:space-between;font-size:14px}.co-top-body dd{margin:0;font-family:var(--mono)}
.coupon-row{display:flex;gap:8px}.coupon-row input{flex:1;min-width:0}
@media (min-width:961px){.co-top{position:relative;top:auto;margin:18px 0;border:1px solid var(--line);border-radius:18px;box-shadow:none}}
.glow > [data-par]{position:absolute;inset:0}
.ft{position:relative;overflow:hidden}.ft > .mz-wrap{position:relative;z-index:1}
.mx-h{min-height:66px}.mx-ht small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:961px){.h6-stage{min-height:590px}.h6-c1{left:0;top:0}.h6-c2{right:0;top:36px}.h6-c3{left:24%;top:300px;bottom:auto}}
@media (max-width:520px){.hm6 ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px}.hm6 a{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.hm6 .mx-hi{width:40px;height:40px}.hm6 b{font-size:14.5px}.hm6 small{font-size:12px}}
.mz-sec.s-psy,.mz-sec.s-dark{position:relative;overflow:hidden}
.lst-head .glow-soft svg{opacity:.28;right:-20px;bottom:-60px}
.lst-head .glow .halo{opacity:.2}
@media (max-width:420px){.hd6min .brand-word{display:none}.co-steps{font-size:12px}.hd6min .hd-in{gap:8px}}
.dr6 summary{justify-content:flex-start}.dr6 summary .mx-hi{flex:0 0 36px;width:36px;height:36px;padding:0;background:var(--accent);color:#fff}.dr6 summary .dr-st{flex:1}
.pp-hero .ph-ink::before,.mz-hero .ph-ink::before,.pp-hero .ph-ink,.mz-hero .ph-ink{overflow:visible}.pp-hero .ph-ink::before,.mz-hero .ph-ink::before{display:none}
@media (max-width:1359px){.hd6 .area-btn{background:transparent}}
@media (max-width:760px){.co-steps li:not([aria-current]){display:none}.co-steps li[aria-current]::after{content:" of 4";color:var(--muted);font-weight:500}}

/* ==== v7.css ==== */
/* =====================================================================
   Fungi Delivery v7 layer — click menus, glowing active state, sheets,
   compact footer, variants, hero slider, auth, authority pages.
   ===================================================================== */
:root{--glow-pop:0 0 0 1px rgba(212,255,90,.55),0 0 22px rgba(212,255,90,.55),0 0 48px rgba(212,255,90,.25)}

/* ---------- menus open on click only ---------- */
.hd7 .hd-item:not(.open):hover > .mm,.hd7 .hd-item:not(.open):focus-within > .mm{visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none}
.hd7 .hd-link{height:44px;padding:0 14px;border-radius:12px;display:inline-flex;align-items:center;gap:6px;font:700 15px/1 var(--body);color:var(--text);cursor:pointer;transition:background .2s,box-shadow .25s,color .2s}
.hd7 .hd-link svg{width:11px;height:11px;transition:transform .25s var(--ease)}
.hd7 .hd-item.open > .hd-link{background:var(--ink);color:#fff}
.hd7 .hd-item.open > .hd-link svg{transform:rotate(180deg)}
.hd7 .hd-link:hover{background:var(--accent-soft)}
/* active section: lime, glowing */
.hd7 .hd-item[data-active] > .hd-link,.hd7 .hd-item[data-here] > .hd-link{background:var(--pop);color:var(--ink);box-shadow:var(--glow-pop);animation:mzglow 3.2s ease-in-out infinite}
@keyframes mzglow{50%{box-shadow:0 0 0 1px rgba(212,255,90,.7),0 0 30px rgba(212,255,90,.7),0 0 60px rgba(212,255,90,.3)}}
.mx-top{display:flex;align-items:center;gap:14px;padding:16px 28px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--cream),#fff)}
.mx-top b{font:800 18px/1 var(--display);letter-spacing:-.02em}
.mx-all{display:inline-flex;align-items:center;gap:6px;font:700 14px/1 var(--body);color:var(--ink);background:var(--pop);padding:9px 14px;border-radius:999px;text-decoration:none;box-shadow:0 6px 18px -6px rgba(212,255,90,.9)}
.mx-all:hover{box-shadow:var(--glow-pop)}
.mx-x{margin-left:auto;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line)}
.mx-x:hover{background:var(--ink);color:#fff}.mx-x svg{width:16px;height:16px}
.mx-pp .mx-top{background:#140C24;border-color:#2F2448}.mx-pp .mx-top b{color:#fff}.mx-pp .mx-x{border-color:#2F2448;color:#fff}
.mx-h{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:10px;min-height:0;transition:border-color .2s,box-shadow .2s}
.mx-h:hover{border-color:var(--accent);box-shadow:0 10px 24px -14px rgba(123,77,255,.8)}
.mx-h .mx-go{opacity:1;transform:none}
.mx-pp .mx-h{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
/* current page inside menus / drawer / footer */
.mx-a.is-here,.dr-x .mx-a.is-here{background:var(--pop);box-shadow:var(--glow-pop)}
.mx-a.is-here .mx-t b,.mx-a.is-here .mx-t small{color:var(--ink)}
.mx-a.is-here .mx-ic{background:var(--ink);color:var(--pop)}
.ft a.is-here{color:var(--pop)!important;text-shadow:0 0 12px rgba(212,255,90,.7)}
.chips a[aria-current="page"],.chips a.is-here{background:var(--pop)!important;color:var(--ink)!important;border-color:var(--pop)!important;box-shadow:var(--glow-pop)}

/* ---------- glowing primary actions ---------- */
.mz-btn-pop{position:relative;box-shadow:0 0 0 1px rgba(212,255,90,.4),0 10px 30px -8px rgba(212,255,90,.75)}
.mz-btn-pop:hover{box-shadow:var(--glow-pop)}
.mz-cta{box-shadow:0 0 0 1px rgba(212,255,90,.35),0 14px 34px -10px rgba(212,255,90,.8)}
.mz-cta:hover:not(:disabled){box-shadow:var(--glow-pop)}
.mz-cta:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.hd-cart{box-shadow:0 0 0 0 rgba(212,255,90,0);transition:box-shadow .3s}
.hd-cart:hover{box-shadow:0 0 18px rgba(123,77,255,.55)}

/* ---------- utility sheets ---------- */
.sheet-body{padding:0 20px 16px;display:grid;gap:14px}
.sheet-foot{padding:0 20px 20px;position:sticky;bottom:0;background:var(--cream);margin-top: auto;}
.sheet-full{width:100%}
.sheet-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sheet-list li{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.sheet-list .gi-s{color:var(--accent)}
.sheet-2btn{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cash-hero{display:grid;gap:4px;justify-items:center;text-align:center;padding:26px 16px;border-radius:20px;background:radial-gradient(60% 80% at 50% 0%,rgba(212,255,90,.35),transparent 70%),var(--ink);color:#fff}
.cash-hero b{font:800 54px/1 var(--display);color:var(--pop);text-shadow:0 0 30px rgba(212,255,90,.6)}
.cash-hero span{color:var(--on-ink-muted)}
.ub-links button{cursor:pointer}

/* ---------- compact footer ---------- */
.ft.ft7{margin-top:56px;padding-top:0}
.ft7-top{display:grid;grid-template-columns:1fr minmax(0,420px);gap:24px;align-items:center;padding:28px 0 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.ft7-brand{display:grid;gap:10px}.ft7-brand p{max-width:48ch;font-size:14px}
.ft7-news .ft-news{display:flex;gap:6px}.ft7-news input{flex:1;min-width:0}
.ft7-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;padding:22px 0}
.ft7-cols h4{font:700 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pop);margin:0 0 10px}
.ft7-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ft7-cols a{color:var(--on-ink-muted);text-decoration:none;font-size:14px}.ft7-cols a:hover{color:#fff}
.ft7-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}
.ft7-trust{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;margin:0}.ft7-trust span{display:inline-flex;align-items:center;gap:6px}.ft7-trust .gi-s{color:var(--pop)}
.ft7 .ft-locs{border:0;padding:0;margin:0}.ft7 .ft-locs summary{font-size:13px;cursor:pointer;color:var(--on-ink-muted)}
.ft7 .ft-locs ul{columns:2;font-size:13px;margin-top:8px}
.ft7 .ft-bot{padding:14px 0 22px;font-size:13px}
.ft7 .ft-bot a{color:var(--on-ink-muted)}
@media (max-width:860px){.ft7-top{grid-template-columns:minmax(0,1fr)}.ft7-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- product cards: sold out + multi-buy ---------- */
.mz-pc.is-out .mz-pv{filter:grayscale(.65)}
.so-tag{position:absolute;left:10px;top:10px;z-index:2;background:var(--ink);color:#fff;font:700 11px/1 var(--mono);padding:6px 8px;border-radius:8px}
.mb-tag{display:inline-flex;align-items:center;gap:4px;font:700 11.5px/1 var(--body);background:#F1FBF5;color:#10643F;border:1px solid #BFE8CF;padding:5px 7px;border-radius:8px}
.mz-pv img.pack{object-fit:contain}

/* ---------- product page: variants ---------- */
.vpick{display:grid;gap:8px}
.vpick > span{font:700 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.vgrid{display:flex;flex-wrap:wrap;gap:8px}
.vgrid button{/* min-height:46px; */padding:8px 8px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--card);display:grid;gap:2px;text-align:left;font:700 14px/1.15 var(--body);flex-grow: 1; flex-basis: 24%; text-align: center;}
.vgrid button small{font:600 12px/1 var(--mono);color:var(--muted)}
.vgrid button[aria-checked="true"]{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 0 0 3px rgba(212,255,90,.6)}
.vgrid button[aria-checked="true"] small{color:var(--pop)}
.vgrid button.out{opacity:.6}.vgrid button.out small{text-decoration:line-through}
.vdeals{display:flex;flex-wrap:wrap;gap:8px}
.deal{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:#F1FBF5;border:1px solid #BFE8CF;font-size:14px;color:#10643F}
.deal em{font-style:normal;font-weight:700;background:#16895A;color:#fff;border-radius:8px;padding:3px 6px;font-size:12px}
.vstock{font:700 12px/1 var(--mono);padding:6px 9px;border-radius:999px}
.vstock.in{background:#E9F8EF;color:#10643F}.vstock.out{background:var(--hot-soft);color:var(--bad)}
.notify-box{background:var(--card);border:1px dashed var(--line-2);border-radius:18px;padding:14px;display:grid;gap:10px}
.notify-box form{display:flex;gap:8px}.notify-box input{flex:1;min-width:0}
.pd-buy6.is-out .pd-acts{opacity:.5;pointer-events:none}
.pd-bundle-cta{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(90deg,#1A1130,#2A1D48);color:#fff}
.pd-bundle-cta b{color:var(--pop)}.pd-bundle-cta .mz-btn{margin-left:auto;min-height:40px;padding:0 14px;font-size:14px}
.pd-full{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
.pd-2col{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
@media (max-width:960px){.pd-2col{grid-template-columns:minmax(0,1fr)}}

/* ---------- HOME hero slider ---------- */
.hs{position:relative;overflow:hidden;background:#120A22;color:var(--on-ink);isolation:isolate}
.hs-track{display:flex;transition:transform .6s cubic-bezier(.45,0,.15,1);will-change:transform}
.hs-slide{flex:0 0 100%;min-width:0;position:relative;background:var(--bg,radial-gradient(70% 90% at 80% 20%,rgba(123,77,255,.55),transparent 60%),#140C24)}
.hs-in{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;min-height:clamp(560px,72vh,700px);padding-block:48px 96px}
.hs .mz-eyebrow{color:var(--pop)}
.hs h1,.hs h2.hs-h{font:800 clamp(36px,5.2vw,72px)/.95 var(--display);letter-spacing:-.045em;margin-top:16px}
.hs h1 span,.hs h2.hs-h span{display:block;background:linear-gradient(90deg,var(--pop),#9BF2C8 45%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hs-lede{margin-top:16px;font-size:clamp(16px,1.5vw,19px);color:var(--on-ink-muted);max-width:48ch}
.hs-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hs-price{display:inline-flex;align-items:baseline;gap:10px;margin-top:18px;font:800 30px/1 var(--mono);color:#fff}
.hs-price small{font:600 13px/1 var(--body);color:var(--on-ink-muted)}
.hs-art{position:relative;display:grid;place-items:center;min-height:420px}
.hs-art img{width:min(360px,80%);filter:drop-shadow(0 40px 60px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(212,255,90,.25));animation:mzfloat 6s ease-in-out infinite;position:relative;z-index:2}
.hs-art img + img{position:absolute;width:min(220px,48%);right:2%;bottom:6%;animation-delay:-2s;z-index:1}
.hs-art img.l{right:auto;left:0;bottom:12%}
@keyframes mzfloat{50%{transform:translateY(-14px) rotate(-1.5deg)}}
.hs-orb{position:absolute;inset:10% 8%;border-radius:50%;background:radial-gradient(circle,rgba(212,255,90,.35),rgba(123,77,255,.25) 40%,transparent 70%);filter:blur(10px);animation:mzpulse 5s ease-in-out infinite}
.hs-badge{position:absolute;right:6%;top:12%;z-index:3;background:var(--pop);color:var(--ink);border-radius:18px;padding:12px 14px;font:800 14px/1.1 var(--display);box-shadow:var(--glow-pop);transform:rotate(6deg)}
.hs-badge small{display:block;font:600 11px/1 var(--mono);letter-spacing:.08em}
.hs-ui{position:absolute;left:0;right:0;bottom:22px;z-index:4}
.hs-ui .mz-wrap{display:flex;align-items:center;gap:12px}
.hs-dots{display:flex;gap:6px}
.hs-dots button{min-width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--on-ink-muted);font:700 12px/1 var(--mono)}
.hs-dots button::before{content:"";width:28px;height:4px;border-radius:4px;background:rgba(255,255,255,.25);transition:.3s}
.hs-dots button[aria-current="true"]::before{background:var(--pop);width:40px;box-shadow:0 0 12px rgba(212,255,90,.8)}
.hs-prev,.hs-next{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:#fff}
.hs-prev:hover,.hs-next:hover{background:rgba(255,255,255,.1)}
.hs-prev svg,.hs-next svg{width:18px;height:18px}
.hs-prog{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden;max-width:240px}
.hs-prog i{display:block;height:100%;width:100%;background:var(--pop);transform-origin:left;animation:hsprog 3.5s linear}
.hs.paused .hs-prog i{animation-play-state:paused}
@keyframes hsprog{from{transform:scaleX(0)}}
.hs-bundle{position:absolute;left:0;right:0;bottom:0;z-index:3}
.bundle-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--pop);color:var(--ink);border-radius:18px;padding:10px 12px 10px 16px;box-shadow:var(--glow-pop);font-weight:700}
.bundle-bar .tiers{display:flex;gap:6px;flex-wrap:wrap}.bundle-bar .tiers span{background:var(--ink);color:var(--pop);border-radius:10px;padding:6px 8px;font:700 12px/1 var(--mono)}
.bundle-bar .mz-btn{margin-left:auto;min-height:40px;padding:0 16px}
@media (max-width:960px){.hs-in{grid-template-columns:minmax(0,1fr);gap:8px;padding-block:28px 110px;min-height:0}.hs-art{min-height:260px;order:-1}.hs-art img{width:min(220px,60%)}.hs-art img + img{width:min(140px,36%)}.hs-badge{right:4%;top:4%}}
@media (prefers-reduced-motion:reduce){.hs-track{transition:none}.hs-art img,.hs-orb{animation:none}.hs-prog{display:none}}
.bundle-strip{margin-top:-28px;position:relative;z-index:5}

/* ---------- auth ---------- */
.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:32px;align-items:start;padding-block:24px 64px}
.auth-card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:26px;display:grid;gap:14px}
.auth-card h1{font:800 clamp(28px,3.4vw,40px)/1 var(--display);letter-spacing:-.03em}
.auth-side{border-radius:26px;padding:28px;background:radial-gradient(70% 90% at 80% 10%,rgba(123,77,255,.5),transparent 60%),#140C24;color:#fff;display:grid;gap:16px;position:relative;overflow:hidden}
.auth-side h2{font:800 clamp(26px,3vw,36px)/1.02 var(--display);letter-spacing:-.03em}.auth-side h2 span{color:var(--pop)}
.auth-side ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.auth-side li{display:flex;gap:10px;align-items:center}.auth-side .gi-s{color:var(--pop)}
.pw-meter{font:700 12px/1 var(--mono);color:var(--muted)}.pw-meter[data-s="3"],.pw-meter[data-s="4"]{color:var(--good)}
.auth-steps{display:flex;gap:6px;flex-wrap:wrap}.auth-steps span{font:700 12px/1 var(--mono);padding:7px 10px;border-radius:999px;background:var(--cream);border:1px solid var(--line)}.auth-steps span.on{background:var(--ink);color:var(--pop);border-color:var(--ink)}
@media (max-width:900px){.auth{grid-template-columns:minmax(0,1fr)}.auth-side{order:2}}

/* ---------- e-transfer ---------- */
.et{border-radius:20px;border:1px solid var(--line);background:var(--card);padding:18px;display:grid;gap:12px}
.et ol{margin:0;padding-left:20px;display:grid;gap:8px}
.et-badge{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 var(--body);background:#FFF7D6;border:1px solid #F1D98A;color:#6B5200;padding:8px 10px;border-radius:12px}

/* ---------- authority pages (lists, compare, glossary, FAQ hub, areas) ---------- */
.rank{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:r}
.rank > li{counter-increment:r;display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:14px}
.rank > li::before{content:counter(r);position:absolute}
.rank .rk-img{position:relative;border-radius:16px;background:radial-gradient(circle at 50% 60%,hsla(var(--h),80%,70%,.35),transparent 70%),var(--cream);aspect-ratio:1;display:grid;place-items:center}
.rank .rk-img img{width:86%;height:86%;object-fit:contain}
.rank .rk-n{position:absolute;left:-6px;top:-6px;width:34px;height:34px;border-radius:12px;background:var(--pop);color:var(--ink);display:grid;place-items:center;font:800 15px/1 var(--display);box-shadow:var(--glow-pop)}
.rank h3{font:800 20px/1.1 var(--display);letter-spacing:-.02em}.rank h3 a{text-decoration:none}
.rank p{color:var(--muted);font-size:15px;margin-top:6px}
.rank .rk-f{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center}
@media (max-width:560px){.rank > li{grid-template-columns:84px minmax(0,1fr);gap:12px}}
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}
.vs > div{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;gap:10px;justify-items:center;text-align:center}
.vs > span{align-self:center;font:800 26px/1 var(--display);color:var(--accent)}
.vs img{width:150px;height:190px;object-fit:contain}
@media (max-width:640px){.vs{grid-template-columns:minmax(0,1fr)}.vs > span{justify-self:center}}
.gloss{display:grid;gap:10px}
.gloss dt{font:800 18px/1.2 var(--display);scroll-margin-top:calc(var(--hdr) + 20px)}
.gloss dd{margin:0 0 12px;color:var(--muted);max-width:70ch}
.alpha{display:flex;flex-wrap:wrap;gap:6px}.alpha a{min-width:40px;min-height:40px;display:grid;place-items:center;border-radius:10px;background:var(--card);border:1px solid var(--line);font-weight:700;text-decoration:none}
.faq7 section{display:grid;gap:10px}
.faq7 h2{font:800 22px/1.1 var(--display);display:flex;align-items:center;gap:10px;margin-top:18px}
.hub-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px}
.hub-cards a{display:grid;gap:8px;padding:18px;border-radius:22px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--text);transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}
.hub-cards a:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 18px 30px -20px rgba(123,77,255,.8)}
.hub-cards small{font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.hub-cards b{font:800 18px/1.2 var(--display);letter-spacing:-.01em}
.hub-cards p{font-size:14px;color:var(--muted)}
.area-grp{display:grid;gap:10px;margin-top:20px}
.area-grp h2{font:800 20px/1 var(--display);display:flex;gap:10px;align-items:center}
.area-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:8px}
.area-list a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line);text-decoration:none;font-weight:600;font-size:14.5px}
.area-list a:hover{border-color:var(--accent);color:var(--accent)}
.area-list .gi-s{color:var(--accent)}
.coupon-hero{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:14px}
.cpn-card{position:relative;border-radius:22px;padding:20px;background:var(--card);border:2px dashed var(--line-2);display:grid;gap:10px}
.cpn-card .code{font:800 22px/1 var(--mono);letter-spacing:.06em;color:var(--accent)}
.cpn-card h2,.cpn-card h3{font:800 20px/1.15 var(--display)}
.cpn-card .mz-row{display:flex;gap:8px;flex-wrap:wrap}
.toc{display:flex;flex-wrap:wrap;gap:6px}
.toc a {padding: 8px 15px;border-radius: 999px;background: var(--card);border: 1px solid var(--line);font-weight: 600;font-size: 14px;text-decoration: none;flex-grow: 1;line-height: 1.3;}
.toc a:hover{border-color:var(--accent)}
.mz-pc-m{flex-wrap:wrap;row-gap:6px}
.pd-bundle-cta .gi{width:26px;height:26px;flex-shrink:0;color:var(--pop)}
.pd-buy6{min-width:0}.pd-buy6 > *{min-width:0}.notify-box form{flex-wrap:wrap}.pd-bundle-cta{flex-wrap:wrap}
.pd .pd-gal,.pd > div{min-width:0}
/* checkout bar: temporary, dismissible */
.co-strip{position:relative}
.cs-x{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--on-ink-muted);border:1px solid rgba(255,255,255,.14)}
.cs-x:hover{color:#fff;background:rgba(255,255,255,.08)}.cs-x svg{width:14px;height:14px}
.cs-timer{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--pop);transform-origin:left;transform:scaleX(0)}
.co-strip.cs-live .cs-timer{animation:cstimer 6s linear forwards}
.co-strip:hover .cs-timer{animation-play-state:paused}
@keyframes cstimer{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.co-strip.cs-go-away{animation:csout .3s var(--ease) forwards}
@keyframes csout{to{opacity:0;transform:translateY(-100%)}}
/* contrast fixes on dark cards (home delivery, pickers, cities) */
.avail a,.avail a h3,.avail h3{color:#fff}
.avail small{color:var(--pop)}
.avail dt{color:var(--on-ink-muted)}.avail dd{color:#fff;font-weight:700}
.pick,.pick-q{color:#fff}
.pick-rows dt{color:var(--on-ink-muted)}.pick-rows dd{color:#fff;font-weight:700}
.pick-eta small{color:var(--on-ink-muted)}.pick-eta b{color:var(--pop)}
.pick-status{color:#fff}
.cty-stats b,.cty-stats small{text-shadow:none}
main .avail a dl dd,main .avail a h3{color:#fff!important}
main .pick .pick-rows dd{color:#fff!important}
main .pick .pick-eta b{color:var(--pop)!important}
/* ---------- HOME hero v7b: delivery-area picker + one-product showcase ---------- */
.hx{position:relative;overflow:hidden;color:var(--on-ink);background:radial-gradient(60% 90% at 90% 10%,rgba(123,77,255,.55),transparent 60%),radial-gradient(45% 70% at 0% 100%,rgba(212,255,90,.14),transparent 60%),#120A22}
.hx-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;padding-block:clamp(36px,5vw,64px) clamp(56px,6vw,84px)}
.hx .mz-eyebrow{color:var(--pop)}
.hx h1{font:800 clamp(34px,4.6vw,62px)/.98 var(--display);letter-spacing:-.04em;margin-top:14px;color:#fff}
.hx h1 span{display:block;background:linear-gradient(90deg,var(--pop),#9BF2C8 50%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hx-lede{margin-top:14px;font-size:clamp(16px,1.4vw,18px);color:#E3DAF7;max-width:50ch}
.hx-pick{margin-top:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:16px;backdrop-filter:blur(8px)}
.hx-lbl{font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#CFC3EE;margin:0 0 10px}
.hx-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.hx-tabs button{min-height:42px;padding:0 16px;border-radius:12px;font:700 14.5px/1 var(--body);color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.hx-tabs button:hover{background:rgba(255,255,255,.14)}
.hx-tabs button[aria-selected="true"]{background:var(--pop);color:var(--ink);border-color:var(--pop);box-shadow:var(--glow-pop)}
.hx-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
.hx-facts div{background:rgba(0,0,0,.22);border-radius:14px;padding:10px 12px}
.hx-facts dt{font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#CFC3EE}
.hx-facts dd{margin:6px 0 0;font:800 15px/1.2 var(--display);color:#fff}
.hx-facts div:first-child dd{color:var(--pop);font-size:20px}
.hx-chips{display:flex;flex-wrap:wrap;gap:6px}
.hx-chips a{padding:7px 11px;border-radius:999px;font:600 13.5px/1 var(--body);color:#fff;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.hx-chips a:hover{background:#fff;color:var(--ink)}
.hx-go{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px}
.hx-more{color:var(--pop);font-weight:700;text-decoration:none}
.hx-show{background:transparent;border-radius:28px;overflow:hidden}
.hx-card{display:grid;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:18px;min-height:0}
.hx-art{position:relative;display:grid;place-items:center;height:clamp(240px,26vw,320px)}
.hx-art img{height:100%;width:auto;max-width:80%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5));animation:mzfloat 6s ease-in-out infinite}
.hx-info small{font:700 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pop)}
.hx-info b{display:block;font:800 24px/1.1 var(--display);color:#fff;margin-top:6px}
.hx-info p{color:#DCD2F2;font-size:14.5px;margin-top:6px}
.hx-buy{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.hx-buy .mz-btn{min-height:44px;padding:0 16px;font-size:15px}
.hx-price{font:800 22px/1 var(--mono);color:#fff;margin-right:auto}
.hx-ui{display:flex;align-items:center;gap:10px;margin-top:12px}
@media (max-width:960px){.hx-in{grid-template-columns:minmax(0,1fr)}.hx-r{order:2}.hx-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hx-facts div:last-child{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.hx-art img{animation:none}}
.hx-card{background:linear-gradient(180deg,#241838,#1B1230);position:relative;z-index:2}
.hx-art{height:auto}
.hx-art img{height:clamp(220px,22vw,300px);width:auto;max-width:78%}
.hx .glow{opacity:.55}
.hx .glow-r svg{right:-120px;width:min(520px,44vw)}
.hx-r{position:relative;z-index:2}
.hx-buy .mz-btn-ink{background:#fff;color:var(--ink)}

/* ==== v8.css ==== */
/* Fungi Delivery · v8.css — uniform compact mega menus, desktop menu button, delivery tiers + ETA tool,
   tracker slide-over, v8 footer, city pages, 404, page-type tool strips. Loaded after v7.css. */
:root{--t-express:#D4FF5A;--t-express-ink:#1A1130;--t-sameday:#9C7BFF;--t-shipping:#FF8A70}

/* ---------- scroll safety: nothing fixed may hide the end of the page ---------- */
html{overflow-x:visible}
body{overflow-x:clip}
.ft8{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
.proto-btn{left:auto!important;right:16px;bottom:16px;opacity:.9}
@media (max-width:640px){.proto-btn{bottom:12px;right:12px;padding:8px 12px!important;font-size:12px!important}}

/* ---------- desktop menu button ---------- */
.hd7 .hd-burger8{display:inline-flex!important;align-items:center;gap:8px;width:auto;padding:0 12px 0 10px;border-radius:12px}
.hd-burger8 svg{width:22px;height:22px}
.hd-burger-l{font:700 14px/1 var(--display);letter-spacing:-.01em}
@media (max-width:1024px){.hd-burger-l{display:none}.hd7 .hd-burger8{padding:0;width:44px;justify-content:center}}
@media (min-width:1025px) and (max-width:1240px){.hd7 .hd-nav .hd-link{padding-inline:10px}}

/* ---------- uniform compact mega menus ---------- */
.hd7 .mm.m8{padding:0 var(--gutter)}
.m8-card{max-width:1180px;margin:8px auto 0;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 34px 70px -30px rgba(26,17,48,.45);overflow:hidden}
.m8-top{display:flex;align-items:center;gap:12px;padding:12px 16px 12px 22px;border-bottom:1px solid var(--line)}
.m8-top b{font:800 17px/1 var(--display);letter-spacing:-.02em}
.m8-all{display:inline-flex;align-items:center;gap:6px;background:var(--pop);color:#1A1130;border-radius:999px;padding:7px 12px;font:700 13px/1 var(--display);text-decoration:none;box-shadow:0 0 0 1px rgba(26,17,48,.06),0 8px 18px -8px rgba(212,255,90,.9)}
.m8-x{margin-left:auto;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;cursor:pointer;color:var(--text)}
.m8-x svg{width:16px;height:16px}
.m8-in{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;padding:16px 18px 18px 22px;height:268px}
.m8-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 14px}
.m8-col{min-width:0;display:flex;flex-direction:column}
.m8-h{display:flex;align-items:center;gap:8px;padding:0 8px 10px;margin-bottom:6px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}
.m8-h b{font:800 14px/1.2 var(--display);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m8-hi{width:26px;height:26px;padding:5px;border-radius:8px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}
.m8-h:hover .m8-hi{background:var(--accent);color:#fff}
.m8-list{display:grid;gap:2px}
.m8-a{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 8px;border-radius:10px;text-decoration:none;color:var(--text);font:600 14px/1.2 var(--body)}
.m8-a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m8-i{width:17px;height:17px;flex-shrink:0;color:var(--muted)}
.m8-a:hover,.m8-a:focus-visible{background:var(--accent-soft);color:var(--accent)}
.m8-a:hover .m8-i{color:var(--accent)}
.m8-a[aria-current="page"],.m8-a.is-here{background:rgba(212,255,90,.35);box-shadow:inset 0 0 0 1px rgba(160,200,40,.6)}
.m8-feat{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;border-radius:16px;padding:16px;background-size:cover;background-position:center;color:#fff;text-decoration:none;border:0;text-align:left;cursor:pointer;font:inherit;min-width:0}
.m8-feat small{font:700 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pop)}
.m8-feat b{font:800 19px/1.15 var(--display);letter-spacing:-.02em}
.m8-feat span{font:700 13.5px/1 var(--display);color:var(--pop);margin-top:4px}
.m8-feat:hover{box-shadow:0 0 0 2px var(--pop),0 16px 36px -14px rgba(212,255,90,.7)}
.mm-dark .m8-card,.m8-pp .m8-card{background:#1E1433;border-color:#2F2448;color:var(--on-ink)}
.m8-pp .m8-top,.m8-pp .m8-h{border-color:#2F2448}
.m8-pp .m8-h,.m8-pp .m8-a,.m8-pp .m8-top b{color:var(--on-ink)}
.m8-pp .m8-x{background:#2A1F44;border-color:#3A2E58;color:#fff}
.m8-pp .m8-a:hover{background:rgba(255,255,255,.08);color:var(--pop)}
.m8-pp .m8-i{color:#A99BC9}
@media (max-width:1180px){.m8-in{grid-template-columns:minmax(0,1fr)}.m8-feat{display:none}}

/* ---------- tier badges ---------- */
.tb{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px 5px 8px;font:700 11.5px/1 var(--display);white-space:nowrap;vertical-align:middle}
.tb svg{width:15px;height:15px}
.tb i{font-style:normal;font-weight:600;opacity:.85}
.tb-express{background:var(--t-express);color:var(--t-express-ink);box-shadow:0 0 18px -4px rgba(212,255,90,.9)}
.tb-sameday{background:rgba(156,123,255,.18);color:#5B3FD1;box-shadow:inset 0 0 0 1px rgba(123,77,255,.35)}
.tb-shipping{background:rgba(255,138,112,.16);color:#B34328;box-shadow:inset 0 0 0 1px rgba(255,111,89,.35)}
.tb-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:auto;flex-shrink:0}
.tb-dot.tb-express{background:#9BC21E;box-shadow:0 0 8px rgba(212,255,90,.9)}
.tb-dot.tb-sameday{background:#7B4DFF}
.hx .tb-sameday,.c8 .tb-sameday,.ft8 .tb-sameday{color:#CDBEFF;background:rgba(156,123,255,.22)}
.hx .tb-shipping,.c8 .tb-shipping,.ft8 .tb-shipping{color:#FFC2B3;background:rgba(255,138,112,.18)}

/* ---------- ETA tool ---------- */
.eta{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;gap:12px}
.eta-t{font:800 20px/1.15 var(--display);letter-spacing:-.02em;margin:0}
.eta-h p{margin:4px 0 0;color:var(--muted);font-size:14px}
.eta-f{display:flex;gap:8px}
.eta-f input{flex:1;min-width:0;height:48px;border-radius:14px;border:1.5px solid var(--line);background:var(--cream);padding:0 14px;font:500 16px var(--body);color:var(--text)}
.eta-f input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.eta-f .mz-btn{height:48px;flex-shrink:0}
.eta-chips{display:flex;flex-wrap:wrap;gap:6px}
.eta-chips button{border:1px solid var(--line);background:var(--cream);border-radius:999px;padding:6px 11px;font:600 13px/1 var(--body);color:var(--text);cursor:pointer}
.eta-chips button:hover{border-color:var(--accent);color:var(--accent)}
.eta-out:empty{display:none}
.eta-r{border-radius:18px;padding:16px;display:grid;gap:8px;background:var(--cream);border:1.5px solid var(--line)}
.eta-r.eta-express{border-color:#B8E03A;background:linear-gradient(135deg,rgba(212,255,90,.28),rgba(212,255,90,.06));box-shadow:0 0 0 4px rgba(212,255,90,.18)}
.eta-r.eta-sameday{border-color:rgba(123,77,255,.35);background:linear-gradient(135deg,rgba(156,123,255,.14),transparent)}
.eta-r.eta-shipping{border-color:rgba(255,111,89,.35);background:linear-gradient(135deg,rgba(255,138,112,.12),transparent)}
.eta-rt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.eta-place{font:800 14px/1.2 var(--display)}
.eta-when{font:800 clamp(18px,2vw,22px)/1.2 var(--display);letter-spacing:-.02em;margin:2px 0 0;display:flex;align-items:center;gap:8px}
.eta-live{width:10px;height:10px;border-radius:50%;background:#5FD35F;box-shadow:0 0 0 0 rgba(95,211,95,.6);animation:etaPulse 1.6s infinite;flex-shrink:0}
@keyframes etaPulse{70%{box-shadow:0 0 0 10px rgba(95,211,95,0)}100%{box-shadow:0 0 0 0 rgba(95,211,95,0)}}
.eta-sub,.eta-alt{margin:0;color:var(--muted);font-size:14px}
.eta-alt{font-weight:600;color:var(--text)}
.eta-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 0}
.eta-dl div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.eta-dl dt{font:700 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.eta-dl dd{margin:4px 0 0;font:700 13px/1.25 var(--body)}
.eta-go{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
@media (max-width:480px){.eta-f{flex-direction:column}.eta-dl{grid-template-columns:1fr 1fr}.eta-dl div:last-child{grid-column:1/-1}}
/* ETA on dark hero */
.hx8{padding:0;background:none;border:0;backdrop-filter:none}
.hx8 .eta{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);backdrop-filter:blur(10px);color:#fff}
.hx8 .eta-t{color:#fff}.hx8 .eta-h p{color:#CFC3EE}
.hx8 .eta-f input{background:rgba(255,255,255,.95);border-color:transparent;color:#1A1130}
.hx8 .eta-chips button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.hx8 .eta-chips button:hover{border-color:var(--pop);color:var(--pop)}
.hx8 .eta-r{background:#fff;color:#1A1130}
.hx8-t{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hx .hx-lede b{color:#fff}

/* ---------- tier band ---------- */
.tiers8{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:18px}
.tiers8-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.tiers8-h h2,.tiers8-h h3{font:800 clamp(20px,2.2vw,26px)/1.1 var(--display);letter-spacing:-.02em;margin:0}
.tiers8-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tier{border-radius:18px;padding:16px;border:1.5px solid var(--line);background:var(--cream);display:grid;gap:10px;align-content:start}
.tier-top{display:flex;gap:12px;align-items:center}
.tier-top svg{width:40px;height:40px;padding:9px;border-radius:12px;flex-shrink:0}
.tier-top b{display:block;font:800 16px/1.15 var(--display)}
.tier-top em{font:800 22px/1.1 var(--display);font-style:normal;letter-spacing:-.02em}
.tier p{margin:0;font-size:14px;color:var(--muted)}
.tier dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}
.tier dt{font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tier dd{margin:3px 0 0;font:600 13px/1.3 var(--body)}
.tier-express{border-color:#B8E03A;background:linear-gradient(160deg,rgba(212,255,90,.35),rgba(212,255,90,.06) 70%);box-shadow:0 0 0 4px rgba(212,255,90,.15),0 18px 40px -22px rgba(150,190,20,.8)}
.tier-express .tier-top svg{background:#1A1130;color:var(--pop);box-shadow:0 0 16px rgba(212,255,90,.7)}
.tier-sameday .tier-top svg{background:rgba(123,77,255,.14);color:#7B4DFF}
.tier-shipping .tier-top svg{background:rgba(255,111,89,.14);color:#E0553C}
@media (max-width:860px){.tiers8-l{grid-template-columns:1fr}}

/* page-type tool strip (listings) */
.tstrip8{display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin-top:14px;margin-bottom:6px;padding:10px 12px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.tstrip8 ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:3px}
.tstrip8-me{margin:0;flex:1;min-width:180px;display:flex;align-items:center;gap:3px;font-size:14px}
.tstrip8-me:empty{display:none}
.tstrip8-me button,.pd-eta button,.co-eta button{border:0;background:none;color:var(--accent);font:700 13px var(--display);text-decoration:underline;cursor:pointer;padding:0;margin-left:auto}
.tstrip8 .mz-btn{margin-left:auto}
.pd-eta,.co-eta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(212,255,90,.22),rgba(212,255,90,.04));border:1px solid #CFEA7A;font-size:14px;margin:10px 0}
.co-eta:empty{display:none}
.co-na{opacity:.55}
.tool8{display:grid;gap:14px}

/* ---------- slide-over sheets: tracker + ETA ---------- */
.sheet8 .sheet-panel{width:min(480px,100vw);display:flex;flex-direction:column}
.sheet8 .sheet-body {
	padding: 16px 20px;
	flex: 1;
	display: inline-flex;
	flex-direction: column;
}
.sheet8 .eta{border:0;padding:0;background:none}
.tiers8-mini{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tiers8-mini li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--card);font-size:14px}
.tiers8-mini svg{width:18px;height:18px}
.tiers8-mini span{margin-left:auto;font-weight:700}
.tiers8-mini .tier-express{border-color:#CFEA7A;background:rgba(212,255,90,.2)}
.trk-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.trk-sum div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}
.trk-sum small{display:block;font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.trk-sum b{display:block;margin-top:5px;font:800 14px/1.2 var(--display)}
.trk-tl{list-style:none;margin:0;padding:0;display:grid}
.trk-tl li{display:grid;grid-template-columns:22px 1fr;gap:12px;position:relative;padding-bottom:18px}
.trk-tl li:not(:last-child)::before{content:"";position:absolute;left:10px;top:22px;bottom:0;width:2px;background:var(--line)}
.trk-tl li.done:not(:last-child)::before{background:#9BC21E}
.trk-tl i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);background:var(--card);margin-top:1px}
.trk-tl li.done i{background:#9BC21E;border-color:#9BC21E;box-shadow:inset 0 0 0 4px var(--card)}
.trk-tl li.now i{border-color:#7B4DFF;box-shadow:0 0 0 5px rgba(123,77,255,.18);animation:etaPulse 1.6s infinite}
.trk-tl b{display:block;font:700 15px/1.2 var(--display)}
.trk-tl small{color:var(--muted);font-size:13px}
.trk-tl time{display:block;font:600 12px var(--mono);color:var(--muted);margin-top:2px}
.trk-tl li:not(.done):not(.now) b{color:var(--muted)}
.trk-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.trk-links a{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:var(--text);font:600 13.5px var(--body)}
.trk-links a:hover{border-color:var(--accent);color:var(--accent)}
.trk-orders{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:6px}
.trk-orders button{width:100%;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);cursor:pointer;font:inherit;color:var(--text)}
.trk-orders em{margin-left:auto;font-style:normal;color:var(--accent);font-weight:700}

/* header "Deliver to" + drawer ETA card */
.area8{cursor:pointer}
.area8 .area-lbl small{color:#6E8A12}
.dr-eta{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:16px;background:var(--ink);color:#fff;border:0;cursor:pointer;text-align:left;margin-bottom:10px;font:inherit}
.dr-eta small{display:block;font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#CFC3EE}
.dr-eta b{font:800 16px/1.2 var(--display)}
.dr-eta em{margin-left:auto;font-style:normal;font:700 12px/1 var(--display);background:var(--pop);color:#1A1130;border-radius:999px;padding:6px 10px;white-space:nowrap}
.dr-eta .gi-s{color:var(--pop)}

/* ---------- v8 footer ---------- */
.ft8{background:#140C24;color:#CFC3EE;padding-top:28px;padding-bottom: 15px;margin-top: 30px;}
.ft8 a{color:#E9E2FA;text-decoration:none}
.ft8 a:hover{color:var(--pop)}
.f8-tiers{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.f8-tiers ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;flex:1}
.f8-tiers li{display:flex;align-items:center;gap:10px}
.f8-tiers li svg{width:34px;height:34px;padding:8px;border-radius:10px;background:rgba(255,255,255,.08);color:#fff}
.f8-tiers li.f8t-express svg{background:var(--pop);color:#1A1130;box-shadow:0 0 16px rgba(212,255,90,.6)}
.f8-tiers b{display:block;color:#fff;font:700 14px/1.2 var(--display)}
.f8-tiers small{font-size:13px}
.f8-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,2fr);gap:40px;padding:30px 0 22px}
.f8-brand p{margin:12px 0 14px;font-size:14px;line-height:1.55;max-width:40ch}
.f8-brand .ft-soc{display:flex;gap:8px;margin-top:14px}
.f8-news .ft-news{display:flex;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px}
.f8-news input{flex:1;min-width:0;background:none;border:0;color:#fff;padding:0 14px;font:500 15px var(--body);height:42px}
.f8-news input::placeholder{color:#A99BC9}
.f8-news button{border:0;border-radius:999px;background:var(--pop);color:#1A1130;font:800 14px var(--display);padding:0 18px;cursor:pointer}
.f8-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.f8-col summary{list-style:none;cursor:default;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.f8-col summary::-webkit-details-marker{display:none}
.f8-col h2{margin:0 0 12px;font:700 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pop)}
.f8-chev{display:none;width:18px;height:18px}
.f8-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px}
.f8-stores{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;display:grid;gap:10px}
.f8-stores p{margin:0;font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.f8-stores .gi-s{color:var(--pop)}
.f8-sg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.f8-sg div{font-size:13px;line-height:1.5}
.f8-sg b{display:block;color:#fff;font:700 13px var(--display)}
.f8-bot{border-top:1px solid rgba(255,255,255,.1);padding:14px 0 0;display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;font-size:13px}
.f8-bot nav{display:flex;flex-wrap:wrap;gap:6px 14px}
.f8-badges{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.f8-pay{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 10px}
@media (max-width:960px){.f8-main{grid-template-columns:1fr;gap:18px}.f8-cols{grid-template-columns:1fr 1fr}.f8-sg{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
 .f8-cols{grid-template-columns:1fr;gap:0}
 .f8-col{border-bottom:1px solid rgba(255,255,255,.1)}
 .f8-col summary{pointer-events:auto;cursor:pointer;min-height:48px}
 .f8-col h2{margin:0}
 .f8-chev{display:block;transition:transform .2s}
 .f8-col[open] .f8-chev{transform:rotate(180deg)}
 .f8-col ul{padding-bottom:14px}
 .f8-badges{margin-left:0}
 .f8-tiers .mz-btn{width:100%}
}

/* ---------- city pages ---------- */
.c8{position:relative;overflow:hidden;background:radial-gradient(60% 90% at 90% 0%,rgba(123,77,255,.5),transparent 60%),#1A1130;color:var(--on-ink);padding-bottom:28px}
.c8 .bc a,.c8 .bc{color:#CFC3EE}
.c8-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;padding-top:18px}
.c8 h1{font:800 clamp(32px,4.4vw,54px)/1.02 var(--display);letter-spacing:-.035em;color:#fff;margin:8px 0 0}
.c8 h1 em{font-style:normal;color:var(--pop);text-shadow:0 0 28px rgba(212,255,90,.35)}
.c8-tier{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 0;color:#E3DAF7;font-size:15px}
.c8 .ph-lede{color:#DCD2F2}
.c8-fig{margin:0;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.12);aspect-ratio:2/1.15;background:#23143F}
.c8-fig img{width:100%;height:100%;object-fit:cover;display:block}
.c8-fig figcaption{position:absolute;left:12px;bottom:12px;right:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.c8-fig figcaption > span:last-child{background:rgba(20,12,36,.72);backdrop-filter:blur(6px);color:#fff;border-radius:999px;padding:6px 10px;font:600 12.5px var(--body)}
.c8-cred{position:absolute;top:8px;right:10px;font-size:11px;color:#fff;background:rgba(0,0,0,.45);border-radius:6px;padding:2px 6px}
.c8-cred a{color:#fff}
.c8-ans{margin-top:22px}
.c8-tool-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}
.c8-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.c8-facts div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}
.c8-facts dt{font:700 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.c8-facts dd{margin:6px 0 0;font:800 16px/1.25 var(--display)}
.c8-express .c8-facts div:first-child{background:linear-gradient(135deg,rgba(212,255,90,.35),rgba(212,255,90,.08));border-color:#CFEA7A}
.c8-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.c8-2 .area-list a{display:flex;align-items:center;gap:8px}
.c8-leg{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px;font-size:14px}
.c8-leg .tb-dot{margin-left:0}
@media (max-width:900px){.c8-in,.c8-tool-in,.c8-2{grid-template-columns:1fr}.c8-fig{aspect-ratio:16/10}}
.a8 h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.a8-r{font:700 15px/1.2 var(--display);margin:16px 0 8px;display:flex;gap:8px;align-items:center}
.a8-express{border:1.5px solid #CFEA7A;border-radius:22px;padding:16px;background:linear-gradient(160deg,rgba(212,255,90,.14),transparent 60%)}

/* ---------- science & community ---------- */
.sec-h8 h2{font:800 clamp(26px,3vw,38px)/1.05 var(--display);letter-spacing:-.03em;margin:6px 0 16px}
.sec-h8 h2 em{font-style:normal;color:var(--accent)}
.sci8-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sci8-l a{display:grid;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--card);text-decoration:none;color:var(--text);height:100%}
.sci8-l figure{margin:0;aspect-ratio:2/1;overflow:hidden}
.sci8-l img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.sci8-l a:hover img{transform:scale(1.04)}
.sci8-l div{padding:14px 16px 16px;display:grid;gap:6px}
.sci8-l b{font:800 17px/1.2 var(--display)}
.sci8-l p{margin:0;color:var(--muted);font-size:14px}
.sci8-l span{font:700 13.5px var(--display);color:var(--accent)}
@media (max-width:860px){.sci8-l{grid-template-columns:1fr}}

/* ---------- 404 ---------- */
.nf8{background:radial-gradient(60% 80% at 100% 0%,rgba(123,77,255,.18),transparent 60%),var(--cream);padding-block:clamp(28px,5vw,64px)}
.nf8-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}
.nf8 h1{font:800 clamp(34px,5vw,60px)/1 var(--display);letter-spacing:-.04em;margin:8px 0 10px}
.nf8-s{display:flex;gap:8px;margin:18px 0 8px}
.nf8-s input{flex:1;min-width:0;height:50px;border-radius:14px;border:1.5px solid var(--line);padding:0 14px;font:500 16px var(--body);background:var(--card)}
.nf8-h{font:700 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:22px 0 10px}
.nf8-sug,.nf8-pop{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.nf8-sug a,.nf8-pop a{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--text)}
.nf8-sug a:hover,.nf8-pop a:hover{border-color:var(--accent);box-shadow:0 10px 24px -14px rgba(123,77,255,.6)}
.nf8-sug small,.nf8-pop small{color:var(--muted);font-size:13px}
.nf8-more{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.nf8-art{margin:14px 0 0;border-radius:20px;overflow:hidden;aspect-ratio:2/1}
.nf8-art img{width:100%;height:100%;object-fit:cover}

.area8 .area-lbl b{display:block;max-width:132px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){.nf8-in{grid-template-columns:minmax(0,1fr)}}
.nf8-l,.nf8-r{min-width:0}
.nf8-pop,.nf8-sug{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr))}
/* header row with desktop Menu button */
@media (min-width:1025px){.hd7 .hd-in{grid-template-columns:auto auto minmax(0,1fr) auto;gap:18px}.hd7 .hd-nav{min-width:0}}
@media (min-width:1025px) and (max-width:1359px){.hd7 .hd-in{gap:10px}.hd-burger-l{display:none}.hd7 .hd-burger8{width:44px;padding:0;justify-content:center}}
.ub-links a,.ub-links button{white-space:nowrap}
.ub-msg{flex:1 1 auto}
.ub-rot{overflow:hidden;text-overflow:ellipsis;min-width:0;display:block}
@media (max-width:1240px){.ub-rot{display:none}}
/* hero result: tier badge readable on the white result card */
.hx8 .eta-r .tb-sameday{color:#5B3FD1;background:rgba(156,123,255,.18)}
.hx8 .eta-r .tb-shipping{color:#B34328;background:rgba(255,138,112,.16)}
/* footer tier list items (not the tier-band cards) */
.f8-tiers li{border:0;background:none;box-shadow:none;padding:0}
/* keep the desktop header on one clean row */
.hd7 .hd-nav{justify-content:flex-start}
@media (min-width:1025px) and (max-width:1499px){.hd-burger-l{display:none}.hd7 .hd-burger8{width:44px;padding:0;justify-content:center}.hd7 .area8 .area-lbl{display:none}.hd7 .area8{padding:0 10px;min-width:44px;justify-content:center}.hd7 .hd-wide{display:none}}
@media (min-width:1025px) and (max-width:1199px){.hd7 .hd-link{padding:0 8px;font-size:14px}.hd7 .hd-cash{display:none}}
@media (max-width:640px){.proto-btn{width:40px;height:40px;padding:0!important;justify-content:center;font-size:0!important;border-radius:50%}.proto-btn svg{margin:0}}
@media (min-width:1025px){.hd7 .hd-in > .hd-burger{grid-column:1;grid-row:1}.hd7 .hd-in > .brand,.hd7 .hd-in > a:not(.mz-icon-btn){grid-column:2;grid-row:1}.hd7 .hd-in > .hd-nav{grid-column:3;grid-row:1}.hd7 .hd-in > .hd-act{grid-column:4;grid-row:1}}
@media (min-width:1500px){.hd7 .mz-wrap.hd-in,.ub .mz-wrap.ub-in{max-width:1480px}.hd7 .hd-in{gap:16px}.area8 .area-lbl b{max-width:110px}}
@media (min-width:1500px){.hd7 .hd-in{gap:12px}.hd7 .hd-link{padding:0 12px}.hd7 .hd-act{gap:6px}}
body.ft-in .pd-bar,body.ft-in .mz-mbar{transform:translateY(130%)!important;opacity:0;pointer-events:none}
body.ft-in .proto-btn{bottom:16px!important}
.c8-tool{padding-top:28px}
.how8{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:h}
.how8 li{counter-increment:h;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:6px}
.how8 li::before{content:counter(h);width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:var(--pop);font:800 15px var(--display)}
.how8 b{font:800 16px/1.2 var(--display)}.how8 p{margin:0;color:var(--muted);font-size:14px}
@media (max-width:860px){.how8{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.how8{grid-template-columns:1fr}}
.cmp8 tr.on{background:rgba(212,255,90,.18)}
.c8 .eta{background:rgba(255,255,255,.97);color:var(--text)}
/* ---------- v8.1 short hero ---------- */
.hx .hx-in{padding-block:clamp(22px,3vw,36px) clamp(26px,3vw,40px);gap:32px}
.hx h1{font-size:clamp(32px,4vw,52px)!important;line-height:1.02}
.hx .hx-lede{margin-top:10px;font-size:16px}
.hx .hx-pick.hx8{margin-top:16px}
.hx8-t{margin:0 0 10px}
.hx8 .eta{padding:14px;gap:10px}
.hx8 .eta-h{display:none}
.hx8 .eta-f input,.hx8 .eta-f .mz-btn{height:46px}
.hx8 .eta-r{padding:12px 14px;gap:4px}
.hx8 .eta-dl,.hx8 .eta-alt,.hx8 .eta-sub{display:none}
.hx8 .eta-when{font-size:18px}
.hx8 .eta-go .mz-btn{min-height:40px;padding:0 16px;font-size:14px}
.hx .hx-card .hx-art img{max-height:250px}
.hx .hx-show{max-width:480px;margin-left:auto}
@media (max-width:960px){.hx .hx-r{display:none}}
@media (max-width:480px){.eta-f input{flex:none;height:46px}.hx8-t .tb{font-size:11.5px;padding:4px 9px 4px 7px}.hx8-t{gap:6px}}

/* =====================================================================
   v8.2 — interaction contract, header IA, city depth (no visual redesign)
   ===================================================================== */
:root{--hd-h:72px}
/* sticky offset: in-page jumps land below the sticky header */
html{scroll-padding-top:calc(var(--hd-h) + 12px)}
#main,h1,h2,h3,section[id],details[id]{scroll-margin-top:calc(var(--hd-h) + 12px)}
/* scroll lock is owned by v8.js (html.mz-lock) and only while drawer / search / sheet is open */
html.mz-lock{overflow:hidden}
/* a mega panel never opens from CSS :hover / :focus-within alone — v8.js decides (fine pointer = hover intent, touch = tap) */
.hd4 .hd-item:not(.open):hover > .mm,.hd4 .hd-item:not(.open):focus-within > .mm{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px)}
.hd4 .hd-item.open > .mm{visibility:visible;opacity:1;pointer-events:auto;transform:none}
/* dialog titles in the header partial are <p> (no heading soup before the H1) */
.sheet-head .sheet-t{display:flex;align-items:center;gap:10px;margin:0;font:800 20px var(--display);letter-spacing:-.02em}
.sheet .eta-t,.sheet8 .eta-t{margin:0}
p.eta-t{font:800 20px/1.15 var(--display);letter-spacing:-.02em;margin:0}

/* Delivery mega: hubs only (two columns + find-your-area tile) */
.m8-dl .m8-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.m8-a-btn{width:100%;border:0;background:none;cursor:pointer;text-align:left;font:600 14px/1.2 var(--body);color:var(--text)}
.m8-a-btn:hover,.m8-a-btn:focus-visible{background:var(--accent-soft);color:var(--accent)}
.dr-find{width:100%;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}
.hx8-cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.hx8-cta .mz-btn{min-height:44px}

/* footer: full city lists, grouped by hub, collapsed */
.f8-areas{border-top:1px solid rgba(255,255,255,.1);padding:14px 0;display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr));gap:8px 14px;align-items:start}
.f8-areas-h{margin:0;display:flex;align-items:center;gap:6px;font:700 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pop);padding-top:10px}
.f8-ar summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:36px;color:#fff;font:700 13.5px var(--display)}
.f8-ar summary::-webkit-details-marker{display:none}
.f8-ar summary::after{content:"+";margin-left:auto;color:var(--pop)}
.f8-ar[open] summary::after{content:"–"}
.f8-ar summary span{font:600 11px var(--mono);color:#A99BC9}
.f8-ar p{margin:4px 0 6px;font-size:13px}
.f8-ar ul{list-style:none;margin:0;padding:0;columns:2 120px;column-gap:14px;font-size:13px;line-height:1.9}
.f8-ar[open]{grid-column:1/-1;order:9}
@media (max-width:960px){.f8-areas{grid-template-columns:1fr}.f8-areas-h{padding-top:0}.f8-ar{border-bottom:1px solid rgba(255,255,255,.08)}}

/* city pages */
.c8-intro{max-width:62ch}
.c8-facts dd a{color:inherit}

/* reduced motion: no transitions, pulses, marquees or smooth scrolling */
@media (prefers-reduced-motion: reduce){
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}
 html{scroll-behavior:auto!important}
 .mz-ticker-track,.eta-live,.trk-tl li.now i{animation:none!important}
}
.f8-ar ul{columns:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 14px}
.c8 .bc [aria-current]{color:#fff;font-weight:600}
.c8-fig{z-index:2}

/* =====================================================================
   v8.3 — calmer delivery colours, listing grid, quick view, PDP, footer areas
   ===================================================================== */
/* delivery tiers: quiet chips (colour only on the icon) so the shop reads first */
.tb{background:var(--card)!important;color:var(--text)!important;box-shadow:inset 0 0 0 1px var(--line)!important}
.tb i{color:var(--muted)}
.tb-express svg{color:#6E8A12}.tb-sameday svg{color:#7B4DFF}.tb-shipping svg{color:#C2573F}
.tb-express{background:rgba(212,255,90,.18)!important}
.hx .tb,.c8 .tb,.ft8 .tb{background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important}
.hx .tb i,.c8 .tb i{color:#CFC3EE}
.hx .tb-express svg,.c8 .tb-express svg{color:var(--pop)}.hx .tb-sameday svg,.c8 .tb-sameday svg{color:#B9A4FF}.hx .tb-shipping svg,.c8 .tb-shipping svg{color:#FFB3A3}
.hx8 .eta-r .tb{background:var(--card)!important;color:var(--text)!important;box-shadow:inset 0 0 0 1px var(--line)!important}
.tier-express{background:var(--card);border-color:var(--line);box-shadow:none}
.tier-express .tier-top svg{box-shadow:none}
.tier{background:var(--card)}
.eta-r.eta-express,.eta-r.eta-sameday,.eta-r.eta-shipping{background:var(--cream);border-color:var(--line);box-shadow:none}
.eta-r.eta-express{border-left:4px solid #B8E03A}.eta-r.eta-sameday{border-left:4px solid #9C7BFF}.eta-r.eta-shipping{border-left:4px solid #FF8A70}
.tstrip8{background:var(--cream);border-color:var(--line)}
.pd-eta,.co-eta{background:var(--card);border-color:var(--line)}
.tb-dot.tb-express{box-shadow:none}

/* listings: filters live on top (sheet from the Filters button), 4 products per row, no counts */
.lst{grid-template-columns:minmax(0,1fr)!important}
.lst .lib-f{position:fixed!important;top:0;right:0;bottom:0;left:auto!important;width:min(380px,100vw);max-height:none!important;z-index:96;background:var(--cream);border-radius:24px 0 0 24px!important;padding:0 20px 20px!important;overflow:auto;transform:translateX(105%)!important;transition:transform .3s var(--ease);box-shadow:-30px 0 60px -30px rgba(26,17,48,.5)}
.lst .lib-f.open{transform:none!important}
.lst .lib-f-head{display:flex!important;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--cream);padding:16px 0 10px;z-index:1}
.lst [data-f-open]{display:inline-flex!important}
.lib-f label .mz-money,.lib-f label > span[style*="margin-left:auto"]{display:none!important}
.lst .mz-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.lst .mz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.lst .mz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lst .lib-f{width:100vw;border-radius:0!important}}
/* product cards: bigger, sharper packs */
.mz-pv.has-pack{aspect-ratio:1/1;height:auto}
.mz-pv .pack{inset:4% 10%;width:80%;height:92%;filter:drop-shadow(0 8px 10px rgba(26,17,48,.22))}
.mz-pc .mz-add{white-space:nowrap}

/* quick view sheet */
.qv8 .sheet-body{display:grid;gap:14px}
.qv-top{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:start}
.qv-img{display:block;border-radius:16px;background:radial-gradient(circle at 50% 35%,#fff,var(--accent-soft) 70%);aspect-ratio:3/4;padding:8px}
.qv-img img{width:100%;height:100%;object-fit:contain}
.qv-f{margin:0;font:700 11px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.qv-t{margin:6px 0 0;font:700 15px/1.35 var(--display)}
.qv-g{margin:6px 0 0;font-size:13.5px;color:var(--muted)}
.qv-more{display:inline-block;margin-top:8px;font:700 13.5px var(--display);color:var(--accent)}
.qv-v{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.qv-v legend{font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.qv-v label{position:relative;cursor:pointer}
.qv-v input{position:absolute;opacity:0}
.qv-v label span{display:grid;gap:2px;padding:10px 12px;border:1.5px solid var(--line);border-radius:14px;background:var(--card)}
.qv-v label b{font:800 15px var(--display)}.qv-v label i{font-style:normal;font:600 12.5px var(--mono);color:var(--muted)}
.qv-v input:checked + span{border-color:var(--ink);background:var(--ink);color:#fff}.qv-v input:checked + span i{color:var(--pop)}
.qv-v input:focus-visible + span{outline:3px solid var(--accent);outline-offset:2px}
.qv-v .is-out span{opacity:.45;text-decoration:line-through}
.qv-price{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qv-price b{font:800 26px var(--mono)}
.qv-foot{display:grid;grid-template-columns:auto 1fr;gap:8px}
.qv-foot .mz-btn-ink{grid-column:1/-1}
.qv-qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;background:var(--card)}
.qv-qty button{width:40px;height:44px;border:0;background:none;font:800 18px var(--display);cursor:pointer}
.qv-qty input{width:36px;border:0;background:none;text-align:center;font:700 16px var(--mono);-moz-appearance:textfield}
.qv-qty input::-webkit-inner-spin-button{appearance:none}

/* PDP: buy row stays inside the gallery height */
.pd8{gap:12px}
.pd8 h1{margin-bottom:0}
.pd8 .pd-price{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}
.pd8 .pd-price .vdeals{display:contents}
.pd8 .vdeals:empty{display:none}
.pd8 .pd-buy{display:grid;grid-template-columns:auto minmax(0,1.3fr) minmax(0,1fr) auto;gap:8px;align-items:stretch}
.pd8 .pd-buy .mz-cta,.pd8 .pd-buy .mz-btn{min-height:52px;margin:0;width:100%}
.pd8 .pd-save{width:52px;min-height:52px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);display:grid;place-items:center;cursor:pointer}
.pd8 .pd-save svg{width:20px;height:20px}
.pd8 .pd-save[aria-pressed="true"]{border-color:var(--hot);color:var(--hot)}
.pd8 .pd-bundle-cta{padding-block:8px}
.pd8 .pd-eta{margin:0;padding:8px 12px;font-size:13.5px}
.pd8 .pd-trust{margin-top:0}
@media (max-width:560px){.pd8 .pd-buy{grid-template-columns:auto 1fr auto}.pd8 .pd-buy .mz-btn-ink{grid-column:1/-1;order:5}}
/* bundles: show which products are inside (packs + names), not just icons */
.mz-combo-art .stack{display:flex;justify-content:center;align-items:flex-end;gap:0}
.mz-combo-art .stack img{width:26%;max-width:92px;height:auto;margin:0 -3%;filter:drop-shadow(0 8px 10px rgba(26,17,48,.3));transition:transform .3s var(--ease)}
.mz-combo-art .stack img:nth-child(2){transform:translateY(-6px);z-index:1}
.mz-combo:hover .stack img{transform:translateY(-4px)}
.mz-slot.has-img{position:relative;display:grid;place-items:center;padding:4px 4px 16px;overflow:hidden}
.mz-slot.has-img img{width:100%;height:100%;object-fit:contain}
.slot-nm{position:absolute;left:3px;right:3px;bottom:3px;font:700 9.5px/1.1 var(--mono);color:#fff;background:rgba(26,17,48,.7);border-radius:6px;padding:2px 3px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mz-slot:not(.has-img) .slot-nm{display:none}
/* footer: compact area row + store addresses (no long city lists) */
.f8-areas8{border-top:1px solid rgba(255,255,255,.1);padding:14px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.f8-hubs{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.f8-hub{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font:700 13px var(--display);color:#fff!important}
.f8-hub span{font:600 11px var(--mono);color:#A99BC9}
.f8-hub:hover{border-color:var(--pop)}
.f8-browse{min-height:40px}
.f8-addr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 18px;font-size:12.5px;line-height:1.4}
.f8-addr b{display:block;color:#fff;font:700 12.5px var(--display)}
.f8-addr a{color:#CFC3EE!important}
@media (max-width:960px){.f8-addr{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.f8-addr{grid-template-columns:1fr}.f8-browse{width:100%}}
/* area explorer sheet */
.ax8 .sheet-panel{width:min(760px,100vw)}
.ax-top{display:grid;gap:8px;position:sticky;top:0;background:var(--cream);padding-bottom:8px;z-index:1}
.ax-top input{height:48px;border-radius:14px;border:1.5px solid var(--line);padding:0 14px;font:500 16px var(--body);background:var(--card)}
.ax-leg{margin:0;display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.ax-leg .tb-dot{margin-left:6px}.ax-leg .tb-dot:first-child{margin-left:0}
.ax-tabs{display:flex;gap:6px;flex-wrap:wrap}
.ax-tabs button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 12px;font:700 13px var(--display);cursor:pointer;color:var(--text)}
.ax-tabs button span{font:600 11px var(--mono);color:var(--muted)}
.ax-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.ax-tabs button[aria-selected="true"] span{color:var(--pop)}
.ax-grp h3{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:10px 0 8px;font:800 16px var(--display)}
.ax-grp h3 a{color:inherit;text-decoration:none}
.ax-grp h3 span{font:500 12px var(--body);color:var(--muted)}
.ax-grp ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}
.ax-grp li a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--text);font:600 13.5px var(--body)}
.ax-grp li a:hover{border-color:var(--accent);color:var(--accent)}
.ax-grp li a .tb-dot{margin-left:0}
.ax-none{margin:10px 0}
/* order confirmation: e-Transfer details with copy buttons */
.et8 .etc-intro{margin:10px 0 8px;color:var(--muted)}
.etc{margin:0;display:grid;gap:8px}
.etc-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.etc-row dt{font:700 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.etc-row dd{margin:0;display:flex;align-items:center;gap:10px;justify-content:space-between;min-width:0}
.etc-row dd span{font:700 15px var(--mono);overflow-wrap:anywhere}
.etc-copy{flex-shrink:0;border:0;border-radius:999px;background:var(--ink);color:#fff;font:700 13px var(--display);padding:8px 14px;cursor:pointer;min-height:36px}
.etc-copy.ok{background:var(--pop);color:var(--ink)}
.etc-proto{font-size:12px;color:var(--muted);margin:6px 0 0}
@media (max-width:560px){.etc-row{grid-template-columns:1fr}}
/* account dashboard */
.ad-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ad-tile{display:grid;gap:4px;justify-items:start;text-align:left;padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:var(--text);cursor:pointer;font:inherit;transition:transform .2s var(--ease),box-shadow .2s}
.ad-tile:hover{transform:translateY(-2px);box-shadow:0 16px 30px -20px rgba(26,17,48,.45);border-color:var(--accent)}
.ad-ti{width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:6px}
.ad-ti svg{width:20px;height:20px}
.ad-tile b{font:800 15.5px var(--display)}.ad-tile small{color:var(--muted);font-size:13px}
.ad-ph{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.ad-ph h2{display:flex;align-items:center;gap:8px;margin:0}
.ad-ph a{font:700 13.5px var(--display);color:var(--accent)}
.ad-wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.ad-wgrid-lg{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.ad-wi{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--cream)}
.ad-wi-img{display:block;border-radius:12px;background:radial-gradient(circle at 50% 35%,#fff,var(--accent-soft) 70%);aspect-ratio:3/4;padding:4px}
.ad-wi-img img{width:100%;height:100%;object-fit:contain}
.ad-wi h3{margin:2px 0 0;font:800 15px/1.2 var(--display)}.ad-wi h3 a{color:inherit;text-decoration:none}
.ad-wi p{margin:4px 0 8px;font-size:13px;color:var(--muted)}
.ad-wi-b{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ad-wi-b .mz-btn{min-height:38px;padding:0 14px;font-size:13.5px}
.ad-wi-x{border:0;background:none;color:var(--muted);font:600 13px var(--body);text-decoration:underline;cursor:pointer}
.ad-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ad-cash{display:flex;align-items:baseline;gap:10px;margin:0}.ad-cash b{font:800 34px var(--mono);color:var(--accent)}.ad-cash span{color:var(--muted)}
.ad-order{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--cream)}
.ad-order b{display:block;font:800 16px var(--mono)}.ad-order span{font-size:13px;color:var(--muted)}
.ad-prof summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.ad-prof summary::-webkit-details-marker{display:none}
.ad-prof summary h2{display:flex;align-items:center;gap:8px;margin:0}
.ad-prof summary span{font:700 13.5px var(--display);color:var(--accent)}
.ad-form{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:14px}
.ad-form .mz-btn,.ad-form .form-ok{grid-column:1/-1;justify-self:start}
@media (max-width:900px){.ad-tiles{grid-template-columns:1fr 1fr}.ad-2{grid-template-columns:1fr!important}.ad-form{grid-template-columns:1fr}}
/* PDP deals on the price row: compact chips, not price-sized */
.pd8 .pd-price .deal{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(20,120,70,.08);border:1px solid rgba(20,120,70,.25);color:#0E6B3C;font:600 13.5px var(--body)!important;line-height:1.1}
.pd8 .pd-price .deal b{font:800 14.5px var(--mono)!important;color:inherit}
.pd8 .pd-price .deal em{font:700 11.5px var(--mono);font-style:normal;background:#0E6B3C;color:#fff;border-radius:999px;padding:3px 7px}
.pd8 .pd-eta{padding:8px 12px}
.pd-eta:empty{display:none}
.qv8 .sheet-body{align-content:start}
.tb-dot.tb-express{background:#9BC21E!important;box-shadow:none!important}
.tb-dot.tb-sameday{background:#7B4DFF!important}
.tb-dot.tb-shipping{background:#E0553C!important}
.mz-combo-art{min-height:170px;display:flex;align-items:flex-end;justify-content:center;padding-top:34px}
.mz-combo-art .stack{width:100%}
.mz-combo-art .stack img{width:34%;max-width:120px;margin:0 -5%}
/* shop hub: equal cards, taller art with real packs */
.cats .cat{display:flex;flex-direction:column;height:100%}
.cats .cat-art{height:190px!important;aspect-ratio:auto!important;display:flex;align-items:flex-end;justify-content:center;padding:34px 10px 6px}
.cat-packs{display:flex;justify-content:center;align-items:flex-end;width:100%}
.cat-packs img{width:33%;max-width:104px;height:auto;margin:0 -4%;filter:drop-shadow(0 8px 10px rgba(26,17,48,.3))}
.cat-packs img:nth-child(2){transform:translateY(-8px);z-index:1}
.cats .cat-b{display:flex;flex-direction:column;flex:1}
.cats .cat-b h2{min-height:0}
.cats .cat-b p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.5em}
.cats .cat-f{margin-top:auto}
.cats .cat-b h2{font-size:clamp(20px,1.8vw,26px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ==== v9.css ==== */
/* =====================================================================
   Fungi Delivery v9 · checkout, payment, confirmation, About, utility bar,
   drawer contact, page transitions. Same tokens and fonts as v8.
   ===================================================================== */

/* ---------- page-to-page: soft cross-fade (Chrome/Edge/Safari 18), pages open at the top ---------- */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.16s;animation-timing-function:ease-out}
html{scroll-padding-top:calc(var(--hdr, 68px) + 16px)}
@media (prefers-reduced-motion: reduce){ @view-transition{navigation:none} }

/* ---------- utility bar: one type style, nothing clipped, never an empty bar ---------- */
.ub-in{min-height:36px;gap:12px}
.ub-msg{gap:12px;overflow:visible;flex:0 1 auto}
.ub-live{font:600 12.5px/1 var(--body)!important;letter-spacing:0;white-space:nowrap;display:inline-flex!important;align-items:center;gap:7px}
.ub-live i{flex-shrink:0}
.ub-rot{font:500 12.5px/1 var(--body)!important;letter-spacing:0!important;text-transform:none!important;color:var(--on-ink-muted)!important;white-space:nowrap;padding-left:12px;border-left:1px solid rgba(255,255,255,.14)}
.ub-mph{display:none;align-items:center;gap:6px;color:var(--on-ink);font:600 12.5px/1 var(--body);text-decoration:none;white-space:nowrap;min-height:36px}
.ub-mph .ub-i{width:14px;height:14px;color:var(--pop)}
@media (max-width:1320px){.ub-rot{display:none!important}}
@media (max-width:960px){
 .ub-in{justify-content:space-between!important}
 .ub-mph{display:inline-flex}
}
@media (max-width:360px){.ub-live{font-size:11.5px!important}.ub-mph{font-size:11.5px}}

/* ---------- drawer: aligned sub-items, tidy contact block, no stray focus ring ---------- */
#dr .mx-a{display:grid!important;grid-template-columns:36px minmax(0,1fr);column-gap:12px;align-items:center;padding:8px 6px!important;min-height:52px}
#dr .mx-ic{width:36px;height:36px}
#dr .mx-t{min-width:0}
#dr .mx-t b,#dr .mx-t small{display:block;overflow-wrap:anywhere}
#dr .brand:focus:not(:focus-visible),#dr .dr-panel:focus{outline:none;box-shadow:none}
.dr-contact.dc9{display:grid;gap:10px;padding:14px 0 4px;margin:0;font-size:13.5px;color:var(--muted)}
.dc9-row{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:10px;align-items:start}
.dc9-row .gi-s{width:18px;height:18px;margin-top:1px;color:var(--accent)}
.dc9-row div{display:grid;gap:3px;min-width:0}
.dc9-row b{color:var(--text);font:700 14px/1.3 var(--body)}
.dc9-row span{line-height:1.35}
.dc9 .ub-live{font:600 12.5px/1.2 var(--body)!important;color:var(--good)}
.dc9 .ub-live i{background:var(--good)}
.dc9 .ub-live.closed{color:var(--bad)}.dc9 .ub-live.closed i{background:var(--bad)}
#dr .dr-util4 button,#dr .dr-util4 a{min-width:0}
@media (max-width:360px){#dr .dr-util4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ---------- checkout ---------- */
.co9{padding-block:8px 64px}
.co9-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 24px;margin:18px 0 4px}
.co9-h h1{font:800 clamp(28px,3.4vw,40px)/1 var(--display);letter-spacing:-.03em}
.co9-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--muted)}
.co9-trust li{display:inline-flex;align-items:center;gap:6px}
.co9-trust .gi-s{width:16px;height:16px;color:var(--good)}
.co9 .co{padding-block:18px 0;gap:32px}
.co9-main{display:grid;gap:14px;min-width:0}
.co9 .co-step + .co-step{margin-top:0}
.co9 .co-step{padding:clamp(18px,2.4vw,26px);gap:16px}
.co9 .fld small.hint{font-weight:500;font-size:12.5px}
.grid3{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr);gap:12px}
@media (max-width:640px){.grid3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grid3 .fld:first-child{grid-column:1/-1}}
.co9 textarea{min-height:64px;resize:vertical}
.co9-id{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:14px;background:var(--accent-soft);font-size:14px;color:var(--text)}
.co9-id .gi-s{width:18px;height:18px;color:var(--accent);flex-shrink:0;margin-top:1px}

/* delivery method cards */
.dt9-list{display:grid;gap:8px}
.dt9{display:grid;grid-template-columns:auto 38px minmax(0,1fr) auto;gap:12px;align-items:center;border:1.5px solid var(--line-2);border-radius:16px;padding:14px 16px;cursor:pointer;background:var(--card);transition:border-color .15s,background .15s}
.dt9:hover{border-color:var(--accent-2)}
.dt9:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.dt9:has(input:disabled){opacity:.55;cursor:not-allowed}
.dt9 input{width:20px;height:20px;accent-color:var(--accent);margin:0}
.dt9-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--cream);color:var(--accent)}
.dt9:has(input:checked) .dt9-ic{background:var(--card)}
.dt9-ic .gi-s{width:19px;height:19px}
.dt9-t{display:grid;gap:3px;min-width:0}
.dt9-t b{font:700 16px/1.2 var(--body)}
.dt9-t small{font-size:13px;color:var(--muted);line-height:1.35}
.dt9 em{font:700 13px/1.2 var(--mono);font-style:normal;text-align:right;white-space:nowrap}
.dt9 em small{display:block;font:500 11.5px var(--body);color:var(--muted)}
.dt9.co-na .dt9-t small::after{content:" · not in your area";color:var(--hot)}
@media (max-width:520px){.dt9{grid-template-columns:auto minmax(0,1fr) auto;padding:13px 12px;gap:10px}.dt9-ic{display:none}.dt9 em{font-size:12px}}
.co9 .co-eta:empty{display:none}

/* delivery windows */
.slot9{display:grid;gap:12px;border-top:1px dashed var(--line-2);padding-top:14px}
.slot9-st{margin:0;font-size:14.5px;line-height:1.45;display:block}
.slot9-st b{color:var(--text)}
.slot9-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--good);margin-right:8px;vertical-align:middle;position:relative;top:-1px}
.slot9-dot.off{background:var(--hot)}
.slot9-lbl{margin:0 0 8px;font-weight:700;font-size:14px}
.slot9-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}
.slot9-c{position:relative;display:block;cursor:pointer}
.slot9-c input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.slot9-c span{display:grid;place-items:center;min-height:46px;padding:8px 10px;border:1.5px solid var(--line-2);border-radius:12px;background:var(--card);font:700 13.5px/1.2 var(--body);text-align:center;transition:.15s}
.slot9-c:hover span{border-color:var(--accent-2)}
.slot9-c input:checked + span{border-color:var(--accent);background:var(--accent);color:#fff}
.slot9-c input:focus-visible + span{outline:3px solid var(--accent-soft);outline-offset:2px}
.slot9-fld{gap:0;margin:0}
.slot9-val{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0;pointer-events:none}
.slot9-fld .field-err{margin-top:8px}
.slot9-tmr{justify-self:start;background:none;border:0;padding:4px 0;font:600 14px var(--body);color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.slot9.is-ship .slot9-st{color:var(--muted)}

/* payment */
.pay9-m{display:grid;grid-template-columns:auto 46px minmax(0,1fr) auto;gap:12px;align-items:center;border:1.5px solid var(--accent);background:var(--accent-soft);border-radius:16px;padding:14px 16px;cursor:default}
.pay9-m input{width:20px;height:20px;accent-color:var(--accent);margin:0}
.pay9-logo{width:46px;height:34px;border-radius:9px;background:var(--ink);color:var(--pop);display:grid;place-items:center;font:800 15px/1 var(--display);letter-spacing:-.04em}
.pay9-logo b{color:#fff}
.pay9-t{display:grid;gap:3px;min-width:0}.pay9-t b{font:700 16px/1.2 var(--body)}.pay9-t small{font-size:13px;color:var(--muted)}
.pay9-amt{display:grid;text-align:right;gap:2px}.pay9-amt small{font-size:11.5px;color:var(--muted)}.pay9-amt b{font:700 18px/1 var(--mono)}
@media (max-width:520px){.pay9-m{grid-template-columns:auto minmax(0,1fr) auto}.pay9-logo{display:none}}
.pay9-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:none}
.pay9-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--cream)}
.pay9-steps b{display:flex;align-items:center;gap:6px;font:700 14.5px/1.25 var(--body)}
.pay9-steps b .gi-s{width:16px;height:16px;color:var(--accent);flex-shrink:0}
.pay9-steps p{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted)}
.p9-n{width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--pop);display:inline-grid;place-items:center;font:700 12px var(--mono);flex-shrink:0}
@media (max-width:900px){.pay9-steps{grid-template-columns:minmax(0,1fr)}}
.pay9-need{display:grid;gap:10px;padding:14px 16px;border:1px dashed var(--line-2);border-radius:14px}
.pay9-need p{margin:0;font-size:14px}
.pay9-need ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
.pay9-need li{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.35}
.pay9-need li .gi-s{width:16px;height:16px;color:var(--accent);flex-shrink:0;margin-top:1px}
@media (max-width:560px){.pay9-need ul{grid-template-columns:minmax(0,1fr)}}
.pay9-tip{display:flex!important;gap:8px;align-items:flex-start;color:var(--muted);font-size:13.5px!important;line-height:1.45}
.pay9-tip .gi-s{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--warn)}
.pay9-tip a{color:var(--accent);font-weight:600}
.acct9{display:grid;gap:12px}
.acct9 .fld{max-width:420px}

/* summary */
.sum9{gap:12px}
.sum9 .cart-lines{display:grid;gap:8px;list-style:none;margin:0;padding:0;max-height:360px;overflow:auto}
.sum9 .cart-line{grid-template-columns:56px minmax(0,1fr) auto;padding:8px;border-radius:14px;gap:10px}
.sum9 .cart-line .th{width:56px;height:56px;border-radius:10px}
.sum9 .cart-line h3{font:700 14px/1.25 var(--body)}
.sum9-edit{justify-self:end;font-size:13px;font-weight:600;color:var(--accent)}
.sum9 .coupon-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.sum9 .coupon-row input{min-height:46px;border-radius:12px;border:1.5px solid var(--line-2);padding:0 12px;font:600 14px var(--mono);min-width:0}
.sum9 .coupon-row .mz-btn{min-height:46px}
.sum9-when{display:flex;gap:8px;align-items:center;margin:0;padding:10px 12px;border-radius:12px;background:var(--accent-soft);font-size:13.5px;font-weight:600}
.sum9-when .gi-s{width:16px;height:16px;color:var(--accent);flex-shrink:0}
.sum9 .mz-cta{width:100%}
.sum9-note{font-size:12.5px!important;margin:0}
.cart-line .th.has-img{background:var(--cream)!important;overflow:hidden;padding:4px}
.cart-line .th.has-img img{width:100%;height:100%;object-fit:contain}
@media (min-width:961px){.co9 .co-top{display:none}}
@media (max-width:960px){
 .co9 .co{grid-template-columns:minmax(0,1fr)!important}
 .co9 .sum9{position:static}
}

/* ---------- order confirmation ---------- */
.conf9{padding-block:34px 64px;display:grid;gap:16px}
.conf9-h h1{font:800 clamp(32px,5vw,54px)/1.02 var(--display);letter-spacing:-.035em;margin-top:10px;text-wrap:balance}
.conf9-h h1 span{color:var(--accent)}
.conf9-h p:last-child{margin-top:12px;font-size:17px;color:var(--muted)}
.conf9-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.conf9-side{display:grid;gap:16px;min-width:0}
.conf9-side .panel,.conf9-next,.conf9-acct{margin:0!important}
.conf9 .etc-row{grid-template-columns:minmax(0,210px) minmax(0,1fr)}
.conf9 .etc-row dt{display:flex;align-items:center;gap:8px}
.conf9 .etc-row .p9-n{width:22px;height:22px;font-size:11px}
.conf9-dl{margin:0 0 14px;display:grid;gap:10px}
.conf9-dl div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;font-size:14.5px}
.conf9-dl dt{color:var(--muted)}.conf9-dl dd{margin:0;font-weight:600;overflow-wrap:anywhere}
@media (max-width:900px){.conf9-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.conf9 .etc-row{grid-template-columns:minmax(0,1fr)}}

/* ---------- About ---------- */
.ab9-hero{padding-bottom:36px}
.ab9-hgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:end;margin-top:14px}
.ab9-hgrid .hh-cta{margin-top:22px}
.ab9-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ab9-facts div{padding:16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:grid;gap:4px;min-width:0}
.ab9-facts dt{font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-muted)}
.ab9-facts dd{margin:0;font:800 clamp(24px,3vw,34px)/1 var(--display);color:var(--pop);letter-spacing:-.03em}
.ab9-facts small{font-size:12.5px;color:var(--on-ink-muted)}
.ab9-go-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}
.ab9-go{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--card);color:var(--text);text-decoration:none;transition:transform .2s var(--ease)}
.ab9-go:hover{transform:translateY(-2px)}
.ab9-go .gi-s{grid-row:span 2;width:20px;height:20px;color:var(--accent)}
.ab9-go b{font:700 15px/1.2 var(--body)}.ab9-go small{font-size:12.5px;color:var(--muted)}
@media (max-width:900px){.ab9-hgrid{grid-template-columns:minmax(0,1fr)}.ab9-go-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ab9-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-top:18px}
.ab9-card{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--card);scroll-margin-top:calc(var(--hdr,68px) + 20px)}
.ab9-card h3{display:flex;gap:10px;align-items:flex-start;font:700 17px/1.3 var(--body);letter-spacing:-.01em}
.ab9-card h3 .gi-s{width:20px;height:20px;color:var(--accent);flex-shrink:0;margin-top:1px}
.ab9-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55;flex:1}
.ab9-links{display:flex;flex-wrap:wrap;gap:6px 14px;padding-top:10px;border-top:1px solid var(--line)}
.ab9-links a{font-weight:700;font-size:14px;color:var(--accent);text-decoration:none}
.ab9-links a:hover{text-decoration:underline}
.ab9-how{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ab9-how li{padding:20px;border-radius:20px;background:var(--card);border:1px solid var(--line);display:grid;gap:8px;align-content:start}
.ab9-how .gi-s{width:22px;height:22px;color:var(--accent)}
.ab9-how b{font:700 16px/1.25 var(--body)}.ab9-how p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
@media (max-width:1000px){.ab9-how{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ab9-how{grid-template-columns:minmax(0,1fr)}}
.ab9-loc{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,48px);align-items:start}
.ab9-talk{margin-top:18px;padding:20px;border-radius:20px;background:var(--ink);color:var(--on-ink);display:grid;gap:10px;justify-items:start}
.ab9-talk h3{font:700 18px var(--display);letter-spacing:-.02em}.ab9-talk p{margin:0;color:var(--on-ink-muted);line-height:1.6}.ab9-talk p b{color:var(--pop);font-family:var(--mono)}
.ab9-talk .mz-btn-ink{background:var(--pop);color:var(--ink)}
.ab9-stores{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ab9-stores li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);align-items:center}
.ab9-stores b{font-size:14.5px}.ab9-stores span{grid-column:1;font-size:13px;color:var(--muted)}
.ab9-stores a{grid-row:1/3;grid-column:2;font-size:13px;font-weight:700;color:var(--accent);text-decoration:none;white-space:nowrap}
@media (max-width:900px){.ab9-loc{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.ab9-stores{grid-template-columns:minmax(0,1fr)}}

/* v9 fixes: full-width fields, coupon row, logo chip */
.co9 .fld{min-width:0}
.co9 .fld input,.co9 .fld select,.co9 .fld textarea{width:100%;min-width:0;box-sizing:border-box}
.sum9 .coupon-row input{width:100%!important;flex:1 1 auto}
.pay9-logo{white-space:nowrap;font-size:14px}
.co9 .grid2 > *,.co9 .grid3 > *{min-width:0}
/* content is never hidden waiting for a scroll observer (fixes "empty" section heads in embedded views) */
html.rv-on .rv{opacity:1!important;transform:none!important;transition:none!important}
/* footer areas: label on its own line on phones, chips wrap */
@media (max-width:640px){
 .f8-areas8{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .f8-areas8 .f8-areas-h{margin:0}
 .f8-hubs{display:flex;flex-wrap:wrap;gap:6px}
 .f8-browse{width:100%}
}
.f8-stores p{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
/* About quick links on phones */
@media (max-width:560px){.ab9-go{grid-template-columns:minmax(0,1fr);row-gap:4px;padding:14px}.ab9-go .gi-s{grid-row:auto}}
.f8-stores p span{color:var(--on-ink-muted)}
.f8-stores p span::before{content:"·";margin-right:8px;opacity:.5}
@media (max-width:370px){
 #dr .dr-util a,#dr .dr-util button{white-space:nowrap;font-size:13.5px;padding-inline:10px}
 #dr .dr-foot .mz-btn{font-size:15px;white-space:nowrap;padding-inline:12px}
}
/* status steps: description sits under its title, never in the dot column */
.status-steps b,.status-steps span{grid-column:2;min-width:0}
@media (min-width:900px){
 .conf9-next .status-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
 .conf9-next .status-steps li::after{display:none}
 .conf9-next .status-steps li{padding-bottom:0}
}
.conf9-acct .mz-btn{justify-self:start;width:auto}
.conf9 dl.sum .tot{display:flex;justify-content:space-between;align-items:baseline;gap:12px}

/* ==== v10.css ==== */
/* =====================================================================
   Fungi Delivery v10 · footer (stores & depots), delivery & coverage sheet,
   studio images, strain index, tools, psilocybin facts, alignment + mobile pass.
   ===================================================================== */

/* ---------- utility bar: status dot lines up with the menu icon glyph ---------- */
.ub-msg{padding-left:12px}
@media (max-width:960px){.ub-msg{padding-left:12px}.ub-mph{padding-right:12px}}
@media (max-width:420px){.ub-msg{padding-left:14px}.ub-mph{padding-right:14px}}

/* ---------- drawer contact rows align with the menu rows (icon 36px column, text at the same x) ---------- */
#dr .dc9{padding:16px 4px 6px}
#dr .dc9-row{grid-template-columns:36px minmax(0,1fr);column-gap:12px;align-items:center}
#dr .dc9-row > .gi-s{justify-self:center;margin:0;width:20px;height:20px}
#dr .dc9-row div{gap:2px}

/* ---------- listing counts are for screen readers only ---------- */
[data-count]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- footer v10 ---------- */
.ft9 .f8-main{grid-template-columns:minmax(0,.9fr) minmax(0,2.4fr)}
.ft9 .f9-cols{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.ft9 .f8-col ul{gap:8px;font-size:14px}
.f9-depots{border-top:1px solid rgba(255,255,255,.1);padding:22px 0 20px}
.f9-dh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;margin-bottom:14px}
.f9-dh h2{display:flex;align-items:center;gap:8px;margin:0;font:700 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pop)}
.f9-dh h2 .gi-s{width:16px;height:16px}
.f9-dh p{margin:0;font-size:13px;color:#A99BC9}
.f9-dgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.f9-dg h3{margin:0 0 10px;font:700 13.5px/1.2 var(--display);color:#fff;letter-spacing:-.01em}
.f9-dg ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.f9-dg li{display:grid;gap:2px;font-size:13px;line-height:1.4;padding-left:12px;border-left:2px solid rgba(212,255,90,.35)}
.f9-dg li b{color:#E9E2FF;font-weight:700}
.f9-dg li a{color:#B9ACD9!important;text-decoration:none}
.f9-dg li a:hover{color:var(--pop)!important;text-decoration:underline}
@media (max-width:1100px){.ft9 .f9-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.f9-dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){.ft9 .f8-main{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
 .ft9 .f9-cols{grid-template-columns:minmax(0,1fr);gap:0}
 .f9-dgrid{grid-template-columns:minmax(0,1fr);gap:14px}
 .f9-dg{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
 .f9-dg:last-child{border-bottom:0}
 .ft8 .f8-tiers{justify-content:center}
 .ft8 .f8-tiers .mz-btn{width:100%}
 .f8-bot{justify-content:center;text-align:center}
}

/* ---------- delivery & coverage sheet ---------- */
.di9{display:grid;gap:14px}
.di9-tiers{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.di9-t{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.di9-t > svg{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.di9-t.tier-express > svg{background:var(--ink);color:var(--pop)}
.di9-t div{display:grid;gap:1px;min-width:0}
.di9-t b{font:700 15px/1.2 var(--body)}.di9-t span{font-size:13.5px;font-weight:600}.di9-t small{font-size:12.5px;color:var(--muted)}
.di9-cta{width:100%}
.di9-h{margin:6px 0 0;font:700 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.di9-hubs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.di9-hubs a{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;background:var(--cream);color:var(--text);text-decoration:none;font-weight:700;font-size:14.5px}
.di9-hubs a:hover{background:var(--accent-soft)}
.di9-hubs .gi-s{width:18px;height:18px;color:var(--accent)}
.di9-hubs em{font:600 12px var(--mono);font-style:normal;color:var(--muted);white-space:nowrap}
.di9-facts{list-style:none;margin:4px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:8px;font-size:13.5px}
.di9-facts li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start}
.di9-facts .gi-s{width:16px;height:16px;color:var(--accent);margin-top:2px}

/* ---------- studio images (one sprite: dried · capsules / edibles · strains) ---------- */
.st9{position:relative;margin:0;width:100%;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:#2A1D48 url(../images/studio.webp) no-repeat;background-size:200% 200%;box-shadow:0 30px 60px -34px rgba(26,17,48,.6)}
.st9-dried{background-position:0 0}.st9-capsules{background-position:100% 0}.st9-edibles{background-position:0 100%}.st9-strains{background-position:100% 100%}
.st9 figcaption{position:absolute;right:10px;bottom:10px;padding:4px 9px;border-radius:999px;background:rgba(26,17,48,.62);color:#EDE6FF;font:600 10.5px/1.3 var(--mono);letter-spacing:.04em;backdrop-filter:blur(4px)}
/* listing heads: photo on the right, quick answer card overlapping its lower edge */
.lst-head.has-st9 .glow{display:none}
.lst-head.has-st9 .lst-intro{align-items:start}
.lst-media{display:grid;gap:0;min-width:0}
.lst-media .ans{margin:-64px 18px 0;position:relative;z-index:1}
@media (max-width:960px){.lst-media{margin-top:6px}.lst-media .st9{aspect-ratio:16/10;border-radius:18px}.lst-media .ans{margin:-40px 10px 0}}
@media (max-width:560px){.lst-media .ans{margin:-28px 6px 0}.st9 figcaption{font-size:9.5px}}

/* ---------- v10 knowledge-page hero ---------- */
.v10h{padding-bottom:28px}
.v10h-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,4vw,52px);align-items:start}
.v10h h1{font:800 clamp(38px,6vw,74px)/.98 var(--display);letter-spacing:-.04em;text-wrap:balance}
.v10h h1 em{font-style:normal;color:var(--accent)}
.v10h .lede{margin-top:14px;font-size:18px;color:var(--muted);max-width:52ch}
.v10h-media{display:grid;min-width:0}
.v10h-media .ans{margin:-64px 18px 0;position:relative;z-index:1}
@media (max-width:960px){.v10h-in{grid-template-columns:minmax(0,1fr)}.v10h-media .ans{margin:-40px 10px 0}}
@media (max-width:560px){.v10h-media .ans{margin:-28px 6px 0}}
.v10-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.two-col-faq .qa{max-width:880px}

/* ---------- strain index ---------- */
.si-filters{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}
.si-filters button{min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--card);font:700 13.5px var(--body);color:var(--text);cursor:pointer}
.si-filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--pop)}
.si-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:20px;border:1px solid var(--line);background:var(--card)}
.si-map{display:grid;grid-template-columns:160px repeat(4,minmax(150px,1fr));min-width:820px}
.si-map > div{padding:12px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.si-map > div:nth-child(5n){border-right:0}
.si-corner{font:600 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--cream)}
.si-colh{display:grid;gap:2px;background:var(--cream)}
.si-colh b{font:800 15px/1.1 var(--display);letter-spacing:-.02em}.si-colh span{font-size:12px;color:var(--muted)}
.si-colh.si-c1{box-shadow:inset 0 -3px 0 #9BC21E}.si-colh.si-c2{box-shadow:inset 0 -3px 0 var(--accent)}.si-colh.si-c3{box-shadow:inset 0 -3px 0 var(--hot)}.si-colh.si-c0{box-shadow:inset 0 -3px 0 var(--line-2)}
.si-rowh{font:700 14px/1.25 var(--body);background:var(--cream);display:flex;align-items:center}
.si-cell{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;min-height:56px}
.si-none{color:var(--line-2)}
.si-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;font:700 12.5px/1 var(--body);text-decoration:none;border:1.5px solid transparent}
.si-c1.si-chip{background:#EEF8D2;color:#3B5200;border-color:#CFE88A}
.si-c2.si-chip{background:var(--accent-soft);color:#4A2BB8;border-color:#D4C6FF}
.si-c3.si-chip{background:var(--hot-soft);color:#9A2A17;border-color:#FFC4B8}
.si-c0.si-chip{background:var(--cream);color:var(--muted);border-color:var(--line-2)}
a.si-chip:hover{filter:brightness(.96);transform:translateY(-1px)}
.si-dim{opacity:.22}
.si-leg{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.si-tbl td,.si-tbl th{vertical-align:middle}
.si-tbl .pot{white-space:nowrap}

/* ---------- tools ---------- */
.tl9-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.tl9-nav a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 13px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--card);font:700 13.5px var(--body);color:var(--text);text-decoration:none}
.tl9-nav a:hover{border-color:var(--accent);color:var(--accent)}
.tl9-nav .gi-s{width:16px;height:16px;color:var(--accent)}
.tl9-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:860px){.tl9-grid{grid-template-columns:minmax(0,1fr)}}
.tl9{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2.4vw,24px);border:1px solid var(--line);border-radius:22px;background:var(--card);scroll-margin-top:calc(var(--hdr,68px) + 24px);min-width:0}
.tl9 header{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center}
.tl9-ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--ink);color:var(--pop)}
.tl9-ic .gi-s{width:20px;height:20px}
.tl9 h2{font:800 19px/1.15 var(--display);letter-spacing:-.02em}
.tl9 header p{margin:3px 0 0;font-size:13.5px;color:var(--muted)}
.tl9-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:420px){.tl9-row{grid-template-columns:minmax(0,1fr)}}
.tl9 .fld{min-width:0}.tl9 .fld input,.tl9 .fld select{width:100%;min-width:0}
.tl9-out{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.tl9-out div{padding:10px 12px;border-radius:12px;background:var(--cream);display:grid;gap:2px;min-width:0}
.tl9-out div.big{grid-column:1/-1;background:var(--accent-soft)}
.tl9-out dt{font:600 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tl9-out dd{margin:0;font:700 16px/1.25 var(--mono);overflow-wrap:anywhere}
.tl9-out div.big dd{font-size:22px;color:var(--ink)}
.tl9 .tbl-wrap{margin:0}.tl9-tbl{min-width:0;width:100%}
.tl9-tbl .tl9-best th,.tl9-tbl .tl9-best td{background:#EEF8D2;font-weight:700}
.tl9-note{margin:0;color:var(--muted);font-size:14.5px}
.tl9-disc{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:12px 14px;border-radius:14px;background:var(--cream);font-size:13.5px;color:var(--muted)}
.tl9-disc .gi-s{width:18px;height:18px;flex-shrink:0;color:var(--accent)}

/* ---------- psilocybin facts ---------- */
.pf-nums{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.pf-n{padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);display:grid;gap:6px;align-content:start}
.pf-n b{font:800 clamp(22px,2.4vw,30px)/1 var(--display);letter-spacing:-.03em;color:var(--accent)}
.pf-n span{font-size:13px;line-height:1.4;color:var(--muted)}
.pf-n sup a,.prose sup a{color:var(--accent);text-decoration:none;font-weight:700}
@media (max-width:1100px){.pf-nums{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.pf-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pf-src{display:grid;gap:8px;font-size:14px;padding-left:20px}
.pf-src a{color:var(--accent);overflow-wrap:anywhere}

/* ---------- FAQ blocks: consistent alignment everywhere ---------- */
.qa details{border-bottom:1px solid var(--line)}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:12px 2px;cursor:pointer;list-style:none;text-align:left}
.qa summary::-webkit-details-marker{display:none}
.qa summary .q{flex:1;min-width:0;font:700 16px/1.35 var(--body);text-align:left}
.qa .a{padding:0 2px 16px;max-width:75ch;text-align:left}
.qa .a p{margin:0 0 8px;line-height:1.6}

/* ---------- mobile pass ---------- */
@media (max-width:560px){
 .lst-head h1,.ph h1{font-size:clamp(32px,9vw,44px)!important;line-height:1.02}
 .lede,.ph-lede{font-size:16px!important}
 .ans p{font-size:15.5px;line-height:1.55}
 .mz-sec{padding-block:36px}
 .mz-sec-head h2{font-size:clamp(26px,7.4vw,34px)}
 .tbl-wrap{margin-inline:-16px;padding-inline:16px}
 .hh-cta,.v10-links{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .hh-cta .mz-btn,.v10-links .mz-btn{width:100%}
 .co9 .co-step{border-radius:18px}
 .co9-h{margin-top:8px}
 .co9-trust{font-size:12.5px;gap:4px 12px}
}

/* off-canvas panels never widen the page on phones */
html,body{overflow-x:clip}
.lst .lib-f:not(.open){visibility:hidden;transition:transform .3s var(--ease),visibility 0s linear .3s}
.lst .lib-f.open{visibility:visible;transition:transform .3s var(--ease)}
.quick-f label,.chips label,.lst-bar label{position:relative}

/* city hero quick answer: dark text on the white card */
.c8 .ans{background:#fff}
.c8 .ans p{color:var(--text)!important}
.c8 .ans .ans-lbl{color:var(--muted)}

/* strain index on phones: stacked feel rows instead of the wide grid */
.si-mlist{display:none}
.si-mrow{padding:14px 0;border-bottom:1px solid var(--line)}
.si-mrow h3{font:700 15px/1.2 var(--body);margin:0 0 10px}
.si-mrow div{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:640px){
 .si-mlist{display:block;border-top:1px solid var(--line)}
 .si-scroll{display:none}
 .si-hm{display:none}
 .si-tbl{min-width:0!important}
}

/* tables on phones: wrap cells instead of cutting the last column */
@media (max-width:560px){
 .tbl{min-width:0!important;font-size:13.5px}
 .tbl th,.tbl td{white-space:normal!important;padding:10px 8px}
}

/* checkout delivery cards on phones: fee sits under the description */
@media (max-width:520px){
 .dt9{grid-template-columns:auto minmax(0,1fr);row-gap:6px}
 .dt9 em{grid-column:2;text-align:left;display:flex;gap:6px;align-items:baseline}
 .dt9 em small{display:inline}
}

/* ==== v11.css ==== */
/* =====================================================================
   Fungi Delivery v11 · colour-coded mega menus, white Pot & Puff, news tile,
   3×2 home grid, studio images on news, aligned store cards, community hub,
   bundle pricing steps, checkout pay-to card, city glows, type scale.
   ===================================================================== */

/* ---------- mega menus: each column heading gets its own colour ---------- */
.m8-grid > .m8-col{--mc:#7B4DFF;--mcs:#EEE8FF}
.m8-grid > .m8-col:nth-child(1){--mc:#C07A12;--mcs:#FFF1D6}
.m8-grid > .m8-col:nth-child(2){--mc:#0E8F7E;--mcs:#D9F5EF}
.m8-grid > .m8-col:nth-child(3){--mc:#C2366B;--mcs:#FFE3EC}
.m8-grid > .m8-col:nth-child(4){--mc:#6A3EF0;--mcs:#EEE8FF}
.m8 .m8-h{border-bottom:2px solid var(--mc)!important;color:var(--text)!important}
.m8 .m8-h b{color:var(--text)}
.m8 .m8-hi{background:var(--mcs)!important;color:var(--mc)!important}
.m8 .m8-h:hover .m8-hi{background:var(--mc)!important;color:#fff!important}
.m8 .m8-col .m8-i{color:var(--mc)!important}
.m8 .m8-col .m8-a:hover{background:var(--mcs)!important;color:var(--text)!important}
/* Pot & Puff: same white panel as the other menus */
.m8-pp .m8-card{background:var(--card)!important;border-color:var(--line)!important;color:var(--text)!important}
.m8-pp .m8-top,.m8-pp .m8-h{border-color:var(--line)!important}
.m8-pp .m8-h,.m8-pp .m8-a,.m8-pp .m8-top b{color:var(--text)!important}
.m8-pp .m8-x{background:var(--cream)!important;border-color:var(--line)!important;color:var(--text)!important}
/* feature tiles: studio renders */
.m8-feat-st{background:#2A1D48 url(../images/studio.webp) no-repeat;background-size:200% 200%;background-position:var(--stp);position:relative;overflow:hidden;isolation:isolate}
.m8-feat-st::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(26,17,48,0) 30%,rgba(26,17,48,.92) 82%)}
/* community: live local-news tile */
.m8-news{background:linear-gradient(160deg,#241A3E,#140C24)!important;justify-content:flex-start!important;gap:10px!important;cursor:default}
.m8-news:hover{box-shadow:none!important}
.m8-news small{display:flex;align-items:center;gap:7px}
.m8-live{width:8px;height:8px;border-radius:50%;background:var(--pop);box-shadow:0 0 0 4px rgba(212,255,90,.2);animation:pulse 1.8s infinite}
.m8-news ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.m8-news li a{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font:700 12.5px/1.3 var(--body)}
.m8-news li a:hover{background:rgba(212,255,90,.14)}
.m8-news li em{font:600 10px/1 var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--pop)}
.m8-news-all{margin-top:auto;font:700 13px/1 var(--display);color:var(--pop);text-decoration:none}

/* ---------- home: "What are you looking for?" as a 3 × 2 grid ---------- */
.purp{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px}
@media (max-width:900px){.purp{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important}}
@media (max-width:560px){
 .purp{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;overflow:visible!important;gap:10px}
 .purp > a{min-width:0!important;width:auto!important;padding:14px}
 .purp h3{font-size:15.5px}.purp p{font-size:13px}
}

/* ---------- readable text on light cards (was white on white) ---------- */
.quote{color:var(--text)}
.quote blockquote{color:var(--text)}
.s-psy .quote,.s-psy .quote blockquote{color:var(--on-ink)}
.pick-status.closed{color:var(--bad)}
.pick-status:not(.closed){color:var(--good)}

/* ---------- news images (images/news/*.webp) inside news cards, articles and science cards ---------- */
.news-img img,.sci8-l img{background:#2A1D48}
.news-img span{z-index:1;align-self:flex-end;margin:12px;padding:5px 10px;border-radius:999px;background:rgba(26,17,48,.7);font-size:13px!important;backdrop-filter:blur(4px)}
.art8-fig img {display: block;width: 100%;height: 100%;object-fit: cover;}
.sci8-l figure{aspect-ratio:16/10!important}
.sci8-hub{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:18px;padding:18px 20px;border-radius:22px;background:var(--ink);color:var(--on-ink);text-decoration:none}
.sci8-hub-i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--pop);color:var(--ink)}
.sci8-hub-i .gi-s{width:22px;height:22px}
.sci8-hub b{display:block;font:800 18px/1.2 var(--display);letter-spacing:-.02em;color:#fff}
.sci8-hub small{display:block;margin-top:3px;font-size:14px;color:var(--on-ink-muted)}
.sci8-hub em{font:700 14px var(--display);font-style:normal;color:var(--pop);white-space:nowrap}
.sci8-hub:hover{box-shadow:0 0 0 2px var(--pop)}
@media (max-width:640px){.sci8-hub{grid-template-columns:40px minmax(0,1fr)}.sci8-hub em{grid-column:2}.sci8-hub-i{width:40px;height:40px}}

/* ---------- footer: store cards in one aligned grid ---------- */
.f9-sgrid{list-style:none;margin:0;padding:0;display:flex !important; flex-wrap:wrap !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.f9-st{display:grid;grid-template-rows:auto auto 1fr;gap:4px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);min-width:0;flex-basis: calc(100%/5); flex-grow: 1;}
.f9-rg{font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pop)}
.f9-st b{font:700 15px/1.25 var(--display);color:#fff;letter-spacing:-.01em}
.f9-st a{font-size:13px;line-height:1.45;color:#B9ACD9!important;text-decoration:none;align-self:end}
.f9-st a:hover{color:var(--pop)!important;text-decoration:underline}
@media (max-width:1100px){.f9-sgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.f9-sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:400px){.f9-sgrid{grid-template-columns:minmax(0,1fr)}}

/* ---------- section FAQ + interlinks ---------- */
.v11-fg{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(20px,4vw,48px);align-items:start}
.v11-rel{padding:20px;border-radius:20px;background:var(--card);border:1px solid var(--line);position:sticky;top:calc(var(--hdr,68px) + 20px)}
.v11-rel h3{font:800 16px var(--display);letter-spacing:-.02em;margin:0 0 10px}
.v11-rel nav{display:grid;gap:4px}
.v11-rel a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;color:var(--text);text-decoration:none;font-weight:700;font-size:14.5px}
.v11-rel a:hover{background:var(--accent-soft);color:var(--accent)}
.v11-rel .gi-s{width:15px;height:15px;color:var(--accent)}
@media (max-width:900px){.v11-fg{grid-template-columns:minmax(0,1fr)}.v11-rel{position:static}}

/* ---------- bundle builder: toolbar rows, tier names, pricing steps ---------- */
.mz-toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}
.mz-toolbar .mz-tabs{flex:none;width:100%}
.mz-toolbar .mz-search{width:100%;max-width:none}
.mz-ladder div span em{display:block;font-style:normal;font-weight:700;color:inherit;opacity:.8}
.mz-ladder{margin-bottom:34px}
.mz-mbar-top .mz-ladder{margin-bottom:0}
.mz-how{list-style:none;margin:6px 0 14px;padding:0;display:grid;gap:8px}
.mz-how li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.mz-how li i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 12px var(--mono);font-style:normal;background:rgba(255,255,255,.12);color:var(--on-ink)}
.mz-how li.done i{background:var(--pop);color:var(--ink)}
.mz-how b{display:block;font:700 13.5px/1.2 var(--body);color:#fff}
.mz-how span{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--on-ink-muted)}
.mz-line i.has-img{background:var(--cream)!important;overflow:hidden;padding:2px}
.mz-line i.has-img img{width:100%;height:100%;object-fit:contain}

/* ---------- checkout: pay-to card and tidy alignment ---------- */
.pay9-to{border:1.5px solid var(--line-2);border-radius:16px;padding:14px 16px;display:grid;gap:10px;background:var(--card)}
.pay9-to-h{display:flex;align-items:center;gap:8px;margin:0;font:700 14.5px var(--body)}
.pay9-to-h .gi-s{width:18px;height:18px;color:var(--accent)}
.pay9-to dl{margin:0;display:grid;gap:0}
.pay9-to dl > div{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.pay9-to dt{font:600 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pay9-to dd{margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;font-size:14.5px}
.pay9-to dd span,.pay9-to dd b{overflow-wrap:anywhere}
.pay9-to [data-pay-email]{font:700 14.5px var(--mono)}
@media (max-width:560px){.pay9-to dl > div{grid-template-columns:minmax(0,1fr);gap:4px}}
.co9 .fld label{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.co9 .fld{align-content:start}
.co9 .grid2,.co9 .grid3{align-items:start}
.co9 .co-step h2{margin:0}
.co9 .chk-row{align-items:flex-start;line-height:1.45}
.co9 .chk-row input{margin-top:3px;flex-shrink:0}

/* ---------- city pages: each section gets its own soft glow ---------- */
main:has(.c8) > section.mz-sec{position:relative;isolation:isolate}
main:has(.c8) > section.mz-sec:nth-of-type(4n+2)::before,
main:has(.c8) > section.mz-sec:nth-of-type(4n+3)::before,
main:has(.c8) > section.mz-sec:nth-of-type(4n)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
main:has(.c8) > section.mz-sec:nth-of-type(4n+2)::before{background:radial-gradient(60% 70% at 8% 10%,rgba(123,77,255,.10),transparent 70%)}
main:has(.c8) > section.mz-sec:nth-of-type(4n+3)::before{background:radial-gradient(55% 70% at 92% 20%,rgba(212,255,90,.16),transparent 70%)}
main:has(.c8) > section.mz-sec:nth-of-type(4n)::before{background:radial-gradient(60% 70% at 50% 100%,rgba(20,163,139,.10),transparent 70%)}
main:has(.c8) .stores .store,main:has(.c8) .zone{box-shadow:0 18px 40px -30px rgba(123,77,255,.55)}
.zone .areas a{background:var(--accent-soft);border-color:#D4C6FF!important;color:#4A2BB8!important}

/* ---------- one type scale for content ---------- */
.mz-sec-head h2{font:800 clamp(28px,3.6vw,44px)/1.04 var(--display)!important;letter-spacing:-.035em}
.mz-sec-head p{font-size:clamp(15.5px,1.2vw,17px);line-height:1.55}
.prose p,.art-body p{font-size:17px;line-height:1.7}
.prose h2,.art-body h2{font:800 clamp(24px,2.6vw,32px)/1.12 var(--display);letter-spacing:-.03em}
.prose h3,.art-body h3{font:700 clamp(18px,1.8vw,21px)/1.25 var(--display);letter-spacing:-.02em}
.qa summary .q{font-size:16px!important}
.qa .a p{font-size:15.5px}
@media (max-width:560px){.prose p,.art-body p{font-size:16px}}

/* ---------- community hub ---------- */
.hub-hin{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:end}
.hub-hero h1{font:800 clamp(38px,6vw,72px)/.98 var(--display);letter-spacing:-.04em}
.hub-hero h1 em{font-style:normal;color:var(--accent)}
.hub-hero .lede{margin-top:12px;font-size:18px;color:var(--muted);max-width:54ch}
.hub-search{position:relative;margin-top:18px;max-width:560px}
.hub-search .gi-s{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}
.hub-search input{width:100%;min-height:54px;border-radius:999px;border:1.5px solid var(--line-2);padding:0 18px 0 46px;font:500 16px var(--body);background:var(--card);color:var(--text)}
.hub-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.hub-count{margin:10px 0 0;font:600 12.5px var(--mono);color:var(--muted)}
@media (max-width:900px){.hub-hin{grid-template-columns:minmax(0,1fr)}}
.hub{display:grid;grid-template-columns:230px minmax(0,1fr) 280px;gap:clamp(18px,2.6vw,32px);align-items:start}
.hub-side{position:sticky;top:calc(var(--hdr,68px) + 16px);display:grid;gap:2px;max-height:calc(100vh - var(--hdr,68px) - 32px);overflow:auto;padding-right:4px}
.hub-side-h{margin:0 0 6px;font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.hub-side a{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;color:var(--text);text-decoration:none;font:600 14px/1.25 var(--body)}
.hub-side a .gi-s{width:16px;height:16px;color:var(--accent)}
.hub-side a em{font:600 11px var(--mono);font-style:normal;color:var(--muted)}
.hub-side a:hover,.hub-side a.on{background:var(--accent-soft);color:var(--accent)}
.hub-ask-l{margin-top:8px;background:var(--ink)!important;color:var(--pop)!important}
.hub-ask-l .gi-s{color:var(--pop)!important}
.hub-main{display:grid;gap:26px;min-width:0}
.hub-t{scroll-margin-top:calc(var(--hdr,68px) + 20px);display:grid;gap:10px}
.hub-th{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.hub-th h2{display:flex;align-items:center;gap:10px;font:800 clamp(22px,2.4vw,28px)/1.1 var(--display);letter-spacing:-.03em;margin:0}
.hub-th h2 .gi-s{width:22px;height:22px;color:var(--accent)}
.hub-th span{font:600 12px var(--mono);color:var(--muted);white-space:nowrap}
.hub-rel{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;font-size:14px}
.hub-rel a{color:var(--accent);font-weight:700;text-decoration:none}
.hq{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;scroll-margin-top:calc(var(--hdr,68px) + 20px)}
.hq header{padding:14px 16px 10px;display:grid;gap:6px}
.hq-tag{display:inline-flex;align-items:center;gap:5px;justify-self:start;padding:3px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:700 10.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.hq-tag .gi-s{width:12px;height:12px}
.hq h3{margin:0;font:700 17px/1.35 var(--body);letter-spacing:-.005em}
.hq-a{padding:12px 16px 12px;border-top:1px dashed var(--line-2);background:linear-gradient(180deg,var(--cream),var(--card))}
.hq-by{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:13px}
.hq-by .gi-s{width:16px;height:16px;color:var(--good)}
.hq-by span{padding:2px 7px;border-radius:999px;background:#E3F5EC;color:var(--good);font:700 10.5px/1.3 var(--mono)}
.hq-body p{margin:0 0 6px;font-size:15.5px;line-height:1.6}
.hq-body a{color:var(--accent);font-weight:600}
.hq-foot{display:flex;align-items:center;gap:16px;margin-top:6px;font-size:13.5px}
.hq-help{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--card);font:700 13px var(--body);color:var(--text);cursor:pointer}
.hq-help .gi-s{width:14px;height:14px}
.hq-help[aria-pressed="true"]{background:var(--pop);border-color:var(--pop);color:var(--ink)}
.hq-foot a{color:var(--accent);font-weight:700;text-decoration:none}
.hub-ask{scroll-margin-top:calc(var(--hdr,68px) + 20px);padding:22px;border-radius:22px;background:var(--card);border:2px solid var(--ink);display:grid;gap:12px}
.hub-ask h2{font:800 26px/1.1 var(--display);letter-spacing:-.03em;margin:0}
.hub-ask .fld{position:relative}
.hub-typing{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--mono);color:var(--accent)}
.hub-typing .gi-s{width:14px;height:14px}
.hub-mine h3{font:800 18px var(--display);margin:6px 0 8px}
.hub-mine ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hub-mine li{padding:12px 14px;border-radius:14px;background:var(--cream);display:grid;gap:4px}
.hub-mine li p{margin:0;font-weight:600}
.hub-mine small{color:var(--muted)}
.hub-info{position:sticky;top:calc(var(--hdr,68px) + 16px);display:grid;gap:12px}
.hub-ib{padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.hub-ib h2{font:800 20px var(--display);letter-spacing:-.02em;margin:0}
.hub-ib h3{font:800 16px var(--display);margin:0 0 8px}
.hub-ib dl{margin:10px 0 0;display:grid;gap:0}
.hub-ib dl div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px;line-height:1.4}
.hub-ib dt{font-weight:700;color:var(--muted)}
.hub-ib dd{margin:0}
.hub-ib dd a{color:var(--accent)}
@media (max-width:1180px){.hub{grid-template-columns:210px minmax(0,1fr)}.hub-info{grid-column:1/-1;position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
 .hub{grid-template-columns:minmax(0,1fr)}
 .hub-side{position:static;max-height:none;display:flex;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:none}
 .hub-side-h{display:none}
 .hub-side a{flex:0 0 auto;grid-template-columns:16px auto auto;border:1.5px solid var(--line-2);background:var(--card)}
 .hub-info{grid-template-columns:minmax(0,1fr)}
}
.hq.hq-more{display:none}
.hub-open .hq.hq-more,.hub-searching .hq.hq-more:not([hidden]){display:block}
.hub-searching .hub-more{display:none}
.hub-more{justify-self:start;min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ink);background:var(--card);font:700 14px var(--body);color:var(--ink);cursor:pointer}
.hub-more:hover{background:var(--ink);color:var(--pop)}
.pay9-logo{display:flex!important;align-items:center;justify-content:center;gap:0}

/* ==== v12.css ==== */
/* ================= Fungi Delivery v12 ================= */
/* ---------- header: Delivery Coverage link in the top bar ---------- */
.ub-dc{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;font:inherit;font-weight:700}
.ub-dc:hover{color:var(--pop)}

/* ---------- Delivery Coverage slider ---------- */
.dc12 .sheet-panel{width:min(560px,100vw)}
.dc-body{display:grid;gap:14px;padding-bottom:20px}
.dc-lede{margin:0;font-size:15px;color:var(--text)}
.dc-tiers{display:grid;gap:10px}
.dc-t{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}
.dc-t:hover{transform:translateY(-2px);box-shadow:var(--shadow-1);border-color:#7B4DFF}
.dc-t > svg{width:44px;height:44px;padding:11px;border-radius:12px;background:#F1ECFF;color:#7B4DFF}
.dc-t.tier-express > svg{background:#1A1130;color:#D4FF5A}
.dc-t.tier-shipping > svg{background:#FFE9E3;color:#C2410C}
.dc-t span{display:grid;gap:1px}
.dc-t b{font:800 15.5px/1.2 var(--display)}
.dc-t em{font-style:normal;font-weight:700;font-size:14px}
.dc-t small{color:var(--muted);font-size:12.5px}
.dc-t i{color:var(--muted)}
.dc-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dc-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:10px 6px;border:1px solid var(--line);border-radius:14px;background:#FBF9FF;color:var(--ink);font:700 12.5px/1.2 var(--body);text-align:center;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}
.dc-tool:hover{background:#F1ECFF;border-color:#7B4DFF}
.dc-tool .gi-s{width:20px;height:20px;color:#7B4DFF}
.dc-search{position:relative}
.dc-search .gi-s{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}
.dc-search input{width:100%;height:48px;border-radius:999px;border:1.5px solid var(--line-2);padding:0 16px 0 42px;font:500 15px var(--body);background:#fff}
.dc-search input:focus{outline:none;border-color:#7B4DFF;box-shadow:0 0 0 4px rgba(123,77,255,.15)}
.dc-leg{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--muted);flex-wrap:wrap}
.dc-hubs{display:grid;gap:8px}
.dc-hub{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.dc-hub summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer}
.dc-hub summary::-webkit-details-marker{display:none}
.dc-hub summary b{font:800 15px var(--display);flex:1}
.dc-hub summary em{font-style:normal;font:600 12px var(--mono);color:var(--muted)}
.dc-chev{width:18px;height:18px;transition:transform .2s}
.dc-hub[open] .dc-chev{transform:rotate(180deg)}
.dc-hub-in{padding:0 16px 14px;display:grid;gap:12px}
.dc-hl{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;font-size:13.5px;font-weight:700}
.dc-hl a{color:#5B33E0}
.dc-reg p{margin:0 0 6px;font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.dc-reg p span{color:#7B4DFF}
.dc-reg ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}
.dc-reg li[hidden]{display:none}
.dc-reg a{display:flex;align-items:center;gap:7px;padding:5px 0;color:var(--ink);font-size:14px;text-decoration:none}
.dc-reg a:hover{color:#5B33E0;text-decoration:underline}
.dc-reg .tb-dot{margin:0;flex:none}
.dc-none{margin:0;font-size:14px}
.dc-link{background:none;border:0;padding:0;color:#5B33E0;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.dc-ship{display:grid;gap:10px;padding-top:6px;border-top:1px dashed var(--line-2)}
.dc-prov{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.dc-prov a{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink);text-decoration:none;background:#fff}
.dc-prov a:hover{border-color:#7B4DFF;color:#5B33E0}
@media (max-width:480px){.dc-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-reg ul{grid-template-columns:1fr 1fr}}

/* ---------- city pages v12 ---------- */
.c12-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:stretch;padding-top:18px}
.c12-l{display:flex;flex-direction:column}
.c12 .c12-local{color:#CFC3EE;font-size:15.5px;line-height:1.6;margin:12px 0 0}
.c12 .hh-cta{margin-top:20px}
.c12-qf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0 0}
.c12-qf div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px}
.c12-qf dt{font:700 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#B9AEDA}
.c12-qf dd{margin:6px 0 0;font:800 14.5px/1.2 var(--display);color:#fff}
.m12-card{margin:0;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#24164A,#1C1236);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.m12-cap{display:flex;flex-direction:column;gap:2px;padding:14px 18px 10px}
.m12-cap b{font:800 16px var(--display);color:#fff}
.m12-cap span{font-size:13px;color:#CFC3EE}
.m12-wrap{flex:1;min-height:280px;position:relative;background:#1E1338;display:flex;align-items:center}
.m12{display:block;width:100%;height:100%;min-height:280px}
.m12-bg{fill:#1E1338}
.m12-g{stroke:rgba(255,255,255,.05);stroke-width:1}
.m12-w{fill:#2B3F8F;fill-opacity:.55;stroke:#6E8CFF;stroke-opacity:.5;stroke-width:1.2}
.m12-r{fill:none;stroke:#4F6BDB;stroke-opacity:.7;stroke-linecap:round;stroke-linejoin:round}
.m12-o circle{fill:#9C85FF;stroke:#1E1338;stroke-width:1.5;transition:r .2s}
.m12-o.m12-express circle{fill:#D4FF5A}
.m12-o:hover circle{r:7}
.m12-o text,.m12-store text,.m12-n text,.m12-sb text{fill:#E6DEFA;font:600 12px var(--body);paint-order:stroke;stroke:#1E1338;stroke-width:3px}
.m12-me circle{fill:#D4FF5A;stroke:#1A1130;stroke-width:3}
.m12-me .m12-pulse{fill:none;stroke:#D4FF5A;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:m12p 2.2s ease-out infinite}
.m12-me text{fill:#fff;font:800 16px var(--display);paint-order:stroke;stroke:#1E1338;stroke-width:4px}
.m12-store rect{fill:#FF7A59;stroke:#1A1130;stroke-width:2}
.m12-route{fill:none;stroke:#D4FF5A;stroke-width:2.5;stroke-dasharray:7 7;animation:m12d 1.2s linear infinite}
.m12-n path{fill:#E6DEFA}
.m12-sb path{stroke:#E6DEFA;stroke-width:3}
@keyframes m12p{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.2);opacity:0}}
@keyframes m12d{to{stroke-dashoffset:-28}}
.m12-leg{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:10px 18px 4px;font-size:12.5px;color:#DCD2F2}
.m12-leg span{display:inline-flex;align-items:center;gap:6px}
.m12-k{width:10px;height:10px;border-radius:50%;display:inline-block}
.m12-k.me{background:#D4FF5A;box-shadow:0 0 0 3px rgba(212,255,90,.3)}.m12-k.st{background:#FF7A59;border-radius:2px;transform:rotate(45deg)}
.m12-k.ex{background:#D4FF5A}.m12-k.sd{background:#9C85FF}
.m12-note{margin:0;padding:2px 18px 14px;font-size:11.5px;color:#9F93C4}
.c12-tool-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:stretch}
.c12-tool-in > *{height:100%}
.c12-facts{display:flex;flex-direction:column;gap:10px}
.c12-fsa,.c12-hrs{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}
.c12-fsa p,.c12-hrs p{margin:0;display:flex;align-items:center;gap:8px;font-size:14px}
.c12-fsa p{font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.c12-fsa > div{display:flex;flex-wrap:wrap;gap:6px}
.c12-hrs{display:flex;flex-direction:column;gap:8px;flex:1}
.c12-ql{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:10px}
.c12-ql a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#F6F2FF;color:var(--ink);font-weight:700;font-size:13.5px;text-decoration:none;transition:background .2s,transform .2s}
.c12-ql a:hover{background:#EDE6FF;transform:translateY(-1px)}
.c12-ql .gi-s{color:#7B4DFF}
.fsa{display:inline-flex;align-items:center;padding:5px 10px;border-radius:8px;background:#F1ECFF;color:#4A27C9;font:700 12.5px var(--mono);text-decoration:none;letter-spacing:.04em;transition:background .2s,transform .2s}
.fsa:hover{background:#7B4DFF;color:#fff;transform:translateY(-1px)}
.c12 .fsa{background:rgba(212,255,90,.14);color:#E9FFB0}
.c12-ab{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:36px;align-items:start}
.c12-art h2{font:800 clamp(26px,3vw,36px)/1.1 var(--display);letter-spacing:-.02em;margin:0 0 6px}
.c12-art h2 em{font-style:normal;color:#7B4DFF}
.c12-art h3{display:flex;align-items:center;gap:10px;font:800 18px/1.3 var(--display);margin:26px 0 8px}
.c12-art h3 .gi-s{width:30px;height:30px;padding:6px;border-radius:9px;background:#F1ECFF;color:#7B4DFF;flex:none}
.c12-art p{font-size:16px;line-height:1.7;color:var(--text);margin:0;max-width:68ch}
.c12-known{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.c12-known li{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:600}
.c12-known .gi-s{width:14px;height:14px;color:#E0A800}
.c12-side{display:grid;gap:14px;position:sticky;top:calc(var(--hdr,72px) + 16px)}
.c12-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-1)}
.c12-card h3{font:800 16px var(--display);margin:0 0 12px}
.c12-dl{margin:0;display:grid;gap:0}
.c12-dl div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.c12-dl div:first-child{border-top:0}
.c12-dl dt{font:700 10.5px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.c12-dl dd{margin:0;font-size:14px;font-weight:600;display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.c12-explore{display:grid;gap:2px}
.c12-explore a{display:grid;grid-template-columns:22px 1fr 16px;align-items:center;gap:10px;padding:10px 6px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:14.5px;transition:background .2s,padding .2s}
.c12-explore a:hover{background:#F6F2FF;padding-left:10px}
.c12-explore a > .gi-s:first-child{color:#7B4DFF}
.c12-explore a > .gi-s:last-child{color:var(--muted);width:14px}
.c12-near a small{margin-left:auto;font:600 11px var(--mono);color:var(--muted)}
.c12-near a .tb-dot{margin-left:6px}
@media (max-width:1100px){.c12-qf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.c12-in,.c12-tool-in,.c12-ab{grid-template-columns:1fr}.c12-side{position:static}.m12-wrap,.m12{min-height:240px}}
@media (max-width:480px){.c12-dl div{grid-template-columns:1fr;gap:4px}}

/* ---------- postal-code pages ---------- */
.pz-search{position:relative;margin-top:18px;max-width:520px}
.pz-search .gi-s{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}
.pz-search input{width:100%;height:52px;border-radius:999px;border:1.5px solid var(--line-2);padding:0 18px 0 44px;font:500 16px var(--body);background:#fff}
.pz-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.pz-jump{position:sticky;top:calc(var(--hdr,72px) + 16px);display:grid;gap:4px}
.pz-jump a{display:flex;justify-content:space-between;padding:8px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}
.pz-jump a:hover{background:#F1ECFF}
.pz-jump a span{font:600 12px var(--mono);color:var(--muted)}
.pz-other{display:grid;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.pz-other a{color:#5B33E0}
.pz-grp{margin-bottom:28px;scroll-margin-top:110px}
.pz-grp h2{font:800 22px var(--display);margin:0 0 12px;display:flex;align-items:baseline;gap:10px}
.pz-grp h2 span{font:600 12px var(--mono);color:var(--muted)}
.pz-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pz-row{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;scroll-margin-top:110px;transition:border-color .2s,box-shadow .2s}
.pz-row:target{border-color:#7B4DFF;box-shadow:0 0 0 4px rgba(123,77,255,.15)}
.pz-row[hidden]{display:none}
.pz-code{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pz-code > b{font:800 24px/1 var(--mono);letter-spacing:.02em;color:#1A1130}
.pz-code .tb{font-size:11px;white-space:nowrap}
.pz-body h3{font:700 15px/1.3 var(--display);margin:0 0 4px}
.pz-body p{margin:0;font-size:14px;line-height:1.55;color:var(--text)}
.pz-links{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:6px!important;font-weight:700;font-size:13.5px!important}
.pz-links a{color:#5B33E0}
.pz-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pz-card{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:10px}
.pz-card h2{font:800 20px var(--display);margin:0}
.pz-card h2 a{color:var(--ink);text-decoration:none}
.pz-card h2 span{display:block;font:600 12px var(--mono);color:var(--muted);margin-top:4px}
.pz-card p{margin:0;color:var(--muted);font-size:14px}
.pz-chips{display:flex;flex-wrap:wrap;gap:5px;flex:1;align-content:flex-start}
@media (max-width:1100px){.pz-list{grid-template-columns:1fr}.pz-cards{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.pz-wrap{grid-template-columns:1fr}.pz-jump{position:static;display:flex;flex-wrap:wrap}.pz-other{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;border:0}.pz-cards{grid-template-columns:1fr}}
@media (max-width:480px){.pz-row{grid-template-columns:1fr}}

/* ---------- local news hubs ---------- */
.ln-other{margin:12px 0 0;font-size:14px;display:flex;gap:6px 12px;flex-wrap:wrap}
.ln-other a{color:#5B33E0;font-weight:700}
.ln-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ln-card{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:20px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;min-height:170px;position:relative;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s}
.ln-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#7B4DFF,#D4FF5A)}
.ln-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}
.ln-tag{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7B4DFF}
.ln-card b{font:800 17px/1.3 var(--display);flex:1}
.ln-card em{font-style:normal;font-weight:700;color:#5B33E0;font-size:14px}
.ln-snap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ln-snap li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;font-size:14.5px;line-height:1.6}
.ln-snap b{display:block;font:800 16px var(--display);margin-bottom:4px}
.ln-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ln-reg h3{font:700 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.ln-reg h3 span{color:#7B4DFF}
.ln-reg ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ln-reg a{display:flex;align-items:center;gap:8px;padding:5px 0;color:var(--ink);text-decoration:none;font-size:14.5px}
.ln-reg a:hover{color:#5B33E0;text-decoration:underline}
@media (max-width:900px){.ln-grid,.ln-areas{grid-template-columns:1fr 1fr}.ln-snap{grid-template-columns:1fr}}
@media (max-width:560px){.ln-grid,.ln-areas{grid-template-columns:1fr}}

/* ---------- Delivery Coverage page extras ---------- */
.dcp-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dcp-c{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .2s,border-color .2s}
.dcp-c:hover{transform:translateY(-2px);border-color:#7B4DFF}
.dcp-c .gi-s{grid-row:1/3;width:28px;height:28px;padding:5px;border-radius:8px;background:#F1ECFF;color:#7B4DFF}
.dcp-c b{font:800 15px var(--display)}
.dcp-c span{font-size:13px;color:var(--muted)}
@media (max-width:900px){.dcp-more{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.dcp-more{grid-template-columns:1fr}}

/* ---------- checkout + cart: step arrows ---------- */
.flow12-arrow{display:flex;justify-content:center;align-items:center;height:0;opacity:0;overflow:visible;position:relative;transition:height .35s var(--ease),opacity .35s;pointer-events:none}
.flow12-arrow.on{height:46px;opacity:1}
.flow12-arrow svg{width:40px;height:44px;color:#7B4DFF}
.flow12-arrow path{stroke-dasharray:60;stroke-dashoffset:60}
.flow12-arrow.on path{animation:flow12draw .6s .05s var(--ease) forwards}
.flow12-arrow.on svg{animation:flow12bob 1.6s .7s ease-in-out infinite}
.flow12-arrow small{position:absolute;left:calc(50% + 28px);font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7B4DFF;white-space:nowrap}
@keyframes flow12draw{to{stroke-dashoffset:0}}
@keyframes flow12bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.flow12-next{animation:flow12blink 1.4s ease-in-out 2}
@keyframes flow12blink{0%,100%{box-shadow:0 0 0 0 rgba(123,77,255,0)}35%{box-shadow:0 0 0 6px rgba(123,77,255,.28),0 0 30px rgba(212,255,90,.45)}}
.flow12-done{position:relative}
.flow12-done > legend::after,.flow12-done > .co-h::after{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-left:8px;border-radius:50%;background:#D4FF5A;color:#1A1130;font:800 12px var(--body);vertical-align:middle}

/* ---------- site-wide motion ---------- */
@media (prefers-reduced-motion:no-preference){
 html.anim12 .a12{opacity:.001;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:var(--d,0s)}
 html.anim12 .a12.in{opacity:1;transform:none}
 .mz-btn-pop{background-size:200% 100%;background-image:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);background-position:150% 0;background-repeat:no-repeat;transition:background-position .7s var(--ease),transform .2s}
 .mz-btn-pop:hover{background-position:-50% 0}
 .how8 li,.mz-how li{position:relative}
 .line12{position:absolute;pointer-events:none}
 .pcard,.cat-card,.ln-card,.pz-row,.dcp-c{will-change:transform}
}
.how8{position:relative}
.how8.a12-line::before{content:"";position:absolute;left:4%;right:4%;top:28px;height:3px;border-radius:3px;background:linear-gradient(90deg,#7B4DFF,#D4FF5A);transform-origin:left;transform:scaleX(0);transition:transform 1.4s var(--ease);z-index:0}
.how8.a12-line.in::before{transform:scaleX(1)}
.how8.a12-line > li{position:relative;z-index:1}
@media (max-width:900px){.how8.a12-line::before{display:none}}
@media (prefers-reduced-motion:reduce){.m12-route,.m12-pulse,.flow12-arrow svg{animation:none!important}}
@media (max-width:960px){.ub-in{gap:12px;justify-content:space-between}.ub-msg{min-width:0;overflow:hidden}.ub-mph{flex:none}}
.dc-leg{justify-content:flex-start}.dc-leg .tb-dot{margin:0 0 0 12px}.dc-leg .tb-dot:first-child{margin-left:0}
@media (max-width:480px){.dc-hub summary{flex-wrap:wrap;row-gap:2px}.dc-hub summary b{flex:1 1 60%}.dc-hub summary em{order:3;flex-basis:100%;padding-left:28px;font-size:11px}}
@media (max-width:520px){.flow12-arrow small{display:none}}
.m12-wrap{flex:none;min-height:0;aspect-ratio:600/420;display:block}
.m12{min-height:0;height:auto}
.m12-near{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:6px 18px 8px}
.m12-near a{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .2s}
.m12-near a:hover{background:rgba(212,255,90,.18)}
.m12-near small{color:#B9AEDA;font:600 11px var(--mono)}
.m12-card{justify-content:space-between}
.m12-note{margin-top:auto}
@media (min-width:1880px){.mz-wrap{max-width:1440px}}
@media (min-width:2400px){.mz-wrap{max-width:1600px}}
.m12-extra{flex:1 1 0;min-height:0;overflow:hidden;padding:4px 18px 0;color:#DCD2F2;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}
.m12-extra p{margin:6px 0;font-size:13px;line-height:1.55}
.m12-extra p b{font:700 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#B9AEDA}
.m12-extra ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.m12-extra li{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:#fff}
.m12-extra .gi-s{width:12px;height:12px;color:#D4FF5A}
@media (max-width:900px){.m12-extra{display:none}}

/* ================= v12.1 · bundle builder rebuilt ================= */
.bb13{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:28px;align-items:start;margin-top:8px}
.bb13-cat{min-width:0}
.bb13-bar{position:sticky;top:calc(var(--hdr,72px) + 8px);z-index:6;display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 10px 30px -18px rgba(26,17,48,.35)}
.bb13-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0}
.bb13-tabs::-webkit-scrollbar{display:none}
.bb13-tabs .mz-tab{flex:none;white-space:nowrap;border:0;border-radius:999px;padding:9px 14px;background:#F4F0FF;color:var(--ink);font:700 13.5px var(--body);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.bb13-tabs .mz-tab i{font:600 11px var(--mono);font-style:normal;color:var(--muted)}
.bb13-tabs .mz-tab[aria-selected="true"]{background:#7B4DFF;color:#fff}.bb13-tabs .mz-tab[aria-selected="true"] i{color:#E6DDFF}
.bb13-search{position:relative;flex:0 0 260px;display:block}
.bb13-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}
.bb13-search input{width:100%;height:42px;border-radius:999px;border:1.5px solid var(--line);background:#fff;padding:0 14px 0 38px;font:500 14px var(--body)}
.bb13-search input:focus{outline:none;border-color:#7B4DFF;box-shadow:0 0 0 4px rgba(123,77,255,.14)}
.bb13-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding-top:14px;position:relative;z-index:1}
.bb13-grid .mz-pc.in{outline:2.5px solid #7B4DFF;outline-offset:-2px;border-radius:18px}
.bb13-aside{position:sticky;top:calc(var(--hdr,72px) + 8px);z-index:5}
.bb13-box{background:#1A1130;color:#F4EFFF;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - var(--hdr,72px) - 24px);box-shadow:0 30px 60px -30px rgba(26,17,48,.6)}
.bb13-sheet{max-height:none;border-radius:0;box-shadow:none}
.b13-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.b13-head small{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#B9AEDA}
.b13-head h3{font:800 20px/1.15 var(--display);margin:4px 0 0;color:#fff}
.b13-hb{display:flex;gap:6px}
.b13-clear{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#E6DEFA;border-radius:999px;padding:6px 12px;font:700 12px var(--body);cursor:pointer}
.b13-clear:hover{background:rgba(255,255,255,.16)}
.b13-tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.b13-tiers li{display:grid;gap:3px;text-align:center}
.b13-tiers i{display:block;height:6px;border-radius:6px;background:rgba(255,255,255,.12);transition:background .4s}
.b13-tiers li.on i{background:linear-gradient(90deg,#7B4DFF,#D4FF5A)}
.b13-tiers li.next i{background:repeating-linear-gradient(90deg,rgba(212,255,90,.45) 0 6px,rgba(255,255,255,.1) 6px 12px);animation:b13n 1.2s linear infinite;background-size:24px 6px}
@keyframes b13n{to{background-position:24px 0}}
.b13-tiers b{font:800 14px var(--display);color:#fff}
.b13-tiers li:not(.on) b{color:#9F93C4}
.b13-tiers span{font:600 10.5px var(--mono);color:#B9AEDA}
.b13-msg{margin:10px 0 0;font-size:13.5px;line-height:1.45;color:#DCD2F2}
.b13-msg b{color:#D4FF5A}
.b13-scroll{flex:1 1 auto;min-height:90px;overflow:auto;margin:0 -6px;padding:0 6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
.b13-lines{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.b13-line{display:grid;grid-template-columns:52px minmax(0,1fr) 26px;gap:12px;align-items:center;padding:10px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);animation:b13in .35s var(--ease)}
@keyframes b13in{from{opacity:0;transform:translateY(6px)}}
.b13-th{width:52px;height:64px;border-radius:12px;display:grid;place-items:center;background:hsl(var(--h) 60% 92%);overflow:hidden}
.b13-th img{width:100%;height:100%;object-fit:contain}
.b13-th svg{width:26px;height:26px;color:hsl(var(--h) 50% 35%)}
.b13-ln{min-width:0;display:grid;gap:2px}
.b13-ln a{color:#fff;font:700 14.5px/1.25 var(--body);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b13-ln a:hover{text-decoration:underline}
.b13-ln small{color:#B9AEDA;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b13-lrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.b13-lrow .mz-step{display:inline-flex;align-items:center;gap:2px;background:rgba(255,255,255,.1);border-radius:999px;padding:2px}
.b13-lrow .mz-step button{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#fff;font:700 16px var(--body);cursor:pointer}
.b13-lrow .mz-step button:hover{background:rgba(255,255,255,.16)}
.b13-lrow .mz-step output{min-width:20px;text-align:center;font:800 14px var(--mono);color:#fff}
.b13-lp{display:flex;align-items:baseline;gap:6px;font-family:var(--mono)}
.b13-lp s{color:#9F93C4;font-size:12px}.b13-lp b{color:#D4FF5A;font-size:14.5px}
.b13-rm{align-self:start;width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#DCD2F2;font:700 16px/1 var(--body);cursor:pointer}
.b13-rm:hover{background:#FF7A59;color:#1A1130}
.b13-empty{padding:16px;border-radius:16px;border:1.5px dashed rgba(183,170,214,.35);display:grid;gap:12px}
.b13-empty p{margin:0;font-size:14px;line-height:1.5;color:#DCD2F2}
.b13-quick{display:flex;flex-wrap:wrap;gap:6px}
.b13-quick button{border:1px solid rgba(212,255,90,.4);background:rgba(212,255,90,.08);color:#E9FFB0;border-radius:999px;padding:7px 11px;font:700 12.5px var(--body);cursor:pointer}
.b13-quick button:hover{background:rgba(212,255,90,.2)}
.b13-ask{justify-self:start;border:0;background:#7B4DFF;color:#fff;border-radius:999px;padding:9px 14px;font:700 13px var(--body);cursor:pointer}
.b13-sum{margin:0;display:grid;gap:6px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.16)}
.b13-sum div{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:#DCD2F2}
.b13-sum dd{margin:0;font-family:var(--mono);color:#fff}
.b13-sum .sv dd{color:#D4FF5A}
.b13-sum .big{padding-top:8px;margin-top:2px;border-top:1px solid rgba(255,255,255,.12)}
.b13-sum .big dt{font:800 16px var(--display);color:#fff}.b13-sum .big dd{font:800 24px var(--mono);color:#fff}
.b13-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:999px;background:#D4FF5A;color:#1A1130;font:800 16.5px var(--display);cursor:pointer;box-shadow:0 12px 30px -10px rgba(212,255,90,.6);transition:transform .2s,box-shadow .2s}
.b13-go svg{width:20px;height:20px}
.b13-go:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 36px -12px rgba(212,255,90,.75)}
.b13-go:disabled{background:rgba(255,255,255,.12);color:#9F93C4;box-shadow:none;cursor:not-allowed}
.b13-sub{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}
.b13-sub button{min-height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#F4EFFF;font:700 13px var(--body);cursor:pointer}
.b13-sub button:hover:not(:disabled){background:rgba(255,255,255,.08)}
.b13-sub button:disabled{opacity:.45;cursor:not-allowed}
.b13-note{margin:0;font-size:11.5px;line-height:1.5;color:#9F93C4}
@media (max-width:1200px){.bb13{grid-template-columns:minmax(0,1fr) 380px}.bb13-search{flex-basis:200px}}
@media (max-width:960px){.bb13{grid-template-columns:1fr}.bb13-aside{display:none}.bb13-bar{flex-direction:column;align-items:stretch}.bb13-search{flex:none}.bb13-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* ---------- bundle assistant ---------- */
.zb-fab{position:fixed;right:20px;bottom:88px;z-index:80;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:0;border-radius:999px;background:#1A1130;color:#fff;cursor:pointer;box-shadow:0 18px 40px -14px rgba(26,17,48,.7);transition:transform .2s}
.zb-fab:hover{transform:translateY(-2px)}
.zb-fab-t{display:grid;text-align:left}.zb-fab-t b{font:800 14px var(--display)}.zb-fab-t small{font-size:11.5px;color:#CFC3EE}
.zb-av{width:40px;height:40px;border-radius:50%;background:#7B4DFF;display:grid;place-items:center;flex:none}
.zb-av svg{width:28px;height:28px}
.zb-av.sm{width:28px;height:28px}.zb-av.sm svg{width:20px;height:20px}
.zb-fab.zb-nudge .zb-av{animation:zbp 1.6s ease-out 3}
@keyframes zbp{0%{box-shadow:0 0 0 0 rgba(212,255,90,.7)}100%{box-shadow:0 0 0 16px rgba(212,255,90,0)}}
body.zb-open .zb-fab{display:none}
.zb{position:fixed;right:20px;bottom:20px;z-index:90;width:min(400px,calc(100vw - 24px));height:min(640px,calc(100vh - 110px));display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(26,17,48,.55);border:1px solid var(--line);animation:zbin .3s var(--ease)}
.zb[hidden]{display:none}
@keyframes zbin{from{opacity:0;transform:translateY(16px) scale(.98)}}
.zb-h{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;background:#1A1130;color:#fff}
.zb-h div{flex:1;display:grid}.zb-h b{font:800 15px var(--display)}
.zb-h small{display:flex;align-items:center;gap:6px;font-size:12px;color:#CFC3EE}.zb-h small i{width:7px;height:7px;border-radius:50%;background:#D4FF5A}
.zb-x{width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font:700 15px var(--body);cursor:pointer}
.zb-x:hover{background:rgba(255,255,255,.2)}
.zb-log{flex:1;overflow:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:#F7F4FF}
.zb-m{display:flex;gap:8px;align-items:flex-end;max-width:92%;animation:b13in .25s var(--ease)}
.zb-m > div{padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.5}
.zb-bot > div{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;color:var(--ink)}
.zb-me{align-self:flex-end}.zb-me > div{background:#7B4DFF;color:#fff;border-bottom-right-radius:4px}
.zb-bot a{color:#5B33E0;font-weight:700}
.zb-typing > div{display:flex;gap:4px;padding:14px}
.zb-typing i{width:7px;height:7px;border-radius:50%;background:#B9AEDA;animation:zbt 1s infinite}.zb-typing i:nth-child(2){animation-delay:.15s}.zb-typing i:nth-child(3){animation-delay:.3s}
@keyframes zbt{0%,80%,100%{opacity:.3;transform:none}40%{opacity:1;transform:translateY(-3px)}}
.zb-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.zb-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#F7F4FF}
.zb-list li span:not(.zb-th){flex:1;min-width:0;font-weight:600;font-size:13px;line-height:1.25}
.zb-list small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}
.zb-list b{font:700 13px var(--mono)}
.zb-th{width:28px;height:34px;border-radius:6px;background:hsl(var(--h) 60% 92%);overflow:hidden;flex:none;display:grid;place-items:center}.zb-th img{width:100%;height:100%;object-fit:contain}
.zb-tot{margin:8px 0 0;font-size:13.5px}.zb-tot s{color:var(--muted)}
.zb-hint{display:block;margin-top:6px;color:var(--muted);font-size:12.5px}
.zb-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-top:1px solid var(--line);background:#fff;max-height:42%;overflow:auto}
.zb-chips:empty{display:none}
.zb-c{border:1.5px solid #D9CCFF;background:#fff;color:#4A27C9;border-radius:999px;padding:8px 12px;font:700 13px var(--body);cursor:pointer;text-align:left;transition:background .15s,border-color .15s}
.zb-c:hover{background:#F1ECFF;border-color:#7B4DFF}
.zb-c.main{background:#D4FF5A;border-color:#C2EE3F;color:#1A1130}
.zb-in{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:#fff}
.zb-in input{flex:1;min-width:0;height:42px;border-radius:999px;border:1.5px solid var(--line);padding:0 14px;font:500 14px var(--body)}
.zb-in input:focus{outline:none;border-color:#7B4DFF}
.zb-in button{width:42px;height:42px;border-radius:50%;border:0;background:#7B4DFF;color:#fff;font-size:16px;cursor:pointer}
@media (max-width:960px){.zb-fab{bottom:calc(var(--zbb,16px));right:12px;padding-right:8px}.zb-fab-t{display:none}body.has-bar .zb-fab{--zbb:150px}
 .zb{right:0;left:0;bottom:0;width:100%;height:min(86vh,680px);border-radius:22px 22px 0 0}}
/* v12.1 polish: filter bar scrolls with the page (never covers product cards); compact basket so more lines show */
.bb13-bar{position:relative;top:auto;z-index:2}
.bb13-box{gap:12px;padding:18px}
.b13-line{grid-template-columns:44px minmax(0,1fr) 24px;gap:10px;padding:8px 10px;border-radius:14px}
.b13-th{width:44px;height:54px;border-radius:10px}
.b13-lrow{margin-top:4px}
.b13-lrow .mz-step button{width:26px;height:26px}
.b13-lines{gap:6px}
.b13-msg{margin-top:8px}
.b13-sum{gap:4px;padding-top:10px}
.b13-sum .big dd{font-size:22px}
.b13-go{min-height:52px}
@media (max-height:860px){.b13-note{display:none}.b13-head h3{font-size:17px}}
.bb13-bar{flex-wrap:wrap}
.bb13-tabs{flex-wrap:wrap;overflow:visible;flex:1 1 auto}
.bb13-search{flex:1 1 220px;min-width:200px}
@media (max-width:960px){.bb13-tabs{flex-wrap:nowrap;overflow-x:auto}}
.mz-combo-btns .mz-btn{white-space:nowrap}
@media (min-width:961px){.zb-fab{right:auto;left:20px;bottom:20px}.zb{right:auto;left:20px}}
@media (max-width:960px){.bb13-bar{flex-wrap:nowrap}.bb13-tabs{width:100%;min-width:0;flex:none}.bb13-search{min-width:0;flex:none;width:100%}.bb13-cat{min-width:0;overflow:hidden}}

/* ==== v13.css ==== */
/* ================= Fungi Delivery v13 · mobile app shell =================
   ≤960px: bottom tab bar (Home · Shop · Bundles · Cart · Account), slim auto-hiding top bar for search, delivery
   and the side menu (secondary pages), bottom sheets, sticky category chips, full-bleed swipe rails, tap feedback. */
.tb13,.qc13,.s13-grab{display:none}

@media (max-width:960px){
 :root{--tb:62px;--tbs:calc(var(--tb) + env(safe-area-inset-bottom,0px))}
 html{-webkit-tap-highlight-color:transparent}
 body{padding-bottom:var(--tbs)}
 body.co-page,body.no-tb{padding-bottom:0}

 /* ---------- bottom tab bar ---------- */
 .tb13{display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;position:fixed;left:0;right:0;bottom:0;z-index:70;height:var(--tbs);padding-bottom:env(safe-area-inset-bottom,0px);
   background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border-top:1px solid rgba(26,17,48,.08);box-shadow:0 -12px 32px -20px rgba(26,17,48,.45);transition:transform .3s var(--ease)}
 .tb13-i{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#6E6591;font:700 10.5px/1 var(--body);letter-spacing:.01em;text-decoration:none;min-width:0;transition:color .2s}
 .tb13-i svg{width:24px;height:24px;transition:transform .25s var(--ease)}
 .tb13-i:active svg{transform:scale(.86)}
 .tb13-i[aria-current="page"]{color:#5B33E0}
 .tb13-i[aria-current="page"]::before{content:"";position:absolute;top:0;left:50%;width:28px;height:3px;margin-left:-14px;border-radius:0 0 4px 4px;background:#7B4DFF}
 .tb13-i[aria-current="page"] svg{transform:translateY(-1px)}
 .tb13-c i{display:grid;place-items:center;width:54px;height:54px;margin-top:-26px;border-radius:19px;background:#1A1130;color:#D4FF5A;box-shadow:0 10px 22px -8px rgba(26,17,48,.6),0 0 0 4px #fff;transition:transform .2s}
 .tb13-c i svg{width:26px;height:26px}
 .tb13-c:active i{transform:scale(.92)}
 .tb13-c[aria-current="page"]::before{display:none}
 .tb13-c[aria-current="page"] i{background:#7B4DFF;color:#fff}
 .tb13-n{position:absolute;top:7px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#7B4DFF;color:#fff;font:800 10.5px/18px var(--mono);text-align:center;box-shadow:0 0 0 2px #fff}
 .tb13-n.zero{display:none}
 .tb13-n.bump{animation:tb13b .45s var(--ease)}
 @keyframes tb13b{40%{transform:scale(1.35)}}
 html.kb .tb13{transform:translateY(110%)}

 /* ---------- slim, auto-hiding top bar (secondary navigation lives here) ---------- */
 .hd{transition:transform .3s var(--ease)}
 html.hd-hide .hd{transform:translateY(-105%)}
 .hd .hd-cash,.hd .hd-mid,.hd .hd-wide,.hd [data-mc]{display:none!important}
 .hd .hd-in{gap:6px}
 .hd .area-btn{max-width:150px}

 /* ---------- sticky category chips on shopping pages ---------- */
 .qc13{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;position:sticky;top:var(--hdr);z-index:40;padding:10px var(--gutter,16px);margin:0;
   background:rgba(247,244,252,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(26,17,48,.06);transition:top .3s var(--ease);scroll-snap-type:x proximity}
 .qc13::-webkit-scrollbar{display:none}
 html.hd-hide .qc13{top:0}
 .qc13 a{flex:none;scroll-snap-align:start;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);font:700 13px var(--body);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
 .qc13 a[aria-current="page"]{background:#1A1130;border-color:#1A1130;color:#D4FF5A}
 .qc13 a:active{transform:scale(.95)}

 /* ---------- swipe rails: full-bleed with a peek of the next card ---------- */
 .rail{grid-auto-columns:minmax(46%,46%) !important;gap:10px;margin-inline:calc(var(--gutter,16px) * -1);padding-inline:var(--gutter,16px);scroll-padding-inline:var(--gutter,16px);overscroll-behavior-x:contain}
 .xps,.mz-combos,.purp{scroll-behavior:smooth}

 /* ---------- tap feedback ---------- */
 .mz-btn:active,.mz-add:active,.b13-go:active,.zb-c:active,.dc-tool:active{transform:scale(.96)}
 .pcard:active,.mz-pc:active,.cat-card:active,.s13-t:active,.ln-card:active{transform:scale(.985)}

 /* ---------- everything fixed at the bottom sits above the tab bar ---------- */
 .pd-bar{bottom:var(--tbs);padding-bottom:10px;border-radius:18px 18px 0 0}
 .mz-mbar{bottom:var(--tbs);padding-bottom:10px}
 .mz-mbar-top{display:none}
 .proto-btn{bottom:calc(var(--tbs) + 12px)!important}
 .zb-fab{--zbb:calc(var(--tbs) + 14px)}
 body.has-bar .zb-fab{--zbb:calc(var(--tbs) + 92px)}
 .mz-toast{top:calc(env(safe-area-inset-top,0px) + 12px)}
}

/* ---------- bottom sheets on phones (side panels become app-style sheets) ---------- */
@media (max-width:760px){
 .sheet .sheet-panel{top:auto!important;left:0!important;right:0!important;bottom:0;width:100%!important;max-height:92dvh;max-height:92vh;border-radius:24px 24px 0 0;transform:translateY(100%);overscroll-behavior:contain;
   transition:transform .38s cubic-bezier(.2,.8,.2,1)}
 .sheet.open .sheet-panel{transform:none}
 .sheet .sheet-panel::before{content:"";display:block;width:40px;height:5px;border-radius:3px;background:rgba(26,17,48,.18);margin:8px auto 0;flex:none}
 .sheet .sheet-panel.drag{transition:none}
 .s13 .s13-grab{display:none}
}

/* ---------- Shop sheet ---------- */
.s13-body{display:grid;gap:14px;padding-bottom:24px}
.s13-search{display:flex;align-items:center;gap:10px;width:100%;height:48px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:var(--muted);font:500 15px var(--body);text-align:left;cursor:pointer}
.s13-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.s13-t{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:10px 6px 12px;border-radius:18px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .15s,border-color .2s}
.s13-t:hover{border-color:#7B4DFF}
.s13-im{display:grid;place-items:center;width:64px;height:72px;margin-bottom:4px;border-radius:14px;background:radial-gradient(circle at 50% 60%,#EFE8FF,#fff 70%)}
.s13-im img{max-width:56px;max-height:68px;object-fit:contain}
.s13-t b{font:800 13px/1.15 var(--display)}
.s13-t small{font-size:10.5px;color:var(--muted);line-height:1.2}
.s13-h{margin:2px 0 0;font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.s13-more{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.s13-more a{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;background:#F6F2FF;color:var(--ink);font:700 13.5px var(--body);text-decoration:none}
.s13-more .gi-s{color:#7B4DFF}
.s13-promo{display:grid;gap:2px;padding:14px 16px;border-radius:16px;background:#1A1130;color:#fff;text-decoration:none}
.s13-promo b{font:800 15px var(--display);color:#D4FF5A}.s13-promo span{font-size:13px;color:#DCD2F2}
@media (min-width:761px){.s13 .sheet-panel{width:min(520px,100vw)}}
@media (max-width:960px){.proto-btn{display:none!important}.dr-proto{border:0;background:none;padding:0;font:inherit;color:#5B33E0;text-decoration:underline;cursor:pointer;text-align:left}}
@media (min-width:961px){.dr-proto{display:none}}

/* ==== v14.css ==== */
/* ================= fungi.delivery v14 · Express (site-wide, tap-only assistant) =================
   A small round icon: bottom-left on desktop (clear of the right-hand content), right side above the
   tab bar on phones. It shrinks and fades while the page is scrolling so it never sits on top of what
   you are reading, and comes back as soon as scrolling stops. */
.zb-fab{display:none!important}               /* the old bundle-only bot */
.ex-fab{position:fixed;left:20px;bottom:20px;z-index:80;width:52px;height:52px;padding:0;border:0;border-radius:18px;cursor:pointer;
  background:linear-gradient(135deg,#8F63FF,#5B33E0);box-shadow:0 14px 30px -12px rgba(59,25,160,.75),0 0 0 3px rgba(255,255,255,.9);
  display:grid;place-items:center;transition:transform .25s var(--ease,ease),opacity .25s,box-shadow .2s}
.ex-fab:hover{transform:translateY(-2px)}
.ex-fab:focus-visible{outline:3px solid #D4FF5A;outline-offset:3px}
.ex-ic svg{width:32px;height:32px;display:block}
.ex-dot{position:absolute;top:-3px;right:-3px;width:13px;height:13px;border-radius:50%;background:#D4FF5A;box-shadow:0 0 0 2.5px #fff}
.ex-tip{position:absolute;left:calc(100% + 10px);top:50%;transform:translate(-6px,-50%);white-space:nowrap;padding:7px 11px;border-radius:10px;
  background:#1A1130;color:#fff;font:700 12.5px var(--body,system-ui);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 10px 24px -12px rgba(26,17,48,.6)}
.ex-fab:hover .ex-tip,.ex-fab:focus-visible .ex-tip,.ex-fab.ex-new .ex-tip{opacity:1;transform:translate(0,-50%)}
.ex-fab.ex-new::after{content:"";position:absolute;inset:-3px;border-radius:21px;border:2px solid #8F63FF;animation:exp 1.8s ease-out 3;pointer-events:none}
@keyframes exp{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.45)}}
.ex-fab.ex-dim{opacity:.35;transform:scale(.8)}
.ex-fab.ex-dim .ex-tip{opacity:0}
body.ex-open .ex-fab{display:none}
.ex .zb-av{background:linear-gradient(135deg,#8F63FF,#5B33E0)}
.ex .zb-av svg{width:26px;height:26px}.ex .zb-av.sm svg{width:20px;height:20px}
.ex .zb-h .zb-x + .zb-x{margin-left:-4px}
.ex .zb-h > div{flex:1;min-width:0}
.ex .zb-c.main{background:#1A1130;border-color:#1A1130;color:#D4FF5A}
.ex .zb-c.main:hover{background:#2A1D4A}
.ex .zb-src{display:block;margin-top:8px;font-size:12px;color:var(--muted)}
.ex .zb-src a{color:#5B33E0}
.ex[hidden]{display:none!important}
@media (min-width:961px){.ex{left:20px;right:auto;bottom:20px}}
@media (max-width:960px){
 .ex-fab{left:auto;right:12px;bottom:calc(var(--tbs,0px) + 14px);width:48px;height:48px;border-radius:16px}
 .ex-ic svg{width:28px;height:28px}
 body.has-bar .ex-fab,body:has(.pd-bar) .ex-fab,body:has(.mz-mbar) .ex-fab{bottom:calc(var(--tbs,0px) + 86px)}
 .ex-tip{left:auto;right:calc(100% + 10px);transform:translate(6px,-50%)}
 .ex-fab:hover .ex-tip,.ex-fab.ex-new .ex-tip{transform:translate(0,-50%)}
 .ex{left:0;right:0;bottom:0;width:100%;height:min(86vh,680px);border-radius:22px 22px 0 0;z-index:95}
 html.hd-hide .ex-fab{opacity:.9}
}
@media (prefers-reduced-motion:reduce){.ex-fab,.ex-fab.ex-dim{transition:none;transform:none}.ex-fab.ex-new::after{animation:none}}
@media print{.ex-fab,.ex{display:none!important}}
.ex-fab.ex-new .ex-tip{animation:extip 7s ease forwards}
@keyframes extip{0%{opacity:0}6%,82%{opacity:1;transform:translate(0,-50%)}100%{opacity:0;visibility:hidden}}

/* ================= community hub · live feed (sample activity, labelled) ================= */
.lf14{margin:0 0 28px;padding:20px;border-radius:24px;background:linear-gradient(160deg,#1A1130,#2B1A57);color:#fff;box-shadow:0 24px 60px -30px rgba(26,17,48,.8);scroll-margin-top:calc(var(--hdr,68px) + 16px)}
.lf14-h{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px}
.lf14-h h2{display:flex;align-items:center;gap:10px;margin:0;font:800 22px/1.2 var(--display);color:#fff}
.lf14-h p{margin:4px 0 0;color:#CFC3EE;font-size:14.5px}
.lf14-pulse{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;background:#D4FF5A;flex:none}
.lf14-pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #D4FF5A;animation:lfp 1.8s ease-out infinite}
@keyframes lfp{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(1.6)}}
.lf14-badge{padding:5px 10px;border-radius:999px;background:rgba(212,255,90,.14);color:#D4FF5A;font:700 11px/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(212,255,90,.35)}
.lf14-stats{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0 12px;font-size:13px;color:#CFC3EE}
.lf14-stats b{color:#fff;font:800 15px var(--mono)}
.lf14-feed{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lf14-q{padding:14px 14px 10px;border-radius:18px;background:#fff;color:var(--ink);transition:opacity .4s,transform .4s}
.lf14-new{animation:lfin .55s cubic-bezier(.2,.8,.2,1)}
@keyframes lfin{0%{opacity:0;transform:translateY(-14px) scale(.98);box-shadow:0 0 0 3px #D4FF5A}60%{box-shadow:0 0 0 3px #D4FF5A}100%{opacity:1;transform:none;box-shadow:0 0 0 0 transparent}}
.lf14-out{opacity:0;transform:translateY(10px)}
.lf14-top{display:flex;align-items:center;gap:10px}
.lf14-av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;flex:none;background:var(--c);color:#fff;font:800 14px var(--display);box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.lf14-av.sm{width:28px;height:28px;font-size:12px}
.lf14-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:13px;color:var(--muted)}
.lf14-who b{color:var(--ink);font-weight:800}
.lf14-who em{font-style:normal;padding:1px 7px;border-radius:999px;background:#1A1130;color:#D4FF5A;font:700 10px/1.5 var(--mono)}
.lf14-who time{margin-left:auto;font:600 11.5px var(--mono);color:var(--muted)}
.lf14-topic{padding:1px 8px;border-radius:999px;background:#F1EBFF;color:#5B33E0;font-weight:700;font-size:12px}
.lf14-q h3{margin:8px 0 6px;font:800 16.5px/1.35 var(--body)}
.lf14-ans{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid #ECE4FF;display:grid;gap:8px}
.lf14-a,.lf14-typing{display:flex;gap:8px;align-items:flex-start;animation:lfa .35s ease}
@keyframes lfa{from{opacity:0;transform:translateY(6px)}}
.lf14-a > div{min-width:0;flex:1;padding:8px 10px;border-radius:12px;background:#F7F4FF}
.lf14-a.team > div{background:#F3FFE0}
.lf14-a p{margin:0;font-size:14.5px;line-height:1.55}
.lf14-a p.lf14-who{margin-bottom:3px;font-size:12.5px}
.lf14-src{margin-top:4px!important;font-size:12px!important;color:var(--muted)}
.lf14-src a{color:#5B33E0;font-weight:600}
.lf14-typing span{padding:7px 10px;border-radius:12px;background:#F7F4FF;font-size:13px;color:var(--muted)}
.lf14-typing i{display:inline-block;width:5px;height:5px;margin-left:3px;border-radius:50%;background:#7B4DFF;animation:lft 1s infinite}
.lf14-typing i:nth-child(3){animation-delay:.15s}.lf14-typing i:nth-child(4){animation-delay:.3s}
@keyframes lft{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.lf14-foot{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:12.5px;color:var(--muted)}
.lf14-n{font-weight:700}
.lf14-help{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px;font:700 12px var(--body);color:var(--ink);cursor:pointer}
.lf14-help[aria-pressed="true"]{background:#1A1130;color:#D4FF5A;border-color:#1A1130}
.lf14-note{margin:12px 0 0;font-size:12.5px;color:#CFC3EE;line-height:1.5}
.lf14-pause{margin-left:6px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:999px;padding:3px 10px;font:700 12px var(--body);cursor:pointer}
.hub-live-l{display:flex;align-items:center;gap:8px;font-weight:800}
.hq-src{font-size:13px!important;color:var(--muted)}
@media (max-width:600px){.lf14{padding:16px 12px;border-radius:20px;margin-inline:-4px}.lf14-ans{padding-left:8px}.lf14-who time{margin-left:0}}
@media (prefers-reduced-motion:reduce){.lf14-new,.lf14-a,.lf14-typing,.lf14-pulse::after{animation:none}}

/* v14 · sourced content blocks */
.ev14-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.ev14-c{padding:16px;border-radius:18px;background:var(--card,#fff);border:1px solid var(--line)}
.ev14-c h3{margin:0 0 6px;font:800 16px/1.3 var(--display)}
.ev14-c p{margin:0 0 6px;font-size:14.5px;line-height:1.6}
.ev14-c .src{margin:6px 0 0;font-size:12.5px;color:var(--muted)}
.ev14-c .src a{color:var(--accent,#5B33E0);font-weight:600}
.ev14-note{margin:12px 0 0;font-size:13px;color:var(--muted)}
.ex-fab:not(.ex-new) .ex-dot{display:none}

/* ==== v15.css ==== */
/* ================= fungi.delivery v15 · Express agent =================
   Launcher bottom-right (animated agent), docks into the header next to the logo on scroll / when dismissed,
   right-side slider (desktop pushes content on wide screens) / bottom sheet (phones). */
.ex-fab,.zb-fab{display:none!important}
@media (min-width:961px){.proto-btn{left:20px!important;right:auto!important}}

/* ---------- animated agent avatar ---------- */
.exa{position:relative;display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3A2670,#1A1130 70%);box-shadow:0 0 0 2px #8F63FF,inset 0 -3px 0 rgba(0,0,0,.25)}
.exa svg{width:100%;height:100%;display:block;overflow:visible}
.exa-bob{animation:exaBob 2.6s ease-in-out infinite;transform-origin:24px 30px}
.exa-eyes{animation:exaBlink 4.2s infinite;transform-origin:24px 30.4px}
.exa-sp path{stroke-dasharray:8 6;animation:exaSp 1.1s linear infinite}
.exa-on{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:#3BD16F;box-shadow:0 0 0 2px #fff}
.exa-on::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #3BD16F;animation:exaOn 2s ease-out infinite}
@keyframes exaBob{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-1.6px) rotate(-3deg)}60%{transform:translateY(.6px) rotate(2deg)}}
@keyframes exaBlink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.1)}}
@keyframes exaSp{to{stroke-dashoffset:-28}}
@keyframes exaOn{0%{opacity:.8;transform:scale(.7)}100%{opacity:0;transform:scale(1.7)}}
.exa-s{width:30px;height:30px}.exa-s .exa-on{display:none}
.exa-d{width:32px;height:32px}
.ex-dots{display:inline-flex;gap:3px;align-items:center;vertical-align:middle;margin-left:4px}
.ex-dots i{width:5px;height:5px;border-radius:50%;background:#D4FF5A;animation:exDot 1.2s infinite}
.ex-dots i:nth-child(2){animation-delay:.15s}.ex-dots i:nth-child(3){animation-delay:.3s}
@keyframes exDot{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}

/* ---------- floating launcher ---------- */
.exl{position:fixed;right:20px;bottom:20px;z-index:85;display:flex;align-items:center;animation:exlIn .5s cubic-bezier(.2,.8,.2,1)}
.exl[hidden]{display:none}
@keyframes exlIn{from{opacity:0;transform:translateY(16px) scale(.96)}}
.exl-b{display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border:0;border-radius:999px;background:#1A1130;color:#fff;cursor:pointer;text-align:left;
  box-shadow:0 20px 44px -16px rgba(26,17,48,.75),0 0 0 3px rgba(212,255,90,.35);transition:transform .2s,box-shadow .2s}
.exl-b:hover{transform:translateY(-2px);box-shadow:0 24px 50px -16px rgba(26,17,48,.85),0 0 0 3px rgba(212,255,90,.6)}
.exl-b:focus-visible{outline:3px solid #D4FF5A;outline-offset:3px}
.exl-t{display:grid;gap:1px;min-width:0}
.exl-t b{font:800 15px/1.2 var(--display,system-ui);white-space:nowrap}
.exl-t small{font-size:12.5px;color:#D9CFF5;white-space:nowrap;max-width:210px;overflow:hidden;text-overflow:ellipsis}
.exl-t small.in{animation:exHint .45s ease}
@keyframes exHint{from{opacity:0;transform:translateY(5px)}}
.exl-x{position:absolute;top:-8px;left:-8px;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:#1A1130;color:#fff;font:700 14px/1 var(--body,system-ui);cursor:pointer;display:grid;place-items:center;opacity:0;transition:opacity .2s}
.exl:hover .exl-x,.exl:focus-within .exl-x{opacity:1}

/* ---------- header dock (next to the logo) ---------- */
.exd{display:none;align-items:center;gap:8px;margin-left:6px;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid rgba(123,77,255,.28);background:#fff;color:var(--ink,#1A1130);cursor:pointer;flex:none;
  box-shadow:0 6px 18px -10px rgba(91,51,224,.6);animation:exdIn .45s cubic-bezier(.2,.8,.2,1)}
html.ex-docked .exd,html.ex-open .exd{display:inline-flex}
@keyframes exdIn{from{opacity:0;transform:translateY(-6px) scale(.9)}}
.exd:hover{border-color:#7B4DFF}
.exd:focus-visible{outline:3px solid #7B4DFF;outline-offset:2px}
.exd-t{display:grid;line-height:1.1;text-align:left}
.exd-t b{font:800 13.5px var(--display,system-ui)}
.exd-t small{font-size:11px;color:#2F9E5A;font-weight:700;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}
.exd .ex-dots i{background:#7B4DFF}
.exd[aria-expanded="true"]{background:#1A1130;color:#fff;border-color:#1A1130}.exd[aria-expanded="true"] .exd-t small{color:#D4FF5A}

.ex-bw{display:inline-flex;align-items:center;gap:4px;min-width:0}
.exp-log{flex:1;overflow:auto;padding:16px 14px;display:flex;flex-direction:column;gap:12px;background:#FAF8FF;overscroll-behavior:contain}
.exm{display:flex;gap:8px;align-items:flex-end;max-width:94%;animation:exmIn .25s ease}
@keyframes exmIn{from{opacity:0;transform:translateY(6px)}}
.exm-b{min-width:0;padding:10px 12px;border-radius:16px;background:#fff;border:1px solid #ECE6FA;font-size:14.5px;line-height:1.55;color:var(--ink,#1A1130)}
.exm-bot .exm-b{border-bottom-left-radius:5px}
.exm-me{align-self:flex-end}.exm-me .exm-b{background:#7B4DFF;border-color:#7B4DFF;color:#fff;border-bottom-right-radius:5px}
.exm-b p{margin:0 0 6px}.exm-b p:last-child{margin-bottom:0}
.exm-b ul{margin:4px 0 6px;padding-left:18px}.exm-b li{margin:2px 0}
.exm-b a{color:#5B33E0;font-weight:700}
.exm-hint{display:block;margin-top:6px;color:var(--muted,#6E6591);font-size:12.5px}
.exm-typing .exm-b{display:flex;align-items:center;gap:8px}.exm-typing .ex-dots i{background:#7B4DFF}.exm-typing small{color:var(--muted,#6E6591);font-size:12px}
.exm-sep{align-self:center;margin:4px 0;padding:4px 10px;border-radius:999px;background:#EFE8FF;color:#4A3D73;font-size:12px}
.exm-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.exm-a{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;border:1.5px solid #1A1130;background:#1A1130;color:#D4FF5A!important;font:800 12.5px var(--body,system-ui);text-decoration:none;cursor:pointer}
.exm-a + .exm-a{background:#fff;color:#1A1130!important;border-color:#D9CCFF}
/* product cards */
.exk-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,46%);gap:8px;overflow-x:auto;margin:10px -4px 0;padding:2px 4px 6px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.exk-row.sm{grid-auto-columns:minmax(128px,40%)}
.exk{scroll-snap-align:start;display:grid;grid-template-rows:auto 1fr auto auto;gap:4px;padding:8px;border-radius:14px;background:#fff;border:1px solid #E6DDFF}
.exk-im{display:grid;place-items:center;height:84px;border-radius:10px;background:radial-gradient(circle at 50% 60%,hsl(var(--h) 70% 92%),#fff 72%)}
.exk-im img{max-height:76px;width:auto;object-fit:contain}
.exk-t{display:grid;gap:1px;min-width:0}
.exk-t a{color:var(--ink,#1A1130)!important;font:800 13px/1.25 var(--body,system-ui);text-decoration:none}
.exk-t small{font-size:11px;color:var(--muted,#6E6591);line-height:1.3}
.exk-p{font:800 14px var(--mono,monospace)}
.exk-b{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.exk-b button{padding:7px 4px;border-radius:9px;font:800 11.5px var(--body,system-ui);cursor:pointer;border:1.5px solid #D9CCFF;background:#fff;color:#4A27C9}
.exk-b .exk-buy{background:#D4FF5A;border-color:#D4FF5A;color:#1A1130}
.exk-b button:disabled{background:#EAF9D0;border-color:#C6EB8C;color:#2F6B12}
/* ---------- full panel under the header (two columns, bright) ---------- */
.exp{position:fixed;z-index:95;top:calc(var(--exTop,72px) + 10px);bottom:14px;left:max(16px,calc((100vw - 1240px)/2));right:max(16px,calc((100vw - 1240px)/2));
  display:grid;grid-template-columns:300px minmax(0,1fr);background:#fff;border:1px solid #E4DCFA;border-radius:26px;overflow:hidden;
  box-shadow:0 40px 90px -30px rgba(40,20,110,.45),0 0 0 6px rgba(123,77,255,.06);animation:expIn .32s cubic-bezier(.2,.8,.2,1)}
.exp::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#7B4DFF,#B04DFF 40%,#D4FF5A);z-index:2}
.exp[hidden]{display:none}
@keyframes expIn{from{opacity:0;transform:translateY(-12px) scale(.99)}}
.exp-scrim{position:fixed;inset:var(--exTop,72px) 0 0 0;z-index:94;background:rgba(36,20,90,.18);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.exp-scrim[hidden]{display:none}
html.ex-open .hd{transform:none!important}
.exp-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2FCB6B;flex:none;box-shadow:0 0 0 3px rgba(47,203,107,.18)}
/* sidebar */
.exs{display:flex;flex-direction:column;gap:14px;padding:22px 18px 18px;background:linear-gradient(180deg,#F5F0FF,#FBF9FF 55%,#F3FBE4);border-right:1px solid #ECE5FB;overflow:auto}
.exs-id{display:flex;align-items:center;gap:14px}
.exa-xl{width:72px;height:72px;border-radius:22px}.exa-xl .exa-on{width:14px;height:14px}
.exs-id b{display:block;font:800 26px/1.1 var(--display,system-ui);color:#1A1130}
.exs-id small{display:flex;align-items:center;gap:7px;margin-top:4px;font-size:13px;color:#5E5482}
.exs-intro{margin:0;font-size:14px;line-height:1.55;color:#4A4170}
.exs-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ext{display:flex;align-items:center;gap:9px;min-height:50px;padding:9px 11px;border-radius:14px;border:1px solid #E2D9FA;background:#fff;color:#1A1130;font:700 13.5px/1.2 var(--body,system-ui);text-align:left;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.ext svg{width:18px;height:18px;flex:none;fill:none;stroke:#7B4DFF;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ext:hover{border-color:#7B4DFF;box-shadow:0 8px 18px -12px rgba(91,51,224,.55);transform:translateY(-1px)}
.exs-cart{margin-top:auto;display:grid;gap:8px;padding:14px;border-radius:18px;background:#fff;border:1px solid #E2D9FA;box-shadow:0 14px 30px -24px rgba(40,20,110,.5)}
.exs-ch{display:flex;justify-content:space-between;align-items:baseline}.exs-ch b{font:800 15px var(--display,system-ui)}.exs-ch span{font-size:12.5px;color:#6E6591}
.exs-ths{display:flex;gap:6px}
.exs-th{display:grid;place-items:center;width:42px;height:46px;border-radius:10px;background:radial-gradient(circle at 50% 60%,hsl(var(--h) 70% 90%),#fff 75%);border:1px solid #EEE8FB}
.exs-th img{max-height:40px;width:auto}
.exs-more{align-self:center;font:800 12px var(--mono,monospace);color:#6E6591}
.exs-bar{height:6px;border-radius:6px;background:#EEE8FB;overflow:hidden}.exs-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#7B4DFF,#2FCB9B)}
.exs-cart small{font-size:12px;color:#5E5482}
.exs-tot{display:flex;align-items:baseline;gap:8px}.exs-tot b{font:800 22px var(--mono,monospace);color:#1A1130}.exs-tot s{font-size:13px;color:#8E86AA}
.exs-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border:0;border-radius:14px;background:linear-gradient(90deg,#7B4DFF,#B04DFF);color:#fff;font:800 15px var(--body,system-ui);cursor:pointer;box-shadow:0 12px 24px -12px rgba(123,77,255,.8)}
.exs-go.alt{background:#1A1130;color:#D4FF5A;box-shadow:none}
.exs-edit{border:0;background:none;color:#5B33E0;font:700 13px var(--body,system-ui);text-decoration:underline;cursor:pointer;justify-self:center}
/* chat column */
.exr{display:flex;flex-direction:column;min-width:0;min-height:0;background:#FDFCFF}
.exr-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 10px 20px;border-bottom:1px solid #F0EBFC}
.exr-ctx{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:#5E5482}.exr-ctx span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exp.ex-ai .exr-ctx span::after{content:" · live AI";color:#5B33E0;font-weight:700}
.exr-tools{display:flex;align-items:center;gap:8px;flex:none}
.exr-tools svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.exr-view{display:inline-flex;padding:3px;border-radius:12px;background:#F2EEFC}
.exr-view button{width:34px;height:30px;border:0;border-radius:9px;background:none;color:#6E6591;cursor:pointer;display:grid;place-items:center}
.exr-view button[aria-pressed="true"]{background:#fff;color:#5B33E0;box-shadow:0 2px 6px -2px rgba(40,20,110,.3)}
.exr-new{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:12px;border:1px solid #E2D9FA;background:#fff;color:#1A1130;font:700 13px var(--body,system-ui);cursor:pointer}
.exr-x{width:36px;height:36px;border-radius:12px;border:1px solid #E2D9FA;background:#fff;color:#1A1130;cursor:pointer;display:grid;place-items:center}
.exr-new:hover,.exr-x:hover{border-color:#7B4DFF}
.exr-tiles{display:none}
.exp-log{flex:1;min-height:0;overflow:auto;padding:20px 22px;display:flex;flex-direction:column;gap:14px;background:#FDFCFF;overscroll-behavior:contain}
.exm{max-width:min(640px,92%)}
.exm .exa-s{width:34px;height:34px}
.exm-b{padding:12px 16px;border-radius:18px;border:1px solid #ECE6FA;background:#F7F3FF;font-size:15px;box-shadow:0 6px 16px -14px rgba(40,20,110,.5)}
.exm-me .exm-b{background:linear-gradient(90deg,#7B4DFF,#A24DFF);border:0}
.exm-acts{gap:8px;margin-top:10px}
.exm-a{gap:6px;padding:8px 14px;border-radius:12px;border:1.5px solid #D9CCFF!important;background:#fff!important;color:#2B1F55!important;font:700 13px var(--body,system-ui)}
.exm-a::after{content:"→";color:#7B4DFF}
.exm-a:hover{border-color:#7B4DFF!important}
.exk-row{grid-auto-columns:minmax(160px,200px)}
.exp.ex-list .exk-row{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;overflow:visible}
.exp.ex-list .exk{grid-template-columns:52px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:10px}
.exp.ex-list .exk-im{grid-row:span 2;height:56px}.exp.ex-list .exk-im img{max-height:50px}
.exp.ex-list .exk-p{text-align:right}.exp.ex-list .exk-b{grid-column:2 / 4;justify-self:start;grid-template-columns:auto auto}
.exp.ex-list .exk-b button{padding:6px 12px}
/* action bar */
.exr-act{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px 4px;border-top:1px solid #F0EBFC;background:#fff}
.exr-act button{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:14px;border:0;font:800 14px var(--body,system-ui);cursor:pointer;transition:transform .15s,box-shadow .15s}
.exr-act button:hover{transform:translateY(-1px)}
.exr-act svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.exr-act em{font-style:normal;padding:3px 8px;border-radius:999px;font:800 11.5px var(--body,system-ui)}
.exa1{background:linear-gradient(90deg,#7B4DFF,#B04DFF);color:#fff;box-shadow:0 12px 24px -14px rgba(123,77,255,.9)}
.exa2{background:#E9FFB0;color:#1A1130;border:1px solid #D4FF5A!important}.exa2 em{background:#1A1130;color:#D4FF5A}
.exa3{background:#D9FBEF;color:#0E5A45}.exa3 em{background:#0E5A45;color:#fff;min-width:22px;text-align:center}
/* chips + input */
.exp-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 20px 4px;background:#fff;max-height:30%;overflow:auto}
.exp-c{border:1px solid #E0D6FA;background:#F6F2FF;color:#2B1F55;border-radius:999px;padding:7px 14px;font:700 13px var(--body,system-ui);cursor:pointer;text-align:left;transition:background .15s,border-color .15s}
.exp-c:hover{background:#F4EFFF;border-color:#7B4DFF}
.exp-c.main{background:#1A1130;border-color:#1A1130;color:#D4FF5A}
.exp-in{display:flex;align-items:flex-end;gap:8px;margin:8px 20px 6px;padding:6px 6px 6px 8px;border-radius:18px;border:1.5px solid #CDBDFA;background:#fff;box-shadow:0 0 0 4px rgba(123,77,255,.08)}
.exp-in textarea{flex:1;min-height:44px;max-height:110px;resize:none;padding:11px 10px;border-radius:12px;border:0;background:transparent!important;font:500 15px/1.4 var(--body,system-ui);color:var(--ink,#1A1130);background:#FAF8FF}
.exp-in textarea:focus{outline:none;background:#fff}
.exp-in:focus-within{border-color:#7B4DFF;box-shadow:0 0 0 4px rgba(123,77,255,.16)}
.exp-send{width:46px;height:46px;border-radius:14px;border:0;background:linear-gradient(135deg,#7B4DFF,#B04DFF);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.exp-send svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.exp-stop{height:44px;padding:0 12px;border-radius:14px;border:1.5px solid #1A1130;background:#fff;font:800 13px var(--body,system-ui);cursor:pointer}
.exp-foot{margin:0;padding:2px 20px 12px;text-align:center;background:#fff;font-size:11px;color:var(--muted,#6E6591)}

@media (max-width:960px){
 .exl{right:12px;bottom:calc(var(--tbs,0px) + 12px)}
 body:has(.pd-bar) .exl,body:has(.mz-mbar.show) .exl,body.has-bar .exl{bottom:calc(var(--tbs,0px) + 86px)}
 .exl-b{padding:6px 14px 6px 6px;gap:9px}.exl-b .exa{width:38px;height:38px}
 .exl-t b{font-size:14px}.exl-t small{font-size:11.5px;max-width:150px}
 .exl-x{opacity:1;width:22px;height:22px;font-size:12px}
 .exd{padding:3px 10px 3px 3px;margin-left:4px;gap:6px;background:#1A1130;border-color:#1A1130;color:#fff}.exd-t small{display:none}.exd-t b{font-size:13px}.exd .ex-dots i{background:#D4FF5A}.exd .exa{width:30px;height:30px}
 @media (max-width:360px){.exd .ex-dots{display:none}}
}
@media (max-width:900px){
 .exp{grid-template-columns:1fr;left:0;right:0;top:var(--exTop,60px);bottom:var(--tbs,0px);border-radius:20px 20px 0 0;border-bottom:0}
 .exp-scrim{bottom:var(--tbs,0px)}
 .exs{display:none}
 .exr-bar{padding:12px 12px 8px 14px}
 .exr-tiles{display:flex;gap:8px;overflow-x:auto;padding:8px 12px;scrollbar-width:none;border-bottom:1px solid #F0EBFC;background:#FAF7FF}
 .exr-tiles::-webkit-scrollbar{display:none}
 .exr-tiles .ext{flex:none;min-height:40px;padding:7px 12px;font-size:13px}
 .exp-log{padding:14px 12px}
 .exr-act{padding:10px 12px 2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .exr-act button{flex:none;height:40px;padding:0 12px;font-size:13px}
 .exp-chips{padding:6px 12px 2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.exp-c{flex:none}
 .exp-in{margin:6px 12px 4px}
 .exr-view{display:none}
 .exr-new{padding:0 10px}
}
@media (max-width:760px){
 .exp-foot{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.exa-bob,.exa-eyes,.exa-sp path,.exa-on::after,.ex-dots i,.exl,.exd,.exp,.exm{animation:none!important}}
@media print{.exl,.exd,.exp{display:none!important}}

/* v15 · news thumbnails inside local-news cards */
.ln-card .ln-img{margin:-20px -20px 4px;height:150px;border-radius:0}

/* ==== v16.css ==== */
/* ================= fungi.delivery v16 · final polish =================
   1. Express: reply options sit inside the conversation under the answer; checkout / bundle / cart stay docked by the input.
   2. No coloured glows or offset colour blocks on buttons and cards: one neutral shadow everywhere.
   3. Bundle builder: compact product cards, scrollable catalogue on desktop, nothing overlapping the basket.
   4. Grouped listings: small collections pair up side by side; no empty sections. */

/* ---------- 1 · Express layout ---------- */
.exp-log .exp-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 0 42px;margin:-4px 0 0;background:transparent;border:0;max-height:none;overflow:visible}
.exp-log .exp-chips:empty{display:none}
.exp-log .exp-c{background:#fff;border:1.5px solid #D9CCFF;color:#2B1F55;border-radius:12px;padding:8px 14px;font:700 13.5px var(--body,system-ui)}
.exp-log .exp-c:hover{border-color:#7B4DFF;background:#F7F3FF}
.exp-log .exp-c.main{background:#1A1130;border-color:#1A1130;color:#D4FF5A}
.exp-log{padding-bottom:28px}
.exr-act{margin-top:0;padding:16px 20px 6px;border-top:1px solid #ECE6FA;background:#FBFAFF}
.exp-in{margin-top:10px}
.exr-act,.exp-in,.exp-foot{position:relative}
.exr-act::before{content:"Checkout & cart";position:absolute;top:-9px;left:20px;padding:0 8px;background:#FDFCFF;color:#8E86AA;font:700 10.5px/18px var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase}
@media (max-width:900px){.exp-log .exp-chips{padding-left:0}.exr-act{padding:14px 12px 4px}.exr-act::before{left:12px}}

/* ---------- 2 · one neutral shadow, no colour glows ---------- */
:root{--glow-pop:0 6px 16px -10px rgba(20,16,40,.35)}
.mz-btn-pop,.mz-btn-pop:hover,.mz-cta,.mz-cta:hover:not(:disabled),.b13-go,.b13-go:hover:not(:disabled),.mx-all,.mx-all:hover,.m8-all,.hd-cart,.hd-cart:hover,
.mx-a.is-here,.dr-x .mx-a.is-here,.chips a[aria-current="page"],.chips a.is-here,.hx-tabs button[aria-selected="true"],.bundle-bar,.rank .rk-n,.hs-badge,
.tb-express,.tb-dot.tb-express,.tier-express,.tier-express .tier-top svg,.f8-tiers li.f8t-express svg,.mx-hi,.vgrid button[aria-checked="true"],
.hd7 .hd-item[data-active] > .hd-link,.hd7 .hd-item[data-here] > .hd-link,.m8-feat:hover,.hub-cards a:hover,.mx-h:hover,.nf8-sug a:hover,.nf8-pop a:hover,
.hs-dots button[aria-current="true"]::before,.sci8-hub:hover,main:has(.c8) .stores .store,main:has(.c8) .zone,
.exa1,.exs-go,.exl-b,.exl-b:hover,.exd,.exm-b,.ext:hover,.exr-act button,.exk,.exs-cart,.exp-send{box-shadow:var(--glow-pop)!important}
.hd7 .hd-item[data-active] > .hd-link,.hd7 .hd-item[data-here] > .hd-link{animation:none!important}
.exm-b,.exk,.exr-act button,.exp-send,.exd{box-shadow:none!important}
.exp{box-shadow:0 30px 70px -30px rgba(20,16,40,.45)!important}
/* answer boxes: no offset colour block in the corner */
.ans,.ph-ink .ans,.s-psy .ans,.s-dark .ans,.mz-hero .ans,.cty .ans{box-shadow:0 10px 30px -22px rgba(20,16,40,.45)!important}
.ans{border-width:1px}

/* ---------- 3 · bundle builder ---------- */
.bb13-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:12px!important}
.bb13-grid .mz-pc{padding:8px;gap:6px}
/* .bb13-grid .mz-pv{aspect-ratio:auto!important;height:128px;border-radius:12px} */
.bb13-grid .mz-pv {aspect-ratio: 1 !important;height: auto;	border-radius: 12px;}
.bb13-grid .mz-pv img{object-fit:cover!important;padding:0px}
.bb13-grid .mz-pc h3{font-size:14.5px;line-height:1.25}
.bb13-grid .mz-pc-m{font-size:12.5px}
@media (min-width:961px){
 .bb13-grid{max-height:calc(100vh - 230px);min-height:560px;overflow:auto;padding-right:6px;scrollbar-width:thin;border-radius:16px}
 .bb13{align-items:start}
}
@media (max-width:960px){.bb13-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}/* .bb13-grid .mz-pv{height:112px} */}
@media (min-width:600px) and (max-width:960px){.bb13-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.mz-builder{padding-top:56px}
/* toasts never cover the basket or the header */
@media (min-width:961px){.mz-toast{top:auto!important;bottom:24px;transform:translate(-50%,20px)}.mz-toast.show,.mz-toast.on,.mz-toast[data-on]{transform:translate(-50%,0)}}
/* how-it-works steps: four even columns */
#how .mz-how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 22px;padding:0}
#how .mz-how li{display:block;padding:18px 0 0;border:0;border-top:2px solid var(--ink);border-radius:0;background:none}
#how .mz-how li h3{margin:6px 0 8px}
#how .mz-how li p{margin:0}
@media (max-width:900px){#how .mz-how{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){#how .mz-how{grid-template-columns:1fr}}
.mz-deliv{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.mz-faq{align-items:start}

.bs-note{margin:0 0 22px;padding:14px 16px;border-radius:14px;background:#F6F2FF;border:1px solid #E4DCFA;color:#4A4170;font-size:14px}
@media (max-width:900px){.exr-act::before{display:none}}
@media (max-width:960px){.bb13-grid{max-height:76vh;overflow:auto;padding:12px 2px 2px;border-radius:14px}}

/* ---------- v16.1 · Express: equal-weight options with icons, product slider ---------- */
.exi{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.exp-log .exp-c,.exp-log .exp-c.main{display:inline-flex;align-items:center;gap:8px;background:#fff!important;border:1.5px solid #DDD3F8!important;color:#2B1F55!important;border-radius:12px}
.exp-log .exp-c .exi{color:#7B4DFF}
.exp-log .exp-c:hover{border-color:#7B4DFF!important;background:#F7F3FF!important}
.exm-a,.exm-a + .exm-a{display:inline-flex;align-items:center;gap:7px}
.exm-a::after{content:none!important}
.exm-a .exi{color:#7B4DFF;width:15px;height:15px}
.exm-b:has(.exk-sl){width:min(560px,100%)}
.exk-sl{margin-top:10px}
.exk-vp{overflow:hidden;border-radius:14px}
.exk-track{display:flex;gap:10px;transition:transform .35s cubic-bezier(.2,.8,.2,1);will-change:transform}
.exk-sl .exk{flex:0 0 calc(50% - 5px);min-width:0}
.exk-sl.sm .exk{flex:0 0 calc(33.333% - 7px)}
.exk-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.exk-arr{width:36px;height:36px;border-radius:12px;border:1.5px solid #DDD3F8;background:#fff;color:#2B1F55;display:grid;place-items:center;cursor:pointer}
.exk-arr:hover:not(:disabled){border-color:#7B4DFF;color:#5B33E0}
.exk-arr:disabled{opacity:.35;cursor:default}
.exk-dots{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}
.exk-dots i{width:7px;height:7px;border-radius:50%;background:#DDD3F8;transition:background .2s,width .2s}
.exk-dots i.on{background:#7B4DFF;width:16px;border-radius:4px}
.exk-b button{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.exk-b .exi{width:13px;height:13px}
.exp.ex-list .exk-track{flex-direction:column;transform:none!important}
.exp.ex-list .exk-sl .exk{flex:none}
.exp.ex-list .exk-nav{display:none}
@media (max-width:900px){.exk-sl .exk{flex:0 0 100%}.exk-sl.sm .exk{flex:0 0 calc(50% - 5px)}.exm-b:has(.exk-sl){width:100%}}
@media (max-width:900px){
 .exr-act{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;overflow:visible!important}
 .exr-act .exa1{grid-column:1 / -1}
 .exr-act button{justify-content:center;height:42px!important}
 .exr-act .exa2 em{display:none}
}
.exs-go.alt{background:linear-gradient(90deg,#7B4DFF,#B04DFF)!important;color:#fff!important}

/* ---------- v16.2 · Express lives bottom-right only; mobile keyboard ---------- */
.exd{display:none!important}
.exl{right:20px;bottom:20px;left:auto}
.exl-b{transition:padding .25s,gap .25s,transform .2s}
.exl-t{transition:opacity .2s;overflow:hidden}
.exl.mini .exl-t{display:none}
.exl.mini .exl-b{padding:6px;gap:0}
.exl.mini:hover .exl-t,.exl.mini:focus-within .exl-t{display:grid}
.exl.mini:hover .exl-b{padding:8px 18px 8px 8px;gap:12px}
.exl-x{opacity:1!important;top:-9px;left:-9px;width:24px;height:24px;background:#fff;color:#1A1130;border:1.5px solid #DDD3F8;font-size:15px;line-height:1}
.exl-x:hover{border-color:#1A1130}
.dr-ex{display:flex;align-items:center;gap:8px;width:100%;padding:10px 0;border:0;background:none;color:#5B33E0;font:800 15px var(--body,system-ui);text-align:left;cursor:pointer}
.dr-ex::before{content:"";width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3A2670,#1A1130 70%);box-shadow:0 0 0 2px #8F63FF;flex:none}
@media (max-width:960px){
 .exl{right:12px;bottom:calc(var(--tbs,0px) + 12px)}
 .exp{bottom:var(--tbs,0px)}
 html.ex-kb .exp{bottom:var(--exKb,0px)!important;border-radius:20px 20px 0 0}
 html.ex-kb .exr-tiles,html.ex-kb .exr-act,html.ex-kb .exp-foot{display:none!important}
 html.ex-kb .tb13{transform:translateY(110%)}
}
/* inputs at 16px on phones so iOS never zooms or jumps when typing */
@media (max-width:760px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}

/* ---------- v16.3 · launcher keeps one size; sleeping agent in the header when hidden ---------- */
.exl-b{width:236px;height:60px;box-sizing:border-box}
.exl-t{flex:1;min-width:0}
.exl-t b{white-space:nowrap}
.exl-t small{display:block;max-width:100%!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exl.mini .exl-b{width:60px}
.exl.mini:hover .exl-b{width:236px}
.exl.back{animation:exBack .8s cubic-bezier(.2,1.4,.4,1)}
@keyframes exBack{0%{transform:translateY(30px) scale(.6);opacity:0}100%{transform:none;opacity:1}}
@media (max-width:960px){.exl-b{width:auto;height:52px;padding:6px 16px 6px 6px!important}.exl-t small{display:none!important}.exl.mini .exl-b{width:52px;padding:6px!important}}
/* header wake button (only while Express is hidden) */
.exw{display:none;position:relative;width:42px;height:42px;padding:0;border:0;background:none;cursor:pointer;flex:none;align-items:center;justify-content:center}
html.ex-hidden .exw{display:inline-flex;animation:exwIn .5s ease}
@keyframes exwIn{from{opacity:0;transform:scale(.6)}}
.exw .exa{width:34px;height:34px;filter:saturate(.75)}
.exw .exa-eyes{transform:scaleY(.15);animation:none!important}
.exw .exa-bob{animation:exwBreath 3.2s ease-in-out infinite!important}
.exw .exa-on{background:#B8B0CF}
.exw .exa-on::after{display:none}
@keyframes exwBreath{0%,100%{transform:translateY(0)}50%{transform:translateY(1.2px) scale(.98)}}
.exw-z{position:absolute;top:-2px;right:-4px;width:16px;height:20px;pointer-events:none}
.exw-z i{position:absolute;left:0;bottom:0;font:800 10px/1 var(--display,system-ui);font-style:normal;color:#7B4DFF;opacity:0;animation:exwZ 2.4s ease-in infinite}
.exw-z i:nth-child(2){animation-delay:.8s;font-size:8px}.exw-z i:nth-child(3){animation-delay:1.6s;font-size:7px}
@keyframes exwZ{0%{opacity:0;transform:translate(0,0)}20%{opacity:1}100%{opacity:0;transform:translate(10px,-16px)}}
.exw:hover .exa{filter:none;transform:scale(1.06)}
.exw:focus-visible{outline:3px solid #7B4DFF;outline-offset:2px;border-radius:50%}
.exw.waking .exa-eyes{transform:scaleY(1);transition:transform .25s}
.exw.waking .exa{animation:exwWake .5s ease;filter:none}
.exw.waking .exw-z{display:none}
@keyframes exwWake{30%{transform:scale(1.2) rotate(-8deg)}60%{transform:scale(1.1) rotate(6deg)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.exw-z i,.exw .exa-bob{animation:none!important}}
.cmp16{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 16px;border-radius:16px;background:#F6F2FF;border:1px solid #E4DCFA}
.cmp16 b{font:800 14px var(--display,system-ui);margin-right:4px}
.cmp16 a{padding:7px 12px;border-radius:12px;background:#fff;border:1px solid #DDD3F8;color:#2B1F55;font:700 13.5px var(--body,system-ui);text-decoration:none}
.cmp16 a:hover{border-color:#7B4DFF}

/* ==== v17.css ==== */
/* ================= Fungi Delivery v17 · mobile app build =================
   Phones and small tablets (≤960px) get an app shell: tab bar Home · Shop · Express · Bundles · Cart,
   Express opens full screen with a big Back button, and every screen is calmer (fewer blocks, more air).
   Phones (≤760px) also get an app-style home screen (.ah17), a products-first listing and compact cards.
   Desktop keeps its layout; Express gets more breathing room. */

.ah17,.exr-back,.exr-title,.hx17,.hx17-cta{display:none}

/* ---------- Express: more air on every screen size ---------- */
.exp-log{gap:18px!important}
.exm-b{line-height:1.62!important}
.exm-b p{margin:0}
.exm-b p+p,.exm-b p+ul,.exm-b ul+p{margin-top:10px}
.exm-b ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px}
.exp-log .exp-chips{gap:10px!important;margin-top:2px!important}
.exp-log .exp-c{min-height:42px;padding:9px 16px!important}
/* the checkout bar appears only once there is something to check out (suggestions live in the conversation) */
.exr-act:not(:has([data-ex-act="go-checkout"])){display:none!important}
@media (min-width:961px){
 .exp-log{padding:28px 34px 32px!important}
 .exm-b{padding:14px 18px!important;font-size:15.5px!important}
 .exs{gap:18px!important;padding:26px 22px 22px!important}
 .exs-intro{line-height:1.6}
 .exs-tiles{gap:10px!important}
 .ext{min-height:54px!important}
 .exr-bar{padding:16px 20px 14px 24px!important}
}

@keyframes ex17In{from{opacity:0;transform:translateY(8px);filter:blur(4px)}}

/* map legend key: the generic .ex class stretched it to 680px tall on city pages */
.m12-k.ex{width:10px!important;height:10px!important;min-height:0!important;padding:0!important;border-radius:50%!important;flex:none!important}

@media (max-width:960px){
 /* the floating launcher and the header wake icon are replaced by the Express tab */
 .exl,.exw{display:none!important}
 .co-strip{display:none!important}

 /* ---------- tab bar: Home · Shop · [Express] · Bundles · Cart (nothing sticks out over the page) ---------- */
 .tb17{grid-template-columns:repeat(5,1fr);--tb:60px}
 .tb17 .tb13-i{border:0;background:none;padding:0;cursor:pointer;font:700 10.5px/1 var(--body);gap:3px;-webkit-tap-highlight-color:transparent}
 .tb17 .tb13-i span{white-space:nowrap}
 .tb17 .tb13-i svg{width:22px;height:22px}
 .tb17-ex{color:#1A1130!important}
 .tb17-av{position:relative;display:grid;place-items:center;width:40px;height:40px;margin:0;border-radius:14px;
   background:linear-gradient(#1A1130,#1A1130) padding-box,linear-gradient(135deg,#9C7BFF,#D4FF5A) border-box;border:1.5px solid transparent;transition:transform .18s var(--ease)}
 .tb17-av::after{content:"";position:absolute;inset:-5px;border-radius:18px;border:1.5px solid rgba(156,123,255,.55);opacity:0;animation:tb17p 3.2s ease-out infinite;pointer-events:none}
 @keyframes tb17p{0%{opacity:.7;transform:scale(.86)}70%,100%{opacity:0;transform:scale(1.12)}}
 .tb17-av svg{width:30px!important;height:30px!important}
 .tb17-av .exa{width:36px;height:36px;box-shadow:none!important;background:none!important}
 .tb17-av .exa-on{display:none}
 .tb17-av .exa-bob,.tb17-av .exa-sp path,.ah17-av .exa-bob,.ah17-av .exa-sp path,.exm .exa *,.exm .exa{animation:none!important}
 .tb17-ex:active .tb17-av{transform:scale(.92)}
 html.ex-open .tb17-ex .tb17-av{background:linear-gradient(#7B4DFF,#7B4DFF) padding-box,linear-gradient(135deg,#9C7BFF,#D4FF5A) border-box}
 .tb17-t{display:none;font:800 10.5px/1 var(--mono)!important;color:#5B33E0;letter-spacing:-.01em}
 .tb17-cart.has .tb17-l{display:none}
 .tb17-cart.has .tb17-t{display:block}

 /* ---------- Express: full screen, compact chrome, the conversation gets the room ---------- */
 .exp{position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important;max-height:none!important;
   border:0!important;border-radius:0!important;z-index:200!important;box-shadow:none!important;display:flex!important;flex-direction:column;background:#FBFAFF!important;animation:ex17Open .32s cubic-bezier(.2,.8,.2,1)}
 @keyframes ex17Open{from{opacity:0;transform:translateY(14px)}}
 .exp[hidden]{display:none!important}
 .exp::before{display:none}
 .exp-scrim{display:none!important}
 html.ex-kb .exp{bottom:var(--exKb,0px)!important;border-radius:0!important}
 .exp .exr{flex:1;min-height:0;background:transparent!important}
 .exr-bar{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:8px!important;min-height:54px;
   padding:calc(env(safe-area-inset-top,0px) + 6px) 10px 6px!important;background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #EEE8FB!important}
 .exr-back{display:inline-flex;align-items:center;gap:4px;height:42px;padding:0 14px 0 8px;border:0;border-radius:14px;background:#F1ECFF;color:#1A1130;font:800 15px var(--body);cursor:pointer}
 .exr-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
 .exr-back:active,.exr-x:active,.exr-new:active{transform:scale(.94)}
 .exr-title{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;margin:0;font:800 16px var(--body);color:#1A1130}
 .exr-title small{font:700 11px var(--body);color:#2F9E5A}
 .exr-ctx,.exr-view{display:none!important}
 .exr-tools{gap:6px!important}
 .exr-new{width:42px;height:42px!important;padding:0!important;justify-content:center;font-size:0!important;border-radius:14px!important}
 .exr-new svg{width:18px!important;height:18px!important}
 .exr-x{width:42px!important;height:42px!important;border-radius:50%!important;background:#1A1130!important;color:#fff!important;border:0!important}
 .exr-x svg{width:20px!important;height:20px!important;stroke-width:2.6!important}
 .exr-tiles{gap:8px!important;padding:8px 12px!important;background:transparent!important;border:0!important}
 .exr-tiles .ext{min-height:36px!important;padding:6px 12px!important;font-size:13px!important;border-radius:12px}
 .exp:not(.ex-fresh) .exr-tiles{display:none!important}
 .exp-log{padding:12px 12px 18px!important;gap:12px!important;background:transparent!important;scroll-behavior:smooth}
 .exm{max-width:92%!important;gap:6px!important}
 .exm-b{font-size:14.5px!important;line-height:1.5!important;padding:9px 12px!important;border-radius:16px!important}
 .exm-b p+p,.exm-b p+ul,.exm-b ul+p{margin-top:6px}
 .exm .exa-s{width:26px!important;height:26px!important}
 .exp-log .exp-chips{padding-left:0!important;gap:7px!important}
 .exp-log .exp-c{min-height:38px;padding:7px 13px!important;font-size:14px!important;border-radius:12px!important}
 /* long bot messages: two lines, then "More" */
 .exm-b.c17>p:first-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .exm-b.c17>p~p,.exm-b.c17>ul{display:none}
 .exm-more{display:inline-flex;margin-top:4px;padding:2px 0;border:0;background:none;color:#5B33E0;font:700 13px var(--body);cursor:pointer}
 .exm-b:not(.c17)>.exm-more{display:none}
 /* product slider: small cards, the next one peeks in so it reads as swipeable */
 .exm-b:has(.exk-sl){width:100%;padding:9px 0 9px 12px!important;overflow:hidden}
 .exm-b:has(.exk-sl)>p{padding-right:12px}
 .exk-vp{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
 .exk-sl .exk,.exk-sl.sm .exk{flex:0 0 44%!important;max-width:170px}
 .exk-sl .exk{display:flex!important;flex-direction:column;gap:5px!important;padding:8px!important;border-radius:14px!important}
 .exk-sl .exk-im{height:78px!important;width:100%!important;border-radius:10px!important}
 .exk-sl .exk-im img{max-height:66px!important;width:auto!important}
 .exk-sl .exk-t a{font-size:13px!important;line-height:1.25!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .exk-sl .exk-t small{display:none!important}
 .exk-sl .exk-p{font-size:13.5px!important;text-align:left!important}
 .exk-sl .exk-b{display:grid!important;grid-template-columns:1fr 1fr;gap:5px!important;margin-top:auto}
 .exk-sl .exk-b button{height:32px!important;min-height:0!important;padding:0 4px!important;font-size:12px!important;border-radius:10px!important;justify-content:center;gap:3px!important}
 .exk-sl .exk-b .exi{width:13px!important;height:13px!important}
 .exk-nav{margin-top:6px!important;padding-right:12px}
 .exk-now{display:none}
 .exk-arr{width:30px!important;height:30px!important}
 /* checkout bar only when there is something to check out, and only the one button */
 .exr-act{display:block!important;padding:8px 12px 0!important;border-top:1px solid #EEE8FB!important;background:#fff!important}
 .exr-act:not(:has([data-ex-act="go-checkout"])){display:none!important}
 .exr-act .exa2,.exr-act .exa3{display:none!important}
 .exr-act .exa1{width:100%;justify-content:center;height:44px!important;border-radius:14px!important;font-size:14.5px!important}
 .exp-in{margin:8px 12px 4px!important;border-radius:18px!important;padding:4px 4px 4px 6px!important;background:#fff!important}
 .exp-in textarea{font-size:16px!important;min-height:40px!important;padding:9px 8px!important}
 .exp-send{width:40px!important;height:40px!important;border-radius:13px!important}
 .exp-foot{padding:0 12px calc(6px + env(safe-area-inset-bottom,0px))!important;font-size:10.5px!important;background:transparent!important}
 html.ex-kb .exp-foot{display:none!important}

 /* ---------- motion: content arrives cleanly (fade + lift), nothing jitters ---------- */
 .exm{animation:ex17In .34s cubic-bezier(.2,.8,.2,1) both!important}
 @keyframes ex17In{from{opacity:0;transform:translateY(8px);filter:blur(4px)}}
 .exp-log .exp-c{animation:ex17In .34s cubic-bezier(.2,.8,.2,1) both}
 .exp-log .exp-c:nth-child(2){animation-delay:.05s}.exp-log .exp-c:nth-child(3){animation-delay:.1s}.exp-log .exp-c:nth-child(4){animation-delay:.15s}.exp-log .exp-c:nth-child(5){animation-delay:.2s}
 .exk-sl .exk{animation:ex17In .4s cubic-bezier(.2,.8,.2,1) both}
 .exk-sl .exk:nth-child(2){animation-delay:.06s}.exk-sl .exk:nth-child(3){animation-delay:.12s}.exk-sl .exk:nth-child(4){animation-delay:.18s}
 /* futuristic, glassy buttons: gradient hairline, soft press, no hover shifts on touch */
 .exp-log .exp-c,.exr-tiles .ext,.exm-a{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#C9B8FF,#E7FFB0) border-box!important;border:1.5px solid transparent!important;
   transition:transform .15s ease,background .2s!important;transform:none}
 .exp-log .exp-c:active,.exr-tiles .ext:active,.exm-a:active{transform:scale(.97)!important;background:linear-gradient(#F4EFFF,#F4EFFF) padding-box,linear-gradient(135deg,#9C7BFF,#D4FF5A) border-box!important}
 .exm-me .exm-b{background:linear-gradient(135deg,#7B4DFF,#A24DFF)!important}
 .exm-bot .exm-b{background:rgba(255,255,255,.92)!important;border:1px solid #ECE6FA!important}
}
@media (max-width:960px) and (prefers-reduced-motion:reduce){.exp,.exm,.exp-log .exp-c,.exk-sl .exk,.tb17-av::after{animation:none!important}}
.pb17{display: none;}
/* ================= phones ================= */
@media (max-width:760px){
 body{-webkit-text-size-adjust:100%}
 :root{--btn-h:48px;--btn-h-sm:42px;--hdr:52px}
 .hd .hd-in{min-height:52px!important;height:52px!important}
 .hd .brand-logo{width:36px!important;height:36px!important}
 .qc13{padding-top:8px!important;padding-bottom:8px!important}
 .qc13 a{min-height:32px!important;padding:6px 13px!important;font-size:13px!important}
 /* one consistent button size on phones: 48px main actions, 42px secondary */
 main .mz-btn,main button.mz-cta,main a.mz-cta{min-height:48px!important;font-size:15px!important;padding-inline:18px!important;border-radius:14px!important}
 main .mz-btn-sm,main .chips a{min-height:42px!important}
 /* home screen arrives in a soft stagger */
 .ah17>*{animation:ex17In .45s cubic-bezier(.2,.8,.2,1) both}
 .ah17>*:nth-child(2){animation-delay:.05s}.ah17>*:nth-child(3){animation-delay:.1s}.ah17>*:nth-child(4){animation-delay:.15s}.ah17>*:nth-child(5){animation-delay:.2s}.ah17>*:nth-child(n+6){animation-delay:.25s}
 .t-home .hx{animation:ex17In .45s cubic-bezier(.2,.8,.2,1) both}
 /* calmer header: menu · logo · search · account */
 .ub{display:none!important}
 .hd .area-btn,.hd .hd-cash,.hd .hd-wide,.hd .mc{display:none!important}
 .hd .hd-mid{display:inline-grid!important}
 .hd .hd-burger-l{display:none}
 /* fewer, quieter blocks */
 .bundle-strip,.tstrip8{display:none!important}
 .mz-sec{padding-top:36px!important;padding-bottom:36px!important}
 .mz-sec-head{margin-bottom:18px!important;gap:12px!important}
 .mz-sec-head h2,.sec-h8 h2{font-size:24px!important;line-height:1.18!important}
 .mz-sec-head p:not(.mz-eyebrow){font-size:15px}
 .mz-eyebrow{font-size:11px!important;letter-spacing:.12em!important}

 /* ---------- swipe rows instead of tall stacks ---------- */
 .m17-row,.t-home .scale6,.t-home .avail,.t-home .quotes,.t-home .news-grid,.f9-sgrid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;
   margin-left:calc(-1 * var(--gutter))!important;margin-right:calc(-1 * var(--gutter))!important;padding:4px var(--gutter) 10px!important;scroll-padding:0 var(--gutter);scrollbar-width:none;grid-template-columns:none!important}
 .m17-row::-webkit-scrollbar,.t-home .scale6::-webkit-scrollbar,.t-home .avail::-webkit-scrollbar,.t-home .quotes::-webkit-scrollbar,.t-home .news-grid::-webkit-scrollbar,.f9-sgrid::-webkit-scrollbar{display:none}
 .m17-row>*,.t-home .scale6>*,.t-home .avail>*,.t-home .quotes>*,.t-home .news-grid>*,.f9-sgrid>*{flex:0 0 82%!important;max-width:82%;scroll-snap-align:start;margin:0!important}
 .f9-sgrid>*{flex-basis:64%!important;max-width:64%}
 .m17-row>*,.t-home .scale6>*,.t-home .avail>*,.t-home .quotes>*,.t-home .news-grid>*{opacity:1!important;transform:none!important;animation:none!important}
 .t-home .scale6{align-items:flex-start}
 .t-home .quotes figure{padding:22px!important}
 .t-home .quotes blockquote,.t-home .quotes figure p{font-size:17px!important;line-height:1.45!important}

 /* ---------- home: an app screen ---------- */
 .t-home .qc13{display:none!important}
 .t-home .hx{position:relative;min-height:0!important;margin:10px var(--gutter) 0;padding:0!important;border-radius:24px;overflow:hidden;background:#140C24!important;color:#fff!important;isolation:isolate}
 .t-home .hx .glow,.t-home .hx-pick,.t-home .hx8-cta,.t-home .hx .mz-eyebrow,.t-home .hx-r{display:none!important}
 .hx17{display:block;position:absolute;inset:0;z-index:-1}
 .hx17 svg{width:100%;height:100%;display:block}
 .hx17::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,10,34,.78) 0%,rgba(18,10,34,.35) 46%,rgba(18,10,34,0) 64%,rgba(18,10,34,.55) 100%)}
 .hx17 .s17{fill:#fff;animation:s17 3.6s ease-in-out infinite}
 @keyframes s17{0%,100%{opacity:.25}50%{opacity:.95}}
 .hx17 .w17{fill:#FFE9A8;opacity:.75;animation:w17 7s steps(1) infinite}
 @keyframes w17{0%,100%{opacity:.8}40%{opacity:.25}70%{opacity:.6}}
 .hx17 .cn17-b{fill:#FF5A5A;animation:cn17b 1.6s ease-in-out infinite}
 @keyframes cn17b{0%,100%{opacity:.35}50%{opacity:1}}
 .hx17 .cn17-ring{fill:#D4FF5A;animation:cn17r 4s ease-in-out infinite}
 @keyframes cn17r{0%,100%{opacity:.55}50%{opacity:1}}
 .hx17 .r17{fill:#B9A3FF;opacity:.35;animation:r17 4.5s ease-in-out infinite}
 @keyframes r17{0%,100%{opacity:.15}50%{opacity:.5}}
 .hx17 .v17{animation:v17 9s linear infinite}
 @keyframes v17{from{transform:translateX(-20px)}to{transform:translateX(420px)}}
 .t-home .hx-in{position:relative;display:flex!important;flex-direction:column;min-height:286px!important;padding:20px 18px 16px!important}
 .t-home .hx-l{display:flex;flex-direction:column;flex:1;padding:0!important}
 .t-home .hx h1{font-size:24px!important;line-height:1.14!important;margin:0 0 6px!important;color:#fff!important;letter-spacing:-.01em;max-width:15ch}
 .t-home .hx h1 *{color:#D4FF5A!important;-webkit-text-fill-color:#D4FF5A!important;background:none!important}
 .t-home .hx-lede{font-size:14px!important;line-height:1.45!important;color:#DCD2F6!important;margin:0!important;max-width:26ch}
 .hx17-cta{display:flex;gap:8px;margin-top:auto;padding-top:16px}
 .hx17-cta a,.hx17-cta button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 18px;border-radius:14px;font:800 14.5px var(--body);text-decoration:none;cursor:pointer;transition:transform .15s}
 .hx17-cta a:active,.hx17-cta button:active{transform:scale(.96)}
 .hx17-shop{flex:1;background:#D4FF5A;color:#1A1130!important;border:0}
 .hx17-shop svg{width:18px;height:18px}
 .hx17-ask{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
 .hx17-dot{width:8px;height:8px;border-radius:50%;background:#2FCB6B;box-shadow:0 0 0 3px rgba(47,203,107,.25)}
 .t-home main>.mz-wrap:has(>.tiers8),.t-home .hm6,.t-home #purpose,.t-home main>section.mz-sec:has(.rail),.t-home main>section.mz-sec:has(.art-band),
 .t-home main>section.s-forest,.t-home main>section.mz-sec:has(.pp6),.t-home main>section.s-dark,.t-home main>section.sci8,.t-home #pick,.t-home .two>aside.side{display:none!important}
 .t-home .two{grid-template-columns:1fr!important}

 .ah17{display:block;padding:14px var(--gutter) 6px}
 .ah17 svg{width:20px;height:20px;flex:none}
 .ah17-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
 .ah17-loc{flex:1;display:flex;align-items:center;gap:8px;min-width:0;height:48px;padding:0 12px 0 10px;border:0;border-radius:14px;background:#F1ECFF;color:#1A1130;text-align:left;cursor:pointer}
 .ah17-loc>svg:first-child{color:#7B4DFF}
 .ah17-loc span{display:grid;min-width:0}
 .ah17-loc small{font:600 11px/1.2 var(--body);color:var(--muted)}
 .ah17-loc b{font:800 15px/1.2 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .ah17-loc .ah17-dn{width:16px;height:16px;color:var(--muted)}
 .ah17-eta{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;background:#EFFBD6;color:#3F5800;font:700 12.5px/1 var(--body);white-space:nowrap}
 .ah17-eta svg{width:16px;height:16px}
 .ah17-eta{flex:0 1 auto;min-width:0;overflow:hidden;padding:7px 9px!important;font-size:12px!important;gap:5px!important}.ah17-eta span{overflow:hidden;text-overflow:ellipsis}
 .ah17-loc{flex:1 1 auto!important;gap:6px!important;padding:0 8px!important}
 .ah17-loc .ah17-dn{display:none}
 .ah17-search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .ah17-search{display:flex;align-items:center;gap:10px;width:100%;height:52px;padding:0 16px;border:1.5px solid #DDD3F8;border-radius:16px;background:#fff;color:var(--muted);font:500 16px var(--body);text-align:left;cursor:pointer}
 .ah17-search svg{color:#7B4DFF}
 .ah17-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px;margin:20px 0 6px}
 .ah17-cat{display:grid;justify-items:center;gap:7px;text-decoration:none;color:#1A1130;font:700 12.5px/1.2 var(--body);text-align:center}
 .ah17-ci{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#F4F0FF;overflow:hidden}
 .ah17-ci img{max-width:44px;max-height:54px;object-fit:contain}
 .ah17-ci svg{width:26px;height:26px;color:#7B4DFF}
 .ah17-cat:active .ah17-ci{transform:scale(.94)}
 .ah17-ex{display:flex;align-items:center;gap:12px;width:100%;margin:18px 0 4px;padding:12px 14px;border:0;border-radius:18px;background:#1A1130;color:#fff;text-align:left;cursor:pointer}
 .ah17-av{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3A2670,#120B22 70%);box-shadow:0 0 0 2px #8F63FF}
 .ah17-av svg{width:34px;height:34px}.ah17-av .exa{width:46px;height:46px;box-shadow:none;background:none}
 .ah17-ex span{display:grid;gap:3px;flex:1;min-width:0}
 .ah17-ex b{font:800 15.5px/1.2 var(--body)}
 .ah17-ex small{font:500 13px/1.35 var(--body);color:#CFC4F2}
 .ah17-ex>svg{color:#D4FF5A}
 .ah17-sec{margin-top:26px}
 .ah17-h{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}
 .ah17-t{margin:0;display:grid;gap:2px;font:800 19px/1.2 var(--body);color:#1A1130}
 .ah17-t small{font:500 13px/1.3 var(--body);color:var(--muted)}
 .ah17-h a{display:inline-flex;align-items:center;gap:2px;padding:8px 0 8px 8px;color:#5B33E0;font:700 14px var(--body);text-decoration:none;white-space:nowrap}
 .ah17-h a svg{width:16px;height:16px}
 .ah17-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter) 8px;scroll-padding:0 var(--gutter);scrollbar-width:none}
 .ah17-rail::-webkit-scrollbar{display:none}
 .ah17-rail>div{flex:0 0 52%;max-width:370px;scroll-snap-align:start}
 .ac17{display:flex;flex-direction:column;height:100%;border-radius:18px;background:#fff;border:1px solid #EDE7FA;overflow:hidden}
 .ac17-im{display:grid;place-items:center;height:124px;background:linear-gradient(180deg,#F6F2FF,#EFE9FF)}
 .ac17-im img{max-height:108px;max-width:86%;object-fit:contain}
 .ac17-b{display:flex;flex-direction:column;gap:5px;flex:1;padding:10px 10px 10px 12px}
 .ac17-pot{display:inline-flex;align-items:center;gap:2px;align-self:flex-start;padding:3px 7px 3px 5px;border-radius:999px;background:#F4F0FF;color:#4A3D78;font:700 10.5px/1 var(--body)}
 .ac17-pot i{width:4px;height:9px;border-radius:2px;background:#D9D0F2}
 .ac17-pot i:last-of-type{margin-right:4px}
 .ac17-pot.k1 i:nth-child(-n+1),.ac17-pot.k2 i:nth-child(-n+2),.ac17-pot.k3 i:nth-child(-n+3){background:#7B4DFF}
 .ac17-pot.k3 i:nth-child(-n+3){background:#E5533D}
 .ac17-pot.k0{padding-left:7px}
 .ac17-n{color:#1A1130;font:800 14.5px/1.25 var(--body);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .ac17-b small{font:600 11.5px/1.2 var(--body);color:#16895A}
 .ac17-f{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:4px}
 .ac17-p{font:800 15px/1.1 var(--body);color:#1A1130;white-space:nowrap}
 .ac17-p small{font:600 11px var(--body);color:var(--muted);margin-right:2px}
 .ac17-add{display:grid!important;place-items:center;width:40px!important;height:40px!important;min-width:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:#1A1130!important;color:#D4FF5A!important;flex:none}
 .ac17-add svg{width:20px;height:20px;stroke-width:2.6}
 .ac17-add:active{transform:scale(.92)}
 .ah17-perks{list-style:none;margin:28px 0 4px;padding:0;display:grid;gap:10px}
 .ah17-perks li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#F7F4FC}
 .ah17-perks li>svg{width:22px;height:22px;color:#7B4DFF}
 .ah17-perks span{display:grid;gap:2px}
 .ah17-perks b{font:800 14.5px/1.2 var(--body);color:#1A1130}
 .ah17-perks small{font:500 13px/1.3 var(--body);color:var(--muted)}

 /* quick answer: short by default, the full text one tap away (always in the page) */
 .ans.m17-clamp>p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
 .ans-more{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:6px 0;border:0;background:none;color:#5B33E0;font:700 14px var(--body);cursor:pointer}
 .ans:not(.m17-clamp) .ans-more{display:none}

 /* ---------- listings: products first ---------- */
 .lst-head{padding-top:12px!important;padding-bottom:4px!important}
 .lst-head .mz-wrap{padding-bottom:0!important}
 .lst-head .bc{margin-bottom:4px!important}
 .lst-head .lst-intro{display:block!important}
 .lst-head .lst-intro .mz-eyebrow,.lst-head .lst-media figure{display:none!important}
 .lst-head h1{font-size:26px!important;line-height:1.15!important;margin:0 0 6px!important}
 .lst-head .lede{font-size:15px!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0!important}
 .lst-head .lst-media{display:block!important;margin-top:12px!important}
 .lst-head .ans{margin:0!important;padding:14px 16px!important}
 .qc13~.lst-head nav.chips,.qc13~section .lst-head nav.chips{display:none!important}
 .lst-head nav.chips{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:8px!important;margin:14px calc(-1 * var(--gutter)) 0!important;padding:0 var(--gutter) 4px!important;scrollbar-width:none}
 .lst-head nav.chips::-webkit-scrollbar{display:none}
 .lst-head nav.chips a{flex:none;min-height:38px!important;padding:8px 14px!important;font-size:13.5px!important}
 .lst-bar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center}
 .lst-bar .count{display:none!important}
 .lst-bar .lst-filters-btn{flex:none}
 .lst-bar select{flex:1 1 0!important;margin:0!important}
 .lst-bar .quick-f{flex:0 0 calc(100% + 2 * var(--gutter));display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;margin:0 calc(-1 * var(--gutter))!important;padding:0 var(--gutter)!important;scrollbar-width:none}
 .lst-bar .quick-f::-webkit-scrollbar{display:none}
 .lst-bar .quick-f label{flex:none}
 .lst-filters-btn{height:44px!important;padding:0 16px!important}
 .lst-bar select{height:44px!important;min-width:0}

 /* ---------- compact product cards (2 per row) ---------- */
 .mz-grid:has(>.mz-pc){grid-template-columns:repeat(1,minmax(0,1fr)) !important;gap:10px!important}
 .mz-pc{border-radius:18px!important}
 .mz-pc .pc-tag,.mz-pc .tags{display:none!important}
 /* .mz-grid .mz-pc .mz-pv{height:150px!important;min-height:0!important} */
 .mz-pc-b{padding:10px 12px 12px!important;gap:6px!important}
 .mz-pc h3{font-size:15px!important;line-height:1.25!important;margin:0!important}
 .mz-pc .mz-pc-m{font-size:12px!important;gap:6px!important;flex-wrap:wrap}
 .mz-pc-f{display:flex!important;flex-direction:column;align-items:stretch!important;gap:8px!important}
 .mz-pc .mz-pr{font-size:15px!important}
 .mz-pc .mz-ctl{width:100%}
 .mz-pc .mz-add{width:100%;height:44px!important;min-height:0!important;justify-content:center;border-radius:14px!important;font-size:14px!important;padding:0 10px!important}

 /* ---------- product page: shorter top, buy box sooner ---------- */
 .pd{padding-top:6px!important;gap:14px!important}
 .pd-main{height:250px!important;min-height:0!important;aspect-ratio:auto!important}
 .pd-main img {/* max-height: 220px !important; */width: 100% !important;object-fit: contain;height: 100% !important;}
 .pd-buy6>.mz-eyebrow{display:none!important}
 .pd-buy6 h1{font-size:22px!important;line-height:1.12!important;margin:0 0 0px !important}
 .pd-tag{font-size:15px!important;font-weight:600!important;line-height:1.45!important;margin:0 0 0px!important}
 .pd-chips{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter)}
 .pd-chips::-webkit-scrollbar{display:none}.pd-chips>*{flex:none}
 .pd-price{margin-top:12px!important}
 .pb17{position:fixed;left:0;right:0;bottom:var(--tbs,0px);z-index:66;display:flex;align-items:center;gap:12px;padding:10px var(--gutter);background:rgba(255,255,255,.97);
   -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #ECE6FA;transform:translateY(120%);transition:transform .28s var(--ease);visibility:hidden}
 .pb17.on{transform:none;visibility:visible}
 html.kb .pb17,html.ex-open .pb17{display:none}
 .pb17-t{display:grid;gap:2px;flex:1;min-width:0}
 .pb17-t small{font:600 12.5px/1.2 var(--body);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .pb17-t b{font:800 18px/1.1 var(--body);color:#1A1130}
 .pb17-add{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 22px;border:0;border-radius:16px;background:#D4FF5A;color:#1A1130;font:800 15.5px var(--body);cursor:pointer;flex:none}
 .pb17-add svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round}
 html.pb17-on body{padding-bottom:calc(var(--tbs) + 72px)}

 /* ---------- shop: category cards two per row ---------- */
 .cats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px !important}
 .cats .cat{border-radius:18px!important;padding: 3px;}
 .cats .cat-art{height:118px!important;min-height:0!important;overflow:hidden!important}
 .cats .cat-packs{display:flex!important;max-width:100%;justify-content:center}
 .cats .cat-packs img{min-width:0;flex:0 1 auto;max-width:31%!important;height:auto!important}
 .cats .cat-art img{max-height:84px!important;width:auto!important}
 .cats .cat-art .n{font-size:10px!important;padding:3px 7px!important}
 .cats .cat-b{padding:0px 5px 5px 5px !important;gap:6px!important}
 .cats .cat-b h2,.cats .cat-b h2 a{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
 .cats .cat-b h2{font-size:15.5px!important;line-height:1.2!important;margin:0!important}
 .cats .cat-b p{display:none!important}
 .cats .cat-f{padding-top:6px!important;margin-top:auto!important;border:0!important;flex-wrap:wrap;gap:6px!important}
 .cats .cat-f span{font-size:12px!important}
 .cats .cat-f a{padding:8px 12px!important;font-size:13px!important;min-height:0!important}

 /* ---------- long area lists: two columns ---------- */
 .area-list:not(.c12-near){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .area-list:not(.c12-near)>li>*{min-height:46px;padding:10px 12px!important;font-size:14px!important;gap:6px!important}

 /* ---------- footer: short ---------- */
 .f8-tiers{display:none!important}
 .f9-depots{padding-top:18px!important}
}

/* ==== v18.css ==== */
/* ================= Fungi Delivery v18 =================
   1) Express desktop sidebar: dark, glowing tiles; the cart card glows the most.
   2) Express checkout guide (.g18): a narrow strip at the top of checkout + confirmation. */

/* ---------- 1) dark glowing sidebar (desktop panel) ---------- */
@media (min-width:961px){
 .exs{background:radial-gradient(120% 60% at 0% 0%,#3A2280 0%,rgba(58,34,128,0) 60%),linear-gradient(180deg,#1B1036,#120A24 70%,#0E081C)!important;border-right:1px solid rgba(156,123,255,.22)!important;color:#EDE6FF}
 .exs-id b{color:#fff!important}
 .exs-id small{color:#B9F27A!important}
 .exs-intro{color:#C9BFEA!important}
 .exs .ext{background:rgba(255,255,255,.05)!important;border:1px solid rgba(156,123,255,.38)!important;color:#F2EDFF!important;
   box-shadow:0 0 0 1px rgba(156,123,255,.08) inset,0 0 18px -6px rgba(123,77,255,.55)!important;transition:box-shadow .25s,border-color .25s,background .25s,transform .15s!important}
 .exs .ext svg{color:#D4FF5A!important;stroke:#D4FF5A}
 .exs .ext:hover,.exs .ext:focus-visible{background:rgba(123,77,255,.16)!important;border-color:#B49CFF!important;box-shadow:0 0 0 1px rgba(180,156,255,.35) inset,0 0 26px -4px rgba(140,98,255,.85)!important}
 .exs .ext:active{transform:scale(.97)}
 .exs-cart{background:linear-gradient(160deg,rgba(212,255,90,.10),rgba(123,77,255,.14))!important;border:1px solid rgba(212,255,90,.55)!important;color:#fff!important;border-radius:18px!important;
   box-shadow:0 0 0 1px rgba(212,255,90,.18) inset,0 0 28px -2px rgba(212,255,90,.45),0 0 60px -10px rgba(123,77,255,.7)!important;animation:g18glow 3.6s ease-in-out infinite}
 @keyframes g18glow{0%,100%{box-shadow:0 0 0 1px rgba(212,255,90,.18) inset,0 0 24px -4px rgba(212,255,90,.38),0 0 56px -12px rgba(123,77,255,.6)}50%{box-shadow:0 0 0 1px rgba(212,255,90,.3) inset,0 0 34px 0 rgba(212,255,90,.55),0 0 70px -8px rgba(123,77,255,.85)}}
 .exs-cart b,.exs-cart .exs-ch b{color:#fff!important}
 .exs-cart small,.exs-cart .exs-ch span{color:#CFC4F2!important}
 .exs-cart .exs-bar{background:rgba(255,255,255,.12)!important}
 .exs-cart .exs-bar i{background:linear-gradient(90deg,#9C7BFF,#D4FF5A)!important;box-shadow:0 0 12px rgba(212,255,90,.7)}
 .exs-cart .exs-tot s{color:#9F95BF!important}
 .exs-go{background:#D4FF5A!important;color:#1A1130!important;box-shadow:0 0 22px -2px rgba(212,255,90,.75)!important}
 .exs-go.alt{background:linear-gradient(135deg,#7B4DFF,#A24DFF)!important;color:#fff!important;box-shadow:0 0 22px -2px rgba(140,98,255,.85)!important}
 .exs-edit{color:#D9CFFF!important;border-color:rgba(255,255,255,.25)!important;background:transparent!important}
 .exs-th{background:rgba(255,255,255,.08)!important}
}
@media (prefers-reduced-motion:reduce){.exs-cart{animation:none!important}}

/* ---------- 2) checkout guide: a glowing circle that types short tips, then folds away ---------- */
html.g18-on .exl,html.g18-on .exw{display:none!important}
.g18{z-index:90;--g18w:min(340px,calc(100vw - 32px))}
.g18-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.g18-dock{position:relative;display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px dashed #E2D9F5}
.g18-dock .g18-o{order:0;flex:none}
/* the circle */
.g18-o{position:relative;display:grid;place-items:center;width:60px;height:60px;padding:0;border:0;border-radius:50%;cursor:pointer;
  background:radial-gradient(circle at 50% 35%,#3A2670,#140C24 72%);box-shadow:0 0 0 1px rgba(156,123,255,.5),0 10px 26px -10px rgba(18,10,36,.8),0 0 26px -4px rgba(123,77,255,.75);
  transition:transform .18s cubic-bezier(.2,.8,.2,1);animation:g18pop .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes g18pop{from{opacity:0;transform:scale(.6)}}
.g18-o:hover{transform:scale(1.05)}.g18-o:active{transform:scale(.94)}
.g18-av{display:grid;place-items:center;width:44px;height:44px}
.g18-av .exa{width:44px;height:44px;box-shadow:none!important;background:none!important}
.g18-av .exa *{animation:none!important}
.g18-av .exa-on{display:none}
.g18-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}
.g18-ring circle{fill:none;stroke:rgba(255,255,255,.12);stroke-width:3}
.g18-ring .g18-rv{stroke:#D4FF5A;stroke-linecap:round;stroke-dasharray:0 200;filter:drop-shadow(0 0 4px rgba(212,255,90,.9));transition:stroke-dasharray .6s cubic-bezier(.2,.8,.2,1)}
.g18-dot{position:absolute;top:4px;right:4px;width:11px;height:11px;border-radius:50%;background:#2FCB6B;box-shadow:0 0 0 2.5px #140C24}
.g18.talk .g18-o::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(212,255,90,.6);animation:g18ring 1.4s ease-out infinite}
@keyframes g18ring{from{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}
/* the speech bubble (typed) */
.g18-b{position:absolute;right:0;bottom:calc(100% + 12px);width:max-content;max-width:var(--g18w);padding:11px 14px;border-radius:16px 16px 6px 16px;
  background:linear-gradient(160deg,rgba(36,20,74,.97),rgba(18,10,36,.97));border:1px solid rgba(156,123,255,.5);color:#F2EDFF;
  box-shadow:0 14px 34px -14px rgba(18,10,36,.75),0 0 24px -6px rgba(123,77,255,.7);cursor:pointer;
  opacity:0;transform:translateY(8px) scale(.96);transform-origin:100% 100%;pointer-events:none;transition:opacity .28s ease,transform .32s cubic-bezier(.2,.8,.2,1)}
.g18.talk .g18-b{opacity:1;transform:none;pointer-events:auto}
/* desktop: the tip sits right beside the circle, inside the order-summary column (never over the form) */
.g18-dock .g18-b{position:relative;order:1;flex:1;min-width:0;max-width:none;width:auto;right:auto;bottom:auto;border-radius:6px 16px 16px 16px;transform:translateX(-8px) scale(.97);transform-origin:0 50%}
.g18-dock .g18-b::before{content:"";position:absolute;left:-7px;top:16px;width:12px;height:12px;background:#24144A;border-left:1px solid rgba(156,123,255,.5);border-bottom:1px solid rgba(156,123,255,.5);transform:rotate(45deg)}
.g18-dock.talk .g18-b{transform:none}
.g18-dock:not(.talk) .g18-b{visibility:hidden;transition:opacity .28s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s .32s}
.g18-dock .g18-msg{font-size:13px}
.g18-msg{margin:0;font:500 13.5px/1.45 var(--body);min-height:1.45em}
.g18-msg b{color:#fff}.g18-msg a{color:#D4FF5A}
.g18-b:not(.done) .g18-msg::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:#D4FF5A;animation:g18caret .7s steps(1) infinite}
@keyframes g18caret{50%{opacity:0}}
.g18-pipe{display:block;margin:6px 0 4px;font:800 12.5px/1.3 var(--mono);letter-spacing:.02em;color:#D4FF5A;text-shadow:0 0 10px rgba(212,255,90,.5)}
/* the popover panel (tap the circle) */
.g18-p{position:absolute;right:0;bottom:calc(100% + 12px);width:var(--g18w);max-height:min(70vh,560px);overflow:auto;padding:12px;display:grid;gap:10px;border-radius:20px;color:#F2EDFF;
  background:linear-gradient(160deg,rgba(32,18,66,.97),rgba(18,10,36,.97));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid rgba(156,123,255,.5);box-shadow:0 20px 50px -18px rgba(18,10,36,.8),0 0 30px -6px rgba(123,77,255,.7);animation:g18in .32s cubic-bezier(.2,.8,.2,1) both}
.g18-dock .g18-p{left:0;right:0;width:auto;bottom:calc(100% + 10px);max-height:min(72vh,600px)}
@keyframes g18in{from{opacity:0;transform:translateY(8px) scale(.97);filter:blur(3px)}}
.g18-p[hidden]{display:none}
.g18-ph{display:grid;grid-template-columns:1fr auto;align-items:start;gap:2px 8px}
.g18-ph b{font:800 15px var(--body);color:#fff}
.g18-ph .g18-pipe{grid-column:1;margin:0}
.g18-x{grid-row:1 / span 2;grid-column:2;width:32px;height:32px;border-radius:50%;border:1px solid rgba(156,123,255,.45);background:rgba(255,255,255,.06);color:#fff;font:400 20px/1 var(--body);cursor:pointer}
.g18-last{margin:0;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.06);font:500 12.5px/1.45 var(--body);color:#E4DCFA}
.g18-last .g18-pipe{display:none}
.g18-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.g18-steps button{width:100%;display:grid;justify-items:center;gap:4px;padding:6px 2px;border:0;border-radius:12px;background:rgba(255,255,255,.05);color:#CFC4F2;font:700 10.5px/1.15 var(--body);cursor:pointer}
.g18-steps i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(156,123,255,.6);font:800 11px var(--mono);font-style:normal;color:#fff}
.g18-steps .done i{background:#D4FF5A;border-color:#D4FF5A;color:#1A1130;box-shadow:0 0 12px rgba(212,255,90,.7)}
.g18-pay{padding:10px 12px;border-radius:14px;background:rgba(123,77,255,.14);border:1px solid rgba(156,123,255,.3)}
.g18-pay b{font:800 13px var(--body);color:#fff}
.g18-pay p{margin:4px 0 0;font:500 12.5px/1.45 var(--body);color:#D9CFF5}
.g18-miss,.g18-ready,.g18-h,.g18-note{margin:0;font:500 13px/1.45 var(--body);color:#EDE6FF}
.g18-miss button{margin:3px 2px 0 0;padding:4px 9px;border-radius:999px;border:1px solid rgba(255,138,92,.6);background:rgba(255,138,92,.12);color:#FFD2C2;font:700 12px var(--body);cursor:pointer}
.g18-ready b{color:#D4FF5A}
.g18-chat,.g18-sum{height:38px;padding:0 14px;border-radius:12px;font:800 13px var(--body);cursor:pointer}
.g18-chat{border:1px solid rgba(156,123,255,.5);background:rgba(255,255,255,.06);color:#fff;justify-self:start}
.g18-sum{border:0;background:#D4FF5A;color:#1A1130;box-shadow:0 0 18px -2px rgba(212,255,90,.7)}
.g18-row{display:flex;gap:8px;flex-wrap:wrap}
.g18-et{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.g18-et li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:8px 8px 8px 10px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(156,123,255,.25)}
.g18-et li>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(212,255,90,.15);color:#D4FF5A;font:800 11px var(--mono);font-style:normal}
.g18-et small{display:block;font:700 10.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#A99BD6}
.g18-et b{display:block;font:800 14px/1.3 var(--body);color:#fff;word-break:break-all}
.g18-et em{display:block;font:500 11.5px/1.35 var(--body);font-style:normal;color:#BFB3E6;margin-top:2px}
.g18-et button{height:32px;padding:0 12px;border-radius:10px;border:1px solid rgba(212,255,90,.55);background:rgba(212,255,90,.1);color:#D4FF5A;font:800 12px var(--body);cursor:pointer}
.g18 [data-g18-copy].ok{background:#D4FF5A;color:#1A1130}
@media (max-width:760px){.g18-o{width:56px;height:56px}.g18-steps span{font-size:9.5px}}
@media (prefers-reduced-motion:reduce){.g18-o,.g18-p,.g18.talk .g18-o::after,.g18-b:not(.done) .g18-msg::after{animation:none!important}.g18-b{transition:none}}
@media print{.g18{display:none}}
/* resting state beside the circle (desktop dock): a quiet reminder that help is one tap away */
.g18-dock::after{content:"Need help checking out? Tap Express.";position:absolute;left:72px;top:calc(50% + 7px);transform:translateY(-50%);font:600 13px/1.3 var(--body);color:#6B6285;pointer-events:none;opacity:0;transition:opacity .3s ease .25s}
.g18-dock:not(.talk):not(.open)::after{opacity:1}

/* ---------- 3) hero: "Shop Bundles" sits beside "Shop Psychedelics", same size, its own violet glow ---------- */
.hx8-cta{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;max-width:580px;align-items:stretch}
.hx8-cta .mz-btn{min-width:0;justify-content:center;min-height:48px!important}
.hx-bund{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0!important;color:#fff!important;
  background:linear-gradient(135deg,#7B4DFF,#B04DFF)!important;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 0 26px -4px rgba(140,98,255,.9)!important;animation:hxb 3.2s ease-in-out infinite}
.hx-bund:hover{filter:brightness(1.08);box-shadow:0 0 0 1px rgba(255,255,255,.28) inset,0 0 34px -2px rgba(160,110,255,1)!important}
@keyframes hxb{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 0 22px -6px rgba(140,98,255,.8)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.26) inset,0 0 34px -2px rgba(160,110,255,1)}}
.hx-save{padding:4px 9px;border-radius:999px;background:#D4FF5A;color:#1A1130;font:800 11.5px/1 var(--body);letter-spacing:.01em;white-space:nowrap;box-shadow:0 0 12px rgba(212,255,90,.65)}
/* phones: the hero's second button is Bundles too */
.hx17-bund{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 12px;border-radius:14px;color:#fff!important;text-decoration:none;font:800 14.5px var(--body);
  background:linear-gradient(135deg,#7B4DFF,#B04DFF);box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 0 22px -4px rgba(140,98,255,.95);animation:hxb 3.2s ease-in-out infinite}
.hx17-bund svg{width:18px;height:18px}
.hx17-bund b{padding:3px 7px;border-radius:999px;background:#D4FF5A;color:#1A1130;font:800 10.5px/1 var(--body);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.hx-bund,.hx17-bund{animation:none}}
.hx8-cta .mz-btn,.hx-bund{white-space:nowrap}
.hx17-cta a{white-space:nowrap;padding:0 12px!important;gap:6px!important}
.hx17-shop{flex:1 1 0!important}.hx17-bund{flex:1.35 1 0!important}

/* ---------- 4) phones: product rails as swipe rows of readable cards (were squeezed into 4–8 thin columns) ---------- */
@media (max-width:760px){
 .rail{display:flex!important;flex-wrap:nowrap!important;grid-auto-flow:unset!important;grid-auto-columns:unset!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;
   margin-inline:calc(var(--gutter,16px) * -1)!important;padding:4px var(--gutter,16px) 12px!important;scroll-padding-inline:var(--gutter,16px);scrollbar-width:none}
 .rail::-webkit-scrollbar{display:none}
 .rail>*{flex:0 0 75dvw!important;width:75dvw!important;max-width:none!important;min-width:0;scroll-snap-align:start}
 .rail .mz-pc .mz-pv{height:140px!important;min-height:0!important}
 .rail .mz-pc h3,.rail .mz-pc h3 a{word-break:normal!important;overflow-wrap:break-word;hyphens:none}
 #pdBuy .mz-btn,#pdBuy .mz-cta{min-height:52px!important}
}

/* ---------- 5) "Added to cart" drop-down notification (every page, every add path) ---------- */
.ad19{position:fixed;z-index:120;left:50%;top:calc(env(safe-area-inset-top,0px) + 10px);width:min(420px,calc(100vw - 20px));transform:translate(-50%,-140%);opacity:0;
  display:grid;grid-template-columns:52px 1fr;gap:4px 12px;align-items:center;padding:12px 12px 12px 12px;border-radius:20px;color:#F2EDFF;
  background:linear-gradient(160deg,rgba(32,18,66,.97),rgba(18,10,36,.97));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid rgba(212,255,90,.45);box-shadow:0 18px 40px -16px rgba(18,10,36,.8),0 0 26px -6px rgba(212,255,90,.45);
  transition:transform .42s cubic-bezier(.2,.9,.2,1),opacity .3s ease;pointer-events:none}
.ad19.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
html.hd-ok .ad19{top:calc(var(--hdr,58px) + 10px)}
.ad19-im{grid-row:span 2;display:grid;place-items:center;width:52px;height:60px;border-radius:12px;background:rgba(255,255,255,.08);overflow:hidden}
.ad19-im img{max-width:44px;max-height:54px;object-fit:contain}
.ad19-im svg{width:26px;height:26px;color:#D4FF5A}
.ad19-t{display:flex;align-items:center;gap:6px;font:800 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#D4FF5A}
.ad19-t i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#D4FF5A;color:#1A1130;font:900 11px/1 var(--body);font-style:normal}
.ad19-n{min-width:0;font:700 14.5px/1.3 var(--body);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad19-n small{font:600 12.5px var(--body);color:#C9BFEA;margin-left:4px}
.ad19-s{grid-column:1 / -1;margin:6px 0 0;font:500 12.5px/1.35 var(--body);color:#D9CFF5}
.ad19-s b{color:#fff}
.ad19-bar{grid-column:1 / -1;height:4px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
.ad19-bar i{display:block;height:100%;background:linear-gradient(90deg,#9C7BFF,#D4FF5A);box-shadow:0 0 10px rgba(212,255,90,.8);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.ad19-b{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:6px}
.ad19-b a{display:inline-flex;align-items:center;justify-content:center;height:44px;border-radius:13px;font:800 14.5px var(--body);text-decoration:none}
.ad19-v{border:1px solid rgba(156,123,255,.55);color:#fff!important;background:rgba(255,255,255,.06)}
.ad19-c{background:#D4FF5A;color:#1A1130!important;box-shadow:0 0 18px -2px rgba(212,255,90,.75)}
.ad19-x{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font:400 18px/1 var(--body);cursor:pointer}
.ad19-time{grid-column:1 / -1;height:2px;margin-top:8px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.ad19-time i{display:block;height:100%;width:100%;background:rgba(212,255,90,.7);transform-origin:left}
.ad19.on .ad19-time i{animation:ad19t var(--ad19d,3.6s) linear forwards}
.ad19.hold .ad19-time i{animation-play-state:paused}
@keyframes ad19t{to{transform:scaleX(0)}}
@media (min-width:961px){.ad19{left:auto;right:24px;transform:translateY(-140%);top:calc(var(--hdr,68px) + 46px)}.ad19.on{transform:none}}
@media (prefers-reduced-motion:reduce){.ad19{transition:opacity .2s}.ad19.on .ad19-time i{animation:none}}

/* ---------- 6) phones: finger-size chips and small buttons, consistent everywhere ---------- */
@media (max-width:760px){
 .fsa,.si-chip,.hq-help,.lf14-help,.lf14-pause,.helpful button,.cats .cat-f a,.pick-cities button,.c12-near a,.hc-cats a,.hc-cats button{min-height:38px!important;display:inline-flex!important;align-items:center;justify-content:center;padding-inline:13px!important}
 .cats .cat-f a{min-height:40px!important;width:100%;border-radius: 13px;}
 .flow12-arrow{display:none!important}
}

/* ==== v20.css ==== */
/* ================= Fungi Delivery v20 =================
   Bundles: basket-card starting points, tall basket sheet with checkout always in view, clear divider between
   curated bundles and the builder, tidy curated cards on phones. Product pages: fuller gallery (front, back label,
   strain photo), fact badges, sticky Buy now. */

/* ---------- divider: curated bundles  |  build your own ---------- */
.dv20{display:flex;align-items:center;gap:14px;margin:8px 0 0;padding:10px 0}
.dv20-l{flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#B9A3FF 30%,#D4FF5A 70%,transparent)}
.dv20-t{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#1A1130;color:#D4FF5A;font:800 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 22px -6px rgba(123,77,255,.8)}
.dv20-t svg{width:18px;height:18px}

/* ---------- starting points: basket cards ---------- */
.st20-row{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px!important;overflow:visible!important;flex-wrap:wrap}
.st20{position:relative;display:grid;gap:4px;align-content:start;text-align:left;padding:10px 12px 12px;border-radius:18px;border:1.5px solid #E2D9F5;background:#fff;color:#1A1130;cursor:pointer;
  transition:border-color .2s,box-shadow .2s,transform .15s}
.st20:active{transform:scale(.98)}
.st20[aria-pressed="true"]{border-color:#7B4DFF;box-shadow:0 0 0 3px rgba(123,77,255,.18),0 10px 24px -14px rgba(91,51,224,.7)}
.st20[aria-pressed="true"]::after{content:"✓ Selected";position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:999px;background:#7B4DFF;color:#fff;font:800 10.5px/1 var(--body)}
.st20-in{position:relative;display:block;height:74px;margin-bottom:4px;color:hsl(var(--h,262) 55% 50%)}
.st20-items{position:absolute;left:8px;right:8px;bottom:14px;display:flex;justify-content:center;align-items:flex-end;gap:2px;z-index:1}
.st20-items img{width:34px;height:44px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(26,17,48,.25))}
.st20-items i{display:grid;place-items:center;width:30px;height:38px;color:hsl(var(--h,262) 50% 45%)}
.st20-items i svg{width:26px;height:26px}
.st20-empty .st20-items i{width:40px;height:40px;border-radius:50%;border:2px dashed #B9A3FF;color:#7B4DFF;font:800 22px/1 var(--body);font-style:normal}
.st20-bk{position:absolute;left:0;right:0;bottom:0;width:100%;height:34px}
.st20 b{font:800 15px/1.2 var(--body)}
.st20 small{font:600 12.5px/1.35 var(--body);color:#6B6285}
.st20 small strong{color:#1A1130}
.st20 small s{color:#9F95BF}
.st20 em{justify-self:start;padding:3px 8px;border-radius:999px;background:#EAF7E9;color:#16895A;font:800 11px/1 var(--body);font-style:normal}
@media (max-width:760px){
 .st20-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory;margin:0!important;padding:4px 2px 10px!important;scroll-padding:0 2px;scrollbar-width:none}
 .st20-row::-webkit-scrollbar{display:none}
 .st20{flex:0 0 172px;scroll-snap-align:start}
}

/* ---------- basket sheet (phones): tall, lines scroll, totals + checkout pinned ---------- */
@media (max-width:960px){
 .mz-sheet-panel{max-height:94dvh!important;height:auto;display:flex!important;flex-direction:column;overflow:hidden!important;padding-bottom:env(safe-area-inset-bottom,0px)}
 #mzBoxS{display:flex!important;flex-direction:column;min-height:0;flex:1 1 auto;overflow:hidden}
 #mzBoxS .b13-scroll{flex:1 1 auto;min-height:120px;max-height:none!important;overflow:auto}
 #mzBoxS .b13-sum,#mzBoxS .b13-go,#mzBoxS .b13-sub,#mzBoxS .b13-note{flex:none}
 #mzBoxS .b13-note{display:none}
 #mzBoxS .b13-go{min-height:54px!important;font-size:16px!important}
 .mz-sheet.buy #mzBoxS .b13-go{animation:go20 1.6s ease-in-out 2;box-shadow:0 0 0 0 rgba(212,255,90,.7)}
 @keyframes go20{50%{box-shadow:0 0 0 8px rgba(212,255,90,0),0 0 28px rgba(212,255,90,.8)}}
 /* curated cards: no stretched gap between the list and the price; buttons side by side, same size */
 #mzCombos .mz-combo{height:auto!important;gap:10px!important}
 #mzCombos .mz-combo ul{margin:0!important}
 #mzCombos .mz-combo-price{margin-top:4px!important}
 .mz-combo-btns{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:2px}
 .mz-combo-btns .mz-btn{min-height:48px!important;font-size:15px!important}
 .mz-combo-btns [data-quick]{background:#D4FF5A!important;color:#1A1130!important;border-color:#D4FF5A!important}
}
.mz-combo-btns{grid-template-columns:1fr 1fr}
.mz-combo-btns [data-quick]{background:#D4FF5A;color:#1A1130;border-color:#D4FF5A}
@media (prefers-reduced-motion:reduce){.mz-sheet.buy #mzBoxS .b13-go{animation:none}}
#mzCombos{align-items:start}

/* ---------- product gallery: front · back label · photo ---------- */
.pd-back20{display:grid;place-items:center;background:linear-gradient(160deg,hsl(var(--h) 40% 94%),#F1ECFF)!important}
.pd-back20 .bk20{width:auto;height:94%;max-width:92%;filter:drop-shadow(0 18px 26px rgba(26,17,48,.25))}
.gt20{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.gt20::-webkit-scrollbar{display:none}
.gt20 button{flex:0 0 auto;display:grid;justify-items:center;gap:3px;width:72px;padding:6px 6px 5px;border-radius:14px;border:1.5px solid #E2D9F5;background:#fff;cursor:pointer}
.gt20 button[aria-selected="true"]{border-color:#7B4DFF;box-shadow:0 0 0 3px rgba(123,77,255,.16)}
.gt20 img{width:52px;height:52px;object-fit:contain;border-radius:8px}
.gt20-b{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;background:#F7F4FC;border:1px dashed #C9B8FF;color:#5B33E0;font:800 10px ui-monospace,Menlo,monospace;letter-spacing:.08em}
.gt20 small{font:700 11px var(--body);color:#4A3D78}

/* ---------- at a glance badges ---------- */
.fx20{list-style:none;margin:12px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.fx20 li{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:#F7F4FC;border:1px solid #ECE6FA;font:600 12.5px/1.25 var(--body);color:#2B1F55}
.fx20 li svg{width:15px;height:15px;color:#7B4DFF;flex:none}
.fx20 b{color:#1A1130}
@media (max-width:760px){
 .fx20{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter);scrollbar-width:none;margin-block: 0;}
 .fx20::-webkit-scrollbar{display:none}
 .fx20 li{flex:none}
 /* sticky bar: Add to cart + Buy now */
 .pb17{gap:8px!important}
 .pb17-add{padding:0 14px!important;height:48px!important;font-size:14.5px!important}
 .pb17-buy{height:48px;padding:0 14px;border:0;border-radius:16px;background:#1A1130;color:#fff;font:800 14.5px var(--body);cursor:pointer;flex:none}
 .pb17-t b{font-size:16px!important}
}

/* ==== v21.css ==== */
/* Fungi Delivery v21 · checkout without mandatory fields, phone order bar, copy-friendly confirmation, cleaner bundles */

/* step counter in the slim checkout header (phones show only the current step) */
.co-steps li:nth-child(2){counter-set:s 2}.co-steps li:nth-child(3){counter-set:s 3}.co-steps li:nth-child(4){counter-set:s 4}

/* review step: one plain line instead of checkboxes */
.co-agree21{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.co-agree21 a{color:var(--accent);font-weight:600}

/* payment card: no overlapping logo; amount on its own line on phones */
@media (max-width:760px){
 .pay9-m{grid-template-columns:auto minmax(0,1fr)!important;gap:6px 12px;padding:14px}
 .pay9-logo{display:none!important}
 .pay9-t{min-width:0}.pay9-t b{display:block}.pay9-t small{display:block;line-height:1.4}
 .pay9-amt{grid-column:1/-1;display:flex!important;align-items:baseline;justify-content:space-between;gap:8px;border-top:1px solid rgba(91,51,224,.18);padding-top:10px;margin-top:4px;text-align:left}
 .pay9-amt small{font-size:12px}
 .pay9-steps,.pay9-need{display:none!important}
 .co-step{scroll-margin-top:70px}
}

/* ---------- phone bottom bar: Express · total · Place order ---------- */
.cb21{display:none}
@media (max-width:960px){
 html.cb21-on body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 .cb21{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:95;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(20,12,40,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-top:1px solid rgba(156,123,255,.35);box-shadow:0 -16px 40px -18px rgba(26,17,48,.55);color:#F2EDFF}
 .cb21-g{flex:none;width:48px;height:48px;display:grid;place-items:center}
 .cb21-g:empty{display:none}
 .cb21-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.15}
 .cb21-t small{font:600 11px/1.2 var(--body);color:#B9A3FF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .cb21-t b{font:800 20px/1.1 var(--mono,ui-monospace);color:#fff;white-space:nowrap}
 .cb21-go{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border:0;border-radius:14px;
  background:var(--pop,#D4FF5A);color:#1A1130;font:800 16px/1 var(--body);cursor:pointer;box-shadow:0 0 0 0 rgba(212,255,90,.5);animation:cb21p 2.6s ease-in-out infinite}
 .cb21-go svg{width:18px;height:18px}
 .cb21-go.busy{opacity:.75;animation:none}
 .cb21-go.ok{background:#3DDC97}
 @keyframes cb21p{0%,100%{box-shadow:0 0 0 0 rgba(212,255,90,0)}50%{box-shadow:0 0 0 6px rgba(212,255,90,.18)}}
 /* Express circle inside the bar; its tip and panel open above the bar, full width */
 .g18.g18-bar{position:static!important;right:auto;bottom:auto}
 .g18-bar .g18-o{width:48px;height:48px}
 .g18-bar .g18-av,.g18-bar .g18-av .exa{width:36px;height:36px}
 .g18-bar .g18-b{left:8px!important;right:8px!important;bottom:calc(100% + 10px)!important;width:auto!important;max-width:none!important;border-radius:16px 16px 16px 6px;transform-origin:10% 100%}
 .g18-bar .g18-p{position:absolute;left:8px!important;right:8px!important;width:auto!important;bottom:calc(100% + 10px)!important;max-height:min(70vh,560px)}
 /* the old in-page duplicate of the bar is not needed on phones */
 html.cb21-on .pb17,html.cb21-on .g18-float{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.cb21-go{animation:none}}

/* ---------- confirmation: copy everything in one tap ---------- */
.cf21{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0 6px}
.cf21 button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 18px;border-radius:14px;font:800 16px/1 var(--body);cursor:pointer;transition:background .2s,transform .15s}
.cf21 button:active{transform:scale(.98)}
.cf21 svg{width:20px;height:20px}
.cf21-all{border:0;background:var(--ink,#1A1130);color:#fff;box-shadow:0 12px 26px -14px rgba(26,17,48,.7)}
.cf21-sum{border:1.5px solid var(--line-2,#E2D9F5);background:#fff;color:var(--ink,#1A1130)}
.cf21 .ok,.cf21 button.ok{background:#3DDC97;color:#0B2A1C;border-color:#3DDC97}
@media (min-width:600px){.cf21{grid-template-columns:1.3fr 1fr}}
.cf21-no{font:inherit;color:var(--accent)}
@media (max-width:760px){
 .conf9-h h1{font-size:30px;line-height:1.08}
 .conf9-pay .etc-intro{font-size:15px}
 .conf9-pay .etc-row dd{gap:10px}
 .conf9-pay .etc-row dd>span{min-width:0;overflow-wrap:anywhere}
 .conf9-pay .etc-proto{font-size:12px}
 .conf9-side .panel,.conf9-next,.conf9-acct{padding:18px}
 .conf9-dl div{grid-template-columns:84px minmax(0,1fr)}
}

/* ---------- bundles ---------- */
#builder,#combos,#finder,#mzStart,.mz-sec[id]{scroll-margin-top:110px}
/* toast: one clean line; on phones it sits above the box bar, never over the chips or the open box */
.mz-toast{display:block;text-align:center;line-height:1.35}
.mz-toast b{margin-right:4px}
@media (max-width:960px){
 .mz-toast{top:auto!important;bottom:calc(150px + env(safe-area-inset-bottom,0px));transform:translate(-50%,16px);font-size:13px;padding:10px 14px;max-width:calc(100vw - 48px)}
 .mz-toast.show{transform:translate(-50%,0)}
 body:has(.mz-sheet.open) .mz-toast{display:none}
 /* product list: scrolls with the page, 12 at a time */
 #mzGrid.lim21{max-height:none!important;overflow:visible!important;height:auto!important}
 #mzGrid.lim21>.x21{display:none!important}
 .gm21{display:flex;width:100%;margin:14px 0 4px;min-height:48px;border:1.5px solid var(--line-2,#E2D9F5);background:#fff;color:var(--ink,#1A1130);font-weight:800;border-radius:14px}
 .gm21[hidden]{display:none}
 /* box bar: price on one line, short hint on the next — no truncation */
 .mz-mbar-txt{min-width:0}
 .mz-mbar-txt b{display:flex;align-items:center;gap:6px;white-space:nowrap}
 .mz-mbar-txt small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mz-mbar-open{min-width:0}
 /* box sheet footer buttons: no clipped labels */
 .b13-sub{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
 .b13-sub button{min-width:0;white-space:normal;line-height:1.2;padding:10px 8px;font-size:13px}
 .b13-sum dd{white-space:nowrap}
 /* curated card eyebrow: readable line height so the two lines never touch */
 .mz-combo .mz-eyebrow,.mz-combo-k,.mz-combo small{line-height:1.45}
 /* starting-point cards: price lines stacked, never overlapping */
 .st20 small,.st20 b{display:block;line-height:1.3}
 .st20{scroll-snap-align:start}
 #mzStart{scroll-snap-type:x proximity;scroll-padding:0 16px}
}

/* ---------- v21.1 checkout: summary stays at the top, "Next" arrow, gentle depth ---------- */
@media (max-width:960px){
 /* the order summary no longer follows you down; the bottom bar carries the count and total */
 .co-top{position:relative!important;top:auto!important;box-shadow:none}
 .cb21{flex-wrap:wrap;row-gap:8px}
 .cb21-t{cursor:pointer;-webkit-tap-highlight-color:transparent}
 .cb21-t small::after{content:" · view order";color:#D4FF5A;font-weight:700}
 .nx21{order:-1;flex:0 0 100%;display:flex;align-items:center;gap:10px;min-height:40px;padding:0 14px;border:1px solid rgba(212,255,90,.35);border-radius:12px;
  background:rgba(212,255,90,.08);color:#F2EDFF;font:600 14px/1.2 var(--body);text-align:left;cursor:pointer}
 .nx21[hidden]{display:none}
 .nx21 b{color:#D4FF5A}
 .nx21 i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#D4FF5A;color:#1A1130;font:900 15px/1 var(--body);font-style:normal;animation:nx21b 1.4s ease-in-out infinite}
 .nx21 span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .nx21.end i{animation:none}
 .nx21.pop{animation:nx21p .45s cubic-bezier(.2,.9,.3,1.3)}
 @keyframes nx21b{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
 @keyframes nx21p{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
 html.cb21-on.nx21-on body{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}
}
/* the field you were sent to glows briefly; the section you're in is outlined */
.nx21-hi{animation:nx21h 1.5s ease-out}
@keyframes nx21h{0%{box-shadow:0 0 0 0 rgba(123,77,255,.55)}35%{box-shadow:0 0 0 6px rgba(123,77,255,.28)}100%{box-shadow:0 0 0 0 rgba(123,77,255,0)}}
.co-step{transition:border-color .3s ease,box-shadow .3s ease,opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.co-step.act21{border-color:rgba(123,77,255,.55)!important;box-shadow:0 18px 40px -28px rgba(91,51,224,.55)}
.co-step.rv21{opacity:.35;transform:translateY(26px) scale(.985)}
.co-step.rv21.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.nx21 i,.nx21.pop,.nx21-hi{animation:none}.co-step.rv21{opacity:1;transform:none}}

/* ==== product option tabs (product cards + product pages) ==== */
.pc-opt{position:relative;z-index:2;display:grid;gap:6px;margin:2px 0 6px}   /* above the card-wide title link */
.pc-seg,.vseg{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:12px;background:var(--line)}
.pc-seg button,.vseg button{min-height:30px;padding:6px 8px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:700 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.pc-seg button[aria-selected="true"],.vseg button[aria-selected="true"]{background:var(--ink);color:var(--pop)}
.pc-tabs{display:flex;flex-wrap:wrap;gap:6px}
.pc-tabs > button,.pc-tabs > .pc-more{flex:1 1 calc(50% - 3px)}   /* two per row; a single / last odd tab fills the row */
.pc-tabs button,.pc-more{min-width:0;min-height:34px;padding:6px 8px;border:1.5px solid var(--line-2);border-radius:10px;background:var(--card);color:var(--ink);font:700 12px/1.15 var(--body);text-align:center;overflow-wrap:anywhere;cursor:pointer;transition:border-color .15s,background-color .15s}
.pc-tabs button:hover{border-color:var(--ink)}
.pc-tabs button[aria-checked="true"]{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 0 0 2px rgba(212,255,90,.6)}
.pc-tabs button.out{opacity:.55;text-decoration:line-through}
.pc-tabs button.na,.vgrid button.na{opacity:.4}
.pc-more{display:flex;align-items:center;justify-content:center;border-style:dashed;color:var(--muted);text-decoration:none}
.mz-add:disabled{opacity:.5;cursor:not-allowed}
/* .vseg{max-width:360px} */
.vpick-static .vgrid button{cursor:default}

/* ==== Express list view: docked bottom-right panel (desktop) ==== */
@media (min-width:961px){
	.exp.ex-dock{top:auto;left:auto;right:10px;bottom:10px;width:calc(100vw - 20px);max-width:560px;height:calc(100dvh - 20px);max-height:820px;grid-template-columns:minmax(0,1fr);border-radius:22px}
	.exp.ex-dock .exs{display:none}
	.exp.ex-dock .exr-tiles{display:flex;gap:8px;overflow-x:auto;padding:8px 12px;scrollbar-width:none;border-bottom:1px solid #F0EBFC;background:#FAF7FF}
	.exp.ex-dock .exr-tiles::-webkit-scrollbar{display:none}
	.exp.ex-dock .exr-tiles .ext{flex:none;min-height:38px;padding:6px 12px;font-size:13px}
}

/* ==== sold out: options can't be picked, CTA in the site's coral red ==== */
.pc-tabs button:disabled,.vgrid button:disabled,.vgrid button.out{cursor:not-allowed}
.pc-tabs button:disabled:hover{border-color:var(--line-2)}
.mz-add[data-soldout],.mz-add:disabled,#pdBuy .mz-cta:disabled,.pd-bar .mz-cta:disabled{background:#E2543E!important;border-color:#E2543E!important;color:#fff!important;opacity:1!important;box-shadow:none!important;cursor:not-allowed}
.mz-add[data-soldout] svg,.mz-add:disabled svg{color:#fff}
[data-buynow][aria-disabled="true"]{opacity:.45;cursor:not-allowed}

/* ==== drag to scroll (mouse) ==== */
@media (hover:hover) and (pointer:fine){
	.drag-x{cursor:grab}
	.drag-x.dragging,.drag-x.dragging *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}
	.drag-x img{-webkit-user-drag:none}
}

.art8-h h1 {
	margin-top: 5px;
	line-height: 1.3;
}
.art8-h .meta {
	margin-block: 10px 0px;
}
.art8-fig {
	margin-inline: 0px;
	height: 650px;
	overflow: hidden;
	border-radius: 22px;
}
/* ==== news articles: Key takeaway sits under the hero image ==== */
.art8 > .art8-fig + .ans {margin: 0 0 28px;border-radius: 10px;padding: 15px;}
/* "Read more" belongs to the phone-only clamp; never show it when the text isn't clamped */
.ans:not(.m17-clamp) .ans-more{display:none}

.art-body ul {
	margin: 0px;
}
/* ==== product cards: options sit right above price + CTA; potency on the image ==== */
.mz-pc-b > .pc-opt{margin:auto 0 0}
.mz-pc-b > .pc-opt + .mz-pc-f{margin-top:0;padding-top:0}
.mz-pv .pv-pot{position:absolute;left:8px;bottom:8px;z-index:2;gap:6px;padding:5px 10px 5px 7px;font-size:12px;box-shadow:0 4px 12px -4px rgba(26,17,48,.35)}
.mz-pv .pv-pot .pm-bars i{width:6px;height:13px}

/* ==== product photos (images/products/*.webp) ==== */
img[src*="images/products/"]{object-fit:contain}
.mz-pv.has-img{background:#F1ECFA}
.mz-pv.has-img img.photo,.pd-main img[src*="images/products/"]{object-fit:cover}
.mz-pv.has-img img.photo{transition:transform .45s var(--ease)}
.mz-pc:hover .mz-pv.has-img img.photo{transform:scale(1.04)}
.ac17-im:has(img[src*="images/products/"]){display:block;overflow:hidden;background:#F1ECFA}
.ac17-im img[src*="images/products/"]{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}

/* ---------- v22 · bundle thumbnails: fanned product cards + savings sticker ---------- */
.mz-combo .mz-combo-art{aspect-ratio:5/4;min-height:0;padding:0;display:block;overflow:hidden;isolation:isolate;background:radial-gradient(85% 65% at 50% 105%,hsl(var(--h) 90% 74% / .9),transparent 72%),linear-gradient(160deg,hsl(var(--h) 60% 40%),hsl(calc(var(--h) + 45) 68% 20%))}
.mz-combo .mz-combo-art::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.5px) 0 0/14px 14px;-webkit-mask:linear-gradient(#000,transparent 70%);mask:linear-gradient(#000,transparent 70%)}
.mz-combo .mz-combo-art .stack{position:absolute;inset:0;display:block;width:auto;--n:3;--st:11deg}
.mz-combo .mz-combo-art .stack:has(>:nth-child(2):last-child){--n:2;--st:14deg}
.mz-combo .mz-combo-art .stack:has(>:nth-child(4):last-child){--n:4;--st:8deg}
.mz-combo .mz-combo-art .stack:has(>:nth-child(5):last-child){--n:5;--st:6.5deg}
.mz-combo .mz-combo-art .stack:has(>:nth-child(6)){--n:6;--st:5deg}
.mz-combo .mz-combo-art .stack>*{--o:calc(var(--i,0) - (var(--n) - 1) / 2);position:absolute;left:50%;bottom:9%;width:40%;max-width:none;height:auto;aspect-ratio:1;margin:0 0 0 -20%;object-fit:cover;border-radius:16px;border:3px solid #fff;background:#F1ECFA;box-shadow:0 20px 32px -16px rgba(10,4,30,.75);filter:none;transform-origin:50% 270%;transform:rotate(calc(var(--o) * var(--st)));transition:transform .45s var(--ease)}
.mz-combo .mz-combo-art .stack:has(>:nth-child(5))>*{width:36%;margin-left:-18%}
.mz-combo .mz-combo-art .stack>:nth-child(2){--i:1}
.mz-combo .mz-combo-art .stack>:nth-child(3){--i:2}
.mz-combo .mz-combo-art .stack>:nth-child(4){--i:3}
.mz-combo .mz-combo-art .stack>:nth-child(5){--i:4}
.mz-combo .mz-combo-art .stack>:nth-child(6){--i:5}
.mz-combo .mz-combo-art .stack>i{display:grid;place-items:center;color:hsl(var(--h) 50% 45%)}
.mz-combo:hover .mz-combo-art .stack>*{transform:rotate(calc(var(--o) * var(--st) * 1.35)) translateY(-8px)}
.mz-combo .mz-combo-badge{z-index:3;top:12px;left:12px}
.mz-combo-off{position:absolute;top:10px;right:10px;z-index:3;width:60px;height:60px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#D4FF5A;color:#1A1130;font:800 17px/.9 var(--display);letter-spacing:-.02em;transform:rotate(10deg);box-shadow:0 0 0 4px rgba(212,255,90,.28),0 10px 20px -8px rgba(0,0,0,.55);transition:transform .35s var(--ease)}
.mz-combo-off small{display:block;font:800 9.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;margin-top:3px}
.mz-combo:hover .mz-combo-off{transform:rotate(-6deg) scale(1.08)}

/* starting points: tinted tile, overlapping round product photos */
.st20 .st20-in{height:88px;margin-bottom:6px;border-radius:14px;overflow:hidden;background:radial-gradient(70% 90% at 50% 120%,hsl(var(--h,262) 85% 80% / .7),transparent 70%),linear-gradient(150deg,hsl(var(--h,262) 70% 96%),hsl(calc(var(--h,262) + 30) 60% 88%))}
.st20 .st20-items{inset:0;display:flex;justify-content:center;align-items:center;gap:0;padding:0 10px}
.st20 .st20-items img,.st20 .st20-items>i:not(:only-child){width:48px;height:48px;flex:0 0 auto;margin-left:-14px;border-radius:50%;object-fit:cover;border:2.5px solid #fff;background:#F1ECFA;box-shadow:0 8px 14px -8px rgba(26,17,48,.6);filter:none;transition:margin .3s var(--ease),transform .3s var(--ease)}
.st20 .st20-items>:first-child{margin-left:0}
.st20:hover .st20-items>*{margin-left:-8px}
.st20:hover .st20-items>:first-child{margin-left:0}
.st20:hover .st20-items>:nth-child(odd){transform:translateY(-3px)}
.st20-off{position:absolute;right:6px;bottom:6px;z-index:2;padding:4px 7px;border-radius:8px;background:#1A1130;color:#D4FF5A;font:800 11.5px/1 var(--mono);letter-spacing:.02em}
.st20 .st20-empty{background:#F8F5FF;border:2px dashed #CDBDFB}
.st20 .st20-empty .st20-items i{width:44px;height:44px;margin:0;background:#fff}
.st20[aria-pressed="true"] .st20-in{box-shadow:inset 0 0 0 2px rgba(123,77,255,.35)}
@media (prefers-reduced-motion:reduce){.mz-combo .mz-combo-art .stack>*,.mz-combo-off,.st20 .st20-items>*{transition:none}}
.mz-combo .mz-combo-art .stack:has(>:nth-child(5):last-child){--st:9deg}
.mz-combo .mz-combo-art .stack:has(>:nth-child(5))>*{width:33%;margin-left:-16.5%}
.mz-combo .mz-combo-art .stack>:nth-child(n+2):nth-last-child(n+2){z-index:2}
.mz-combo .mz-combo-art .stack:has(>:nth-child(5):last-child)>:nth-child(3){z-index:3}
.st20 .st20-items{padding:14px 6px 0}
.st20 .st20-items:has(>:nth-child(5)) img{width:42px;height:42px;margin-left:-16px}
.st20 .st20-items:has(>:nth-child(5)) img:first-child{margin-left:0}
.st20-off{right:auto;bottom:auto;left:6px;top:6px}

/* ---------- v23 · bundles: equal-height combo cards, step 2 flash, quiz result pop + confetti ---------- */
#mzCombos{align-items:stretch}
#mzCombos .mz-combo{height:auto!important}
#mzCombos .mz-combo-price{margin-top:auto!important}
.mz-confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}
#mzStep2{scroll-margin-top:calc(var(--hdr,72px) + 16px);border-radius:12px}
#mzStep2.flash{animation:s2flash 1.4s var(--ease) .35s}
@keyframes s2flash{0%,100%{background:transparent;box-shadow:none}30%{background:#F1ECFA;box-shadow:0 0 0 8px #F1ECFA}}
.mz-result .mz-combo{animation:qpop .6s cubic-bezier(.2,1.4,.4,1) both}
@keyframes qpop{0%{opacity:0;transform:scale(.86) translateY(14px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#mzStep2.flash,.mz-result .mz-combo{animation:none}}

/* ---------- v24 · quiz result: horizontal bundle card, confetti bursts from behind it ---------- */
.mz-confetti{z-index:5}
.mz-above-confetti{position:relative;z-index:6}
.mz-result .mz-combo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto auto 1fr auto auto;column-gap:22px;row-gap:12px;align-items:start}
.mz-result .mz-combo>*{grid-column:2}
.mz-result .mz-combo .mz-combo-art{grid-column:1;grid-row:1 / -1;align-self:stretch;aspect-ratio:auto;height:auto;min-height:280px}
.mz-result .mz-combo .mz-combo-art .stack>*{width:46%;margin-left:-23%;bottom:14%}
.mz-result .mz-combo .mz-combo-art .stack:has(>:nth-child(5))>*{width:38%;margin-left:-19%}
.mz-result .mz-combo-price{margin-top:auto}
.mz-result .mz-combo-btns{grid-template-columns:1fr 1fr}
@media (max-width:640px){
 .mz-result .mz-combo{grid-template-columns:1fr;grid-template-rows:none}
 .mz-result .mz-combo>*,.mz-result .mz-combo .mz-combo-art{grid-column:1;grid-row:auto}
 .mz-result .mz-combo .mz-combo-art{aspect-ratio:5/4;min-height:0}
 .t-bundles .mz-hero h1 {font-size: 26px;}
.t-bundles .mz-hero-cta {gap: 5px;}
.t-bundles .mz-hero-cta .mz-btn {flex-basis: 40%;text-align: center;justify-content: center;padding-inline: 0px !important;border-radius: 8px !important;font-size: 14px !important;gap: 5px;}
}
.mz-slot.fill.has-img {padding: 0px;}
.t-bundles .ans-lbl span {color: #d4ff5a;}
.form label {max-width: none;display: block;}
@media (max-width:767.98px){
.auth-card {padding: 12px;border-radius: 10px;}
.auth-steps span {letter-spacing: 0px;font-size: 10px;padding-inline: 0px;flex-grow: 1;text-align: center;}
.sheet-2btn .mz-btn {padding-inline: 0px !important;font-size: 13px !important;border-radius: 10px !important;}
.sheet-2btn {gap: 5px;}
}
.tstrip8-me button {
	margin-right: 5px;
}
/* mini cart: real product photo instead of the colour swatch */
.mc-th.has-img{display:block;overflow:hidden;flex:none;background:#F1ECFA;box-shadow:inset 0 0 0 1px rgba(26,17,48,.06)}
.mc-th.has-img img{display:block;width:100%;height:100%;object-fit:cover}
.cart-line .th.has-img{padding:0;background:#F1ECFA!important}
.cart-line .th.has-img img{object-fit:cover}
.ft.ft-min {margin-top: 0px;}
/* ---------- v25 · shop category cards: same fanned product-photo thumbnail as the bundle cards ---------- */
.cats .cat-art{position:relative;display:block!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;padding:0!important;overflow:hidden!important;isolation:isolate;background:radial-gradient(85% 65% at 50% 105%,hsl(var(--h) 90% 74% / .9),transparent 72%),linear-gradient(160deg,hsl(var(--h) 60% 40%),hsl(calc(var(--h) + 45) 68% 20%))}
.cats .cat-art::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.5px) 0 0/14px 14px;-webkit-mask:linear-gradient(#000,transparent 70%);mask:linear-gradient(#000,transparent 70%)}
.cats .cat-packs{position:absolute;inset:0;display:block!important;max-width:none}
.cats .cat-packs img{--o:calc(var(--i,0) - 1);position:absolute;left:50%;bottom:7%;width:38%!important;max-width:none!important;max-height:none!important;min-width:0;height:auto!important;aspect-ratio:1;margin:0 0 0 -19%;object-fit:cover;border-radius:14px;border:3px solid #fff;background:#F1ECFA;box-shadow:0 18px 30px -14px rgba(10,4,30,.7);filter:none;transform-origin:50% 270%;transform:rotate(calc(var(--o) * 11deg));transition:transform .45s var(--ease)}
.cats .cat-packs img:nth-child(2){--i:1;z-index:2}
.cats .cat-packs img:nth-child(3){--i:2}
.cat:hover .cat-packs img{transform:rotate(calc(var(--o) * 15deg)) translateY(-8px)}
.cats .cat-art .n{z-index:3}
@media (max-width:760px){
 .cats .cat-art{aspect-ratio:4/3!important;border-radius: 12px;}
 .cats .cat-packs img{width:44%!important;margin-left:-22%;border-width:2px;border-radius:10px}
}
@media (prefers-reduced-motion:reduce){.cats .cat-packs img{transition:none}}
@media (max-width:991px){
    .pd-tabs {
	margin-top: 0;
}
.pd-tabs a {
	padding-inline: 0px;
	flex-grow: 1;
	text-align: center;
}
.pd-card .pd-h2 {
	font-size: 18px;
}
.hd-hide .pd-tabs {
	top: 0;
}
}
@media (max-width:601px){
.sg {
	display: flex;
	flex-wrap: wrap;
}
main .pd-buy .mz-cta {
	padding-inline: 5px !important;
	font-size: 13px !important;
}
.bc ol {
	gap: 1px;
	font-size: 12px;
}
.pd-buy {
	margin-top: 5px;
}

}
/* ---------- v26 · filter drawer: content stacks from the top, actions pinned to the bottom ---------- */
.lst .lib-f{display:flex!important;flex-direction:column;gap:16px}
.lst .lib-f>*{flex:none}
.lst .lib-f-head{margin:0 -20px;padding:18px 20px 12px!important;border-bottom:1px solid var(--line)}
.lst .lib-f fieldset{gap:2px;padding-bottom:14px}
.lst .lib-f fieldset label{min-height:40px;padding:0 4px;border-radius:10px}
.lst .lib-f fieldset label:hover{background:#EEE8FF}
.lst .lib-f-foot{margin:auto -20px 0!important;position:sticky;bottom:0;z-index:1;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px))!important;background:var(--cream);border-top:1px solid var(--line);box-shadow:0 -14px 18px -10px var(--cream)}
.lst .lib-f-foot .mz-btn{min-height:50px;height:50px;border-radius:999px}
.lst .lib-f{padding-bottom:0!important}
.pd-bundle-cta-cntnt-holder{display:flex;align-items:center;gap:12px;flex:1 1 220px;min-width:0}
@media (max-width:991px){
.lst-bar .chips {
	gap: 3px;
}
.lst-bar .chips button {
	font-size: 13px;
	padding-inline: 5px;
	min-height: 40px;
	flex-grow: 1;
	text-align: center;
	justify-content: center;
}
.hd-hide .lst-bar {
	top: 0px;
}
}
/* ---------- v27 · richer hero intros: summary, key facts, on-this-page links, byline ---------- */
.hx-more{display:grid;gap:16px;margin-top:20px;max-width:640px}
.hx-sum{margin:0;font-size:15.5px;line-height:1.65;color:#3D3358}
.hx-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hx-facts li{min-width:0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hx-facts b{display:block;font:800 18px/1.15 var(--display);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-facts span{display:block;margin-top:4px;font:600 10.5px/1.25 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.hx-toc{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.hx-toc>span{margin-right:4px;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hx-toc a{padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);font:600 13px/1.2 var(--body);text-decoration:none;transition:border-color .2s,color .2s}
.hx-toc a:hover{border-color:var(--accent);color:var(--accent)}
.hx-by{margin:0;font:500 12.5px/1.4 var(--mono);color:var(--muted)}
h2[id^="h-"]{scroll-margin-top:calc(var(--hdr, 68px) + 24px)}
@media (max-width:760px){
 .hx-more{gap:14px;margin-top:16px}
 .hx-sum{font-size:15px}
 .hx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hx-toc{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
 .hx-toc::-webkit-scrollbar{display:none}
 .hx-toc a{flex:none}
}
.hx-more .hx-sum{font-weight:400}
.hx-toc>span{white-space:nowrap}
.hx-side{margin-top:20px}
.hx-side .hx-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.hx-side .hx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}