*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* Core palette */
  --ink:#0d0720;--ink-2:#160f30;--ink-3:#1f1640;
  --plum:#2d1b69;--plum-l:#3d2785;--violet:#5233a0;--lilac:#7c5cbf;--lavender:#b09ae6;
  --gold:#F5C518;--gold-l:#ffd84d;--gold-d:#c9a000;--gold-glow:rgba(245,197,24,.18);
  --emerald:#10b981;--rose:#f43f5e;
  --surface:#f8f6ff;--surface-2:#f0ecfc;--surface-3:#e8e1f8;
  --border:#dcd5f0;--border-2:#cec5ec;
  --text:#1a1433;--text-2:#4a4068;--text-3:#7b72a0;
  --white:#fff;
  /* Typography */
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Plus Jakarta Sans',system-ui,sans-serif;
  /* Misc */
  --r:10px;--r-lg:16px;--r-xl:24px;--r-2xl:32px;
  --shadow-sm:0 1px 4px rgba(13,7,32,.07);
  --shadow-md:0 4px 20px rgba(13,7,32,.1);
  --shadow-lg:0 12px 48px rgba(13,7,32,.15);
  --shadow-gold:0 4px 24px rgba(245,197,24,.25);
  --max:1200px;--hh:70px;
}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--sans);color:var(--text);background:var(--surface);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--violet);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
ul,ol{list-style:none}

.container{max-width:var(--max);margin:0 auto;padding:0 20px}

/* ===== TICKER ===== */
.ticker{background:var(--ink);padding:9px 0;overflow:hidden;position:relative}
.ticker::before,.ticker::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2}
.ticker::before{left:0;background:linear-gradient(to right,var(--ink),transparent)}
.ticker::after{right:0;background:linear-gradient(to left,var(--ink),transparent)}
.ticker__track{display:flex;gap:0;white-space:nowrap;animation:ticker 40s linear infinite}
.ticker__track:hover{animation-play-state:paused}
.ticker__item{display:inline-flex;align-items:center;gap:8px;padding:0 36px;font-size:.78rem;color:rgba(255,255,255,.7);font-weight:500}
.ticker__item[href]{text-decoration:none}
.ticker__item[href]:hover,.ticker__item[href]:focus{color:#fff;text-decoration:none}
.ticker__item strong{color:var(--gold);font-weight:700}
.ticker__dot{width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.5;flex-shrink:0}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ===== HEADER ===== */
.header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.92);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);height:var(--hh);display:flex;align-items:center;transition:box-shadow .3s}
.header.scrolled{box-shadow:var(--shadow-md)}
.header__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:0 auto;padding:0 28px;width:100%}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo__icon{width:38px;height:38px;background:linear-gradient(135deg,var(--ink),var(--plum));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 2px 10px rgba(45,27,105,.3);flex-shrink:0}
.logo__text{font-family:var(--serif);font-size:1.45rem;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.logo__text span{color:var(--gold-d)}
.nav{display:flex;gap:1px}
.nav{position:relative}
.nav a{color:var(--text-2);font-size:.83rem;font-weight:600;padding:8px 12px;border-radius:8px;transition:all .2s;text-decoration:none}
.nav a:hover{color:var(--plum);background:var(--surface-2);text-decoration:none}
.nav a.active{color:var(--plum);background:var(--surface-3)}
.header__cta{background:linear-gradient(135deg,var(--gold),var(--gold-l));color:var(--ink);padding:9px 20px;border-radius:var(--r);font-weight:700;font-size:.82rem;text-decoration:none;transition:all .2s;white-space:nowrap}
.header__cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-gold);text-decoration:none}
.hamburger{display:none;background:none;border:none;color:var(--ink);font-size:1.4rem;cursor:pointer;padding:8px;line-height:1}
.mobile-nav{display:none;position:fixed;inset:var(--hh) 0 0 0;background:var(--white);z-index:199;flex-direction:column;padding:20px;gap:4px;overflow-y:auto}
.mobile-nav.open{display:flex}
.mobile-nav a{color:var(--text);font-size:1rem;font-weight:600;padding:14px 18px;border-radius:var(--r);text-decoration:none;transition:background .15s}
.mobile-nav a:hover{background:var(--surface-2)}

/* ===== HERO ===== */
.hero{background:var(--ink);min-height:520px;display:flex;align-items:center;position:relative;overflow:hidden;padding:80px 0 100px}
.hero__bg{position:absolute;inset:0;overflow:hidden}
.hero__orb1{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(82,51,160,.35) 0%,transparent 70%);top:-100px;left:-100px}
.hero__orb2{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(245,197,24,.12) 0%,transparent 70%);bottom:-50px;right:100px}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px}
.hero__content{position:relative;z-index:1;max-width:860px;margin:0 auto;text-align:center}
.hero__label{display:inline-flex;align-items:center;gap:8px;background:rgba(245,197,24,.1);border:1px solid rgba(245,197,24,.25);color:var(--gold);padding:7px 18px;border-radius:30px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:24px}
.hero h1{font-family:var(--serif);font-size:3.2rem;color:var(--white);line-height:1.15;margin-bottom:20px;font-weight:600}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero__sub{font-size:1.05rem;color:rgba(255,255,255,.6);max-width:580px;margin:0 auto 36px;line-height:1.75}
.hero__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}
.btn-hero-primary{background:var(--gold);color:var(--ink);padding:15px 36px;border-radius:var(--r-lg);font-weight:800;font-size:.95rem;text-decoration:none;transition:all .25s;box-shadow:0 6px 28px rgba(245,197,24,.3)}
.btn-hero-primary:hover{background:var(--gold-l);transform:translateY(-2px);box-shadow:0 10px 36px rgba(245,197,24,.4);text-decoration:none}
.btn-hero-ghost{background:rgba(255,255,255,.07);color:var(--white);padding:15px 36px;border-radius:var(--r-lg);font-weight:700;font-size:.95rem;text-decoration:none;transition:all .25s;border:1px solid rgba(255,255,255,.12)}
.btn-hero-ghost:hover{background:rgba(255,255,255,.12);text-decoration:none}
.hero__stats{display:flex;justify-content:center;gap:0;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-xl);overflow:hidden;backdrop-filter:blur(10px);background:rgba(255,255,255,.04)}
.hero__stat{padding:20px 40px;text-align:center;position:relative}
.hero__stat+.hero__stat::before{content:'';position:absolute;left:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.1)}
.hero__stat-num{font-family:var(--serif);font-size:2.2rem;color:var(--gold);font-weight:600;line-height:1}
.hero__stat-label{font-size:.75rem;color:rgba(255,255,255,.45);font-weight:500;margin-top:4px;text-transform:uppercase;letter-spacing:.04em}

