/* === Fallback zmiennych (na wypadek braku var.css w archiwum) === */
:root {
  --main-bg-color: #0B0B14;
  --secondary-color: #14141F;
  --secondary-color-2: #1B1B29;
  --main-color: #F0C048;
  --main-color-2: #FFDE7A;
  --text-color: #FFFFFF;
  --text-left-color: #C4C9DA;
  --link-color: #F0C048;
  --border-color: rgba(240,192,72,.25);
  --menu-left-color: #0F0F1A;
  --footer-background1: #10101A;
  --footer-background2: #0B0B14;
  --main-btn-text-color: #0B0B14;
  --main-btn-bg: #F0C048;
  --main-bg-border: #F0C048;
  --secondary-btn-color: #F0C048;
  --secondary-btn-bg: transparent;
  --secondary-btn-border: #F0C048;

  /* --- Aliasy dla header.css / footer.css (używają --color-*) --- */
  --color-primary: #10101A;
  --color-secondary: #0B0B14;
  --color-accent: #F0C048;
  --color-highlight: #FFDE7A;
  --color-white: #FFFFFF;
  --color-white-10: rgba(255,255,255,0.08);
  --color-peach: #C4C9DA;
  --color-turquoise: #F0C048;
}

/* === Reset / anty-scroll poziomy (mobile) === */
html, body {
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
  background: var(--main-bg-color);
  color: var(--text-color);
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.6;
}
* { box-sizing: border-box; }
img, picture, video, table { max-width: 100%; height: auto; }

.active123 .aside-menu__list-item { color: gray !important; pointer-events: none !important; }

/* === Layout === */
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
main { background: var(--main-bg-color); padding: 24px 0 48px; }
main a { color: var(--link-color); text-decoration: underline; text-underline-offset: 3px; }
main a:hover { color: var(--main-color-2); }

/* === Typography === */
h1, h2, h3, h4 { color: var(--text-color); line-height: 1.25; margin: 0 0 16px; }
h1 { font-size: clamp(26px, 4vw, 40px); font-weight: 700; }
h2 { font-size: clamp(22px, 3vw, 30px); font-weight: 700; margin-top: 36px; padding-top: 8px; border-top: 1px solid var(--border-color); }
h2:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
h3 { font-size: clamp(18px, 2.2vw, 22px); font-weight: 600; margin-top: 24px; }
h4 { font-size: 15px; font-weight: 600; }
p { margin: 0 0 14px; color: var(--text-color); }
p a, li a, td a { color: var(--main-color); }
strong { color: var(--main-color-2); }

