/* ============================================================
   MASHIN IRANI — Homepage mockup
   Tokens transcribed verbatim from design-system/ (theme.json v2 layer).
   [Spec] hexes: navy #102134/#112250/#1a293f, gold #896f3d/#E0C58F,
   ivory #F5F0E9, sand #D9CBC2. Gift(gold)-vs-buy(navy) rule = §3.2.
   ============================================================ */
@font-face{
  font-family:"Vazirmatn";
  src:url("../../fonts/Vazirmatn-Variable.woff2") format("woff2");
  font-weight:100 900; font-display:swap; font-style:normal;
}
:root{
  /* — color primitives [Spec] — */
  --navy-900:#102134; --navy-800:#112250; --navy-700:#1a293f; --slate-600:#404751;
  --sapphire-500:#3C507D; --gold-500:#896f3d; --gold-300:#E0C58F;
  --ivory-50:#F5F0E9; --sand-200:#D9CBC2;
  /* — derived neutrals / signals — */
  --accessible-gold:#7F6220; --clay-error:#B4402E; --success:#2E7D5B; --warning:#C58A2E;
  --white:#fff; --n-100:#ECE4DA; --n-300:#C0B2A6; --n-500:#6E6A66; --n-700:#2C3A4C; --n-800:#1B2B3E;
  /* — semantic roles — */
  --bg-base:var(--ivory-50); --bg-elevated:var(--white); --bg-sunken:var(--n-100);
  --text-primary:var(--navy-900); --text-secondary:var(--slate-600); --text-tertiary:var(--n-500);
  --text-on-dark:var(--ivory-50); --brand-primary:var(--navy-800); --brand-accent:var(--gold-500);
  --action-lead-magnet:var(--gold-500); --action-buy:var(--navy-800);
  --link:var(--sapphire-500); --gold-text:var(--accessible-gold);
  --border:var(--sand-200); --border-strong:var(--n-300);
  /* — spacing (4px base, 8pt rhythm) — */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
  --space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
  /* — radius — */
  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:999px;
  /* — shadows (navy-tinted rgba(16,33,52)) — */
  --shadow-e1:0 1px 2px rgba(16,33,52,.06);
  --shadow-e2:0 4px 12px rgba(16,33,52,.08);
  --shadow-e3:0 8px 24px rgba(16,33,52,.10);
  --shadow-e4:0 16px 40px rgba(16,33,52,.14);
  --shadow-e5:0 24px 64px rgba(16,33,52,.18);
  /* — z-index ladder — */
  --z-dropdown:1000;--z-sticky-header:1100;--z-floating-chat:1150;--z-popover:1200;
  --z-modal-overlay:1300;--z-modal:1310;--z-wheel-modal:1350;--z-toast:1400;
  /* — motion — */
  --duration-fast:120ms;--duration-base:200ms;--duration-moderate:300ms;--duration-slow:500ms;
  --ease-standard:cubic-bezier(.2,0,0,1);--ease-entrance:cubic-bezier(0,0,0,1);--ease-exit:cubic-bezier(.4,0,1,1);
  /* — layout — */
  --container:1280px; --reading:720px; --pad-inline:clamp(16px,4vw,40px);
  --font-sans:"Vazirmatn","Segoe UI",Tahoma,system-ui,sans-serif;
  --font-logo:"Georgia","Times New Roman",serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg-base); color:var(--text-primary);
  font-family:var(--font-sans); font-size:16px; line-height:1.6; font-weight:400;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; overflow-x:clip;
}
.num{font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1}
h1,h2,h3,h4{margin:0; line-height:1.2; font-weight:700; color:var(--text-primary); letter-spacing:0}
h2{font-size:clamp(1.5rem,3.2vw,1.75rem)} h3{font-size:1.5rem;font-weight:600;line-height:1.25} h4{font-size:1.25rem;font-weight:600;line-height:1.3}
p{margin:0}
a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}
button{font-family:inherit; cursor:pointer; border:0; background:none; color:inherit}
:focus-visible{outline:2px solid var(--link); outline-offset:2px; border-radius:var(--radius-sm)}
.container{max-width:var(--container); margin-inline:auto; padding-inline:var(--pad-inline)}
.section{padding-block:clamp(56px,8vw,88px)}
.eyebrow{font-size:.8125rem;font-weight:600;color:var(--gold-text);margin:0 0 var(--space-3)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-10);flex-wrap:wrap}
.sec-head p.lead{color:var(--text-secondary);margin-top:var(--space-2);max-width:52ch}
.link-more{color:var(--link);font-weight:600;font-size:.9375rem;display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}
.link-more svg{width:16px;height:16px}
.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mirror [dir="rtl"] &,[dir="rtl"] .mirror{transform:scaleX(-1)}
.skip{position:absolute;inset-inline-start:var(--space-4);top:-60px;background:var(--navy-900);color:var(--ivory-50);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);z-index:var(--z-toast);transition:top var(--duration-base)}
.skip:focus{top:var(--space-2)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:600;font-size:.9375rem;
  padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);min-height:44px}