/* ===== BREADCRUMB + TOC ===== */
.bc-toc-wrap{padding:28px 0 0}
.breadcrumb{font-size:.8rem;color:var(--text-3);margin-bottom:20px}
.breadcrumb a{color:var(--violet);font-weight:600}
.breadcrumb span{margin:0 7px;color:var(--border-2)}
.toc{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:28px 32px;box-shadow:var(--shadow-sm)}
.toc__header{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.toc__icon{width:30px;height:30px;background:linear-gradient(135deg,var(--plum),var(--violet));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--white);flex-shrink:0}
.toc__title{font-family:var(--serif);font-size:1.05rem;color:var(--ink)}
.toc__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 20px}
.toc__grid li{counter-increment:toc-c}
.toc__grid a{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:.83rem;color:var(--text-2);font-weight:500;text-decoration:none;border-bottom:1px solid var(--surface-2);transition:color .15s}
.toc__grid a::before{content:counter(toc-c,decimal-leading-zero);color:var(--lavender);font-size:.72rem;font-weight:700;min-width:22px}
.toc__grid a:hover{color:var(--violet)}

/* ===== MAIN LAYOUT ===== */
.main-layout{display:grid;grid-template-columns:1fr 280px;gap:28px;padding:36px 0 80px;align-items:start;min-width:0}
.main-content{min-width:0;width:100%}
.sidebar{position:sticky;top:calc(var(--hh) + 20px);width:280px;min-width:280px;max-width:280px}

/* ===== SECTION HEADINGS ===== */
.s-block{margin-bottom:60px}
.s-block:last-child{margin-bottom:0}
.s-h2{font-family:var(--serif);font-size:2rem;color:var(--ink);line-height:1.25;margin-bottom:8px;font-weight:600}
.s-h2-line{width:48px;height:3px;background:linear-gradient(to right,var(--gold),transparent);border-radius:2px;margin-bottom:20px}
.s-h3{font-family:var(--serif);font-size:1.3rem;color:var(--plum);margin:28px 0 12px;font-weight:600}
.s-p{color:var(--text-2);font-size:.95rem;margin-bottom:14px;line-height:1.78}

