/* ArabiCasino — one stylesheet, both directions. Logical properties only. */
@font-face{font-family:"Plex Arabic";src:url(/assets/fonts/plex-arabic-400-ar.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex Arabic";src:url(/assets/fonts/plex-arabic-400-latin.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Arabic";src:url(/assets/fonts/plex-arabic-700-ar.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex Arabic";src:url(/assets/fonts/plex-arabic-700-latin.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bodoni Moda";src:url(/assets/fonts/bodoni-moda-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Reem Kufi";src:url(/assets/fonts/reem-kufi-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FE70-FEFF,U+0020-002F,U+003A-0040}

:root{
  --bg:#0e0a08;            /* agarwood black */
  --surface:#1a120e;       /* smoked amber */
  --surface-2:#241811;
  --resin:#4a2c16;         /* deep amber-brown */
  --burgundy:#4e1c24;
  --gold:#c8a24e;          /* warm brass */
  --gold-2:#ecd9a0;        /* pale gold highlight */
  --ivory:#f2e8d5;
  --muted:#b3a58f;
  --line:rgba(200,162,78,.22);
  --line-strong:rgba(200,162,78,.5);
  --saffron:#c9423a;       /* live indicator only */
  --ok:#7fb069;
  --font-body:"Plex Arabic","IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  --font-display:"Bodoni Moda",Georgia,"Times New Roman",serif;
  --radius:6px;
  --wrap:1180px;
  --pad:clamp(16px,4vw,32px);
  --fs:16px;
  --lh:1.65;
  --shadow:0 20px 50px rgba(0,0,0,.45);
  color-scheme:dark;
}
[dir=rtl]{--font-display:"Reem Kufi","Plex Arabic",sans-serif;--fs:17.5px;--lh:1.8}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);color:var(--ivory);font:var(--fs)/var(--lh) var(--font-body);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;min-height:100vh;background:
  radial-gradient(1200px 600px at 80% -10%,rgba(74,44,22,.55),transparent 60%),
  radial-gradient(800px 500px at -10% 30%,rgba(78,28,36,.35),transparent 60%),
  var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-2);text-decoration:none}
a:hover{color:#fff}
p{margin:0 0 1em}
h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;margin:0 0 .5em;color:var(--ivory);letter-spacing:0}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-weight:700;line-height:1.35}
h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-block:1.6em .5em}
h3{font-size:1.15rem;font-family:var(--font-body);font-weight:700}
.sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;inset-inline-start:8px;inset-block-start:-60px;background:var(--gold);color:#000;padding:8px 12px;z-index:100}
.skip:focus{inset-block-start:8px}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
bdi,code{direction:ltr;unicode-bidi:isolate}
code{font-family:var(--font-body);background:rgba(200,162,78,.12);padding:0 .35em;border-radius:3px;color:var(--gold-2)}
table{border-collapse:collapse;inline-size:100%}
.table-wrap{overflow-x:auto;margin-block:1em;border:1px solid var(--line);border-radius:var(--radius)}
.tbl th,.tbl td{padding:.7em .8em;border-block-end:1px solid var(--line);text-align:start;vertical-align:middle;font-size:.95rem}
.tbl th{color:var(--gold-2);font-weight:700;background:rgba(0,0,0,.25);white-space:nowrap}
.tbl tr.is-pref td{background:rgba(200,162,78,.06)}
.prose table{display:block;overflow-x:auto}
.prose th,.prose td{padding:.6em .8em;border-block-end:1px solid var(--line);text-align:start}
.prose th{color:var(--gold-2)}
.prose{max-width:74ch}
.prose--narrow{max-width:68ch}
.prose h2{scroll-margin-block-start:80px}
.prose ul,.prose ol{padding-inline-start:1.4em}
.prose li{margin-block:.3em}
.prose blockquote{border-inline-start:3px solid var(--gold);margin:1em 0;padding-inline-start:1em;color:var(--muted)}
.prose img{border-radius:var(--radius)}
.prose .btn{margin-block:.5em}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.8em 1.4em;border-radius:var(--radius);font-weight:700;border:1px solid transparent;cursor:pointer;line-height:1.2;text-align:center;transition:transform .15s,box-shadow .15s,background .15s}
.btn-gold{background:linear-gradient(180deg,var(--gold-2),var(--gold) 55%,#a9853a);color:#1a120e;box-shadow:0 6px 18px rgba(200,162,78,.25),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-gold:hover{color:#000;transform:translateY(-1px);box-shadow:0 10px 24px rgba(200,162,78,.35),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-ghost{border-color:var(--line-strong);color:var(--gold-2);background:rgba(0,0,0,.2)}
.btn-ghost:hover{background:rgba(200,162,78,.1)}
.btn-sm{padding:.55em 1em;font-size:.9rem}
.tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.2em .6em;border-radius:3px;vertical-align:middle;font-family:var(--font-body)}
[dir=rtl] .tag{letter-spacing:0;text-transform:none;font-size:.8rem}
.tag--gold{background:var(--gold);color:#1a120e}
.tag--warn{background:var(--burgundy);color:var(--ivory)}
.kicker{color:var(--gold);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-block-end:.6em}
[dir=rtl] .kicker{letter-spacing:0;text-transform:none;font-size:.95rem}
.badge-age{display:inline-flex;align-items:center;justify-content:center;min-inline-size:2.6em;block-size:2.6em;border:2px solid var(--ivory);border-radius:50%;font-weight:700;font-size:.8rem;direction:ltr}
.live-dot{display:inline-block;inline-size:.6em;block-size:.6em;border-radius:50%;background:var(--saffron);margin-inline-end:.5em;box-shadow:0 0 0 0 rgba(201,66,58,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(201,66,58,.55)}70%{box-shadow:0 0 0 10px rgba(201,66,58,0)}100%{box-shadow:0 0 0 0 rgba(201,66,58,0)}}
@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}

/* Header */
.site-head{position:sticky;inset-block-start:0;z-index:50;background:rgba(14,10,8,.86);backdrop-filter:blur(12px);border-block-end:1px solid var(--line)}
.site-head__row{display:flex;align-items:center;gap:1rem;min-block-size:64px}
.brand{display:flex;align-items:center;gap:.5rem;color:var(--gold);font-family:var(--font-display);font-size:1.35rem}
.brand__name span{color:var(--ivory)}
[dir=rtl] .brand{font-family:"Bodoni Moda",Georgia,serif}
.nav{flex:1}
.nav__toggle{display:none;background:none;border:1px solid var(--line-strong);border-radius:4px;inline-size:40px;block-size:36px;padding:6px;flex-direction:column;justify-content:space-between;cursor:pointer}
.nav__toggle span:not(.sr){display:block;block-size:2px;background:var(--gold-2)}
.nav__list{list-style:none;margin:0;padding:0;display:flex;gap:.2rem}
.nav__item{position:relative}
.nav__item>a{display:block;padding:.6rem .8rem;color:var(--ivory);font-weight:700;font-size:.95rem;border-radius:4px}
.nav__item>a:hover{background:rgba(200,162,78,.1);color:var(--gold-2)}
.nav__sub{position:absolute;inset-inline-start:0;inset-block-start:100%;min-inline-size:220px;list-style:none;margin:0;padding:.4rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:none;z-index:60}
.nav__item--menu:hover .nav__sub,.nav__item--menu:focus-within .nav__sub{display:block}
.nav__sub a{display:block;padding:.45rem .7rem;color:var(--ivory);border-radius:4px;font-size:.92rem}
.nav__sub a:hover{background:rgba(200,162,78,.12);color:var(--gold-2)}
.site-head__tools{display:flex;align-items:center;gap:.6rem}
.lang{border:1px solid var(--line-strong);border-radius:4px;padding:.4rem .7rem;font-weight:700;font-size:.9rem;color:var(--gold-2)}
@media (max-width:960px){
  .nav__toggle{display:flex}
  .nav__list{display:none;position:absolute;inset-inline:0;inset-block-start:64px;background:var(--surface);border-block-end:1px solid var(--line);flex-direction:column;padding:.5rem var(--pad) 1rem;max-block-size:calc(100vh - 64px);overflow:auto}
  .nav.is-open .nav__list{display:flex}
  .nav__sub{position:static;display:block;box-shadow:none;border:0;padding-inline-start:1rem;background:transparent}
  .site-head__cta{display:none}
}

/* Hero */
.hero{padding-block:clamp(1.5rem,5vw,4rem) clamp(1rem,3vw,2rem);position:relative}
.hero--home{border-block-end:1px solid var(--line);background:linear-gradient(180deg,rgba(74,44,22,.18),transparent)}
.hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}
.hero__h1{font-size:clamp(2rem,5vw,3.6rem);margin-block:0 .35em;max-width:20ch}
[dir=rtl] .hero__h1{max-width:24ch}
.hero__lead{font-size:1.15rem;color:var(--muted);max-width:60ch;margin-block-end:1.2em}
.hero__ctas{display:flex;flex-wrap:wrap;gap:.7rem;margin-block-end:1.2rem}
.hero__facts{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem;color:var(--muted);font-size:.9rem}
.hero__facts b{display:block;color:var(--gold-2);font-family:var(--font-display);font-size:1.5rem}
.hero__art{display:flex;justify-content:center}
.wheel{inline-size:min(100%,420px);filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.wheel__spin{transform-origin:200px 200px;animation:spin 90s linear infinite}
.wheel__ball{transform-origin:200px 200px;animation:spin 14s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.wheel__spin,.wheel__ball{animation:none}}
@media (max-width:820px){.hero__grid{grid-template-columns:1fr}.hero__art{order:-1}.wheel{inline-size:min(70%,300px)}}
.hero--hub .hero__h1{max-width:26ch}
.hero--live{background:linear-gradient(180deg,rgba(78,28,36,.35),transparent)}

/* Breadcrumbs */
.crumbs ol{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;font-size:.85rem;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-inline-end:.4rem;color:var(--line-strong)}
.crumbs a{color:var(--muted)}

/* Seal */
.seal{position:relative;display:inline-grid;place-items:center;inline-size:64px;block-size:64px;flex:none}
.seal--sm{inline-size:44px;block-size:44px}
.seal--lg{inline-size:110px;block-size:110px}
.seal svg{position:absolute;inset:0;inline-size:100%;block-size:100%}
.seal__face{fill:#1a120e;stroke:var(--gold);stroke-width:1.5}
.seal__inner{fill:none;stroke:var(--gold);stroke-opacity:.45;stroke-width:1}
.seal__num{position:relative;font-family:"Bodoni Moda",Georgia,serif;font-weight:600;color:var(--gold-2);font-size:1.35rem;direction:ltr}
.seal--sm .seal__num{font-size:.95rem}
.seal--lg .seal__num{font-size:2.4rem}

/* Toplist */
.toplist{margin-block:2rem}
.toplist__title{margin-block-start:0}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.5rem 1rem}
.chip{background:rgba(0,0,0,.25);border:1px solid var(--line-strong);color:var(--ivory);border-radius:999px;padding:.4em 1em;font-size:.85rem;cursor:pointer;font-family:inherit}
.chip.is-on{background:var(--gold);color:#1a120e;border-color:var(--gold)}
.toplist__list{list-style:none;margin:0;padding:0;display:grid;gap:.9rem;counter-reset:rank}
.card{display:grid;grid-template-columns:44px 88px 1fr auto;gap:1rem;align-items:center;padding:1rem;background:linear-gradient(135deg,var(--surface-2),var(--surface) 60%);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden}
.card::before{content:"";position:absolute;inset-inline-start:0;inset-block:0;inline-size:3px;background:linear-gradient(180deg,var(--gold-2),var(--gold))}
.card--pref{border-color:var(--line-strong);box-shadow:0 0 0 1px rgba(200,162,78,.15),var(--shadow)}
.card__rank{font-family:var(--font-display);color:var(--gold);font-size:1.6rem;text-align:center;direction:ltr}
.card__logo{display:block;inline-size:88px;block-size:88px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}
.card__logo img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.card__name{margin:0 0 .2em;font-family:var(--font-body);font-size:1.2rem}
.card__name a{color:var(--ivory)}
.card__bonus{margin:0 0 .4em;color:var(--gold-2);font-weight:700}
.code{font-weight:400;color:var(--muted);font-size:.9rem}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.chip-fact{font-size:.78rem;border:1px solid var(--line);border-radius:3px;padding:.15em .5em;color:var(--muted)}
.chip-fact--live{border-color:rgba(201,66,58,.6);color:var(--ivory)}
.chip-fact--live::before{content:"";display:inline-block;inline-size:.5em;block-size:.5em;border-radius:50%;background:var(--saffron);margin-inline-end:.4em}
.card__side{display:grid;gap:.5rem;justify-items:center;min-inline-size:150px}
.card__review{font-size:.85rem;color:var(--muted)}
.card[hidden]{display:none}
.toplist__empty{color:var(--muted);padding:1rem;border:1px dashed var(--line);border-radius:var(--radius)}
@media (max-width:760px){.card{grid-template-columns:36px 1fr;grid-template-areas:"rank logo" "main main" "side side"}.card__rank{grid-area:rank}.card__logo{grid-area:logo;inline-size:64px;block-size:64px;justify-self:start}.card__main{grid-area:main}.card__side{grid-area:side;grid-template-columns:auto 1fr auto;align-items:center;justify-items:stretch}.card__side .btn{inline-size:100%}}

/* Country cards */
.countries{margin-block:2.5rem}
.countries__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}
.ccard{display:grid;gap:.2rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(0,0,0,.25);color:var(--ivory);transition:border-color .15s,transform .15s}
.ccard:hover{border-color:var(--gold);transform:translateY(-2px)}
.ccard__code{font-family:"Bodoni Moda",Georgia,serif;color:var(--gold);font-size:1.4rem;direction:ltr}
.ccard__name{font-weight:700}
.ccard__meta{color:var(--muted);font-size:.85rem;direction:ltr;text-align:start}

/* Live strip */
.live-strip{display:grid;grid-template-columns:1fr 1.3fr;gap:2rem;align-items:center;padding:2rem;margin-block:2.5rem;border:1px solid rgba(201,66,58,.35);border-radius:var(--radius);background:linear-gradient(135deg,rgba(78,28,36,.35),rgba(26,18,14,.6))}
.live-strip h2{margin-block-start:0}
.live-strip__brands{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
@media (max-width:820px){.live-strip{grid-template-columns:1fr}}
.bcard{display:grid;grid-template-columns:52px 1fr auto auto;gap:.8rem;align-items:center;padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.bcard__logo{display:block;inline-size:52px;block-size:52px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.bcard__logo img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.bcard__name{margin:0;font-family:var(--font-body);font-size:1rem}
.bcard__name a{color:var(--ivory)}
.bcard__bonus{margin:0;color:var(--gold-2);font-size:.9rem}
@media (max-width:600px){.bcard{grid-template-columns:52px 1fr auto}.bcard .btn{grid-column:1/-1}}

/* Method / authors */
.method{margin-block:2.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius)}
.method h2{margin-block-start:0}
.method__people{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1.5rem}
.method__people li{display:grid;grid-template-columns:48px 1fr;gap:.2rem .7rem;align-items:center}
.method__people img{grid-row:1/3;border-radius:50%}
.method__people span{color:var(--muted);font-size:.85rem}

/* Review */
.review-head{display:grid;grid-template-columns:120px 1fr auto;gap:1.5rem;align-items:start;margin-block:1rem}
.review-head__logo{inline-size:120px;block-size:120px;border-radius:12px;object-fit:cover;border:1px solid var(--line-strong);background:var(--surface-2)}
.review-head__bonus{font-size:1.1rem;margin:0 0 .3em}
.review-head__verified{color:var(--muted);font-size:.85rem}
.review-head__rating{display:grid;gap:.6rem;justify-items:center;min-inline-size:220px}
.subscores{list-style:none;margin:0;padding:0;inline-size:100%;display:grid;gap:.3rem;font-size:.85rem}
.subscores li{display:grid;grid-template-columns:5em 1fr 2.2em;gap:.5rem;align-items:center}
.subscores .bar{block-size:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}
.subscores .bar i{display:block;block-size:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2))}
.subscores b{text-align:end;direction:ltr}
@media (max-width:820px){.review-head{grid-template-columns:1fr}.review-head__logo{inline-size:96px;block-size:96px}}
.review__grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2.5rem;align-items:start}
.review__side{position:sticky;inset-block-start:84px}
@media (max-width:960px){.review__grid{grid-template-columns:1fr}.review__side{position:static}}
.toc{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem;margin-block:1.5rem;background:rgba(0,0,0,.2)}
.toc__h{margin:0 0 .4em;color:var(--gold);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}
[dir=rtl] .toc__h{text-transform:none;letter-spacing:0}
.toc ol{margin:0;padding-inline-start:1.2em;columns:2;gap:2rem;font-size:.92rem}
@media (max-width:600px){.toc ol{columns:1}}