.btn:hover{transform:translateY(-1px)} .btn:active{transform:translateY(0) scale(.98)}
.btn svg{width:18px;height:18px;stroke-width:1.75}
/* BUY = navy (§3.2 buy side) */
.btn-buy{background:var(--action-buy);color:var(--ivory-50);box-shadow:var(--shadow-e1)}
.btn-buy:hover{background:#0c1b3f;box-shadow:var(--shadow-e2)}
/* GIFT / lead-magnet = gold, kept apart from cart (§3.2).
   Label sized to large-text (>=18.66px/700) so navy-on-gold (3.42:1) clears AA-Large 3:1
   — the design system's documented mitigation; also makes the gift CTA visually dominant (§3.2). */
.btn-cta{background:var(--action-lead-magnet);color:var(--navy-900);box-shadow:var(--shadow-e1);font-weight:700;font-size:1.1875rem}
.btn-cta svg{width:20px;height:20px}
.btn-cta:hover{background:#96793f;box-shadow:var(--shadow-e2)}
.btn-outline{background:transparent;border:1.5px solid var(--border-strong);color:var(--text-primary)}
.btn-outline:hover{border-color:var(--navy-800);background:var(--n-100)}
.btn-ghost-light{background:rgba(245,240,233,.08);border:1.5px solid rgba(224,197,143,.5);color:var(--ivory-50)}
.btn-ghost-light:hover{background:rgba(245,240,233,.14)}
.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem;min-height:52px}
.btn-block{width:100%}
.chip{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.8125rem;font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--n-100);color:var(--text-secondary)}

/* ---------- top bar ---------- */
.topbar{background:var(--navy-900);color:var(--sand-200);font-size:.8125rem}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:38px;padding-block:var(--space-1)}
.topbar a{color:var(--gold-300)}
.topbar .tb-note{display:inline-flex;align-items:center;gap:var(--space-2)}
.topbar .tb-note svg{width:15px;height:15px;stroke:var(--gold-300)}
.topbar .tb-right{display:inline-flex;gap:var(--space-6);align-items:center}
@media(max-width:767px){.topbar .tb-right span:not(.tb-phone){display:none}}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:var(--z-sticky-header);background:rgba(245,240,233,.9);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid transparent;transition:box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base)}
.site-header.scrolled{box-shadow:var(--shadow-e3);border-color:var(--border)}
.hdr{display:flex;align-items:center;gap:var(--space-6);min-height:72px;padding-block:var(--space-3)}
.brand-lockup{display:flex;align-items:center;gap:var(--space-3);flex:none}
.brand-lockup img{width:44px;height:44px}
.brand-lockup .wm{display:flex;flex-direction:column;line-height:1.05}
.brand-lockup .wm b{font-family:var(--font-logo);font-size:1.02rem;letter-spacing:.02em;color:var(--navy-900)}
.brand-lockup .wm span{font-size:.7rem;color:var(--gold-text);font-weight:600}
/* gift CTA sits by the logo — far from the cart cluster (§3.2 non-adjacency) */
.hdr .cta-hdr{flex:none}
.hdr nav.primary{margin-inline:auto}
.primary ul{display:flex;gap:var(--space-1);list-style:none;margin:0;padding:0}
.primary a{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;color:var(--text-primary);position:relative;transition:background-color var(--duration-fast),color var(--duration-fast)}
.primary a:hover{color:var(--navy-800);background:var(--n-100)}
.primary a.active{color:var(--accessible-gold)}
.primary a.active::after{content:"";position:absolute;inset-inline:var(--space-3);bottom:2px;height:2px;background:var(--gold-500);border-radius:2px}
.hdr .utils{display:flex;align-items:center;gap:var(--space-2);flex:none}
.icon-btn{position:relative;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--navy-900);transition:background-color var(--duration-fast)}
.icon-btn:hover{background:var(--n-100)}
.icon-btn .badge{position:absolute;top:5px;inset-inline-end:5px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-pill);background:var(--clay-error);color:#fff;font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}
.wallet-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--navy-900);color:var(--ivory-50);font-size:.8125rem;font-weight:600}
.wallet-pill svg{width:18px;height:18px;stroke:var(--gold-300)}
.wallet-pill b{color:var(--gold-300)}
.avatar{width:36px;height:36px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--navy-700),var(--sapphire-500));color:var(--ivory-50);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.login-link{font-weight:600;font-size:.9rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);display:inline-flex;gap:var(--space-2);align-items:center}
.login-link:hover{background:var(--n-100)}
.menu-toggle{display:none}
[data-logged="true"] .logged-out{display:none!important}
[data-logged="false"] .logged-in{display:none!important}
@media(max-width:1080px){.primary{display:none}.menu-toggle{display:inline-flex}.hdr .utils{margin-inline-start:auto}}
@media(max-width:768px){.login-text{display:none}}
/* compact mobile header: gift CTA collapses to an icon-only gold pill; search+login move into the drawer (§3.2 CTA stays gold & prominent, still not adjacent to cart) */
@media(max-width:640px){
  .hdr{gap:var(--space-3)}
  .brand-lockup .wm{display:none}
  .cta-label{display:none}
  .hdr .cta-hdr .btn{padding:0;width:44px;height:44px;border-radius:var(--radius-md)}
  .hdr .cta-hdr .btn svg{margin:0}
  .utils .search-btn,.utils .login-link{display:none}
  .wallet-pill{padding:var(--space-1) var(--space-2)}.wallet-pill b{display:none}
}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--navy-900)}
.hero-scrub{height:320vh}
.hero__stage{position:sticky;top:0;height:100vh;overflow:hidden}
.hero__canvas,.hero__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__poster{display:none}
.hero__scrim{position:absolute;inset:0;background:
   linear-gradient(to bottom,rgba(16,33,52,.55) 0%,rgba(16,33,52,.15) 32%,rgba(16,33,52,.35) 68%,rgba(16,33,52,.85) 100%),
   radial-gradient(120% 90% at 78% 40%,transparent 40%,rgba(16,33,52,.5) 100%)}
