/* ============================================================================
   SEREGA KIT — портативный набор блоков «brand-review» (донор amazon-slots.es)
   ----------------------------------------------------------------------------
   Самодостаточный CSS. Все цвета/отступы берутся из --sk-* переменных.
   Дефолты ниже — нейтральная тёмная казино-тема. В каждом движке цвета
   переопределяются маппингом на его палитру (в движке 02 — из config.COLORS,
   генерит build.py в inline <style> после этого файла).

   Классы с префиксом sk- НЕ конфликтуют с классами движка.
   FAQ на <details>/<summary> — без JS.
   ============================================================================ */

:root{
  /* роли — ДЕФОЛТЫ (переопределяются per-движок) */
  --sk-accent:#ff6b00;         /* CTA / ссылки / ховер-рамка */
  --sk-accent-2:#ff8533;
  --sk-verdict:#0fa958;        /* ДА / легально / плюсы / галочки */
  --sk-danger:#dc2626;         /* НЕТ-минусы / крестики / 18+ */
  --sk-gold:#ffd700;           /* суммы, цифры оффера */
  --sk-bg:#0b1220;             /* фон страницы */
  --sk-bg-2:#0e1626;           /* полоса band-dark */
  --sk-surface:#121c2e;        /* полоса band-light */
  --sk-card:#131d33;           /* карточки */
  --sk-card-2:#182339;         /* карточка ховер */
  --sk-border:rgba(255,255,255,.10);
  --sk-border-2:rgba(255,255,255,.20);
  --sk-text:#e8ecf1;
  --sk-text-2:#b0bac8;
  --sk-muted:#7a8999;
  /* геометрия */
  --sk-r-sm:8px; --sk-r-md:12px; --sk-r-lg:16px; --sk-r-xl:24px; --sk-r-full:9999px;
  --sk-sp-sm:.5rem; --sk-sp-md:1rem; --sk-sp-lg:1.5rem; --sk-sp-xl:2rem; --sk-sp-2xl:3rem;
  --sk-shadow-sm:0 1px 3px rgba(0,0,0,.3);
  --sk-shadow-md:0 4px 12px rgba(0,0,0,.4);
  --sk-glow:0 4px 20px rgba(255,107,0,.22);
  --sk-cont:1200px;
  --sk-font:inherit;           /* наследует шрифт движка */
}

/* ── контейнер-обёртки секций ─────────────────────────────────────────── */
.sk-band{padding:clamp(2rem,5vw,3.5rem) 0;font-family:var(--sk-font);color:var(--sk-text);line-height:1.7}
.sk-band--dark{background:var(--sk-bg-2)}
.sk-band--light{background:var(--sk-surface)}
.sk-wrap{max-width:var(--sk-cont);margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}
.sk-narrow{max-width:820px}

/* ── заголовки секций ─────────────────────────────────────────────────── */
.sk-head{margin-bottom:var(--sk-sp-xl)}
.sk-head h2{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.02em;color:var(--sk-text);margin:0 0 .4rem}
.sk-head p{color:var(--sk-text-2);margin:0;font-size:clamp(.9rem,1.6vw,1.05rem)}
.sk-band h3{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;color:var(--sk-text)}
.sk-band p{color:var(--sk-text-2)}
.sk-band strong{color:var(--sk-text)}
.sk-band a{color:var(--sk-accent);text-decoration:none}
.sk-band a:hover{text-decoration:underline}
/* H3 с оранжевой чертой слева (приём донора) */
.sk-h3-tick{position:relative;padding-left:.85rem}
.sk-h3-tick:before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:2px;background:var(--sk-accent)}

