/* ============================================================
   RODEOSLOT AU — общий стиль (assets/css/main.css)
   База: index casoola-au + правила внутренних страниц + палитра RodeoSlot
   ============================================================ */
:root {
  --gold: #F4B77F;        /* янтарно-персик, акцент бренда. Имя переменной НЕ меняем — клон не требует правок CSS */
  --gold-light: #FFCE95;  /* светлый янтарь (hover) */
  --green: #1DBF59;       /* CTA — кнопки Play Now/Claim */
  --bg: #1D0B01;          /* седельно-коричневый */
  --bg-card: #351502;
  --bg-card2: #4E2203;
  --bg-nav: #120700;
  --text: #FFEDDC;
  --muted: #D6C7B8;
  --r: 10px;
}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Segoe UI', system-ui, sans-serif; background: var(--bg); color: var(--text); line-height: 1.65; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }

/* ─── NAV ─── */
nav {
  position: sticky; top: 0; z-index: 200;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 56px; height: 66px;
  background: var(--bg-nav);
  border-bottom: 1px solid rgba(244,183,127,0.18);
  backdrop-filter: blur(8px);
}
.logo { display: flex; align-items: center; gap: 10px; font-size: 24px; font-weight: 900; letter-spacing: 1.5px; }
.logo-coin { width: 34px; height: 34px; background: linear-gradient(135deg, var(--gold), var(--gold-light)); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }
.logo span { color: var(--gold); }
.nav-links { display: flex; gap: 28px; list-style: none; }
.nav-links a { font-size: 14px; color: var(--muted); font-weight: 500; transition: color .2s; }
.nav-links a:hover { color: var(--text); }
.nav-cta { display: flex; gap: 10px; }
.btn { padding: 10px 22px; border-radius: 7px; font-size: 14px; font-weight: 700; cursor: pointer; border: none; transition: all .2s; }
.btn-gold { background: var(--green); color: #1D0B01; }
.btn-gold:hover { opacity: .88; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(29,191,89,0.3); }
.btn-ghost { background: transparent; color: var(--text); border: 1px solid rgba(244,183,127,0.35); }
.btn-ghost:hover { border-color: var(--gold); color: var(--gold); }

/* ─── HERO ─── */
.hero {
  position: relative; overflow: hidden;
  padding: 88px 56px 72px;
  background: radial-gradient(ellipse 60% 80% at 70% 40%, rgba(244,183,127,0.1) 0%, transparent 60%),
              radial-gradient(ellipse 50% 60% at 5% 85%, rgba(29,191,89,0.10) 0%, transparent 55%),
              var(--bg);
}
.hero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; max-width: 1200px; margin: 0 auto; }
.hero-badge { display: inline-flex; align-items: center; gap: 7px; background: rgba(244,183,127,0.12); border: 1px solid rgba(244,183,127,0.3); color: var(--gold); padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 24px; }
.hero h1 { font-size: 50px; font-weight: 900; line-height: 1.08; letter-spacing: -1px; margin-bottom: 20px; }
.hero h1 em { color: var(--gold); font-style: normal; }
.hero-lead { font-size: 17px; color: var(--muted); line-height: 1.75; margin-bottom: 36px; max-width: 460px; }
.hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }
.btn-lg { padding: 15px 34px; font-size: 16px; border-radius: 8px; }
.hero-trust { display: flex; gap: 36px; margin-top: 44px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.06); }
.trust-stat .num { font-size: 22px; font-weight: 900; color: var(--gold); }
.trust-stat .lbl { font-size: 12px; color: var(--muted); margin-top: 2px; }

/* hero visual */
.hero-visual { position: relative; }
.bonus-card {
  background: var(--bg-card);
  border: 1px solid rgba(244,183,127,0.25);
  border-radius: 16px;
  padding: 36px 32px;
  text-align: center;
}
.bonus-card .bc-tag { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: var(--gold); margin-bottom: 14px; }
.bonus-card .bc-amount { font-size: 42px; font-weight: 900; line-height: 1; margin-bottom: 8px; }
.bonus-card .bc-amount span { font-size: 18px; color: var(--muted); }
.bonus-card .bc-sub { color: var(--muted); font-size: 15px; margin-bottom: 24px; }
.bonus-card .bc-terms { font-size: 12px; color: var(--muted); }
.bonus-card .bc-terms strong { color: var(--text); }
.floating-chips { display: flex; justify-content: center; gap: 10px; margin-top: 18px; }
.chip { background: var(--bg-card2); border: 1px solid rgba(244,183,127,0.15); border-radius: 6px; padding: 6px 14px; font-size: 12px; font-weight: 600; color: var(--muted); }