.hero__inner{position:relative;height:100%;display:flex;align-items:center}
.hero__content{max-width:600px}
.hero .eyebrow{color:var(--gold-300);display:inline-flex;align-items:center;gap:var(--space-2)}
.hero .eyebrow::before{content:"";width:28px;height:1px;background:var(--gold-300)}
.hero h1{color:var(--ivory-50);font-size:clamp(2.125rem,6vw,3rem);line-height:1.1;letter-spacing:0}
.hero h1 .accent{color:var(--gold-300)}
.hero p.sub{color:var(--sand-200);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.7;margin-top:var(--space-5);max-width:46ch}
.hero .hero-cta{display:flex;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap}
.hero__meta{position:absolute;inset-inline-start:var(--pad-inline);bottom:var(--space-10);display:flex;gap:var(--space-8);color:var(--sand-200);font-size:.8125rem}
.hero__meta b{color:var(--gold-300);font-size:1.35rem;display:block;font-weight:700}
.scroll-hint{position:absolute;inset-inline-end:var(--pad-inline);bottom:var(--space-10);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--sand-200);font-size:.75rem;transition:opacity var(--duration-moderate)}
.scroll-hint .mouse{width:24px;height:38px;border:1.5px solid var(--gold-300);border-radius:var(--radius-pill);position:relative}
.scroll-hint .mouse::after{content:"";position:absolute;inset-inline-start:50%;top:7px;width:3px;height:7px;border-radius:2px;background:var(--gold-300);transform:translateX(-50%);animation:wheel 1.6s var(--ease-standard) infinite}
@keyframes wheel{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(-50%,10px)}}
.hero__progress{position:absolute;inset-inline:0;bottom:0;height:3px;background:rgba(224,197,143,.18)}
.hero__progress i{display:block;height:100%;width:0;background:var(--gold-300)}
/* mobile / reduced-motion hero */
.hero-static{height:auto}
.hero-static .hero__stage{position:relative;height:auto;min-height:82vh}
.hero-static .hero__poster{display:block}
.hero-static .hero__canvas,.hero-static .scroll-hint,.hero-static .hero__progress,.hero-static .hero__meta{display:none}
.hero-static .hero__inner{padding-block:var(--space-24) var(--space-16)}

/* ---------- trust bar ---------- */
.trustbar{background:var(--bg-sunken);border-block:1px solid var(--border)}
.trustbar .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}
.trust-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4)}
.trust-item .tico{width:44px;height:44px;border-radius:var(--radius-md);background:var(--navy-900);display:flex;align-items:center;justify-content:center;flex:none}
.trust-item .tico svg{width:22px;height:22px;stroke:var(--gold-300)}
.trust-item b{display:block;font-size:.95rem}
.trust-item span{display:block;font-size:.8125rem;color:var(--text-secondary)}
.trust-item + .trust-item{border-inline-start:1px solid var(--border)}
@media(max-width:767px){.trustbar .grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(-n+2){border-block-end:1px solid var(--border)}.trust-item:nth-child(odd){border-inline-start:0}}

/* ---------- generic grids / cards ---------- */
.grid-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.grid-vehicles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
@media(max-width:1023px){.grid-brands{grid-template-columns:repeat(2,1fr)}.grid-vehicles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid-brands{grid-template-columns:1fr}.grid-vehicles{grid-template-columns:repeat(2,1fr)}}
.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-e1);transition:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard);overflow:hidden}
.card:hover{box-shadow:var(--shadow-e2);transform:translateY(-3px)}
/* art-directed emblem placeholder (no product photos exist — §5.1/§8, PL1) */
.emblem{position:relative;aspect-ratio:16/10;background:
   radial-gradient(80% 120% at 75% 15%,rgba(224,197,143,.16),transparent 55%),
   linear-gradient(135deg,var(--navy-900),var(--navy-700));display:flex;align-items:center;justify-content:center;overflow:hidden}