/* ── оффер-бар (4 метрики под hero) ───────────────────────────────────── */
.sk-offerbar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sk-sp-md)}
.sk-offerbar .sk-stat{text-align:center;padding:var(--sk-sp-md);background:rgba(255,255,255,.05);border:1px solid var(--sk-border);border-radius:var(--sk-r-md)}
.sk-offerbar .sk-stat b{display:block;font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:900;color:var(--sk-gold);line-height:1}
.sk-offerbar .sk-stat span{display:block;margin-top:.35rem;font-size:.7rem;color:var(--sk-text-2);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
@media(max-width:520px){.sk-offerbar{grid-template-columns:repeat(2,1fr)}}

/* ── verdict-box (SÍ/NO ответ) + checklist ────────────────────────────── */
.sk-verdict-box{background:rgba(255,255,255,.03);border-left:4px solid var(--sk-accent);border-radius:0 var(--sk-r-md) var(--sk-r-md) 0;padding:var(--sk-sp-lg);margin:var(--sk-sp-lg) 0}
.sk-verdict-box h3{margin:0 0 .5rem;color:var(--sk-accent)}
.sk-verdict-box--yes{border-left-color:var(--sk-verdict);background:rgba(15,169,88,.06)}
.sk-verdict-box--yes h3{color:var(--sk-verdict)}
.sk-verdict-box--no{border-left-color:var(--sk-danger);background:rgba(220,38,38,.05)}
.sk-verdict-box--no h3{color:var(--sk-danger)}
.sk-check{list-style:none;padding:0;margin:.5rem 0 0}
.sk-check li{position:relative;padding-left:1.6rem;margin-bottom:.5rem;color:var(--sk-text-2)}
.sk-check li:before{content:"✓";position:absolute;left:0;color:var(--sk-verdict);font-weight:800}

/* ── trust: вердикт-плашка + сетка гарантий + бейджи ──────────────────── */
.sk-trust-verdict{text-align:center;padding:var(--sk-sp-2xl) var(--sk-sp-lg);background:rgba(15,169,88,.10);border:2px solid rgba(15,169,88,.30);border-radius:var(--sk-r-xl);margin-bottom:var(--sk-sp-xl)}
.sk-trust-verdict h3{color:var(--sk-verdict);font-size:clamp(1.2rem,2.6vw,1.5rem);margin:0 0 .5rem}
.sk-trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--sk-sp-md)}
.sk-trust-item{background:var(--sk-card);border:1px solid var(--sk-border);border-radius:var(--sk-r-md);padding:var(--sk-sp-lg);text-align:center;box-shadow:var(--sk-shadow-sm);transition:.25s}
.sk-trust-item:hover{border-color:var(--sk-accent);box-shadow:var(--sk-shadow-md);transform:translateY(-2px)}
.sk-trust-item h4{margin:.4rem 0;color:var(--sk-text);font-size:.95rem}
.sk-trust-item p{margin:0;font-size:.82rem;color:var(--sk-muted)}
.sk-trust-badges{display:flex;flex-wrap:wrap;gap:var(--sk-sp-md);align-items:center;justify-content:center;margin:var(--sk-sp-xl) 0 0}
.sk-trust-badges img{height:48px;opacity:.85}

/* ── таблицы (базовый стиль: скруглённый враппер, тёмная шапка) ────────── */
.sk-table-wrap{overflow-x:auto;margin:var(--sk-sp-lg) 0;border-radius:var(--sk-r-md);border:1px solid var(--sk-border);box-shadow:var(--sk-shadow-sm)}
.sk-table{width:100%;border-collapse:collapse;font-size:.95rem}
.sk-table thead{background:rgba(0,0,0,.28)}
.sk-table th{padding:.8rem 1.1rem;text-align:left;font-weight:700;color:var(--sk-text);white-space:nowrap}
.sk-table td{padding:.8rem 1.1rem;border-top:1px solid var(--sk-border);color:var(--sk-text-2);vertical-align:top}
.sk-table td:first-child,.sk-table th:first-child{color:var(--sk-text)}
/* вердикт-слово в scam-таблице */
.sk-vw{font-weight:800}
.sk-vw--false{color:var(--sk-danger)}
.sk-vw--true{color:var(--sk-verdict)}
/* vs-таблица: подсветка «нашей» колонки */
.sk-table--vs td:nth-child(2),.sk-table--vs th:nth-child(2){background:rgba(15,169,88,.07);color:var(--sk-text)}
@media(max-width:600px){.sk-table{font-size:.82rem}.sk-table th,.sk-table td{padding:.6rem .7rem}}