/* ===== INFO BOX ===== */
.info-box{background:linear-gradient(135deg,#fffbea,#fff8d6);border:1px solid #f5e060;border-radius:var(--r-lg);padding:18px 22px;margin:18px 0 22px;display:flex;gap:14px;align-items:flex-start}
.info-box__icon{font-size:1.3rem;flex-shrink:0;margin-top:2px}
.info-box__text{font-size:.9rem;color:#5c4a00;line-height:1.65}
.info-box__text strong{color:#3d3000}

/* ===== CHECKLIST ===== */
.check-list{display:flex;flex-direction:column;gap:8px;margin:4px 0 20px}
.check-list li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--text-2);line-height:1.6}
.check-list li::before{content:'✓';width:20px;height:20px;background:linear-gradient(135deg,var(--emerald),#059669);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;flex-shrink:0;margin-top:2px}

/* ===== CASINO RANK CARDS ===== */
.casino-list{display:flex;flex-direction:column;gap:16px;margin:24px 0}
.casino-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;transition:all .3s;position:relative}
.casino-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-2)}
.casino-card--top{border:2px solid var(--gold);background:linear-gradient(to right,#fffdf0,var(--white))}
.casino-card--top::before{content:'в™› REDAKДЊNГЌ VГќBДљR';position:absolute;top:0;right:24px;background:linear-gradient(135deg,var(--gold-d),var(--gold));color:var(--ink);font-size:.65rem;font-weight:800;padding:4px 14px;border-radius:0 0 8px 8px;letter-spacing:.06em}
.casino-card__inner{display:grid;grid-template-columns:56px 1fr auto;gap:0;align-items:stretch}
.casino-card__rank{width:56px;background:linear-gradient(180deg,var(--ink),var(--plum));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex-shrink:0}
.casino-card__rank-num{font-family:var(--serif);font-size:1.6rem;color:var(--white);font-weight:600;line-height:1}
.casino-card--top .casino-card__rank{background:linear-gradient(180deg,#c9a000,var(--gold-d))}
.casino-card--top .casino-card__rank-num{color:var(--ink)}
.casino-card__rank-label{font-size:.55rem;color:rgba(255,255,255,.5);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.casino-card--top .casino-card__rank-label{color:rgba(0,0,0,.5)}
.casino-card__body{padding:18px 20px;display:grid;grid-template-rows:auto auto auto auto;gap:6px}
.casino-card__head{display:flex;align-items:center;gap:14px}
.casino-card__logo{width:120px;height:68px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.casino-card__logo img{max-width:100%;max-height:100%;object-fit:contain}
.casino-card__logo-ph{font-size:.58rem;font-weight:800;color:var(--text-3);text-align:center;line-height:1.4;letter-spacing:.04em;padding:4px}
.casino-card__name{font-family:var(--serif);font-size:1.15rem;font-weight:600;color:var(--ink)}
.casino-card__badge{display:inline-block;font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:4px;background:var(--surface-2);color:var(--violet);margin-left:6px;vertical-align:middle;border:1px solid var(--border)}
.casino-card__badge--new{background:rgba(16,185,129,.1);color:var(--emerald);border-color:rgba(16,185,129,.2)}
.casino-card__bonus{font-size:.9rem;font-weight:700;color:var(--plum)}
.casino-card__bonus span{color:var(--emerald)}
.casino-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.casino-card__tag{font-size:.72rem;color:var(--text-3);background:var(--surface-2);padding:3px 9px;border-radius:4px;font-weight:500}
.casino-card__score-bar{display:flex;align-items:center;gap:10px}
.casino-card__score-label{font-size:.72rem;color:var(--text-3);white-space:nowrap;font-weight:500}
.casino-card__bar{flex:1;height:5px;background:var(--surface-3);border-radius:3px;overflow:hidden}
.casino-card__bar-fill{height:100%;border-radius:3px;background:linear-gradient(to right,var(--plum),var(--lilac));transition:width .8s ease}
.casino-card__right{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 22px;gap:10px;border-left:1px solid var(--border);min-width:170px}
.casino-card__score-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--plum),var(--violet));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(82,51,160,.25)}
.casino-card--top .casino-card__score-circle{background:linear-gradient(135deg,var(--gold-d),var(--gold));box-shadow:var(--shadow-gold)}
.casino-card__score-num{font-family:var(--serif);font-size:1.3rem;font-weight:600;color:var(--white);line-height:1}
.casino-card--top .casino-card__score-num{color:var(--ink)}
.casino-card__score-sub{font-size:.58rem;color:rgba(255,255,255,.6);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.casino-card--top .casino-card__score-sub{color:rgba(0,0,0,.45)}
.casino-card__btn-primary{background:linear-gradient(135deg,var(--gold-d),var(--gold));color:var(--ink);padding:10px 18px;border-radius:var(--r);font-weight:800;font-size:.8rem;text-decoration:none;transition:all .2s;text-align:center;width:100%;display:block;white-space:nowrap}
.casino-card__btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-gold);text-decoration:none}
.casino-card__btn-ghost{background:transparent;color:var(--violet);padding:9px 18px;border-radius:var(--r);font-weight:600;font-size:.78rem;text-decoration:none;transition:all .2s;text-align:center;width:100%;display:block;border:1px solid var(--border-2)}
.casino-card__btn-ghost:hover{background:var(--surface-2);text-decoration:none}
.casino-card__desc{font-size:.83rem;color:var(--text-2);line-height:1.6;padding:0 20px 18px}

/* ===== QUICK COMPARE TABLE ===== */
.compare-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;margin:28px 0;box-shadow:var(--shadow-sm)}
.compare-wrap h4{font-family:var(--serif);font-size:1rem;color:var(--ink);padding:18px 24px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}
.compare-table{width:100%;border-collapse:collapse}
.compare-table th{background:var(--surface-2);font-size:.73rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;text-align:left;border-bottom:1px solid var(--border)}
.compare-table td{padding:12px 16px;font-size:.83rem;border-bottom:1px solid var(--surface-2);color:var(--text-2)}
.compare-table tr:last-child td{border-bottom:none}
.compare-table td:first-child{font-weight:700;color:var(--ink)}
.compare-table .td-score{font-weight:700;color:var(--plum)}
.compare-table .td-good{color:var(--emerald);font-weight:600}
.compare-table .td-mid{color:#d97706;font-weight:600}

/* ===== BONUS CARDS ===== */
.bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.bonus-card{border-radius:var(--r-xl);padding:24px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.bonus-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.bonus-card--1{background:linear-gradient(135deg,#1a0a3e,var(--plum))}
.bonus-card--2{background:linear-gradient(135deg,#0a3322,#0d6640)}
.bonus-card--3{background:linear-gradient(135deg,#3a1206,#8b3000)}
.bonus-card--4{background:linear-gradient(135deg,#0a1d3e,#1e3a7a)}
.bonus-card::after{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.05)}
.bonus-card__icon{font-size:2rem;margin-bottom:12px}
.bonus-card__type{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45);margin-bottom:4px}
.bonus-card__title{font-family:var(--serif);font-size:1.25rem;color:var(--white);margin-bottom:8px;font-weight:600;line-height:1.2}
.bonus-card__amount{font-size:1.5rem;font-weight:800;color:var(--gold);font-family:var(--serif);display:block;margin-bottom:6px}
.bonus-card__desc{font-size:.8rem;color:rgba(255,255,255,.6);line-height:1.55}
.bonus-card__wagering{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:.72rem;color:rgba(255,255,255,.5);background:rgba(255,255,255,.07);padding:4px 10px;border-radius:20px;font-weight:500}

/* ===== SLOT CARDS ===== */
.slot-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.slot-see-all{font-size:.82rem;font-weight:600;color:var(--violet);text-decoration:none;display:flex;align-items:center;gap:4px}
.slot-see-all:hover{text-decoration:underline}
.slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}
.slot-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:all .3s;cursor:pointer}
.slot-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--lilac)}
.slot-card__thumb{height:140px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.slot-card__emoji{font-size:3.5rem;z-index:1;position:relative;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}
.slot-card__overlay{position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .25s;display:flex;align-items:center;justify-content:center}
.slot-card:hover .slot-card__overlay{background:rgba(0,0,0,.4)}
.slot-card__play-btn{color:var(--white);font-size:2.5rem;opacity:0;transform:scale(.6);transition:all .25s}
.slot-card:hover .slot-card__play-btn{opacity:1;transform:scale(1)}
.slot-card__hot{position:absolute;top:10px;left:10px;z-index:2;padding:4px 10px;border-radius:20px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.slot-card__hot--fire{background:var(--gold);color:var(--ink)}
.slot-card__hot--new{background:var(--emerald);color:var(--white)}
.slot-card__hot--top{background:var(--rose);color:var(--white)}
.slot-card__badge-demo{position:absolute;top:10px;right:10px;z-index:2;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);color:var(--white);font-size:.6rem;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.04em}
.slot-card__body{padding:14px 16px}
.slot-card__name{font-family:var(--serif);font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:4px}
.slot-card__meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.slot-card__provider{font-size:.75rem;color:var(--text-3);font-weight:500}
.slot-card__rtp{font-size:.72rem;font-weight:700;color:var(--violet);background:var(--surface-2);padding:2px 8px;border-radius:4px}
.slot-card__tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}
.slot-card__tag{font-size:.63rem;font-weight:600;padding:3px 8px;border-radius:4px;background:var(--surface-2);color:var(--text-2)}
.slot-card__tag--gold{background:rgba(245,197,24,.12);color:var(--gold-d)}
.slot-card__btns{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.slot-card__btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:9px 6px;border-radius:8px;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .2s;text-align:center}
.slot-card__btn--play{background:linear-gradient(135deg,var(--gold-d),var(--gold));color:var(--ink)}
.slot-card__btn--play:hover{transform:translateY(-1px);box-shadow:var(--shadow-gold);text-decoration:none}
.slot-card__btn--review{background:var(--surface-2);color:var(--violet);border:1px solid var(--border)}
.slot-card__btn--review:hover{background:var(--surface-3);text-decoration:none}

/* ===== BONUS HIGHLIGHT ===== */
.bonus-highlight{background:linear-gradient(135deg,var(--plum),var(--violet));border-radius:var(--r-xl);padding:26px 28px;margin:20px 0 28px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}
.bonus-highlight::after{content:'рџЋЃ';position:absolute;right:24px;bottom:-8px;font-size:5rem;opacity:.08}
.bonus-highlight__icon{font-size:2rem;flex-shrink:0}
.bonus-highlight__text h4{font-family:var(--serif);font-size:1.05rem;color:var(--white);margin-bottom:5px}
.bonus-highlight__text p{font-size:.87rem;color:rgba(255,255,255,.65);line-height:1.55}
.bonus-highlight__text strong{color:var(--gold)}

/* ===== METHODOLOGY ===== */
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 28px}
.method-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 20px 20px 24px;display:flex;align-items:flex-start;gap:14px;transition:box-shadow .2s}
.method-card:hover{box-shadow:var(--shadow-md)}
.method-card__num{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--plum),var(--violet));color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:.9rem;font-weight:600;flex-shrink:0}
.method-card h4{font-weight:700;font-size:.9rem;color:var(--ink);margin-bottom:4px}
.method-card p{font-size:.8rem;color:var(--text-3);line-height:1.55}

/* ===== STEP GUIDE ===== */
.step-guide{display:flex;flex-direction:column;gap:0;margin:20px 0 28px;position:relative}
.step-guide::before{content:'';position:absolute;left:19px;top:40px;bottom:40px;width:2px;background:linear-gradient(to bottom,var(--plum),var(--border));z-index:0}
.step-item{display:flex;gap:18px;align-items:flex-start;padding:18px 0;position:relative;z-index:1}
.step-item__num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--plum),var(--violet));color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1rem;font-weight:600;flex-shrink:0;box-shadow:0 2px 10px rgba(82,51,160,.25)}
.step-item__body h4{font-weight:700;font-size:.92rem;color:var(--ink);margin-bottom:4px}
.step-item__body p{font-size:.85rem;color:var(--text-2);line-height:1.6}