.emblem::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(224,197,143,.10) 1px,transparent 1px);background-size:18px 18px;opacity:.5}
.emblem svg{width:64px;height:64px;stroke:var(--gold-300);opacity:.9;position:relative}
.emblem .ph-note{position:absolute;bottom:8px;inset-inline-end:10px;font-size:.625rem;color:rgba(217,203,194,.6);letter-spacing:.02em}
.brand-card .body{padding:var(--space-5)}
.brand-card .flagrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}
.brand-card h3{font-size:1.15rem}
.brand-card .country{font-size:.75rem;color:var(--text-tertiary);display:inline-flex;gap:var(--space-1);align-items:center}
.brand-card p{color:var(--text-secondary);font-size:.9rem;margin-top:var(--space-2);min-height:2.6em}
.brand-card .foot{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}
.brand-card .models{font-size:.8125rem;color:var(--text-tertiary)}
.brand-card .go{color:var(--link);font-weight:600;font-size:.875rem;display:inline-flex;gap:var(--space-1);align-items:center}
.brand-card .go svg{width:16px;height:16px}
.viewall{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;background:
   linear-gradient(135deg,var(--navy-900),var(--navy-800));color:var(--ivory-50);border:0}
.viewall .ring{width:56px;height:56px;border-radius:var(--radius-pill);border:1.5px solid var(--gold-300);display:flex;align-items:center;justify-content:center}
.viewall .ring svg{width:24px;height:24px;stroke:var(--gold-300)}
.viewall b{font-size:1.1rem}.viewall span{color:var(--sand-200);font-size:.85rem}

/* vehicle card */
.veh-card{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-e1);transition:box-shadow var(--duration-base),transform var(--duration-base);text-align:start}
.veh-card:hover{box-shadow:var(--shadow-e2);transform:translateY(-3px)}
.veh-card .vico{width:56px;height:56px;border-radius:var(--radius-md);background:var(--bg-sunken);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}
.veh-card .vico svg{width:28px;height:28px;stroke:var(--navy-800)}
.veh-card h3{font-size:1.15rem}
.veh-card p{color:var(--text-secondary);font-size:.875rem;margin-top:var(--space-2)}
.veh-card .go{margin-top:var(--space-4);color:var(--link);font-weight:600;font-size:.875rem;display:inline-flex;gap:var(--space-1);align-items:center}
.veh-card .go svg{width:16px;height:16px}

/* ---------- carousels ---------- */
.carousel{position:relative}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:var(--space-5);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-3);scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail > *{scroll-snap-align:start}
@media(min-width:1024px){.rail{grid-auto-columns:calc((100% - 4*var(--space-5))/5)}}
.car-nav{position:absolute;top:38%;width:44px;height:44px;border-radius:var(--radius-pill);background:var(--bg-elevated);box-shadow:var(--shadow-e3);display:flex;align-items:center;justify-content:center;color:var(--navy-900);border:1px solid var(--border);z-index:2}
.car-nav svg{width:22px;height:22px;transform:scaleX(-1)}
.car-nav.prev{inset-inline-end:-10px}.car-nav.next{inset-inline-start:-10px}
.car-nav.next svg{transform:scaleX(1)}
@media(max-width:900px){.car-nav{display:none}}

/* product card */
.prod{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-e1);overflow:hidden;transition:box-shadow var(--duration-base),transform var(--duration-base)}
.prod:hover{box-shadow:var(--shadow-e2);transform:translateY(-3px)}
.prod .media{position:relative;aspect-ratio:1/1;background:linear-gradient(160deg,#fbf8f3,var(--n-100));display:flex;align-items:center;justify-content:center}
.prod .media .wmk{width:72px;height:72px;stroke:var(--n-300);opacity:.8;fill:none;stroke-width:1.5}
.prod .brandchip{position:absolute;top:var(--space-3);inset-inline-start:var(--space-3);background:rgba(16,33,52,.9);color:var(--ivory-50);font-size:.6875rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-pill)}
.prod .disc{position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);background:var(--clay-error);color:#fff;font-size:.6875rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-pill)}
.prod .wish{position:absolute;bottom:var(--space-3);inset-inline-end:var(--space-3);width:36px;height:36px;border-radius:var(--radius-pill);background:var(--bg-elevated);box-shadow:var(--shadow-e2);display:flex;align-items:center;justify-content:center}
.prod .wish svg{width:18px;height:18px;stroke:var(--slate-600)}
.prod .pbody{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}
.prod h3{font-size:1rem;font-weight:600;line-height:1.4}
.prod .stars{display:flex;align-items:center;gap:var(--space-1);color:var(--gold-500);font-size:.8125rem}
.prod .stars svg{width:15px;height:15px;fill:var(--gold-500);stroke:none}
.prod .stars span{color:var(--text-tertiary)}
.prod .pricerow{display:flex;align-items:baseline;gap:var(--space-2);margin-top:auto}
.prod .price{font-size:1.15rem;font-weight:700;color:var(--navy-900)}
.prod .price small{font-size:.75rem;font-weight:600;color:var(--text-tertiary)}
.prod .strike{font-size:.8125rem;color:var(--text-tertiary);text-decoration:line-through}
.prod .stock{font-size:.75rem;font-weight:600}
.prod .stock.in{color:var(--success)} .prod .stock.low{color:var(--warning)}
.prod .actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}
.prod .actions .btn-buy{flex:1}