/* ── stat-cards (резюме/спеки игры) ───────────────────────────────────── */
.sk-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--sk-sp-md);margin:var(--sk-sp-lg) 0}
.sk-stat-card{background:var(--sk-card);border:1px solid var(--sk-border);border-radius:var(--sk-r-md);padding:var(--sk-sp-lg);text-align:center;box-shadow:var(--sk-shadow-sm)}
.sk-stat-card b{display:block;font-size:clamp(1.3rem,3vw,1.75rem);font-weight:900;color:var(--sk-accent);line-height:1}
.sk-stat-card span{display:block;margin-top:.45rem;font-size:.72rem;color:var(--sk-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}

/* ── trustpilot: бар 65/25/10 + pros/cons ─────────────────────────────── */
.sk-tp-bar{display:flex;height:34px;border-radius:var(--sk-r-full);overflow:hidden;margin:var(--sk-sp-md) 0 var(--sk-sp-lg);border:1px solid var(--sk-border)}
.sk-tp-bar span{display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#fff}
.sk-tp-bar .sk-tp-pos{background:var(--sk-verdict)}
.sk-tp-bar .sk-tp-neu{background:var(--sk-muted)}
.sk-tp-bar .sk-tp-neg{background:var(--sk-danger)}
.sk-proscons{display:grid;grid-template-columns:1fr 1fr;gap:var(--sk-sp-lg);margin:var(--sk-sp-lg) 0}
.sk-pros,.sk-cons{padding:var(--sk-sp-lg);border-radius:var(--sk-r-md);list-style:none;margin:0}
.sk-pros{background:rgba(15,169,88,.06);border:1px solid rgba(15,169,88,.20)}
.sk-cons{background:rgba(220,38,38,.05);border:1px solid rgba(220,38,38,.15)}
.sk-pros h4{color:var(--sk-verdict);margin:0 0 .6rem}
.sk-cons h4{color:var(--sk-danger);margin:0 0 .6rem}
.sk-pros li,.sk-cons li{position:relative;padding-left:1.5rem;margin-bottom:.4rem;color:var(--sk-text-2)}
.sk-pros li:before{content:"✓";position:absolute;left:0;color:var(--sk-verdict);font-weight:800}
.sk-cons li:before{content:"✗";position:absolute;left:0;color:var(--sk-danger);font-weight:800}
@media(max-width:680px){.sk-proscons{grid-template-columns:1fr}}

/* ── карточки методов (пэй/выводы) ────────────────────────────────────── */
.sk-paycards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sk-sp-md)}
.sk-paycard{display:flex;align-items:center;gap:var(--sk-sp-md);padding:var(--sk-sp-lg);background:var(--sk-card);border:1px solid var(--sk-border);border-radius:var(--sk-r-md);box-shadow:var(--sk-shadow-sm)}
.sk-paycard img{width:52px;height:52px;object-fit:contain;flex-shrink:0}
.sk-paycard b{display:block;font-size:.95rem;color:var(--sk-text)}
.sk-paycard span{font-size:.8rem;color:var(--sk-muted)}