/* ===== AUTHOR ===== */
.author-box{background:var(--white);border:1px solid var(--border);border-radius:var(--r-2xl);padding:32px;margin:20px 0 28px;display:flex;gap:24px;align-items:flex-start;box-shadow:var(--shadow-sm)}
.author-box__av{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--plum),var(--violet));display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.6rem;color:var(--white);flex-shrink:0;font-weight:600}
.author-box__info{flex:1;min-width:0}
.author-box__info h4{font-family:var(--serif);font-size:1.15rem;font-weight:600;color:var(--ink);margin-bottom:2px}
.author-box__role{font-size:.8rem;color:var(--violet);font-weight:600;margin-bottom:10px}
.author-box__bio{font-size:.87rem;color:var(--text-2);line-height:1.7}
.author-box__stats{display:flex;gap:20px;margin-top:14px}
.author-stat{text-align:center}
.author-stat-val{font-family:var(--serif);font-size:1.3rem;font-weight:600;color:var(--plum);line-height:1}
.author-stat-lbl{font-size:.68rem;color:var(--text-3);font-weight:500;margin-top:2px}

/* ===== RESPONSIBLE ===== */
.responsible-banner{background:linear-gradient(135deg,var(--ink),var(--ink-3));border:1px solid rgba(255,255,255,.08);border-radius:var(--r-2xl);padding:32px;color:var(--white);margin:20px 0 28px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
.responsible-banner__age{width:64px;height:64px;border-radius:50%;border:2.5px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.7rem;color:var(--gold);flex-shrink:0}
.responsible-banner__text h4{font-size:.98rem;font-weight:700;margin-bottom:6px}
.responsible-banner__text p{font-size:.87rem;color:rgba(255,255,255,.55);line-height:1.6}
.responsible-banner__text a{color:var(--gold);font-weight:600}
.responsible-banner__link{background:rgba(245,197,24,.12);border:1px solid rgba(245,197,24,.25);color:var(--gold);padding:10px 18px;border-radius:var(--r);font-weight:700;font-size:.82rem;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all .2s}
.responsible-banner__link:hover{background:rgba(245,197,24,.2);text-decoration:none}

/* ===== FAQ ===== */
.faq-list{display:flex;flex-direction:column;gap:8px;margin:16px 0 28px}
.faq-item{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color .2s}
.faq-item[open]{border-color:var(--border-2)}
.faq-item summary{padding:18px 22px;font-weight:700;font-size:.92rem;cursor:pointer;display:flex;align-items:center;gap:12px;list-style:none;transition:background .15s;user-select:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item__q-icon{width:26px;height:26px;border-radius:8px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0;transition:background .2s,color .2s;color:var(--violet)}
.faq-item[open] .faq-item__q-icon{background:var(--plum);color:var(--white)}
.faq-item summary:hover{background:var(--surface)}
.faq-item__arrow{margin-left:auto;color:var(--text-3);transition:transform .2s;font-size:.9rem}
.faq-item[open] .faq-item__arrow{transform:rotate(180deg)}
.faq-item__body{padding:0 22px 18px 60px;font-size:.88rem;color:var(--text-2);line-height:1.75}

/* ===== SIDEBAR ===== */
.sidebar-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow-sm)}
.sidebar-card__head{background:linear-gradient(135deg,var(--ink),var(--plum));padding:16px 20px;display:flex;align-items:center;gap:10px}
.sidebar-card__head-icon{font-size:1.1rem}
.sidebar-card__head-title{font-family:var(--serif);font-size:1rem;color:var(--white);font-weight:600}
.sidebar-card__body{padding:16px 20px}
.sidebar-mini-casino{display:flex;flex-direction:column;gap:12px}
.smc-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);transition:all .2s}
.smc-item:hover{border-color:var(--border-2);background:var(--surface-2)}
.smc-rank{font-family:var(--serif);font-size:1.1rem;font-weight:600;color:var(--plum);width:22px;text-align:center;flex-shrink:0}
.smc-logo{width:48px;height:30px;background:var(--surface-3);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid var(--border)}
.smc-logo img{max-width:100%;max-height:100%;object-fit:contain}
.smc-logo-ph{font-size:.45rem;font-weight:800;color:var(--text-3);text-align:center;line-height:1.2}
.smc-info{flex:1;min-width:0}
.smc-name{font-weight:700;font-size:.8rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smc-bonus{font-size:.7rem;color:var(--text-3)}
.smc-score{font-family:var(--serif);font-size:.95rem;font-weight:600;color:var(--plum);flex-shrink:0}
.smc-btn{display:block;margin-top:12px;text-align:center;background:linear-gradient(135deg,var(--gold-d),var(--gold));color:var(--ink);padding:10px;border-radius:var(--r);font-weight:800;font-size:.8rem;text-decoration:none;transition:all .2s}
.smc-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-gold);text-decoration:none}

/* Sidebar bonus card */
.sidebar-bonus-list{display:flex;flex-direction:column;gap:10px}
.sb-item{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);transition:all .2s}
.sb-item:hover{border-color:var(--border-2)}
.sb-casino{font-weight:700;font-size:.82rem;color:var(--ink);margin-bottom:2px}
.sb-amount{font-family:var(--serif);font-size:1rem;color:var(--plum);font-weight:600}
.sb-wager{font-size:.7rem;color:var(--text-3)}
.sb-claim{display:block;margin-top:8px;text-align:center;background:var(--surface-3);color:var(--violet);padding:7px;border-radius:7px;font-size:.75rem;font-weight:700;text-decoration:none;border:1px solid var(--border-2);transition:all .2s}
.sb-claim:hover{background:var(--plum);color:var(--white);border-color:var(--plum);text-decoration:none}

/* Sidebar categories */
.sc-cats{display:flex;flex-direction:column;gap:3px}
.sc-cat{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);text-decoration:none;transition:all .15s}
.sc-cat:hover{background:var(--surface-2);border-color:var(--border-2);text-decoration:none}
.sc-cat__icon{font-size:.9rem;width:20px;text-align:center;flex-shrink:0}
.sc-cat__label{font-size:.8rem;font-weight:600;color:var(--text);flex:1}
.sc-cat__count{font-size:.7rem;color:var(--text-3);background:var(--surface-3);padding:1px 7px;border-radius:10px;font-weight:500}
.sc-cat--highlight{background:rgba(245,197,24,.06);border-color:rgba(245,197,24,.2)}
.sc-cat--highlight .sc-cat__label{color:var(--gold-d)}

.sidebar-newsletter{background:linear-gradient(135deg,var(--plum),var(--violet));border-radius:var(--r-xl);padding:22px;margin-bottom:20px;text-align:center}
.sidebar-newsletter p{font-size:.83rem;color:rgba(255,255,255,.7);margin-bottom:12px;line-height:1.55}
.sidebar-newsletter strong{display:block;font-family:var(--serif);font-size:1.1rem;color:var(--white);margin-bottom:6px}
.newsletter-input{width:100%;padding:10px 14px;border-radius:var(--r);border:none;font-size:.85rem;margin-bottom:8px;font-family:var(--sans)}
.newsletter-btn{width:100%;background:var(--gold);color:var(--ink);padding:10px;border-radius:var(--r);border:none;font-weight:800;font-size:.82rem;cursor:pointer;transition:all .2s}
.newsletter-btn:hover{background:var(--gold-l);transform:translateY(-1px)}