/* ---------- flash deals (شگفت‌انگیز) — distinct dark band (fixes bug §2.2 #7) ---------- */
.flash{background:linear-gradient(120deg,var(--navy-900),#0c1b3f);color:var(--ivory-50)}
.flash .flash-head{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-8)}
.flash .badge-amaze{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--gold-500),var(--gold-300));color:var(--navy-900);font-weight:800;font-size:1.1875rem;padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill)}
.flash .badge-amaze svg{width:20px;height:20px;stroke:var(--navy-900)}
.flash .countdown{display:inline-flex;gap:var(--space-2);align-items:center;margin-inline-start:auto}
.flash .countdown .lbl{color:var(--sand-200);font-size:.8125rem}
.flash .cbox{background:rgba(245,240,233,.1);border:1px solid rgba(224,197,143,.3);border-radius:var(--radius-md);min-width:44px;padding:var(--space-2);text-align:center}
.flash .cbox b{font-size:1.15rem;color:var(--gold-300);font-weight:700}
.flash .cbox span{display:block;font-size:.625rem;color:var(--sand-200)}
.flash .prod{background:var(--navy-800);border-color:rgba(224,197,143,.18)}
.flash .prod h3{color:var(--ivory-50)}
.flash .prod .media{background:linear-gradient(160deg,#16264a,#0e1c39)}
.flash .prod .media .wmk{stroke:rgba(224,197,143,.35)}
.flash .prod .price{color:var(--gold-300)}
.flash .prod .strike{color:var(--sand-200)}
.flash .prod .progress{height:6px;border-radius:var(--radius-pill);background:rgba(245,240,233,.14);margin-top:var(--space-1);overflow:hidden}
.flash .prod .progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-500),var(--gold-300))}
.flash .prod .soldnote{font-size:.6875rem;color:var(--sand-200);margin-top:var(--space-1)}

/* ---------- banners (lab / club+league / wholesale) ---------- */
.banner{border-radius:var(--radius-2xl);overflow:hidden;position:relative}
.lab-banner{display:grid;grid-template-columns:1.1fr 1fr;background:var(--navy-900);color:var(--ivory-50)}
.lab-banner .txt{padding:clamp(28px,4vw,var(--space-16))}
.lab-banner .eyebrow{color:var(--gold-300)}
.lab-banner h2{color:var(--ivory-50)}
.lab-banner p{color:var(--sand-200);margin-top:var(--space-4);max-width:44ch}
.lab-steps{display:flex;gap:var(--space-5);margin-top:var(--space-8);flex-wrap:wrap}
.lab-steps .st{flex:1;min-width:120px}
.lab-steps .st .n{width:34px;height:34px;border-radius:var(--radius-pill);border:1.5px solid var(--gold-300);color:var(--gold-300);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:var(--space-2)}
.lab-steps .st b{font-size:.9rem}.lab-steps .st span{font-size:.8rem;color:var(--sand-200)}
.lab-banner .visual{position:relative;min-height:280px;background-size:cover;background-position:center}
/* RTL-fixed layout: .txt is inline-start (right), .visual inline-end (left);
   navy must darken the seam (visual's inline-start/right edge) -> `to left` (mirrors §1.8 intent for this RTL-only site) */
.lab-banner .visual::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,var(--navy-900),transparent 45%)}
.lab-banner .visual .stamp{position:absolute;inset-inline-end:var(--space-8);top:var(--space-8);z-index:2;background:rgba(16,33,52,.6);border:1px solid var(--gold-300);color:var(--gold-300);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-weight:700;font-size:.8rem;display:flex;gap:var(--space-2);align-items:center}
.lab-banner .visual .stamp svg{width:18px;height:18px;stroke:var(--gold-300)}
@media(max-width:820px){.lab-banner{grid-template-columns:1fr}.lab-banner .visual{min-height:200px;order:-1}}