/* Facts box */
.facts{border:1px solid var(--line-strong);border-radius:var(--radius);padding:1.2rem;background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow)}
.facts__h{margin:0 0 .8em;font-size:1.1rem;font-family:var(--font-body);color:var(--gold)}
.facts__dl{margin:0;display:grid;gap:.55rem;font-size:.92rem}
.facts__dl>div{display:grid;grid-template-columns:9em 1fr;gap:.5rem;border-block-end:1px solid var(--line);padding-block-end:.5rem}
.facts__dl dt{color:var(--muted)}
.facts__dl dd{margin:0}
.facts__cta{margin:1rem 0 0;text-align:center}
.facts__cta .btn{inline-size:100%}
.acc{display:inline-block;font-size:.78rem;padding:.1em .5em;border-radius:3px;margin:.1em .15em .1em 0;border:1px solid var(--line)}
.acc--yes{border-color:rgba(127,176,105,.7);color:#cfe7c4}
.acc--no{border-color:rgba(201,66,58,.7);color:#f1b9b4;text-decoration:line-through}
.acc--unknown{color:var(--muted)}

/* Pros/cons */
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-block:2rem}
.proscons__col{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem;background:rgba(127,176,105,.06)}
.proscons__col--cons{background:rgba(201,66,58,.06)}
.proscons h2{font-size:1.1rem;margin:0 0 .6em;font-family:var(--font-body)}
.proscons ul{margin:0;padding-inline-start:1.2em}
@media (max-width:600px){.proscons{grid-template-columns:1fr}}

/* Cross-sell */
.cross{border:1px solid var(--line-strong);border-radius:var(--radius);padding:1.2rem;margin-block:1.5rem;background:linear-gradient(135deg,rgba(74,44,22,.5),var(--surface))}
.cross__h{margin:0 0 .2em;font-size:1.1rem;font-family:var(--font-body);color:var(--gold)}
.cross__lead{color:var(--muted);margin:0 0 1em;font-size:.95rem}
.cross__card{display:grid;grid-template-columns:76px 1fr auto auto;gap:1rem;align-items:center}
.cross__logo{display:block;inline-size:76px;block-size:76px;border-radius:10px;overflow:hidden;border:1px solid var(--line-strong)}
.cross__logo img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.cross__name{margin:0;font-weight:700;font-size:1.1rem}
.cross__bonus{margin:.1em 0 .4em;color:var(--gold-2)}
@media (max-width:760px){.cross__card{grid-template-columns:76px 1fr;grid-template-areas:"logo body" "seal btn"}.cross__logo{grid-area:logo}.cross__body{grid-area:body}.cross .seal{grid-area:seal}.cross .btn{grid-area:btn}}
.alts .toplist{margin-block:1rem}
.alts .filters{display:none}

/* Legal */
.legal{border:1px solid var(--line-strong);border-inline-start:4px solid var(--gold);border-radius:var(--radius);padding:1.2rem 1.4rem;margin-block:1.5rem;background:rgba(0,0,0,.3)}
.legal__h{margin:0 0 .5em;font-size:1.1rem;font-family:var(--font-body);color:var(--gold-2)}
.legal__sub{font-size:1rem;margin:.8em 0 .3em;color:var(--gold-2)}
.legal p{font-size:.95rem}
.legal__age{display:flex;gap:.8rem;align-items:center;margin:0;color:var(--muted)}

/* Payments grid */
.pay{margin-block:2rem}
.pay__cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.pay__col{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem}
.pay__col h3{margin-block-start:0}
.pay__col--ok{border-color:rgba(127,176,105,.5)}
.pay__col--no{border-color:rgba(201,66,58,.45)}
.pay__col ul{padding-inline-start:1.2em;margin:0 0 .8em}
.pay__note,.pay__crypto{font-size:.9rem;color:var(--muted);margin:0}
@media (max-width:640px){.pay__cols{grid-template-columns:1fr}}
.avail__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}
.avail__item{display:grid;gap:.2rem;padding:.8rem;border:1px solid var(--line);border-radius:var(--radius)}
.avail__item--ok{border-color:rgba(127,176,105,.6)}
.avail__item--ok span{color:#cfe7c4}
.avail__item--no span{color:var(--muted)}

/* Finder */
.finder{margin-block:2rem}
.finder__lead{color:var(--muted)}

/* FAQ */
.faq{margin-block:2rem}
.faq__item{border:1px solid var(--line);border-radius:var(--radius);margin-block:.5rem;background:rgba(0,0,0,.2)}
.faq__item summary{cursor:pointer;padding:.9rem 1.1rem;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";color:var(--gold);font-size:1.3rem;line-height:1}
.faq__item[open] summary::after{content:"–"}
.faq__a{padding:0 1.1rem 1rem;color:var(--muted)}
.faq__a p{margin:0}

/* Calculator */
.calc{border:1px solid var(--line-strong);border-radius:var(--radius);padding:1.2rem;margin-block:2rem;background:linear-gradient(180deg,var(--surface-2),var(--surface))}
.calc__h{margin:0 0 .8em;font-size:1.15rem;font-family:var(--font-body);color:var(--gold)}
.calc__row{display:grid;gap:.3rem;margin-block-end:1rem;max-width:280px}
.calc input{font:inherit;padding:.6em .8em;border-radius:4px;border:1px solid var(--line-strong);background:#0e0a08;color:var(--ivory)}
.calc__out{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem}
.calc__out div{border:1px solid var(--line);border-radius:4px;padding:.6rem .8rem}
.calc__out dt{color:var(--muted);font-size:.85rem}
.calc__out dd{margin:0;font-family:"Bodoni Moda",Georgia,serif;font-size:1.5rem;color:var(--gold-2)}
.calc__note{margin:.8em 0 0;color:var(--muted);font-size:.85rem}

/* Author */
.author{display:flex;gap:.8rem;align-items:center;margin-block:1rem;color:var(--muted);font-size:.9rem}
.author__avatar{border-radius:50%;border:1px solid var(--line-strong);flex:none}
.author__line{margin:0}
.author__label{color:var(--gold);font-weight:700}
.profile{display:grid;grid-template-columns:120px 1fr;gap:1.5rem;align-items:center;margin-block:1.5rem}
.profile__avatar{border-radius:50%;border:2px solid var(--gold)}
.profile__exp{color:var(--muted)}
@media (max-width:600px){.profile{grid-template-columns:1fr}}

/* Next reads */
.next{margin-block:3rem 2rem}
.next__h{font-size:1.2rem;font-family:var(--font-body);color:var(--gold)}
.next__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem}
.next__list a{display:grid;gap:.3rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);color:var(--ivory);background:rgba(0,0,0,.2);block-size:100%}
.next__list a:hover{border-color:var(--gold)}
.next__t{font-weight:700}
.next__d{color:var(--muted);font-size:.9rem}
.newslist{list-style:none;margin:1.5rem 0;padding:0;display:grid;gap:.6rem}
.newslist a{display:grid;gap:.2rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);color:var(--ivory)}
.newslist time{color:var(--gold);font-size:.85rem}
.newslist__t{font-weight:700;font-size:1.05rem}
.newslist__d{color:var(--muted);font-size:.9rem}
.article__head{margin-block:1rem 2rem}