.footer__logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--plum),var(--violet));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:var(--gold);flex-shrink:0}
.footer__logo-text{font-family:var(--serif);font-size:1.35rem;font-weight:600;color:var(--white);letter-spacing:-.01em}
/* ===== FOOTER ===== */
.footer{background:#0d0720;color:rgba(255,255,255,.55);padding:52px 0 0}
.footer__inner{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:48px;margin-bottom:36px;align-items:start}
.footer__brand{}
.footer__brand-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:14px}
.footer__logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#2d1b69,#5233a0);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#F5C518;flex-shrink:0}
.footer__logo-text{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.3rem;font-weight:600;color:#fff}
.footer__logo-text span{color:#F5C518}
.footer__brand-desc{font-size:.83rem;line-height:1.7;color:rgba(255,255,255,.38);max-width:210px;margin-bottom:14px}
.footer__brand-trust{display:flex;flex-direction:column;gap:5px}
.footer__brand-trust-item{display:flex;align-items:center;gap:7px;font-size:.72rem;color:rgba(255,255,255,.3)}
.footer__brand-trust-item span{color:#10b981;font-size:.8rem}
.footer__col-title{color:#fff;font-weight:700;font-size:.77rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:14px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.07)}
.footer__col ul{display:flex;flex-direction:column;gap:9px}
.footer__col ul li a{font-size:.85rem;color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s;display:inline-block}
.footer__col ul li a:hover{color:#F5C518;text-decoration:none}
.footer__regulators{border-top:1px solid rgba(255,255,255,.07);padding:22px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.footer__reg-label{font-size:.72rem;color:rgba(255,255,255,.25);font-weight:700;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.footer__reg-logos{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.footer__reg-item{background:rgba(255,255,255,.88);padding:6px 12px;border-radius:7px;display:flex;align-items:center;opacity:.75;transition:opacity .2s;text-decoration:none}
.footer__reg-item:hover{opacity:1;text-decoration:none}
.footer__reg-item.reg-dark{background:transparent;padding:0;opacity:.7}
.footer__reg-item.reg-dark:hover{opacity:1}
.footer__reg-item img{height:28px;display:block}
.footer__age-badge{width:38px;height:38px;border-radius:50%;border:2px solid #F5C518;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;color:#F5C518;flex-shrink:0}
.footer__bottom{border-top:1px solid rgba(255,255,255,.07);padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer__bottom-copy{font-size:.77rem;color:rgba(255,255,255,.3)}
.footer__bottom-links{display:flex;gap:18px}
.footer__bottom-links a{font-size:.77rem;color:#F5C518;text-decoration:none;opacity:.8}
.footer__bottom-links a:hover{opacity:1;text-decoration:underline}
.footer__legal{font-size:.69rem;color:rgba(255,255,255,.18);max-width:900px;line-height:1.65;padding-bottom:24px;margin-top:4px}
/* ===== SCROLL TOP ===== */
.scroll-top{position:fixed;bottom:28px;right:28px;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--plum),var(--violet));color:var(--white);border:none;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:all .3s;z-index:50}
.scroll-top.visible{opacity:1;pointer-events:auto}
.scroll-top:hover{transform:translateY(-2px)}

/* ===== CONCLUSION ===== */
.conclusion-wrap{background:linear-gradient(135deg,var(--ink),var(--ink-3));border-radius:var(--r-2xl);padding:48px;text-align:center;margin:40px 0;position:relative;overflow:hidden}
.conclusion-wrap::before{content:'рџ‡Ёрџ‡ї';position:absolute;top:20px;right:30px;font-size:4rem;opacity:.07}
.conclusion-wrap h2{font-family:var(--serif);font-size:1.8rem;color:var(--white);margin-bottom:14px;font-weight:600}
.conclusion-wrap p{font-size:.92rem;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto 24px;line-height:1.75}

/* ===== RESPONSIVE ===== */

/* Tablet: footer 2-col, TOC 2-col. Sidebar STAYS on the right. */
@media(max-width:1100px){
  .toc__grid{grid-template-columns:repeat(2,1fr)}
  .footer__inner{grid-template-columns:1fr 1fr 1fr;gap:20px}
}

/* Mobile: collapse sidebar below content, hamburger nav */
@media(max-width:900px){
  .nav{display:none}
  .hamburger{display:flex}
  .header__cta{display:none}
  .hero h1{font-size:2.3rem}
  .hero__stats{flex-direction:column;gap:0;border:none;background:none}
  .hero__stat{border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);margin-bottom:10px;background:rgba(255,255,255,.04)}
  .hero__stat+.hero__stat::before{display:none}
  .main-layout{grid-template-columns:1fr}
  .sidebar{position:relative;top:0;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;min-width:0;max-width:100%}
  .sidebar-newsletter{margin-bottom:0}
  .casino-card__inner{grid-template-columns:48px 1fr}
  .casino-card__right{display:none}
  .slots-grid{grid-template-columns:repeat(2,1fr)}
  .bonus-grid{grid-template-columns:1fr}
  .method-grid{grid-template-columns:1fr}
  .footer__inner{grid-template-columns:1fr 1fr;gap:20px}
  .responsible-banner{grid-template-columns:auto 1fr}
  .responsible-banner__link{display:none}
}

/* Small phones */
@media(max-width:560px){
  .hero{padding:60px 0 80px}
  .hero h1{font-size:1.9rem}
  .toc__grid{grid-template-columns:1fr}
  .slots-grid{grid-template-columns:1fr}
  .sidebar{grid-template-columns:1fr}
  .footer__inner{grid-template-columns:1fr}
  .s-h2{font-size:1.6rem}
  .compare-wrap{overflow-x:auto}
  .responsible-banner{grid-template-columns:1fr;text-align:center}
  .responsible-banner__age{margin:0 auto}
}

/* Fade-in animation on scroll */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.s-block{animation:fadeUp .6s ease-out both}
.s-block:nth-child(2){animation-delay:.05s}
.s-block:nth-child(3){animation-delay:.1s}
.s-block:nth-child(4){animation-delay:.15s}
.hero__content{animation:fadeUp .8s ease-out}


/* ===== MEGAMENU ===== */
.nav-item{position:relative;display:inline-block}
.nav-item>a{display:flex;align-items:center;gap:4px}
.nav-item>.nav-arr{font-size:.6rem;opacity:.5;margin-left:1px}
.mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:0 12px 48px rgba(13,7,32,.14);padding:20px;z-index:300;min-width:520px;display:none;grid-gap:0}
.mega.mega--wide{min-width:680px}
.mega.mega--sm{min-width:260px}
.nav-item:hover>.mega{display:grid}
.mega--3col{grid-template-columns:repeat(3,1fr)}
.mega--2col{grid-template-columns:repeat(2,1fr)}
.mega--1col{grid-template-columns:1fr}
.mega__col{padding:0 16px}
.mega__col+.mega__col{border-left:1px solid var(--border)}
.mega__col-title{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid var(--surface-3)}
.mega__link{display:flex;align-items:center;gap:8px;padding:7px 4px;color:var(--text-2);text-decoration:none;font-size:.82rem;font-weight:500;border-radius:6px;transition:color .12s,background .12s;white-space:nowrap}
.mega__link:hover{color:var(--plum);background:var(--surface-2);text-decoration:none}
.mega__link-icon{font-size:.85rem;flex-shrink:0;width:18px;text-align:center}
.mega__link--gold{font-weight:700;color:var(--gold-d)}
.mega__link--gold:hover{color:var(--plum)}
.mega__link--new::after{content:'NEW';font-size:.55rem;font-weight:800;background:var(--emerald);color:#fff;padding:1px 5px;border-radius:3px;margin-left:4px;vertical-align:middle}
.mega__all{display:block;text-align:center;font-size:.75rem;font-weight:700;color:var(--violet);padding:8px 0 2px;border-top:1px solid var(--surface-3);margin-top:6px;text-decoration:none}
.mega__all:hover{text-decoration:underline}

/* ===== SCROLLED HEADER ===== */
.header.scrolled{box-shadow:0 4px 24px rgba(13,7,32,.25)}

/* ===== MOBILE NAV — full drawer ===== */
.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(13,7,32,.65);z-index:199;backdrop-filter:blur(3px)}
.mobile-overlay.open{display:block}
.mobile-nav{position:fixed;top:0;left:0;bottom:0;width:min(300px,88vw);background:var(--ink-2);z-index:200;overflow-y:auto;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding-bottom:32px}
.mobile-nav.open{transform:translateX(0)}
.mobile-nav__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;background:var(--ink-2);z-index:1;margin-bottom:8px}
.mobile-nav__close{width:34px;height:34px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.65);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}
.mobile-nav__close:hover{background:rgba(255,255,255,.14);color:#fff}
.mobile-nav__section{font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.22);padding:10px 18px 4px;margin-top:4px}
.mobile-nav a{display:flex;align-items:center;gap:9px;padding:11px 18px;color:rgba(255,255,255,.6);text-decoration:none;font-size:.87rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.04);transition:background .12s,color .12s}
.mobile-nav a:hover{background:rgba(255,255,255,.06);color:#fff;text-decoration:none}
.mobile-nav__cta-link{margin:16px 18px 0 !important;background:linear-gradient(135deg,var(--gold-d),var(--gold)) !important;color:var(--ink) !important;border-radius:10px !important;border:none !important;justify-content:center !important;font-weight:800 !important;padding:13px 18px !important}
.mobile-nav__cta-link:hover{opacity:.9}

/* ===== SCORE BAR — animation reset ===== */
.casino-card__bar-fill{width:0 !important}
.casino-card__bar-fill.animated{width:var(--bar-w) !important}

/* ===== AUTHOR BADGES ===== */
.author-box__actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
.author-box__badges{display:flex;flex:1;gap:8px;margin-top:0;flex-wrap:wrap;min-width:0}
.author-badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;border:1px solid var(--border)}
.author-badge--ok{background:rgba(16,185,129,.08);color:var(--emerald);border-color:rgba(16,185,129,.2)}
.author-badge--pro{background:rgba(82,51,160,.07);color:var(--violet);border-color:rgba(82,51,160,.15)}
.author-badge--gold{background:rgba(245,197,24,.08);color:var(--gold-d);border-color:rgba(245,197,24,.2)}
.author-box__button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:34px;padding:7px 14px;border-radius:8px;background:linear-gradient(135deg,var(--plum),var(--violet));color:var(--white);font-size:.75rem;font-weight:800;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-sm);transition:transform .15s,opacity .15s}
.author-box__button:hover{color:var(--white);opacity:.92;text-decoration:none;transform:translateY(-1px)}
@media (max-width:640px){.author-box__actions{align-items:flex-start;flex-direction:column}.author-box__button{width:100%}}

/* ===== BONUS CARD CTA ===== */
.bonus-card__cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;background:rgba(255,255,255,.1);color:#fff;font-size:.77rem;font-weight:700;padding:8px 14px;border-radius:8px;text-decoration:none;border:1px solid rgba(255,255,255,.18);transition:background .15s}
.bonus-card__cta:hover{background:rgba(255,255,255,.18);text-decoration:none}

/* ===== INFO BOX VARIANTS ===== */
.info-box--tip{background:linear-gradient(135deg,#fffbea,#fff8d6);border:1px solid #f5de3a;border-left:4px solid var(--gold)}

/* ===== ENHANCED FOOTER ===== */
.footer{background:#0d0720;color:rgba(255,255,255,.5);padding:0}
.footer__trust-strip{background:linear-gradient(90deg,var(--plum) 0%,var(--ink-3) 100%);padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.footer__trust-inner{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.footer__trust-item{display:flex;align-items:center;gap:7px;font-size:.77rem;font-weight:600;color:rgba(255,255,255,.5);padding:0 20px;border-right:1px solid rgba(255,255,255,.1)}
.footer__trust-item:last-child{border-right:none}
.footer__trust-item .icon{color:var(--gold)}
.footer__cols{padding:44px 0 32px}
.footer__inner{display:grid;grid-template-columns:200px repeat(4,1fr);gap:32px;align-items:start}
.footer__brand-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:14px}
.footer__logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--plum),var(--violet));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--gold);flex-shrink:0}
.footer__logo-text{font-family:var(--serif);font-size:1.3rem;font-weight:600;color:#fff}
.footer__logo-text span{color:var(--gold)}
.footer__brand-desc{font-size:.82rem;line-height:1.75;color:rgba(255,255,255,.33);max-width:200px;margin-bottom:16px}
.footer__brand-trust{display:flex;flex-direction:column;gap:6px}
.footer__brand-trust-item{display:flex;align-items:center;gap:8px;font-size:.74rem;color:rgba(255,255,255,.28)}
.footer__brand-trust-item .ok{color:var(--emerald)}
.footer__col-title{color:rgba(255,255,255,.8);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}
.footer__col ul{display:flex;flex-direction:column;gap:8px}
.footer__col ul li a{font-size:.84rem;color:rgba(255,255,255,.4);text-decoration:none;transition:color .18s}
.footer__col ul li a:hover{color:var(--gold);text-decoration:none}
.footer__badges-strip{border-top:1px solid rgba(255,255,255,.06);padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.footer__badges-inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.footer__badges-label{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.2);white-space:nowrap;margin-right:6px}
.footer__badge{display:flex;align-items:center;opacity:1;transition:opacity .2s,box-shadow .2s;text-decoration:none}
.footer__badge:hover{opacity:.8}
.footer__badge img{height:32px;width:auto;display:block}
.footer__badge--bg{background:#ffffff;padding:6px 12px;border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.25)}
.footer__badge--dark{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:6px 12px;border-radius:8px}
.footer__age{width:38px;height:38px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem;color:var(--gold);flex-shrink:0}
.footer__bottom{padding:16px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.footer__bottom-copy{font-size:.76rem;color:rgba(255,255,255,.22)}
.footer__bottom-links{display:flex;gap:18px;flex-wrap:wrap}
.footer__bottom-links a{font-size:.76rem;color:rgba(255,255,255,.32);text-decoration:none;transition:color .18s}
.footer__bottom-links a:hover{color:var(--gold)}
.footer__legal{font-size:.68rem;color:rgba(255,255,255,.15);line-height:1.7;padding:14px 0 28px;border-top:1px solid rgba(255,255,255,.05);margin-top:0}

@media(max-width:1100px){
  .footer__inner{grid-template-columns:1fr 1fr 1fr;gap:20px}
}
@media(max-width:768px){
  .footer__trust-item{padding:6px 12px;font-size:.72rem}
  .footer__badges-inner{gap:8px}
}
@media(max-width:560px){
  .footer__inner{grid-template-columns:1fr}
  .footer__trust-inner{gap:0}
  .footer__bottom{flex-direction:column;align-items:flex-start}
}
/* ===== WORDPRESS/YOOtheme integration for casinocesky v2 ===== */
body,
body .tm-page-container,
body .tm-page,
body .tm-main,
body .uk-section-default,
body .uk-section-muted,
body .uk-card-default.uk-card-body,
body .uk-card-default > :not([class*="uk-card-media"]) {
  background: var(--surface);
  color: var(--text);
  font-family: var(--sans);
}

.tm-main,
.tm-page .tm-main,
.uk-article,
.uk-panel {
  color: var(--text-2);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.7;
}

.tm-main h1,
.tm-main h2,
.tm-main h3,
.tm-main h4,
.tm-main h5,
.tm-main h6,
.uk-article h1,
.uk-article h2,
.uk-article h3,
.uk-article h4,
.uk-article h5,
.uk-article h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6 {
  color: var(--ink);
  font-family: var(--serif);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
}

.tm-main h1,
.uk-article h1,
.uk-h1 {
  font-size: clamp(2.15rem, 4.4vw, 3.2rem);
}

.tm-main h2,
.uk-article h2,
.uk-h2 {
  font-size: clamp(1.75rem, 3vw, 2rem);
}

.tm-main p,
.uk-article p,
.uk-panel p,
.uk-text-lead {
  color: var(--text-2);
  font-family: var(--sans);
  line-height: 1.78;
}

.uk-link,
.uk-link-toggle .uk-link,
a {
  color: var(--violet);
}

.uk-link:hover,
.uk-link-toggle:hover .uk-link,
a:hover {
  color: var(--plum);
}

.cc-header-bars {
  position: relative;
  z-index: 901;
  font-family: var(--sans);
}

.promo-bar {
  background: var(--ink);
  padding: 9px 0;
}

.promo-bar::before,
.promo-bar::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 80px;
  z-index: 2;
  pointer-events: none;
}

.promo-bar::before {
  left: 0;
  background: linear-gradient(to right, var(--ink), transparent);
}

.promo-bar::after {
  right: 0;
  background: linear-gradient(to left, var(--ink), transparent);
}

.promo-bar__ticker {
  animation: ticker 40s linear infinite;
}

.promo-bar__item {
  color: rgba(255,255,255,.7);
  font-size: .78rem;
  font-weight: 500;
}

.promo-bar__item strong,
.pb-dot {
  color: var(--gold);
  background: var(--gold);
}

.opbar {
  background: var(--ink-2);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.opbar__container,
.tm-header .uk-container,
.tm-header-mobile .uk-container,
.tm-header .uk-container-expand,
.tm-header-mobile .uk-container-expand {
  max-width: var(--max);
}

.opbar__label {
  color: rgba(255,255,255,.45);
  font-family: var(--sans);
}

.op-chip {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.72);
}

.op-chip:hover,
.op-chip:focus {
  background: rgba(245,197,24,.12);
  border-color: rgba(245,197,24,.25);
  color: var(--gold);
}

.op-logo {
  background: linear-gradient(135deg, var(--gold-d), var(--gold));
  color: var(--ink);
}

.tm-header,
.tm-header-mobile {
  position: sticky;
  top: 0;
  z-index: 900;
}

.tm-header .uk-navbar-container,
.tm-header-mobile .uk-navbar-container,
.tm-header .uk-navbar-container:not(.uk-navbar-transparent),
.tm-header-mobile .uk-navbar-container:not(.uk-navbar-transparent) {
  min-height: var(--hh);
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(20px) saturate(180%);
}

.tm-header [uk-sticky].uk-active .uk-navbar-container,
.tm-header [uk-sticky].uk-sticky-fixed .uk-navbar-container,
.tm-header-mobile [uk-sticky].uk-active .uk-navbar-container,
.tm-header-mobile [uk-sticky].uk-sticky-fixed .uk-navbar-container {
  box-shadow: var(--shadow-md);
}

.tm-header .uk-logo.tm-site-logo,
.tm-header-mobile .uk-logo.tm-site-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: var(--hh);
  color: var(--ink);
  text-decoration: none;
}

.tm-site-logo__badge {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: linear-gradient(135deg,var(--ink),var(--plum));
  color: var(--gold);
  box-shadow: 0 2px 10px rgba(45,27,105,.3);
  font-family: var(--serif);
}

.tm-site-logo__title {
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.45rem;
  font-weight: 600;
  letter-spacing: 0;
}

.tm-site-logo__title-secondary {
  color: var(--gold-d);
}

.tm-header .uk-navbar-nav,
.tm-header .cc-navbar-menu {
  display: flex;
  gap: 1px;
  align-items: center;
}

.tm-header .uk-navbar-nav > li > a,
.tm-header .uk-navbar-nav > li > .nav__btn,
.tm-header-mobile .uk-navbar-nav > li > a,
.tm-header-mobile .uk-navbar-nav > li > .nav__btn {
  min-height: auto;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text-2);
  font-family: var(--sans);
  font-size: .83rem;
  font-weight: 600;
  line-height: 1.35;
  text-transform: none;
  transition: all .2s;
}

.tm-header .uk-navbar-nav > li:hover > a,
.tm-header .uk-navbar-nav > li:hover > .nav__btn,
.tm-header .uk-navbar-nav > li > a:focus,
.tm-header .uk-navbar-nav > li > .nav__btn:focus,
.tm-header .uk-navbar-nav > li.uk-active > a,
.tm-header .uk-navbar-nav > li.uk-active > .nav__btn,
.tm-header-mobile .uk-navbar-nav > li:hover > a,
.tm-header-mobile .uk-navbar-nav > li:hover > .nav__btn,
.tm-header-mobile .uk-navbar-nav > li > a:focus,
.tm-header-mobile .uk-navbar-nav > li > .nav__btn:focus,
.tm-header-mobile .uk-navbar-nav > li.uk-active > a,
.tm-header-mobile .uk-navbar-nav > li.uk-active > .nav__btn {
  background: var(--surface-2);
  color: var(--plum);
  text-decoration: none;
}

.tm-header .dropdown {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-lg);
}

.tm-header .dd-sec-title {
  color: var(--text-3);
  font-family: var(--sans);
}

.tm-header .dd-link {
  border-radius: var(--r);
  color: var(--text-2);
}

.tm-header .dd-link:hover,
.tm-header .dd-link:focus {
  background: var(--surface-2);
  color: var(--plum);
}

.uk-offcanvas-bar,
.uk-modal-dialog,
.uk-dropbar {
  background: var(--white);
  color: var(--text);
}

.cc-mobile-drawer__menu .uk-nav > li > a,
.cc-mobile-drawer__menu .uk-nav-sub a,
.cc-mobile-drawer__menu .uk-nav-header,
.cc-mobile-drawer__menu .cc-nav-heading-toggle {
  color: var(--text);
  font-family: var(--sans);
}

.cc-mobile-drawer__menu .uk-nav > li > a:hover,
.cc-mobile-drawer__menu .uk-nav-sub a:hover,
.cc-mobile-drawer__menu .cc-nav-heading-toggle:hover {
  background: var(--surface-2);
  color: var(--plum);
}

.to-top {
  border-radius: 12px;
  background: linear-gradient(135deg,var(--plum),var(--violet));
  box-shadow: 0 4px 16px rgba(82,51,160,.25);
  color: var(--white);
}

.to-top:hover,
.to-top:focus {
  background: linear-gradient(135deg,var(--gold),var(--gold-l));
  color: var(--ink);
  box-shadow: var(--shadow-gold);
}

.to-top:focus-visible {
  outline: 2px solid var(--gold);
}

@media(max-width:900px) {
  .tm-header .cc-navbar-menu {
    display: none;
  }

  .tm-header-mobile .uk-navbar-container {
    min-height: 64px;
  }
}

/* Keep YOOtheme sticky sidebars tied to the viewport, not to an overflow ancestor. */
html,
body {
  overflow-y: visible;
}

body {
  overflow-x: clip;
}

@supports not (overflow: clip) {
  body {
    overflow-x: visible;
  }
}

@media (min-width: 960px) {
  .tm-page,
  .tm-main,
  .tm-grid-expand,
  .uk-grid,
  aside[class*="uk-width-"] {
    overflow: visible;
  }

  aside[class*="uk-width-"] > .uk-sticky,
  aside[class*="uk-width-"] > .uk-sticky-placeholder + .uk-sticky {
    position: sticky;
    top: 80px;
    align-self: flex-start;
  }
}

/* ===== Mobile drawer aligned with the BonusKing mockup ===== */
#tm-dialog-mobile .uk-offcanvas-bar {
  width: min(300px, 88vw);
  padding: 0;
  background: var(--ink-2);
  color: rgba(255,255,255,.72);
  box-shadow: 18px 0 48px rgba(13,7,32,.28);
}