.loyalty{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}
@media(max-width:900px){.loyalty{grid-template-columns:1fr}}
.club-card,.league-card{border-radius:var(--radius-xl);padding:clamp(24px,3vw,var(--space-10));border:1px solid var(--border)}
.club-card{background:linear-gradient(140deg,#141a34,var(--navy-900));color:var(--ivory-50);position:relative;overflow:hidden}
.club-card .wheel{position:absolute;inset-inline-end:-40px;top:50%;transform:translateY(-50%);width:200px;height:200px;border-radius:var(--radius-pill);background:conic-gradient(var(--gold-500) 0 45deg,var(--navy-700) 45deg 90deg,var(--gold-300) 90deg 135deg,var(--navy-800) 135deg 180deg,var(--gold-500) 180deg 225deg,var(--navy-700) 225deg 270deg,var(--gold-300) 270deg 315deg,var(--navy-800) 315deg 360deg);opacity:.9;border:6px solid rgba(224,197,143,.4);animation:spin 22s linear infinite}
@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}
.club-card .wheel::after{content:"";position:absolute;inset:38%;border-radius:var(--radius-pill);background:var(--navy-900);border:2px solid var(--gold-300)}
.club-card .inner{position:relative;max-width:64%}
.club-card .eyebrow{color:var(--gold-300)}
.club-card h3{color:var(--ivory-50);font-size:1.5rem}
.club-card p{color:var(--sand-200);font-size:.9rem;margin-top:var(--space-3)}
.club-card .odds{display:flex;gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap}
.club-card .odds .chip{background:rgba(224,197,143,.14);color:var(--gold-300)}
.league-card{background:var(--bg-elevated)}
.league-card .lhead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}
.league-card .tabs{display:flex;gap:var(--space-2)}
.league-card .tabs button{font-size:.8rem;font-weight:600;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-secondary)}
.league-card .tabs button.on{background:var(--navy-900);color:var(--ivory-50);border-color:var(--navy-900)}
.league-card .cd{font-size:.8rem;color:var(--text-secondary);display:inline-flex;gap:var(--space-2);align-items:center}
.league-card .cd svg{width:16px;height:16px;stroke:var(--gold-500)}
.lb{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}
.lb .row{display:grid;grid-template-columns:34px 1fr auto auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--radius-md)}
.lb .row:nth-child(odd){background:var(--bg-sunken)}
.lb .row.me{background:rgba(137,111,61,.12);border:1px solid var(--gold-300)}
.lb .rank{width:28px;height:28px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;background:var(--n-300);color:var(--navy-900)}
.lb .row:nth-child(1) .rank{background:linear-gradient(135deg,var(--gold-500),var(--gold-300))}
.lb .nm{font-weight:600;font-size:.9rem}
.lb .amt{font-size:.85rem;color:var(--text-secondary)}
.lb .medal{font-size:1.1rem}
.league-card .foot{margin-top:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}
.league-card .cashback{font-size:.85rem;color:var(--text-secondary)}
.league-card .cashback b{color:var(--success)}

/* quick compare */
.compare-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-e1)}
table.compare{width:100%;border-collapse:collapse;min-width:760px;font-size:.9rem}
table.compare th,table.compare td{padding:var(--space-4);text-align:start;border-bottom:1px solid var(--border)}
table.compare thead th{background:var(--navy-900);color:var(--ivory-50);font-weight:600;font-size:.8125rem;position:sticky;top:0}
table.compare tbody tr:hover{background:var(--bg-sunken)}
table.compare .bname{font-weight:700;display:flex;flex-direction:column}
table.compare .bname small{color:var(--text-tertiary);font-weight:400}
table.compare .boost{color:var(--success);font-weight:700}
table.compare .labok{display:inline-flex;gap:var(--space-1);align-items:center;color:var(--accessible-gold);font-weight:600;font-size:.8125rem}
table.compare .labok svg{width:15px;height:15px;stroke:var(--accessible-gold)}
table.compare .rate{color:var(--gold-text);font-weight:700}
table.compare td .btn-buy{padding:var(--space-2) var(--space-4);min-height:38px}

/* wholesale banner */
.wholesale{background:linear-gradient(135deg,var(--navy-800),var(--navy-900));color:var(--ivory-50);border-radius:var(--radius-2xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);padding:clamp(28px,4vw,var(--space-16))}
@media(max-width:860px){.wholesale{grid-template-columns:1fr}}
.wholesale .eyebrow{color:var(--gold-300)}
.wholesale h2{color:var(--ivory-50)}
.wholesale p{color:var(--sand-200);margin-top:var(--space-4)}
.wholesale ul{list-style:none;padding:0;margin:var(--space-6) 0 0;display:flex;flex-direction:column;gap:var(--space-3)}
.wholesale ul li{display:flex;gap:var(--space-3);align-items:center;font-size:.9rem}
.wholesale ul li svg{width:20px;height:20px;stroke:var(--gold-300);flex:none}
.wform{background:rgba(245,240,233,.06);border:1px solid rgba(224,197,143,.22);border-radius:var(--radius-lg);padding:var(--space-6)}
.wform h4{color:var(--ivory-50);margin-bottom:var(--space-4)}
.field{margin-bottom:var(--space-4)}
.field label{display:block;font-size:.8125rem;color:var(--sand-200);margin-bottom:var(--space-2)}
.field input,.field select{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid rgba(224,197,143,.3);background:rgba(16,33,52,.5);color:var(--ivory-50);font-family:inherit;font-size:.9rem;min-height:44px}
.field input::placeholder{color:rgba(217,203,194,.5)}
.field input:focus,.field select:focus{outline:2px solid var(--gold-300);outline-offset:1px;border-color:transparent}
.wform .hint{font-size:.75rem;color:var(--sand-200);margin-top:var(--space-3);text-align:center}
.wform .whatsapp{margin-top:var(--space-3)}
.wform .whatsapp .btn{background:var(--success);color:#fff}

/* live activity bar */
.liveact{background:var(--navy-900);color:var(--ivory-50)}
.liveact .container{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,var(--space-16));flex-wrap:wrap;padding-block:var(--space-6)}
.liveact .li{display:flex;align-items:center;gap:var(--space-3)}
.liveact .li svg{width:22px;height:22px;stroke:var(--gold-300)}
.liveact .li b{font-size:1.5rem;color:var(--gold-300);font-weight:700}
.liveact .li span{font-size:.85rem;color:var(--sand-200)}
.liveact .li .pulse{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 0 rgba(46,125,91,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,125,91,.5)}70%{box-shadow:0 0 0 10px rgba(46,125,91,0)}100%{box-shadow:0 0 0 0 rgba(46,125,91,0)}}
.liveact .sep{width:1px;height:34px;background:rgba(224,197,143,.25)}
@media(max-width:767px){.liveact .sep{display:none}}