/* Footer */
.site-foot{margin-block-start:3rem;border-block-start:1px solid var(--line);padding-block:2rem 3rem;color:var(--muted);font-size:.9rem;background:rgba(0,0,0,.35)}
.rg{display:flex;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);margin-block-end:1.5rem}
.rg p{margin:0}
.site-foot__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-block-end:1.5rem}
.site-foot__h{font-family:var(--font-body);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin:0 0 .6em}
[dir=rtl] .site-foot__h{text-transform:none;letter-spacing:0;font-size:1rem}
.site-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.site-foot a{color:var(--ivory)}
.site-foot__legal{font-size:.82rem;line-height:1.6}
.site-foot__copy{margin:0}

/* Sticky bar */
.sticky{position:fixed;inset-inline:0;inset-block-end:0;z-index:40;display:grid;grid-template-columns:auto 1fr auto auto;gap:.8rem;align-items:center;padding:.6rem var(--pad);background:rgba(26,18,14,.96);border-block-start:1px solid var(--gold);box-shadow:0 -10px 30px rgba(0,0,0,.5);transform:translateY(0);transition:transform .25s}
.sticky[hidden]{display:none}
.sticky__logo{border-radius:6px;inline-size:40px;block-size:40px;object-fit:cover;border:1px solid var(--line)}
.sticky__text{margin:0;font-size:.9rem;line-height:1.3}
.sticky__text span{display:block;color:var(--gold-2)}
.sticky__close{background:none;border:0;color:var(--muted);font-size:1.4rem;cursor:pointer;line-height:1}
@media (max-width:600px){.sticky__logo{display:none}.sticky{grid-template-columns:1fr auto auto}}
@media print{.sticky,.exit,.site-head__cta{display:none!important}}
body.has-sticky{padding-block-end:70px}