/* === HERO === */
.hero {
  background: linear-gradient(140deg, #14141F 0%, #0B0B14 65%);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  padding: 28px 24px;
  margin: 0 0 24px;
}
.hero h1 { margin-bottom: 18px; }
.hero__lead { font-size: 16px; color: var(--text-color); margin-bottom: 20px; }
.hero__cta-row {
  display: flex; gap: 24px; align-items: center; flex-wrap: wrap;
}
.hero__img {
  width: min(280px, 45vw); height: auto; aspect-ratio: 1/1;
  border-radius: 20px; object-fit: cover; flex: 0 0 auto;
  border: 2px solid var(--main-color); background: #0F0F1A;
}
.hero__cta-box {
  flex: 1 1 240px; display: flex; flex-direction: column; gap: 8px;
  background: rgba(240,192,72,.06); border: 1px solid var(--border-color);
  border-radius: 16px; padding: 20px;
}
.hero__badge {
  align-self: flex-start;
  background: var(--main-color); color: #0B0B14;
  padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .5px;
  text-decoration: none; cursor: pointer; display: inline-block;
  transition: background .2s ease, transform .15s ease;
}
.hero__badge:hover { background: var(--main-color-2); transform: translateY(-1px); }
.hero__amount { font-size: clamp(20px, 3vw, 26px); font-weight: 700; color: var(--main-color); line-height: 1.2; }
.hero__note { font-size: 14px; color: var(--text-left-color); }
.hero__button {
  display: inline-block; text-align: center;
  background: var(--main-color); color: #0B0B14;
  padding: 14px 20px; border-radius: 12px;
  font-weight: 700; text-decoration: none;
  transition: transform .15s, background .15s;
  margin-top: 4px;
}
.hero__button:hover { background: var(--main-color-2); transform: translateY(-1px); color: #0B0B14; }
.hero__disclaimer { font-size: 11px; color: var(--text-left-color); text-align: center; margin-top: 4px; }

/* === Cas-list (kategorie) === */
.cas-list {
  list-style: none; padding: 0; margin: 0 0 24px;
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px;
}
.cas-list__item {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  background: var(--secondary-color); border: 1px solid var(--border-color);
  border-radius: 12px; padding: 12px 8px; text-align: center;
  color: var(--text-color); text-decoration: none;
  font-size: 13px; transition: border-color .15s, transform .15s;
}
.cas-list__item:hover { border-color: var(--main-color); transform: translateY(-1px); color: var(--main-color); }
.cas-list__item .icon {
  width: 32px; height: 32px; border-radius: 8px;
  background: var(--main-color); opacity: .85;
}

/* === Popular list (sloty) === */
.popular-list {
  list-style: none; padding: 0; margin: 8px 0 24px;
  display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px;
}
.popular-list li a {
  display: block; text-decoration: none; color: var(--text-color);
  background: var(--secondary-color); border: 1px solid transparent;
  border-radius: 12px; padding: 8px; text-align: center;
  transition: border-color .15s, transform .15s;
}
.popular-list li a:hover { border-color: var(--main-color); transform: translateY(-2px); }
.popular-list__logo { width: 100%; height: auto; border-radius: 8px; display: block; }
.popular-list__title { font-size: 12px; margin: 6px 0 0; color: var(--text-color); font-weight: 500; }

/* === Tabele === */
.bonus-table, .pros-cons {
  width: 100%; border-collapse: collapse; margin: 16px 0 24px;
  background: var(--secondary-color); border-radius: 12px; overflow: hidden;
  font-size: 14px;
}
.bonus-table th, .pros-cons th {
  background: var(--secondary-color-2); color: var(--main-color);
  text-align: left; padding: 12px; font-weight: 600; border-bottom: 1px solid var(--border-color);
}
.bonus-table td, .pros-cons td {
  padding: 12px; border-bottom: 1px solid rgba(240,192,72,.08); vertical-align: top;
  color: var(--text-color);
}
.bonus-table tr:last-child td, .pros-cons tr:last-child td { border-bottom: 0; }
.pros-cons th:first-child { color: #6EE7A5; }
.pros-cons th:last-child { color: #FF8896; }

/* === Regulation box (18+ nad FAQ) === */
.regulation-box {
  background: rgba(255, 60, 60, .06);
  border: 1px solid rgba(255, 100, 100, .3);
  border-radius: 14px; padding: 16px 20px; margin: 24px 0;
}
.regulation-box__inner { display: flex; gap: 16px; align-items: flex-start; }
.regulation-box__age {
  flex: 0 0 auto; background: #E63946; color: #fff;
  padding: 8px 14px; border-radius: 10px; font-weight: 800; font-size: 18px;
}
.regulation-box__text { font-size: 14px; color: var(--text-color); line-height: 1.55; }
.regulation-box__text strong { color: var(--main-color); }

/* === Author box (pod FAQ) === */
.author-box {
  background: linear-gradient(135deg, #14141F 0%, #0B0B14 100%);
  border: 1px solid var(--border-color); border-radius: 16px;
  padding: 24px; margin: 24px 0; display: flex; gap: 20px; align-items: flex-start;
}
.author-box__photo {
  flex: 0 0 auto; width: 88px; height: 88px; border-radius: 50%;
  border: 2px solid var(--main-color); object-fit: cover;
}
.author-box__body { flex: 1 1 auto; }
.author-box__head { margin-bottom: 8px; }
.author-box__label {
  display: inline-block; font-size: 11px; text-transform: uppercase; letter-spacing: 1px;
  color: var(--main-color); font-weight: 600; margin-bottom: 4px;
}
.author-box__name { font-size: 22px; margin: 2px 0; color: var(--text-color); }
.author-box__role { font-size: 13px; color: var(--text-left-color); }
.author-box__body p { font-size: 14px; color: var(--text-color); }

/* === FAQ === */
.faq-block { margin: 24px 0; }
.faq-block__list { list-style: none; padding: 0; margin: 0; }
.faq-block__item {
  background: var(--secondary-color); border: 1px solid var(--border-color);
  border-radius: 10px; margin-bottom: 10px; padding: 16px 18px;
}
.faq-block__item-title { font-size: 16px; margin: 0 0 8px; color: var(--main-color); }
.faq-block__item-content { font-size: 14px; margin: 0; color: var(--text-color); }

/* === Header === */
.site-header {
  background: var(--secondary-color); border-bottom: 1px solid var(--border-color);
  position: sticky; top: 0; z-index: 100;
}
.site-header__inner {
  max-width: 1200px; margin: 0 auto; padding: 12px 24px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.site-header__logo img { display: block; max-height: 40px; width: auto; }
.site-nav__list {
  display: flex; gap: 20px; list-style: none; margin: 0; padding: 0;
}
.site-nav__link {
  color: var(--text-color); text-decoration: none; font-size: 14px; font-weight: 500;
  padding: 6px 4px; transition: color .15s;
}
.site-nav__link:hover { color: var(--main-color); }
.site-header__actions { display: flex; gap: 10px; align-items: center; }
.site-header__cta {
  background: var(--main-color); color: #0B0B14; padding: 10px 16px;
  border-radius: 10px; text-decoration: none; font-weight: 700; font-size: 14px;
  white-space: nowrap;
}
.site-header__cta:hover { background: var(--main-color-2); color: #0B0B14; }
.site-burger { display: none; background: transparent; border: 0; cursor: pointer; padding: 6px; }
.site-burger__bar {
  display: block; width: 24px; height: 2px; background: var(--main-color);
  margin: 4px 0; border-radius: 2px;
}

/* === Aside menu (desktop schowany) === */
.aside-menu { display: none; }

/* === Footer === */
.site-footer {
  background: var(--footer-background1); border-top: 1px solid var(--border-color);
  padding: 32px 0 24px; color: var(--text-color);
}
.site-footer__inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.site-footer__top {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  flex-wrap: wrap; margin-bottom: 24px;
}
.site-footer__logo img { max-height: 40px; width: auto; }
.site-footer__badges { display: flex; gap: 8px; }
.site-footer__badge-txt {
  background: #E63946; color: #fff; padding: 6px 12px; border-radius: 8px; font-weight: 700;
}
.site-footer__cta {
  background: var(--main-color); color: #0B0B14; padding: 10px 20px;
  border-radius: 10px; text-decoration: none; font-weight: 700;
}
.site-footer__cta:hover { background: var(--main-color-2); color: #0B0B14; }
.site-footer__columns {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 24px 0;
  border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
}
.site-footer__col h3 { color: var(--main-color); font-size: 15px; margin-bottom: 12px; }
.site-footer__col ul { list-style: none; padding: 0; margin: 0; }
.site-footer__col li { margin-bottom: 6px; }
.site-footer__col a { color: var(--text-left-color); text-decoration: none; font-size: 13px; }
.site-footer__col a:hover { color: var(--main-color); }
.site-footer__disclaimer {
  display: flex; gap: 16px; flex-wrap: wrap; padding: 16px 0;
  font-size: 12px; color: var(--text-left-color);
}
.site-footer__disclaimer a { color: var(--main-color); }
.site-footer__bottom { text-align: center; font-size: 12px; color: var(--text-left-color); }
.site-footer__bottom p { margin: 2px 0; }
.site-footer__bottom a { color: var(--main-color); }

/* === Auth bottom (mobile buttons) === */
.auth-bottom { display: none; padding: 12px 24px; gap: 10px; }
.button-main, .button-secondary {
  flex: 1; text-align: center; padding: 12px 16px; border-radius: 10px;
  text-decoration: none; font-weight: 600; font-size: 14px;
}
.button-main { background: var(--main-color); color: #0B0B14; }
.button-secondary { background: transparent; color: var(--main-color); border: 1px solid var(--main-color); }

/* === Overlay === */
.overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.6); z-index: 199;
  opacity: 0; visibility: hidden; transition: opacity .2s;
}
.overlay.is-active { opacity: 1; visibility: visible; }

/* === Mobile === */
@media (max-width: 900px) {
  .site-nav { display: none; }
  .site-burger { display: block; }
  .site-header__cta { padding: 8px 12px; font-size: 13px; }
  .hero { padding: 20px 16px; }
  .hero__cta-row { flex-direction: column; align-items: stretch; }
  .hero__img { width: 100%; max-width: 320px; margin: 0 auto; }
  .cas-list { grid-template-columns: repeat(3, 1fr); }
  .popular-list { grid-template-columns: repeat(3, 1fr); }
  .site-footer__columns { grid-template-columns: repeat(2, 1fr); }
  .author-box { flex-direction: column; align-items: center; text-align: left; }
  .auth-bottom { display: flex; }

  /* Aside menu na mobile */
  .aside-menu {
    display: block; position: fixed; top: 0; left: -100%; width: 280px; height: 100vh;
    background: var(--menu-left-color); padding: 20px; z-index: 200;
    transition: left .25s ease; overflow-y: auto;
  }
  .aside-menu.is-open { left: 0; }
  .aside-menu__logo { display: block; margin: 16px 0; }
  .aside-menu__list { list-style: none; padding: 0; margin: 20px 0 0; }
  .aside-menu__list-item {
    display: flex; align-items: center; gap: 10px; padding: 10px 8px;
    color: var(--text-color); text-decoration: none; border-radius: 8px;
    font-size: 14px;
  }
  .aside-menu__list-item:hover { background: var(--secondary-color); color: var(--main-color); }
  .aside-menu .icon { width: 20px; height: 20px; background: var(--main-color); border-radius: 4px; opacity: .6; }
  .close-menu {
    position: absolute; top: 12px; right: 12px; background: transparent; border: 0; cursor: pointer;
  }
}

@media (max-width: 520px) {
  .cas-list { grid-template-columns: repeat(2, 1fr); }
  .popular-list { grid-template-columns: repeat(2, 1fr); }
  .site-footer__columns { grid-template-columns: 1fr; }
  h1 { font-size: 24px; }
  h2 { font-size: 20px; }
}

/* Wygaszamy niepotrzebne banery i puste elementy z szablonu */
.main-banner, .bonus-banner { display: none; }

/* === Mobile nav toggle === */
@media (max-width: 900px) {
  .site-nav {
    position: absolute; top: var(--site-header-height, 60px); left: 0; right: 0;
    background: var(--secondary-color); border-bottom: 1px solid var(--border-color);
    padding: 12px 24px; display: none;
  }
  .site-nav.is-open { display: block; }
  .site-nav__list { flex-direction: column; gap: 4px; }
  .site-nav__link { display: block; padding: 10px 4px; border-bottom: 1px solid rgba(240,192,72,.08); }
}

/* === Steps (ordered list) === */
.steps {
  counter-reset: step;
  list-style: none; padding: 0; margin: 12px 0 20px;
}
.steps li {
  position: relative; padding: 12px 12px 12px 52px;
  background: var(--secondary-color); border: 1px solid var(--border-color);
  border-radius: 10px; margin-bottom: 8px; color: var(--text-color);
  font-size: 15px;
}
.steps li::before {
  counter-increment: step; content: counter(step);
  position: absolute; left: 12px; top: 12px;
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--main-color); color: #0B0B14;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 14px;
}

/* === Editorial tip === */
.editorial-tip {
  background: rgba(240,192,72,.08);
  border-left: 3px solid var(--main-color);
  padding: 14px 18px;
  border-radius: 8px;
  margin: 16px 0 20px;
  font-size: 14.5px;
  line-height: 1.6;
}
.editorial-tip strong { color: var(--main-color); }

/* === Category icons (inline SVG, gold) === */
.cas-list__item .icon {
  width: 40px;
  height: 40px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 1;
  border-radius: 0;
}

/* Automaty (slot machine 7's) */
.cas-list__item .slots-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'><rect x='4' y='7' width='32' height='26' rx='3' stroke='%23F0C048' stroke-width='2'/><rect x='8' y='11' width='7' height='18' rx='1' fill='%230B0B14' stroke='%23F0C048' stroke-width='1.5'/><rect x='16.5' y='11' width='7' height='18' rx='1' fill='%230B0B14' stroke='%23F0C048' stroke-width='1.5'/><rect x='25' y='11' width='7' height='18' rx='1' fill='%230B0B14' stroke='%23F0C048' stroke-width='1.5'/><text x='11.5' y='23' font-family='Arial' font-size='9' font-weight='bold' fill='%23F0C048' text-anchor='middle'>7</text><text x='20' y='23' font-family='Arial' font-size='9' font-weight='bold' fill='%23F0C048' text-anchor='middle'>7</text><text x='28.5' y='23' font-family='Arial' font-size='9' font-weight='bold' fill='%23F0C048' text-anchor='middle'>7</text></svg>");
}

/* Blackjack (playing cards) */
.cas-list__item .blackjack-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'><rect x='7' y='10' width='16' height='22' rx='2' fill='%230B0B14' stroke='%23F0C048' stroke-width='1.8' transform='rotate(-10 15 21)'/><rect x='17' y='8' width='16' height='22' rx='2' fill='%230B0B14' stroke='%23F0C048' stroke-width='1.8' transform='rotate(10 25 19)'/><path d='M25 15l-2.5 3.5L25 22l2.5-3.5L25 15z M25 22c-1.5 1-2.5 2.2-2.5 3.5h5c0-1.3-1-2.5-2.5-3.5z' fill='%23F0C048'/></svg>");
}

/* Mobile (phone) */
.cas-list__item .mobile-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'><rect x='12' y='5' width='16' height='30' rx='3' fill='%230B0B14' stroke='%23F0C048' stroke-width='2'/><rect x='14' y='9' width='12' height='19' fill='%23F0C048' opacity='0.15'/><circle cx='20' cy='31.5' r='1.3' fill='%23F0C048'/><rect x='17' y='7' width='6' height='1' rx='0.5' fill='%23F0C048'/></svg>");
}

/* Owoce (cherry) */
.cas-list__item .fruits-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'><path d='M18 10 Q20 6 26 8 Q30 10 28 16' stroke='%23F0C048' stroke-width='2' fill='none' stroke-linecap='round'/><circle cx='15' cy='25' r='7' fill='%23F0C048'/><circle cx='27' cy='27' r='6.5' fill='%23F0C048' opacity='0.7'/><circle cx='13' cy='23' r='1.5' fill='%23FFDE7A'/><circle cx='25' cy='25' r='1.2' fill='%23FFDE7A'/></svg>");
}

/* Bonus games (gift box) */
.cas-list__item .bonus-game-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'><rect x='6' y='16' width='28' height='18' rx='1.5' fill='%230B0B14' stroke='%23F0C048' stroke-width='2'/><rect x='4' y='14' width='32' height='6' fill='%230B0B14' stroke='%23F0C048' stroke-width='2'/><line x1='20' y1='14' x2='20' y2='34' stroke='%23F0C048' stroke-width='2'/><path d='M14 14 Q10 10 12 7 Q15 5 20 10 M26 14 Q30 10 28 7 Q25 5 20 10' stroke='%23F0C048' stroke-width='2' fill='none'/></svg>");
}

/* Bukmacher (trophy) */
.cas-list__item .bookmaker-icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'><path d='M12 6h16v10a8 8 0 01-16 0V6z' fill='%230B0B14' stroke='%23F0C048' stroke-width='2'/><path d='M12 9h-4a3 3 0 000 6h4M28 9h4a3 3 0 010 6h-4' stroke='%23F0C048' stroke-width='2' fill='none'/><path d='M17 24h6v4h-6z M15 28h10v3H15z' fill='%23F0C048'/><rect x='13' y='32' width='14' height='2' fill='%23F0C048'/></svg>");
}