/* reviews */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
@media(max-width:900px){.reviews-grid{grid-template-columns:1fr}}
.rev{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-e1)}
.rev .badge-buy{display:inline-flex;align-items:center;gap:var(--space-2);background:rgba(46,125,91,.12);color:var(--success);font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill);margin-bottom:var(--space-3)}
.rev .badge-buy svg{width:14px;height:14px;stroke:var(--success)}
.rev .who{display:flex;align-items:center;gap:var(--space-3)}
.rev .who .av{width:40px;height:40px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--navy-700),var(--sapphire-500));color:var(--ivory-50);display:flex;align-items:center;justify-content:center;font-weight:700}
.rev .who b{font-size:.95rem;display:flex;align-items:center;gap:var(--space-2)}
.rev .who .verified{color:var(--sapphire-500)}
.rev .who .verified svg{width:15px;height:15px;stroke:var(--sapphire-500)}
.rev .vtag{font-size:.75rem;color:var(--text-tertiary)}
.rev .stars{display:flex;gap:2px;margin:var(--space-4) 0 var(--space-2);color:var(--gold-500)}
.rev .stars svg{width:16px;height:16px;fill:var(--gold-500);stroke:none}
.rev p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}
.rev .rtime{font-size:.75rem;color:var(--text-tertiary);margin-top:var(--space-3)}
.rev-summary{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}
.rev-summary .big{font-size:2.5rem;font-weight:700;color:var(--navy-900);line-height:1}
.rev-summary .stars{display:flex;gap:2px;color:var(--gold-500)}
.rev-summary .stars svg{width:20px;height:20px;fill:var(--gold-500);stroke:none}

/* blog */
.chips{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-8)}
.chips button{font-size:.85rem;font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-secondary);transition:all var(--duration-fast)}
.chips button.on,.chips button:hover{background:var(--navy-900);color:var(--ivory-50);border-color:var(--navy-900)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr}}
.post{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-e1);transition:box-shadow var(--duration-base),transform var(--duration-base)}
.post:hover{box-shadow:var(--shadow-e2);transform:translateY(-3px)}
.post .media{aspect-ratio:16/9;background:linear-gradient(135deg,var(--navy-800),var(--navy-700));position:relative;display:flex;align-items:center;justify-content:center}
.post .media svg{width:44px;height:44px;stroke:rgba(224,197,143,.6)}
.post .cat{position:absolute;top:var(--space-3);inset-inline-start:var(--space-3);background:var(--gold-500);color:var(--navy-900);font-size:.6875rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill)}
.post .pbody{padding:var(--space-5)}
.post h3{font-size:1.1rem;line-height:1.4}
.post p{color:var(--text-secondary);font-size:.875rem;margin-top:var(--space-2)}
.post .meta{margin-top:var(--space-4);font-size:.75rem;color:var(--text-tertiary);display:flex;gap:var(--space-3)}

/* FAQ (RTL-aligned — fixes live bug §2.2 #5) */
.faq{max-width:var(--reading);margin-inline:auto}
.faq details{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden;box-shadow:var(--shadow-e1)}
.faq summary{list-style:none;cursor:pointer;padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-weight:600;text-align:start}
.faq summary::-webkit-details-marker{display:none}
.faq summary .q{flex:1}
.faq summary .ic{width:28px;height:28px;flex:none;border-radius:var(--radius-pill);background:var(--bg-sunken);display:flex;align-items:center;justify-content:center;transition:transform var(--duration-base) var(--ease-standard)}
.faq summary .ic svg{width:16px;height:16px;stroke:var(--navy-800)}
.faq details[open] summary .ic{transform:rotate(180deg);background:var(--navy-900)}
.faq details[open] summary .ic svg{stroke:var(--gold-300)}
.faq .ans{padding:0 var(--space-5) var(--space-5);color:var(--text-secondary);line-height:1.8}

/* newsletter + seals */
.newsletter{position:relative;border-radius:var(--radius-2xl);overflow:hidden;color:var(--ivory-50);background:var(--navy-900)}
.newsletter .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.25}
.newsletter .inner{position:relative;padding:clamp(32px,5vw,var(--space-20)) var(--pad-inline);text-align:center;max-width:640px;margin-inline:auto}
.newsletter .eyebrow{color:var(--gold-300)}
.newsletter h2{color:var(--ivory-50)}
.newsletter p{color:var(--sand-200);margin-top:var(--space-3)}
.nl-form{display:flex;gap:var(--space-2);margin-top:var(--space-6);max-width:440px;margin-inline:auto}
.nl-form input{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid rgba(224,197,143,.3);background:rgba(16,33,52,.6);color:var(--ivory-50);font-family:inherit;min-height:48px}
.nl-form input::placeholder{color:rgba(217,203,194,.55)}
.seals{display:flex;gap:var(--space-4);justify-content:center;align-items:center;margin-top:var(--space-10);flex-wrap:wrap}
.seal{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--sand-200);font-size:.7rem}
.seal .box{width:74px;height:74px;border-radius:var(--radius-md);background:rgba(245,240,233,.06);border:1px solid rgba(224,197,143,.3);display:flex;align-items:center;justify-content:center}
.seal .box svg{width:34px;height:34px;stroke:var(--gold-300)}
@media(max-width:560px){.nl-form{flex-direction:column}}