/* Exit intent */
.exit{border:1px solid var(--gold);border-radius:var(--radius);background:var(--surface);color:var(--ivory);padding:0;max-width:420px;inline-size:calc(100% - 2rem);box-shadow:var(--shadow)}
.exit::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(3px)}
.exit__box{padding:1.6rem;display:grid;gap:.4rem;text-align:center;position:relative}
.exit__close{position:absolute;inset-inline-end:.6rem;inset-block-start:.4rem;background:none;border:0;color:var(--muted);font-size:1.5rem;cursor:pointer}
.exit__kicker{margin:0;color:var(--gold);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
[dir=rtl] .exit__kicker{text-transform:none;letter-spacing:0;font-size:.95rem}
.exit__h{margin:0;font-size:1.8rem}
.exit__bonus{margin:0;color:var(--gold-2);font-size:1.2rem;font-weight:700}
.exit__body{color:var(--muted);margin:0 0 .6em}
.exit__no{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;text-decoration:underline}

/* Tabs (progressive) */
.tabs{display:flex;flex-wrap:wrap;gap:.3rem;border-block-end:1px solid var(--line);margin-block:1.5rem 1rem;padding-block-end:.4rem}
.tabs button{background:none;border:1px solid transparent;color:var(--muted);padding:.5em .9em;border-radius:4px;cursor:pointer;font:inherit;font-weight:700}
.tabs button[aria-selected=true]{color:var(--gold-2);border-color:var(--line-strong);background:rgba(200,162,78,.08)}