/* ─── SECTIONS ─── */
section { padding: 72px 56px; }
.sec-inner { max-width: 1200px; margin: 0 auto; }
.sec-head { text-align: center; margin-bottom: 48px; }
.sec-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 2.5px; color: var(--gold); margin-bottom: 10px; }
.sec-head h2 { font-size: 32px; font-weight: 900; margin-bottom: 10px; }
.sec-head h2 em { color: var(--gold); font-style: normal; }
.sec-head p { color: var(--muted); font-size: 15px; }
.divider { width: 44px; height: 3px; background: var(--gold); border-radius: 2px; margin: 0 auto 14px; }

/* ─── FEATURES ─── */
.features { background: var(--bg-card); }
.features-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; max-width: 1200px; margin: 0 auto; }
.feat-card { background: var(--bg); border: 1px solid rgba(244,183,127,0.1); border-radius: var(--r); padding: 28px 20px; text-align: center; transition: border-color .25s, transform .25s; }
.feat-card:hover { border-color: rgba(244,183,127,0.4); transform: translateY(-4px); }
.feat-icon { font-size: 36px; margin-bottom: 14px; }
.feat-card h3 { font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.feat-card p { font-size: 13px; color: var(--muted); line-height: 1.65; }

/* ─── BONUSES ─── */
.bonuses { background: var(--bg-card2); }
.bonus-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1200px; margin: 0 auto; }
.bon-card { background: var(--bg-card); border: 1px solid rgba(244,183,127,0.1); border-radius: var(--r); padding: 30px 24px; transition: border-color .2s; }
.bon-card:hover { border-color: rgba(244,183,127,0.4); }
.bon-icon { font-size: 40px; margin-bottom: 14px; }
.bon-amount { font-size: 26px; font-weight: 900; color: var(--gold); margin-bottom: 6px; }
.bon-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 10px; }
.bon-card p { font-size: 13px; color: var(--muted); line-height: 1.65; margin-bottom: 18px; }
.bon-tag { display: inline-block; background: rgba(244,183,127,0.12); border: 1px solid rgba(244,183,127,0.25); color: var(--gold); font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 4px; }
.bonuses-cta { text-align: center; margin-top: 36px; }