/* ── карточки игр ─────────────────────────────────────────────────────── */
.sk-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:var(--sk-sp-md)}
.sk-game{display:block;background:var(--sk-card);border:1px solid var(--sk-border);border-radius:var(--sk-r-md);overflow:hidden;box-shadow:var(--sk-shadow-sm);transition:.25s;text-decoration:none}
.sk-game:hover{border-color:var(--sk-accent);transform:translateY(-4px);box-shadow:var(--sk-glow)}
.sk-game img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#0e1626;display:block}
.sk-game .sk-game-b{padding:.5rem .7rem .7rem}
.sk-game .sk-game-t{font-size:.9rem;font-weight:700;color:var(--sk-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-game .sk-game-p{font-size:.75rem;color:var(--sk-muted)}
@media(max-width:768px){.sk-games{grid-template-columns:repeat(3,1fr)}}

/* ── FAQ (без JS, на <details>) ───────────────────────────────────────── */
.sk-faq{list-style:none;padding:0;margin:0;max-width:820px}
.sk-faq details{border:1px solid var(--sk-border);border-radius:var(--sk-r-md);margin-bottom:.5rem;overflow:hidden;background:var(--sk-card);box-shadow:var(--sk-shadow-sm)}
.sk-faq summary{list-style:none;cursor:pointer;padding:var(--sk-sp-lg);font-weight:600;color:var(--sk-text);display:flex;justify-content:space-between;align-items:center;gap:var(--sk-sp-md)}
.sk-faq summary::-webkit-details-marker{display:none}
.sk-faq summary:hover{color:var(--sk-accent)}
.sk-faq summary:after{content:"+";font-size:1.3rem;font-weight:300;color:var(--sk-accent);flex-shrink:0;transition:transform .25s}
.sk-faq details[open] summary:after{transform:rotate(45deg)}
.sk-faq details>div{padding:0 var(--sk-sp-lg) var(--sk-sp-lg);color:var(--sk-text-2)}
.sk-faq details>div p{margin:0}

/* ── бейджи / пилюли / CTA (fallback, если у движка нет своих) ─────────── */
.sk-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .9rem;border-radius:var(--sk-r-full);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--sk-border-2)}
.sk-badge--gold{color:var(--sk-gold);border-color:rgba(255,215,79,.5);background:rgba(20,15,5,.6)}
.sk-badge--green{color:var(--sk-verdict);border-color:rgba(76,223,139,.5);background:rgba(5,20,15,.6)}
.sk-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.9rem;border-radius:var(--sk-r-full);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;color:var(--sk-accent-text,#0a1f14);background:linear-gradient(135deg,var(--sk-accent),var(--sk-accent-2));box-shadow:var(--sk-glow);text-decoration:none}
.sk-cta--ghost{background:rgba(255,255,255,.1);border:2px solid var(--sk-border-2)}
.sk-ctas{display:flex;flex-wrap:wrap;gap:var(--sk-sp-md);margin-top:var(--sk-sp-md)}

/* ── sk-prose: типографика для сгенерённой прозы (h2/h3/p/ul/table) ── */
.sk-prose{max-width:820px;margin:0 auto;color:var(--sk-text-2);font-size:clamp(.95rem,1.7vw,1.06rem);line-height:1.72}
.sk-prose h2{font-size:clamp(1.35rem,3vw,1.9rem);letter-spacing:-.02em;color:var(--sk-text);margin:2.4rem 0 .9rem;line-height:1.25}
.sk-prose h2:first-child{margin-top:0}
.sk-prose h3{font-size:clamp(1.08rem,2.3vw,1.32rem);color:var(--sk-text);margin:1.7rem 0 .7rem}
.sk-prose p{margin:0 0 1.05rem}
.sk-prose strong{color:var(--sk-text)}
.sk-prose a{color:var(--sk-accent)}
.sk-prose ul,.sk-prose ol{margin:0 0 1.15rem;padding-left:1.3rem}
.sk-prose li{margin:.4rem 0}
.sk-prose table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.95rem;background:var(--sk-card);border:1px solid var(--sk-border);border-radius:12px;overflow:hidden}
.sk-prose thead{background:rgba(0,0,0,.28)}
.sk-prose th{padding:.8rem 1.1rem;text-align:left;font-weight:700;color:var(--sk-text)}
.sk-prose td{padding:.75rem 1.1rem;border-top:1px solid var(--sk-border);vertical-align:top}
.sk-prose td:first-child{color:var(--sk-text);font-weight:600}
@media(max-width:600px){.sk-prose table{display:block;overflow-x:auto}}

/* ФИКС КИТА: `.sk-band a{color:var(--sk-accent)}` (выше по файлу) перебивал `.sk-cta`
   по специфичности — текст главной кнопки красился в цвет её же фона и исчезал. */
.sk-band a.sk-cta{color:var(--sk-accent-text,#0a1f14)}
.sk-band a.sk-cta--ghost{color:var(--sk-text,#fff)}