/* Aside menu icons (left panel) — минимальные плейсхолдеры */
.aside-menu .home-icon,
.aside-menu .promo-icon,
.aside-menu .live-icon {
  background-color: var(--main-color);
  opacity: 0.5;
  border-radius: 4px;
}

/* === Mobile: CTA-блок перед hero картинкой === */
@media (max-width: 900px) {
  .hero__cta-row { display: flex; flex-direction: column; }
  .hero__cta-box { order: 1; }
  .hero__img { order: 2; margin-top: 12px; }
}

/* === Стили для доп E-E-A-T страниц (дизайн главной) === */
.article-page {
  padding: 20px 0 60px;
  color: var(--text-color);
  line-height: 1.7;
  max-width: 900px;
}
.article-page .crumb {
  color: var(--text-left-color, #c4c9da);
  font-size: 13px;
  margin: 0 0 10px;
  opacity: 0.8;
}
.article-page .crumb a {
  color: var(--main-color);
  text-decoration: none;
}
.article-page .crumb a:hover { text-decoration: underline; }

.article-page h1 {
  font-size: 32px;
  line-height: 1.25;
  margin: 8px 0 6px;
  color: var(--text-color);
  font-weight: 700;
}
.article-page h2 {
  font-size: 24px;
  margin: 36px 0 12px;
  color: var(--main-color);
  font-weight: 700;
  border-left: 4px solid var(--main-color);
  padding-left: 14px;
}
.article-page h3 {
  font-size: 19px;
  margin: 26px 0 8px;
  color: var(--main-color-2, #FFDE7A);
  font-weight: 600;
}
.article-page p {
  margin: 0 0 16px;
  color: var(--text-color);
  font-size: 16px;
}
.article-page p.upd {
  color: var(--text-left-color, #c4c9da);
  font-size: 13px;
  margin: 0 0 24px;
  font-style: italic;
  opacity: 0.75;
}
.article-page a {
  color: var(--main-color);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.article-page a:hover { color: var(--main-color-2, #FFDE7A); }
.article-page strong { color: var(--main-color-2, #FFDE7A); }

.article-page ul.list {
  margin: 0 0 20px;
  padding-left: 22px;
}
.article-page ul.list li {
  margin: 8px 0;
  color: var(--text-color);
}
.article-page ul.list li::marker { color: var(--main-color); }

.article-page .table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  margin: 20px 0;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  background: var(--secondary-color);
}
.article-page table {
  border-collapse: collapse;
  width: 100%;
  min-width: 520px;
  font-size: 14.5px;
  background: transparent;
}
.article-page thead th {
  background: var(--secondary-color-2);
  color: var(--main-color);
  text-align: left;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border-color);
  font-weight: 600;
}
.article-page tbody td {
  border-top: 1px solid rgba(240,192,72,.15);
  padding: 12px 14px;
  vertical-align: top;
  color: var(--text-color);
}
.article-page tbody tr:nth-child(even) td { background: rgba(255,255,255,.02); }

.article-page .rg-banner {
  background: rgba(240,192,72,.08);
  border: 1px solid rgba(240,192,72,.3);
  border-left: 4px solid var(--main-color);
  border-radius: 12px;
  padding: 20px 22px;
  margin: 28px 0;
}
.article-page .rg-banner .rg-title {
  color: var(--main-color);
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 10px;
}
.article-page .rg-banner p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--text-color);
}

@media (max-width: 720px) {
  .article-page h1 { font-size: 26px; }
  .article-page h2 { font-size: 21px; }
  .article-page h3 { font-size: 17px; }
}

/* === Убираем лишний padding-left под aside-меню на десктопе === */
.main-content { padding-left: 0; padding-right: 0; }
@media (max-width: 900px) {
  .main-content { padding: 20px 0 0 0; }
}

/* === Mobile: немного меньше шрифты === */
@media (max-width: 767px) {
  .main-content > * { font-size: 15px; line-height: 24px; }
  .main-content p, .main-content li, .main-content td { font-size: 15px; }
  .main-content h1 { font-size: 22px; line-height: 1.25; }
  .main-content h2:not([class]) { font-size: 20px; }
  .main-content h3:not([class]) { font-size: 17px; }
  .hero h1 { font-size: 22px; line-height: 1.25; }
  .hero__lead { font-size: 14px; line-height: 22px; }
  .hero__amount { font-size: 18px; }
  .hero__note, .hero__disclaimer { font-size: 12px; }
  .editorial-tip { font-size: 13.5px; }
  .faq-block__item-title { font-size: 15px; }
  .faq-block__item-content { font-size: 14px; }
  .author-box__name { font-size: 17px; }
  .author-box p { font-size: 14px; }
  .pros-cons td, .bonus-table td, .bonus-table th { font-size: 13.5px; }
  .regulation-box__text { font-size: 13.5px; line-height: 1.55; }
}