#tm-dialog-mobile .cc-mobile-drawer__head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 67px;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: var(--ink-2);
}

#tm-dialog-mobile .cc-mobile-drawer__brand {
  min-width: 0;
}

#tm-dialog-mobile .cc-mobile-drawer__brand .widget {
  margin: 0;
}

#tm-dialog-mobile .cc-mobile-drawer__brand .tm-site-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 0;
  padding: 0;
  color: #fff;
  text-decoration: none;
}

#tm-dialog-mobile .cc-mobile-drawer__brand .tm-site-logo__badge {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: linear-gradient(135deg,var(--plum),var(--violet));
  color: var(--gold);
}

#tm-dialog-mobile .cc-mobile-drawer__brand .tm-site-logo__title,
#tm-dialog-mobile .cc-mobile-drawer__brand .tm-site-logo__title-primary {
  color: #fff;
}

#tm-dialog-mobile .cc-mobile-drawer__brand .tm-site-logo__title-secondary {
  color: var(--gold);
}

#tm-dialog-mobile .cc-mobile-drawer__head .mobile-nav__close {
  position: static;
  top: auto;
  right: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.65);
  transition: background .15s, color .15s, border-color .15s;
}

#tm-dialog-mobile .cc-mobile-drawer__head .mobile-nav__close:hover,
#tm-dialog-mobile .cc-mobile-drawer__head .mobile-nav__close:focus {
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.14);
  color: #fff;
}

