/* ODDSKING-BUILD-1.3 — якщо цього рядка немає у style.css на сервері, значить лежить старий файл */
/* ================================================================
   ODDSKING CASINO — CSS v1.0
   Колірна гама: глибокий чорний #0d0d0d + золото #f5c400 + акцент #c8102e (UK red)
   ================================================================ */

:root {
  /* ── Базові кольори ── */
  --color-bg:       #0d0d0d;
  --color-bg-deep:  #070707;
  --color-surface:  #141414;
  --color-surface-2:#1c1c1c;

  /* ── Текст ── */
  --color-text:         #ffffff;
  --color-text-strong:  #f5f0e8;
  --color-text-muted:   #c8b89a;
  --color-text-dim:     rgba(255,255,255,0.55);
  --color-text-subtle:  rgba(255,255,255,0.38);
  --color-text-accent:  #f5c400;

  /* ── Бренд: золото ── */
  --color-primary:        #f5c400;
  --color-primary-hover:  #e0b000;
  --color-primary-active: #c89c00;
  --color-primary-dim:    rgba(245,196,0,0.15);

  /* ── Акцент: UK red ── */
  --color-secondary:       #c8102e;
  --color-secondary-hover: #a50d26;
  --color-secondary-dim:   rgba(200,16,46,0.18);

  /* ── Хедер / футер / сайдбар ── */
  --color-header:     rgba(10,10,10,0.97);
  --color-footer:     #0a0a0a;
  --color-sidebar-bg: #0a0a0a;

  /* ── Карточки / рамки ── */
  --color-card-bg:         rgba(255,255,255,0.03);
  --color-card-border:     rgba(255,255,255,0.07);
  --color-border-soft:     rgba(255,255,255,0.08);
  --color-border-softer:   rgba(255,255,255,0.04);
  --color-border-strong:   rgba(255,255,255,0.14);
  --color-border-gold:     rgba(245,196,0,0.35);

  /* ── Кнопки ── */
  --color-btn-text-dark:  #0d0d0d;
  --color-btn-text-light: #ffffff;
  --gradient-btn-primary: linear-gradient(135deg,#c89c00,#f5c400 60%,#ffe066);
  --gradient-btn-secondary: linear-gradient(135deg,#a50d26,#c8102e 60%);

  /* ── Hero glow ── */
  --gradient-hero-left:  radial-gradient(circle at top left, rgba(245,196,0,0.10), transparent 55%);
  --gradient-hero-right: radial-gradient(circle at top right,rgba(200,16,46,0.08), transparent 55%);

  /* ── Банери ── */
  --color-banner-bg:            #111;
  --color-banner-dot:           rgba(20,20,20,0.7);
  --color-banner-dot-border:    rgba(245,196,0,0.5);
  --color-banner-dot-active:    #f5c400;

  /* ── Посилання ── */
  --color-link:              #f5c400;
  --color-link-hover:        #ffe066;
  --color-link-underline-from:#c89c00;
  --color-link-underline-to:  #f5c400;

  /* ── Бейджі ── */
  --color-badge-live: #c8102e;
  --color-badge-fast: #f5c400;

  /* ── Фокус ── */
  --focus-ring: rgba(245,196,0,0.4);

  /* ── Статуси ── */
  --color-success: #22c55e;
  --color-error:   #ef4444;
  --color-warning: #f5c400;
}

/* ================================================================
   RESET
   ================================================================ */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html  { scroll-behavior:smooth; }
body  {
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px; line-height:1.55;
  color:var(--color-text);
  background:var(--color-bg);
  min-height:100vh;

}
a { color:inherit; text-decoration:none; }
a:hover { text-decoration:underline; }
img { max-width:100%; display:block; }

/* ================================================================
   LAYOUT
   ================================================================ */
.container { width:100%; max-width:1440px; margin:0 auto; padding:0 16px; }
.content   { min-height:60vh; }

/* ================================================================
   КНОПКИ
   ================================================================ */
.btn {
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 22px; border-radius:8px; border:none; outline:none;
  cursor:pointer; font-weight:700; font-size:14px; letter-spacing:0.04em;
  background:var(--gradient-btn-primary);
  color:var(--color-btn-text-dark);
  text-decoration:none; transition:.2s all; white-space:nowrap;
  text-transform:uppercase;
}
.btn:hover { text-decoration:none; transform:translateY(-1px); box-shadow:0 4px 14px rgba(245,196,0,0.35); }
.btn:active { transform:translateY(0); box-shadow:none; }

.btn--outline {
  background:transparent;
  border:1.5px solid rgba(245,196,0,0.6);
  color:var(--color-primary);
}
.btn--outline:hover {
  background:var(--color-primary-dim);
  border-color:var(--color-primary);
  color:var(--color-primary);
  transform:none; box-shadow:none;
}
.btn--primary {
  background:var(--gradient-btn-secondary);
  color:#fff; border:none;
}
.btn--primary:hover {
  background:var(--color-secondary-hover);
  box-shadow:0 4px 14px rgba(200,16,46,0.4);
  color:#fff; transform:translateY(-1px);
}

/* ================================================================
   ХЕДЕР
   ================================================================ */
.header {
  position:sticky; top:0; z-index:200;
  backdrop-filter:blur(16px) saturate(180%);
  background:var(--color-header);
  border-bottom:1px solid var(--color-border-gold);
  overflow:visible;
}
.header__inner {
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; width:100%; max-width:1440px; margin:0 auto;
  padding:10px 20px; box-sizing:border-box;
}

/* Логотип */
.logo { display:flex; align-items:center; gap:8px; text-decoration:none; }
.logo-img { height:auto; width:180px; max-height:54px; display:block; object-fit:contain; }

.header__locale {
  display:inline-flex; align-items:center; justify-content:center;
  min-width:36px; height:32px; padding:0 10px;
  border:1px solid var(--color-border-gold);
  border-radius:999px; color:var(--color-primary);
  font-size:12px; font-weight:700;
}

/* ── Navbar (horizontal) ── */
.header-nav { flex:1 1 auto; min-width:0; display:flex; justify-content:center; }
.header-nav__list {
  display:flex; align-items:center; gap:4px;
  list-style:none; margin:0; padding:0;
  overflow-x:auto; scrollbar-width:none;
}
.header-nav__list::-webkit-scrollbar { display:none; }
.header-nav__item { flex:0 0 auto; }
.header-nav__link {
  display:inline-flex; align-items:center;
  padding:8px 14px; border-radius:6px;
  color:var(--color-text-dim); font-size:13px; font-weight:600;
  line-height:1; white-space:nowrap; text-decoration:none;
  transition:color .15s,background .15s;
  text-transform:uppercase; letter-spacing:.04em;
}
.header-nav__link:hover { color:var(--color-primary); background:var(--color-primary-dim); text-decoration:none; }
.header-nav__item.is-active .header-nav__link { color:var(--color-primary); background:var(--color-primary-dim); }

/* Auth */
.auth { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.auth a { font-size:13px; }
.header__right { display:flex; align-items:center; gap:12px; }

/* Бургер */
.header-burger {
  display:none; flex-direction:column; justify-content:center; align-items:center;
  width:40px; height:40px; background:none; border:1.5px solid var(--color-border-gold);
  border-radius:6px; cursor:pointer; gap:5px; padding:8px;
}
.header-burger span,
.header-burger::before,
.header-burger::after {
  content:''; display:block;
  width:18px; height:2px; background:var(--color-primary);
  border-radius:2px; transition:.2s;
}

/* ── Адаптив хедеру ── */
@media(max-width:960px) {
  .header-nav  { display:none; }
  .header-burger { display:flex; }
}
@media(min-width:961px) { .header-burger { display:none; } }
@media(max-width:1200px) {
  .header__inner { padding:8px 16px; gap:10px; }
  .header-nav__link { padding:7px 10px; font-size:12px; }
}

/* ================================================================
   HERO BANNER
   ================================================================ */
.hero-banner {
  position:relative; overflow:hidden;
  min-height:520px;
  margin:0; border-radius:0;
  display:flex; align-items:center;
}
.hero-banner__bg {
  position:absolute; inset:0;
  background-size:cover; background-position:center right;
  background-repeat:no-repeat;
}
.hero-banner__overlay {
  position:absolute; inset:0;
  background:linear-gradient(90deg,
    rgba(7,7,7,0.97) 0%,
    rgba(13,13,13,0.90) 35%,
    rgba(13,13,13,0.45) 65%,
    rgba(13,13,13,0.05) 100%);
}
.hero-banner__inner {
  position:relative; z-index:2;
  width:100%; max-width:1440px;
  margin:0 auto; padding:60px 48px;
}
.hero-banner__content { max-width:520px; }
.hero-banner__eyebrow {
  display:inline-block; margin-bottom:14px;
  padding:5px 14px; border-radius:4px;
  background:var(--color-secondary); color:#fff;
  font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
}
.hero-banner__title {
  color:#fff; font-size:44px; font-weight:900;
  line-height:1.1; margin:0 0 14px; letter-spacing:-.02em;
}
.hero-banner__title span { color:var(--color-primary); }
.hero-banner__subtitle {
  color:rgba(255,255,255,0.82); font-size:17px; font-weight:400;
  margin:0 0 32px;
}
.hero-banner__btn {
  display:inline-flex; align-items:center; justify-content:center;
  padding:15px 38px;
  background:var(--gradient-btn-primary);
  color:var(--color-btn-text-dark);
  font-size:15px; font-weight:800; letter-spacing:.06em;
  text-decoration:none; border:none; border-radius:8px;
  text-transform:uppercase;
  transition:transform .18s, box-shadow .18s;
  white-space:nowrap;
}
.hero-banner__btn:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(245,196,0,0.45);
  text-decoration:none;
}
/* Badge нижче кнопки */
.hero-banner__badges {
  display:flex; align-items:center; gap:18px; margin-top:20px;
  flex-wrap:wrap;
}
.hero-banner__badge-item {
  display:flex; align-items:center; gap:6px;
  font-size:12px; color:rgba(255,255,255,0.6);
}
.hero-banner__badge-item svg { color:var(--color-primary); flex-shrink:0; }

/* ── Адаптив hero ── */
@media(max-width:768px) {
  .hero-banner { min-height:280px; }
  .hero-banner__inner { padding:36px 20px; }
  .hero-banner__bg { background-position:right top; }
  .hero-banner__overlay {
    background:linear-gradient(90deg, rgba(7,7,7,.97) 0%, rgba(7,7,7,.82) 50%, rgba(7,7,7,.35) 100%);
  }
  .hero-banner__title { font-size:26px; }
  .hero-banner__subtitle { font-size:14px; margin-bottom:22px; }
  .hero-banner__btn { padding:12px 26px; font-size:13px; }
}

/* ================================================================
   CATEGORY CHIPS
   ================================================================ */
.category-filters {
  display:flex; align-items:center; gap:8px;
  padding:16px 16px 20px; margin:0;
}
.category-filters__scroll {
  display:flex; align-items:center; gap:8px;
  overflow-x:auto; scrollbar-width:none; flex:1 1 auto; min-width:0;
}
.category-filters__scroll::-webkit-scrollbar { display:none; }
.category-chip {
  display:inline-flex; align-items:center; gap:6px;
  padding:0 18px; height:36px;
  background:var(--color-surface); border:1px solid var(--color-border-soft);
  border-radius:4px; color:rgba(255,255,255,0.55);
  font-size:12px; font-weight:700; line-height:1;
  text-decoration:none; white-space:nowrap; flex:0 0 auto;
  transition:background .15s,border-color .15s,color .15s;
  text-transform:uppercase; letter-spacing:.05em;
}
.category-chip:hover { background:var(--color-primary-dim); border-color:var(--color-border-gold); color:var(--color-primary); text-decoration:none; }
.category-chip.is-active { background:var(--color-primary-dim); border-color:var(--color-primary); color:var(--color-primary); }
.category-chip__live {
  width:6px; height:6px; border-radius:50%;
  background:var(--color-badge-live); box-shadow:0 0 6px rgba(200,16,46,.6);
  flex-shrink:0; display:inline-block;
}
@media(max-width:768px) {
  .category-chip { padding:8px 14px; height:34px; font-size:11px; }
}

/* ================================================================
   ПОПУЛЯРНІ ІГРИ
   ================================================================ */
.popular-games { padding:0 0 32px; }
.games-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; padding:0 16px; }
.popular-games__title { font-size:20px; font-weight:800; color:var(--color-text-strong); text-transform:uppercase; letter-spacing:.04em; }
.popular-games__all {
  display:inline-flex; align-items:center; gap:4px;
  font-size:13px; font-weight:600; color:var(--color-primary);
  text-decoration:none; transition:opacity .15s;
}
.popular-games__all:hover { opacity:.75; text-decoration:none; }
.popular-games__grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px; padding:0 16px;
}
.pg-card { display:block; text-decoration:none; border-radius:10px; overflow:hidden; background:var(--color-surface); transition:transform .2s,box-shadow .2s; }
.pg-card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,.6),0 0 0 1px var(--color-border-gold); text-decoration:none; }
.pg-card__thumb { position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--color-surface-2); }
.pg-card__thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.pg-card:hover .pg-card__thumb img { transform:scale(1.06); }
.pg-card__name {
  position:absolute; bottom:0; left:0; right:0;
  padding:20px 8px 8px;
  background:linear-gradient(transparent,rgba(0,0,0,.85));
  font-size:12px; font-weight:700; color:#fff; text-align:center;
}
.pg-card__badge {
  position:absolute; top:8px; left:8px;
  padding:3px 8px; border-radius:4px;
  font-size:10px; font-weight:800; letter-spacing:.06em;
  text-transform:uppercase;
}
.pg-card__badge--hot  { background:var(--color-secondary); color:#fff; }
.pg-card__badge--new  { background:var(--color-primary); color:#0d0d0d; }
.pg-card__badge--top  { background:rgba(255,255,255,.15); color:#fff; border:1px solid rgba(255,255,255,.2); }
@media(max-width:1024px) { .popular-games__grid { grid-template-columns:repeat(4,1fr); } }
@media(max-width:768px)  { .popular-games__grid { grid-template-columns:repeat(3,1fr); gap:8px; padding:0 12px; } }
@media(max-width:480px)  { .popular-games__grid { grid-template-columns:repeat(2,1fr); } }

/* ================================================================
   КОНТЕНТ / PAGE TEXT
   ================================================================ */
.page-content {
  display:grid;
  grid-template-columns:1fr;
  gap:0; padding:0 16px 40px;
}
.content-box {
  background:var(--color-surface);
  border:1px solid var(--color-border-soft);
  border-radius:12px; padding:36px 40px;
}
.page-text h1 { font-size:34px; font-weight:900; margin:0 0 20px; color:var(--color-text-strong); }
.page-text h2 {
  font-size:22px; font-weight:800; margin:40px 0 14px;
  color:var(--color-text-strong);
  padding-bottom:8px; border-bottom:1px solid var(--color-border-gold);
}
.page-text h3 { font-size:17px; font-weight:700; margin:24px 0 10px; color:var(--color-primary); }
.page-text p  { margin:0 0 16px; color:var(--color-text-muted); line-height:1.7; }
.page-text a  { color:var(--color-primary); }
.page-text a:hover { color:var(--color-link-hover); }
.page-text ul,
.page-text ol { margin:0 0 16px 20px; color:var(--color-text-muted); }
.page-text li { margin-bottom:6px; }
.page-text strong { color:var(--color-text-strong); font-weight:700; }

/* Таблиці — повна ширина, скрол тільки у власній обгортці */
.table-scroll {
  width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;
  margin:18px 0 24px; border:1px solid var(--color-border-gold);
  border-radius:10px; background:rgba(0,0,0,.25);
}
.page-text table {
  width:100%; min-width:100%; display:table; table-layout:auto;
  border-collapse:collapse; margin:0; font-size:14px;
}
.page-text table th {
  background:rgba(245,196,0,0.1); color:var(--color-primary);
  font-weight:700; text-align:left; padding:12px 16px;
  border-bottom:1px solid var(--color-border-gold);
  font-size:12px; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap;
}
.page-text table td {
  padding:11px 16px; border-bottom:1px solid var(--color-border-soft);
  color:var(--color-text-muted); vertical-align:top;
}
.page-text table tr:last-child td { border-bottom:none; }
.page-text table tr:hover td { background:rgba(245,196,0,0.04); }
.page-text table td:first-child { color:var(--color-text-strong); font-weight:600; }
@media(max-width:700px){ .page-text table { min-width:560px; } }

/* TOC */
.toc {
  margin:20px 0 28px; padding:20px 24px;
  border:1px solid var(--color-border-gold);
  border-radius:10px;
  background:linear-gradient(135deg, rgba(245,196,0,.07), rgba(200,16,46,.04));
}
.toc .toc__title { margin:0 0 12px; font-size:17px; color:var(--color-text-strong); }
.toc ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 24px; margin:0; padding:0; list-style:none; }
.toc a { color:var(--color-text-muted); font-size:14px; }
.toc a:hover { color:var(--color-primary); }
@media(max-width:700px) { .toc ul { grid-template-columns:1fr; } }

/* ================================================================
   ПРОМО-БАНЕР (middle / bottom)
   ================================================================ */
.promo-banner {
  position:relative; overflow:hidden;
  min-height:320px; margin:32px 0;
  border-radius:12px;
  display:flex; align-items:center;
  border:1px solid var(--color-border-gold);
}
.promo-banner__bg {
  position:absolute; inset:0;
  background-size:cover; background-position:center right;
  background-repeat:no-repeat;
}
.promo-banner__overlay {
  position:absolute; inset:0;
  background:linear-gradient(90deg,rgba(7,7,7,.95) 0%,rgba(7,7,7,.75) 45%,transparent 100%);
}
.promo-banner__inner {
  position:relative; z-index:2;
  padding:40px 48px; max-width:520px;
}
.promo-banner__label {
  display:inline-block; margin-bottom:10px;
  padding:4px 12px; border-radius:4px;
  background:var(--color-secondary); color:#fff;
  font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
}
.promo-banner__title { font-size:32px; font-weight:900; color:#fff; margin:0 0 10px; line-height:1.15; }
.promo-banner__title span { color:var(--color-primary); }
.promo-banner__sub { font-size:15px; color:rgba(255,255,255,.75); margin:0 0 24px; }
.promo-banner__btn {
  display:inline-flex; align-items:center; justify-content:center;
  padding:13px 32px;
  background:var(--gradient-btn-primary); color:var(--color-btn-text-dark);
  font-size:14px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  text-decoration:none; border-radius:8px;
  transition:transform .18s,box-shadow .18s;
}
.promo-banner__btn:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(245,196,0,.4); text-decoration:none; }
@media(max-width:768px) {
  .promo-banner { min-height:220px; }
  .promo-banner__inner { padding:28px 20px; }
  .promo-banner__title { font-size:22px; }
}

/* ================================================================
   FAQ
   ================================================================ */
.faq { padding:40px 16px 48px; }
.faq__title { font-size:26px; font-weight:900; margin-bottom:24px; color:var(--color-text-strong); text-transform:uppercase; letter-spacing:.03em; }
.faq__list  { list-style:none; display:flex; flex-direction:column; gap:10px; }
.faq__item  {
  background:var(--color-surface); border:1px solid var(--color-border-soft);
  border-radius:10px; overflow:hidden;
  transition:border-color .2s;
}
.faq__item:hover { border-color:var(--color-border-gold); }
.faq__question {
  width:100%; display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:16px 20px;
  background:none; border:none; cursor:pointer;
  color:var(--color-text-strong); font-size:15px; font-weight:600;
  text-align:left; line-height:1.4;
}
.faq__question h3 { font-size:inherit; font-weight:inherit; margin:0; }
.faq__icon {
  display:inline-block; width:20px; height:20px; flex-shrink:0;
  position:relative;
}
.faq__icon::before, .faq__icon::after {
  content:''; position:absolute; background:var(--color-primary);
  border-radius:2px; transition:.2s;
}
.faq__icon::before { width:12px; height:2px; top:9px; left:4px; }
.faq__icon::after  { width:2px; height:12px; top:4px; left:9px; }
.faq__question[aria-expanded="true"] .faq__icon::after { transform:rotate(90deg); opacity:0; }
.faq__answer { display:none; padding:0 20px 16px; }
.faq__answer p { color:var(--color-text-muted); font-size:14px; line-height:1.65; margin:0; }
.faq__item.is-open .faq__answer { display:block; }

/* ================================================================
   ЦЕНТРОВАНА КНОПКА
   ================================================================ */
.center-btn { text-align:center; padding:8px 0 48px; }
.content-btn {
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 48px; background:var(--gradient-btn-primary);
  color:var(--color-btn-text-dark); font-size:15px; font-weight:800;
  text-transform:uppercase; letter-spacing:.06em; border-radius:8px;
  text-decoration:none;
  transition:transform .18s,box-shadow .18s;
}
.content-btn:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(245,196,0,.4); text-decoration:none; }

/* ================================================================
   САЙДБАР (off-canvas)
   ================================================================ */
.sidebar {
  position:fixed; top:0; left:0; height:100%;
  width:280px; z-index:300;
  background:var(--color-sidebar-bg);
  border-right:1px solid var(--color-border-gold);
  display:flex; flex-direction:column;
  transform:translateX(-100%);
  transition:transform .25s cubic-bezier(.4,0,.2,1);
  box-shadow:4px 0 30px rgba(0,0,0,.7);
}
body.sidebar-mobile-open .sidebar { transform:translateX(0); }
.sidebar__head {
  display:flex; align-items:center; justify-content:space-between;
  padding:20px 20px 16px; border-bottom:1px solid var(--color-border-soft);
}
.sidebar__logo { font-size:17px; font-weight:900; color:var(--color-primary); text-transform:uppercase; letter-spacing:.05em; }
.sidebar__close {
  width:32px; height:32px; background:none; border:1px solid var(--color-border-gold);
  border-radius:6px; cursor:pointer; color:var(--color-primary);
  display:flex; align-items:center; justify-content:center;
  font-size:18px; line-height:1;
}
.sidebar__nav { flex:1; overflow-y:auto; padding:12px 8px; }
.sidebar__link {
  display:flex; align-items:center; gap:10px;
  padding:11px 14px; border-radius:8px;
  color:var(--color-text-dim); font-size:14px; font-weight:600;
  text-decoration:none; transition:background .15s,color .15s;
  justify-content:flex-start; text-transform:uppercase; letter-spacing:.04em;
}
.sidebar__link:hover { background:var(--color-primary-dim); color:var(--color-primary); text-decoration:none; }
.sidebar__link.is-active { background:var(--color-primary-dim); color:var(--color-primary); }
.sidebar__collapse { display:none !important; }
.sidebar__title { opacity:1 !important; width:auto !important; overflow:visible; }
.sidebar__overlay {
  display:none; position:fixed; inset:0; z-index:299;
  background:rgba(0,0,0,.6); backdrop-filter:blur(4px);
}
body.sidebar-mobile-open .sidebar__overlay { display:block; }
.layout { padding-left:0; }

/* ================================================================
   ФУТЕР
   ================================================================ */
.footer {
  background:var(--color-footer);
  border-top:1px solid var(--color-border-gold);
  padding:24px 0 0;
}
.footer__navigation { max-width:1440px; margin:0 auto; padding:0 20px 16px; text-align:center; }
.footer__list { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 24px; list-style:none; margin:0; padding:0; }
.footer__link { font-size:13px; color:var(--color-text-dim); font-weight:600; text-transform:uppercase; letter-spacing:.04em; transition:color .15s; }
.footer__link:hover { color:var(--color-primary); text-decoration:none; }
.footer__bottom {
  max-width:1440px; margin:0 auto; text-align:center;
  padding:18px 20px; border-top:1px solid var(--color-border-soft);
}
.footer__logo { display:flex; justify-content:center; margin:0 0 14px; }
.footer__logo img { width:170px; height:auto; }
.footer__disclaimer { font-size:12px; color:var(--color-text-subtle); line-height:1.6; margin:0 auto 8px; max-width:860px; }
.footer__copyright  { font-size:11px; color:var(--color-text-subtle); }

/* ================================================================
   PAGE WIDTH + SIDEBAR VARS
   ================================================================ */
.header__inner, .footer__navigation, .footer__bottom { max-width:1440px; }
.content { max-width:1440px; width:100%; margin:0 auto; }

/* ================================================================
   404
   ================================================================ */
.error-page {
  min-height:420px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center;
}

/* ================================================================
   TABLE SCROLL FIX
   ================================================================ */


/* ================================================================
   SCROLLED HEADER
   ================================================================ */
.header.scrolled { box-shadow:0 8px 28px rgba(0,0,0,.6); }

/* ===== BUILD 1.2 FIXES ===== */
.header-nav__link.is-active { color:var(--color-primary); background:var(--color-primary-dim); }
.layout { width:100%; }
html, body { overflow-x:clip; }
.logo-img { width:190px; max-height:none; height:auto; }
@media(max-width:480px){ .logo-img { width:150px; } .auth .btn { padding:8px 12px; font-size:12px; } .header__locale { display:none; } }
.popular-games__title { margin:0; }
.promo-banner__title { display:block; }
.content-box { width:100%; box-sizing:border-box; }
.page-text ol { padding-left:4px; }
.faq__title { text-align:left; }
@media(max-width:768px){ .content-box { padding:24px 18px; } .page-content { padding:0 12px 32px; } }
.footer__copyright a { color:inherit; }

/* промо-банери всередині текстового блоку — не успадковують стилі .page-text */
.page-text .promo-banner__title { color:#fff; font-size:32px; font-weight:900; line-height:1.15; margin:0 0 10px; }
.page-text .promo-banner__title span { color:var(--color-primary); }
.page-text .promo-banner__sub { color:rgba(255,255,255,.78); margin:0 0 22px; }
.page-text .promo-banner__btn, .page-text .promo-banner__btn:hover { color:var(--color-btn-text-dark); text-decoration:none; }
.page-text .promo-banner__label { color:#fff; }
@media(max-width:768px){ .page-text .promo-banner__title { font-size:22px; } }

/* ===== BUILD 1.3: шапка службових сторінок, другий рядок футера ===== */
.page-head { background:linear-gradient(135deg,rgba(245,196,0,.10),rgba(200,16,46,.06)),#0d0d0d; border-bottom:1px solid var(--color-border-gold); }
.page-head__inner { max-width:1440px; margin:0 auto; padding:56px 20px 44px; text-align:center; }
.page-head__title { font-size:40px; font-weight:900; line-height:1.15; margin:0 0 10px; color:#fff; }
.page-head__sub { color:var(--color-text-muted); font-size:17px; margin:0; }
.footer__list--service { margin-top:12px; }
.footer__list--service .footer__link { font-size:12px; text-transform:none; letter-spacing:0; }
@media(max-width:768px){ .page-head__inner { padding:36px 16px 28px; } .page-head__title { font-size:28px; } }