/* ─── GAMES ─── */
.games-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; max-width: 1200px; margin: 0 auto; }
.game-card { display:block; color:inherit; background: var(--bg-card); border-radius: var(--r); overflow: hidden; border: 1px solid rgba(255,255,255,0.04); transition: transform .2s, border-color .2s; cursor: pointer; }
.game-card:hover { transform: translateY(-6px); border-color: var(--gold); }
.game-thumb { height: 110px; display: flex; align-items: center; justify-content: center; font-size: 36px; overflow: hidden; }
.game-thumb.game-img { padding: 0; }
.game-thumb.game-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.game-card:hover .game-thumb.game-img img { transform: scale(1.05); }
.gt1{background:linear-gradient(135deg,#3D1105,#8B3A0A);}
.gt2{background:linear-gradient(135deg,#0A1830,#1A3A6A);}
.gt3{background:linear-gradient(135deg,#1A0A30,#4A1570);}
.gt4{background:linear-gradient(135deg,#0A2A10,#1A5A25);}
.gt5{background:linear-gradient(135deg,#301508,#704020);}
.gt6{background:linear-gradient(135deg,#0D1A30,#1A3050);}
.game-info { padding: 10px 12px; }
.game-info h4 { font-size: 12px; font-weight: 600; margin-bottom: 2px; }
.game-rtp { font-size: 11px; color: var(--gold); font-weight: 600; }
.game-provider { font-size: 11px; color: var(--muted); }
.games-cta { text-align: center; margin-top: 36px; }

/* ─── PAYMENTS ─── */
.payments { background: var(--bg-card); }
.pay-grid { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; max-width: 900px; margin: 0 auto; }
.pay-item { background: var(--bg); border: 1px solid rgba(255,255,255,0.07); border-radius: 8px; padding: 14px 26px; display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 14px; transition: border-color .2s; }
.pay-item:hover { border-color: var(--gold); }
.pay-item .pi { font-size: 20px; }
.pay-speed { font-size: 11px; color: var(--gold); display: block; font-weight: 600; }

/* ─── RATINGS ─── */
.ratings-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; max-width: 1200px; margin: 0 auto; }
.rate-card { background: var(--bg-card); border: 1px solid rgba(255,255,255,0.05); border-radius: var(--r); padding: 26px 18px; text-align: center; }
.rate-site { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
.rate-stars { font-size: 18px; color: var(--gold); margin-bottom: 8px; }
.rate-score { font-size: 28px; font-weight: 900; }
.rate-score span { font-size: 14px; color: var(--muted); font-weight: 400; }
.rate-count { font-size: 11px; color: var(--muted); margin-top: 4px; }

/* ─── FAQ ─── */
.faq { background: var(--bg-card2); }
.faq-list { max-width: 820px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.faq-item { background: var(--bg-card); border: 1px solid rgba(255,255,255,0.06); border-radius: var(--r); overflow: hidden; }
.faq-q { padding: 18px 22px; font-size: 15px; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.faq-q::after { content: '+'; font-size: 20px; color: var(--gold); flex-shrink: 0; }
.faq-a { padding: 0 22px 18px; font-size: 14px; color: var(--muted); line-height: 1.75; }

/* ─── CTA BANNER ─── */
.cta-wrap { padding: 0 56px 72px; }
.cta-banner {
  max-width: 1200px; margin: 0 auto;
  background: linear-gradient(135deg, rgba(244,183,127,0.15) 0%, rgba(78,34,3,0.7) 100%);
  border: 1px solid rgba(244,183,127,0.22);
  border-radius: 16px; padding: 60px 48px; text-align: center;
}
.cta-banner h2 { font-size: 36px; font-weight: 900; margin-bottom: 12px; }
.cta-banner h2 em { color: var(--gold); font-style: normal; }
.cta-banner p { color: var(--muted); font-size: 16px; margin-bottom: 30px; }

/* ─── FOOTER ─── */
footer { background: var(--bg-nav); border-top: 1px solid rgba(255,255,255,0.05); padding: 52px 56px 28px; }
.footer-inner { max-width: 1200px; margin: 0 auto; }
.footer-grid { display: grid; grid-template-columns: 2.2fr 1fr 1fr; gap: 48px; margin-bottom: 40px; }
.ft-desc { font-size: 13px; color: var(--muted); line-height: 1.75; margin: 12px 0 18px; max-width: 280px; }
.ft-pays { display: flex; flex-wrap: wrap; gap: 7px; }
.ft-pay { background: var(--bg-card); border: 1px solid rgba(255,255,255,0.07); border-radius: 5px; padding: 4px 10px; font-size: 11px; font-weight: 600; color: var(--muted); }
.ft-col h4 { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); margin-bottom: 16px; }
.ft-col ul { list-style: none; display: flex; flex-direction: column; gap: 9px; }
.ft-col ul a { font-size: 13px; color: var(--muted); transition: color .2s; }
.ft-col ul a:hover { color: var(--text); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 22px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; }
.ft-legal { display: flex; gap: 18px; flex-wrap: wrap; }
.ft-legal a { font-size: 12px; color: var(--muted); transition: color .2s; }
.ft-legal a:hover { color: var(--text); }
.ft-right { display: flex; align-items: center; gap: 12px; }
.age-badge { background: var(--gold); color: #120700; font-size: 11px; font-weight: 800; padding: 3px 9px; border-radius: 4px; }
.lic-text { font-size: 11px; color: var(--muted); }

/* ─── BURGER (mobile menu) ─── */
.nav-toggle{display:none;}
.nav-burger{display:none;cursor:pointer;font-size:26px;line-height:1;color:var(--gold);user-select:none;padding:4px 8px;}
.nav-links li.nav-mob{display:none;} /* пункты только для мобильного бургера */

/* ─── INNER PAGES (правила, которых не было на index) ─── */
/* — from about-us — */
.nav-links a:hover,.nav-links a.active { color:var(--text); }
.page-hero { padding:60px 56px 48px;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(244,183,127,0.1) 0%,transparent 60%),var(--bg); }
.page-hero-inner { max-width:1200px;margin:0 auto; }
.breadcrumb { font-size:13px;color:var(--muted);margin-bottom:16px; }
/* крошка и легал-меню — это <nav>, отменяем общие правила навбара (sticky-бар перекрывал бургер) */
nav.breadcrumb, nav.ft-legal { position:static;height:auto;padding:0;background:transparent;border:none;backdrop-filter:none;z-index:auto;justify-content:flex-start; }
nav.breadcrumb { display:block; }
.breadcrumb a { color:var(--muted); }
.breadcrumb span { margin:0 8px; }
.page-hero h1 { font-size:42px;font-weight:900;margin-bottom:14px; }
.page-hero h1 em { color:var(--gold);font-style:normal; }
.page-hero p { font-size:17px;color:var(--muted);max-width:600px;line-height:1.75; }
.divider-l { width:44px;height:3px;background:var(--gold);border-radius:2px;margin-bottom:16px; }
.info-grid { display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start; }
.info-text h2 { font-size:28px;font-weight:900;margin-bottom:16px; }
.info-text h2 em { color:var(--gold);font-style:normal; }
.info-text p { font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:16px; }
.info-table { background:var(--bg-card);border-radius:var(--r);overflow:hidden; }
.info-row { display:grid;grid-template-columns:1fr 1fr;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.04); }
.info-row:last-child { border-bottom:none; }
.info-row .label { font-size:13px;color:var(--muted); }
.info-row .value { font-size:13px;font-weight:600;text-align:right; }
.pros-cons { display:grid;grid-template-columns:1fr 1fr;gap:24px; }
.pros,.cons { background:var(--bg-card);border-radius:var(--r);padding:28px 24px; }
.pros { border-top:3px solid #22c55e; }
.cons { border-top:3px solid #ef4444; }
.pros h3,.cons h3 { font-size:16px;font-weight:700;margin-bottom:16px; }
.pros h3 { color:#22c55e; }
.cons h3 { color:#ef4444; }
.pros ul,.cons ul { list-style:none;display:flex;flex-direction:column;gap:10px; }
.pros li,.cons li { font-size:14px;color:var(--muted);display:flex;gap:8px;line-height:1.5; }
.pros li::before { content:'✓';color:#22c55e;font-weight:700;flex-shrink:0; }
.cons li::before { content:'✗';color:#ef4444;font-weight:700;flex-shrink:0; }

/* — from app — */
.phone-mock { background:var(--bg-card);border:2px solid rgba(244,183,127,0.2);border-radius:32px;padding:20px;width:100%;max-width:260px;margin:0 auto;text-align:center; }
.phone-screen { background:var(--bg-card2);border-radius:20px;padding:20px;font-size:32px;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:300px;justify-content:center; }
.phone-screen .app-icon { font-size:56px;margin-bottom:8px; }
.phone-screen .app-name { font-size:18px;font-weight:800;color:var(--gold); }
.phone-screen .app-sub { font-size:12px;color:var(--muted); }
.steps-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:20px; }
.step-card { background:var(--bg-card);border-radius:var(--r);padding:28px 20px;text-align:center; }
.step-num { width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#120700;font-weight:900;font-size:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px; }
.step-card h3 { font-size:15px;font-weight:700;margin-bottom:8px; }
.step-card p { font-size:13px;color:var(--muted);line-height:1.65; }
.mobile-feats { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }
.mf-card { background:var(--bg-card);border:1px solid rgba(244,183,127,0.1);border-radius:var(--r);padding:24px 20px;display:flex;gap:14px;align-items:flex-start; }
.mf-icon { font-size:28px;flex-shrink:0; }
.mf-card h3 { font-size:15px;font-weight:700;margin-bottom:6px; }
.mf-card p { font-size:13px;color:var(--muted);line-height:1.6; }

/* — from bonuses — */
.breadcrumb a:hover { color:var(--gold); }
.bonus-full-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px; }
.bonus-full-card { background:var(--bg-card);border:1px solid rgba(244,183,127,0.12);border-radius:var(--r);padding:36px 30px;transition:border-color .2s; }
.bonus-full-card:hover { border-color:rgba(244,183,127,0.4); }
.bfc-head { display:flex;align-items:center;gap:16px;margin-bottom:20px; }
.bfc-icon { font-size:44px; }
.bfc-title h3 { font-size:22px;font-weight:800;margin-bottom:4px; }
.bfc-title .tag { display:inline-block;background:rgba(244,183,127,0.12);border:1px solid rgba(244,183,127,0.25);color:var(--gold);font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px; }
.bfc-amount { font-size:36px;font-weight:900;color:var(--gold);margin-bottom:14px;line-height:1; }
.bfc-amount span { font-size:18px;color:var(--muted);font-weight:400; }
.bfc-desc { font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:20px; }
.bfc-terms { background:var(--bg-card2);border-radius:8px;padding:16px 18px;margin-bottom:22px; }
.bfc-terms h4 { font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:10px; }
.bfc-terms ul { list-style:none;display:flex;flex-direction:column;gap:7px; }
.bfc-terms li { font-size:13px;color:var(--text);display:flex;gap:8px; }
.bfc-terms li::before { content:'✓';color:var(--gold);font-weight:700;flex-shrink:0; }
.wagering-note { font-size:12px;color:var(--muted);margin-top:10px; }
.bonus-single { background:var(--bg-card);border:1px solid rgba(244,183,127,0.12);border-radius:var(--r);padding:30px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;transition:border-color .2s; }
.bonus-single:hover { border-color:rgba(244,183,127,0.4); }
.bs-icon { font-size:40px; }
.bs-amount { font-size:24px;font-weight:900;color:var(--gold);margin-bottom:4px; }
.bs-title { font-size:16px;font-weight:700;margin-bottom:6px; }
.bs-desc { font-size:13px;color:var(--muted);line-height:1.6; }

/* — from contact-us — */
.contact-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px; }
.contact-card { background:var(--bg-card);border:1px solid rgba(244,183,127,0.12);border-radius:var(--r);padding:32px 24px;text-align:center;transition:border-color .2s; }
.contact-card:hover { border-color:rgba(244,183,127,0.4); }
.contact-icon { font-size:40px;margin-bottom:14px; }
.contact-card h3 { font-size:18px;font-weight:700;margin-bottom:8px; }
.contact-card p { font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:18px; }
.contact-tag { display:inline-block;background:rgba(244,183,127,0.12);border:1px solid rgba(244,183,127,0.25);color:var(--gold);font-size:12px;font-weight:700;padding:4px 12px;border-radius:4px; }

/* — from games — */
.filters { display:flex;gap:10px;margin-bottom:32px;flex-wrap:wrap; }
.filter-btn { padding:8px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid rgba(244,183,127,0.25);background:transparent;color:var(--muted);transition:all .2s; }
.filter-btn:hover,.filter-btn.active { background:rgba(244,183,127,0.12);border-color:var(--gold);color:var(--gold); }
.game-thumb img { width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s; }
.game-card:hover .game-thumb img { transform:scale(1.06); }
.gt7 { background:linear-gradient(135deg,#1A1000,#4A3000); }
.gt8 { background:linear-gradient(135deg,#200A20,#5A1A5A); }
.gt9 { background:linear-gradient(135deg,#0A2010,#1A5030); }
.gt10 { background:linear-gradient(135deg,#201010,#602020); }
.game-badge { position:absolute;top:8px;left:8px;background:var(--gold);color:#120700;font-size:10px;font-weight:800;padding:2px 7px;border-radius:3px; }
.game-info h3 { font-size:13px;font-weight:700;margin-bottom:4px; }
.game-meta { display:flex;justify-content:space-between;align-items:center; }
.providers-grid { display:grid;grid-template-columns:repeat(6,1fr);gap:14px; }
.prov-card { background:var(--bg-card);border:1px solid rgba(255,255,255,0.06);border-radius:var(--r);padding:26px 14px;text-align:center;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:120px; }
.prov-card:hover { border-color:var(--gold);transform:translateY(-4px); }
.prov-logo { height:34px; width:auto; max-width:120px; object-fit:contain; filter: brightness(0) invert(1) opacity(.85); }
.prov-count { font-size:11px;color:var(--muted); }

/* ─── PAGE-SCOPED OVERRIDES (бывшие отличия инлайн-стилей внутренних страниц)
       :where() держит специфичность как у оригинала, media-блоки ниже выигрывают как раньше ─── */
:where(body.page-inner) section { padding: 64px 56px; }
:where(body.page-inner) .sec-head { text-align: left; margin-bottom: 36px; }
:where(body.page-inner) .sec-head h2 { font-size: 28px; margin-bottom: 8px; }
:where(body.page-inner) .btn-lg { display: inline-block; font-size: 15px; padding: 14px 32px; }
:where(body.page-inner) footer { padding: 40px 56px 24px; }
:where(body.page-inner) .footer-bottom { border-top: none; padding-top: 0; }
:where(body.page-games) .games-grid { grid-template-columns: repeat(5, 1fr); gap: 16px; }
:where(body.page-games) .game-thumb { height: 160px; font-size: 42px; position: relative; }
:where(body.page-games) .game-info { padding: 12px 14px; }
:where(body.page-app) .page-hero { padding: 80px 56px; }
:where(body.page-app) .page-hero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
:where(body.page-app) .page-hero h1 { font-size: 44px; margin-bottom: 16px; line-height: 1.1; }
:where(body.page-app) .page-hero p { max-width: none; margin-bottom: 28px; }

/* ─── RESPONSIVE ─── */
@media (max-width:900px){
  nav{padding:0 18px;height:60px;}
  .nav-links{position:absolute;top:60px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg-nav);border-bottom:1px solid rgba(244,183,127,0.2);max-height:0;overflow:hidden;transition:max-height .3s ease;}
  .nav-toggle:checked ~ .nav-links{max-height:620px;}
  .nav-links li{width:100%;}
  .nav-links li.nav-mob{display:list-item;}
  .nav-links a{display:block;padding:15px 24px;border-top:1px solid rgba(255,255,255,0.05);font-size:15px;}
  .nav-burger{display:block;order:3;}
  .nav-cta{order:2;}
  .logo img{height:32px !important;}
  .btn{padding:8px 14px;font-size:13px;}
  .nav-cta{gap:8px;}
  .hero,section,.cta-wrap{padding-left:18px;padding-right:18px;}
  .hero{padding-top:44px;padding-bottom:44px;}
  .hero-inner{grid-template-columns:1fr;gap:36px;}
  .hero h1{font-size:34px;}
  .hero-lead{font-size:15px;max-width:100%;}
  .hero-trust{flex-wrap:wrap;gap:20px;}
  .hero-btns{width:100%;}
  .hero-btns .btn{flex:1;text-align:center;}
  .features-grid{grid-template-columns:1fr 1fr;}
  .bonus-grid{grid-template-columns:1fr;}
  .games-grid{grid-template-columns:repeat(3,1fr);}
  .ratings-grid{grid-template-columns:1fr 1fr;}
  .providers-grid{grid-template-columns:repeat(3,1fr);}
  .sec-head h2,.page-hero h1{font-size:26px;}
  .cta-banner h2{font-size:26px;}
  .cta-banner{padding:40px 22px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
  .bonus-full-grid{grid-template-columns:1fr;}
  .bonus-single{grid-template-columns:1fr;text-align:center;gap:14px;}
  .info-grid{grid-template-columns:1fr;gap:28px;}
  .pros-cons{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .steps-grid{grid-template-columns:1fr 1fr;}
  .mobile-feats{grid-template-columns:1fr;}
  .page-hero-inner{grid-template-columns:1fr;gap:32px;}
  .page-hero{padding-left:18px;padding-right:18px;}
}
@media (max-width:560px){
  nav{padding:0 12px;}
  .logo img{height:28px !important;}
  .nav-cta .btn-ghost{display:none;}
  .hero h1{font-size:28px;}
  .features-grid{grid-template-columns:1fr;}
  .games-grid{grid-template-columns:1fr 1fr;}
  .ratings-grid{grid-template-columns:1fr 1fr;}
  .providers-grid{grid-template-columns:1fr 1fr;}
  .steps-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .hero-trust{gap:16px;}
  .trust-stat .num{font-size:18px;}
  .bonus-card .bc-amount{font-size:32px;}
  .filters{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;}
}


/* ── Longread prose sections (Task 6) ── */
.prose { max-width: 860px; margin: 0 auto; }
.prose p { color: var(--muted); font-size: 15px; line-height: 1.85; margin-bottom: 16px; }
.prose ul, .prose ol { color: var(--muted); font-size: 15px; line-height: 1.8; margin: 0 0 16px 22px; }
.prose li { margin-bottom: 6px; }
.prose a { color: var(--gold-light); text-decoration: underline; text-underline-offset: 2px; }
.prose a:hover { color: var(--green); }
.prose h3 { font-size: 18px; font-weight: 800; margin: 26px 0 10px; }
.prose strong { color: var(--text); }
.fact-table { width: 100%; border-collapse: collapse; background: var(--bg-card); border-radius: var(--r); overflow: hidden; }
.fact-table th, .fact-table td { padding: 13px 16px; text-align: left; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,.06); }
.fact-table th { color: var(--text); font-weight: 700; background: rgba(244,183,127,.18); font-size: 13px; text-transform: uppercase; letter-spacing: .5px; }
.fact-table td { color: var(--muted); }
.fact-table td strong { color: var(--text); }
.table-wrap { overflow-x: auto; }

/* ── Related pages block (Task 12) ── */
.related-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1200px;margin:0 auto; }
.related-grid .feat-card { display:block; }
.related-grid .feat-card h3 { color:var(--gold-light); }
@media (max-width:900px){ .related-grid{grid-template-columns:1fr;} }