#tm-dialog-mobile .cc-mobile-drawer__widget {
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 10px 18px 0;
}

#tm-dialog-mobile .cc-mobile-drawer__widget::before {
  display: none;
}

#tm-dialog-mobile .cc-mobile-drawer__menu {
  flex: 1 1 auto;
  margin: 0 !important;
  padding: 8px 0 32px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

#tm-dialog-mobile .cc-mobile-drawer__menu .uk-nav {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
}

#tm-dialog-mobile .cc-mobile-drawer__menu .uk-nav > li {
  margin: 0;
}

#tm-dialog-mobile .cc-mobile-drawer__menu .uk-nav-header {
  display: block;
  margin: 4px 0 0;
  padding: 10px 18px 4px;
  color: rgba(255,255,255,.22) !important;
  font-family: var(--sans);
  font-size: .64rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#tm-dialog-mobile .cc-mobile-drawer__menu .uk-nav > li > a,
#tm-dialog-mobile .cc-mobile-drawer__menu .uk-nav-sub a,
#tm-dialog-mobile .cc-mobile-drawer__menu .cc-nav-heading-toggle {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 0;
  padding: 11px 18px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.04);
  border-radius: 0;
  background: transparent;
  color: rgba(255,255,255,.6) !important;
  font-family: var(--sans);
  font-size: .87rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
  text-decoration: none;
  transition: background .12s, color .12s;
}