/* footer */
.site-footer{background:var(--navy-900);color:var(--sand-200);padding-block:var(--space-16) var(--space-8)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--space-10)}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot-grid{grid-template-columns:1fr}}
.site-footer .brand-lockup .wm b{color:var(--ivory-50)}
.site-footer .about{color:var(--sand-200);font-size:.875rem;line-height:1.8;margin-top:var(--space-4);max-width:34ch}
.site-footer h4{color:var(--ivory-50);font-size:.95rem;margin-bottom:var(--space-4)}
.site-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}
.site-footer ul a{color:var(--sand-200);font-size:.875rem}
.site-footer ul a:hover{color:var(--gold-300)}
.foot-return{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--gold-300)!important;font-weight:600}
.foot-return svg{width:16px;height:16px;stroke:var(--gold-300)}
.foot-social{display:flex;gap:var(--space-2);margin-top:var(--space-4)}
.foot-social a{width:40px;height:40px;border-radius:var(--radius-pill);border:1px solid rgba(224,197,143,.25);display:flex;align-items:center;justify-content:center;color:var(--sand-200)}
.foot-social a:hover{border-color:var(--gold-300);color:var(--gold-300)}
.foot-social svg{width:18px;height:18px}
.foot-bottom{border-top:1px solid rgba(224,197,143,.15);margin-top:var(--space-12);padding-top:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;font-size:.8rem}
.foot-seals{display:flex;gap:var(--space-3)}
.foot-seals .s{width:48px;height:48px;border-radius:var(--radius-sm);background:rgba(245,240,233,.06);border:1px solid rgba(224,197,143,.25);display:flex;align-items:center;justify-content:center}
.foot-seals .s svg{width:24px;height:24px;stroke:var(--gold-300)}

/* floating chat (Gaftino) */
.gaftino{position:fixed;inset-inline-end:var(--space-6);bottom:var(--space-6);z-index:var(--z-floating-chat);display:flex;align-items:center;gap:var(--space-3);background:var(--navy-900);color:var(--ivory-50);padding:var(--space-3) var(--space-5) var(--space-3) var(--space-4);border-radius:var(--radius-pill);box-shadow:var(--shadow-e4);border:1px solid rgba(224,197,143,.3)}
.gaftino .dot{width:10px;height:10px;border-radius:50%;background:var(--success)}
.gaftino svg{width:22px;height:22px;stroke:var(--gold-300)}
.gaftino b{font-size:.85rem}.gaftino span{font-size:.7rem;color:var(--sand-200);display:block}
@media(max-width:560px){.gaftino .txt{display:none}.gaftino{padding:var(--space-3)}}

/* ---------- popups / modals ---------- */
.scrim{position:fixed;inset:0;background:rgba(16,33,52,.55);backdrop-filter:blur(2px);z-index:var(--z-modal-overlay);opacity:0;pointer-events:none;transition:opacity var(--duration-moderate)}
.scrim.show{opacity:1;pointer-events:auto}
.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:var(--z-modal);pointer-events:none;padding:var(--space-4)}
.modal .box{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-e4);max-width:420px;width:100%;padding:var(--space-8);position:relative;opacity:0;transform:translateY(12px) scale(.98);transition:opacity var(--duration-moderate) var(--ease-entrance),transform var(--duration-moderate) var(--ease-entrance);pointer-events:none;text-align:center}
.modal.show .box{opacity:1;transform:none;pointer-events:auto}
.modal .close{position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);width:36px;height:36px;border-radius:var(--radius-pill);background:var(--bg-sunken);display:flex;align-items:center;justify-content:center}
.modal .close svg{width:18px;height:18px;stroke:var(--slate-600)}
.modal .gift-ico{width:64px;height:64px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--gold-500),var(--gold-300));display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}
.modal .gift-ico svg{width:32px;height:32px;stroke:var(--navy-900)}
.modal h3{font-size:1.35rem}
.modal p{color:var(--text-secondary);margin-top:var(--space-3)}
.coupon-code{margin:var(--space-5) 0;border:1.5px dashed var(--gold-500);border-radius:var(--radius-md);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;background:rgba(137,111,61,.06)}
.coupon-code b{font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:1.3rem;letter-spacing:.06em;color:var(--navy-900)}
.coupon-code .amt{color:var(--accessible-gold);font-weight:700}
.modal.welcome .box{max-width:380px}
.modal.welcome .wv{width:64px;height:64px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--navy-700),var(--sapphire-500));color:var(--ivory-50);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;margin:0 auto var(--space-4)}
.btype-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}


@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .club-card .wheel{animation:none}
}