#tm-dialog-mobile .cc-mobile-drawer__menu .uk-nav > li > a:hover,
#tm-dialog-mobile .cc-mobile-drawer__menu .uk-nav > li > a:focus,
#tm-dialog-mobile .cc-mobile-drawer__menu .uk-nav-sub a:hover,
#tm-dialog-mobile .cc-mobile-drawer__menu .uk-nav-sub a:focus,
#tm-dialog-mobile .cc-mobile-drawer__menu .cc-nav-heading-toggle:hover,
#tm-dialog-mobile .cc-mobile-drawer__menu .cc-nav-heading-toggle:focus,
#tm-dialog-mobile .cc-mobile-drawer__menu .uk-active > a {
  background: rgba(255,255,255,.06);
  color: #fff !important;
  text-decoration: none;
}

#tm-dialog-mobile .cc-mobile-drawer__menu .cc-mobile-menu__cta-link {
  justify-content: center;
  margin: 8px 18px 12px;
  width: calc(100% - 36px);
  padding: 13px 18px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg,var(--gold-d),var(--gold));
  color: var(--ink) !important;
  font-weight: 800;
  text-align: center;
}

#tm-dialog-mobile .cc-mobile-drawer__menu .cc-mobile-menu__cta-link:hover,
#tm-dialog-mobile .cc-mobile-drawer__menu .cc-mobile-menu__cta-link:focus {
  background: linear-gradient(135deg,var(--gold),var(--gold-l));
  color: var(--ink) !important;
}

#tm-dialog-mobile .cc-mobile-drawer__menu .uk-nav-sub {
  margin: 0;
  padding: 0;
}

#tm-dialog-mobile .cc-mobile-drawer__menu .uk-nav-sub a {
  padding-left: 32px;
  color: rgba(255,255,255,.48) !important;
  font-size: .82rem;
}