/* ============================================================
   Casino-KG — авторский дизайн v2 (не копия bet-kg).
   Та же структура классов, но премиальный визуальный язык:
   тёплый фон, изумрудно-чернильная шапка с золотой нитью,
   золотой CTA, многослойные тени, характерная типографика.
   Шрифты: Unbounded (заголовки) + Manrope (текст), оба с кириллицей.
   ============================================================ */

:root{
  --ckg-page:#f4f2ec;
  --ckg-page-2:#efece3;
  --ckg-header-1:#0c2a26;
  --ckg-header-2:#114036;
  --ckg-header-text:#f2f6f3;
  --ckg-surface:#ffffff;
  --ckg-ink:#15201c;
  --ckg-muted:#6f7d78;
  --ckg-subtle:#f5f3ec;
  --ckg-subtle-line:#e9e4d6;
  --ckg-border:#e7e1d3;

  --ckg-green:#0fae6e;
  --ckg-green-deep:#0a8f5a;
  --ckg-green-soft:#d8f2e6;
  --ckg-green-ink:#0a6c45;

  --ckg-gold-1:#f7cf57;
  --ckg-gold-2:#f0ad09;
  --ckg-gold-ink:#2a1d00;

  --ckg-blue:#2f6df0;
  --ckg-danger:#e1483f;
  --ckg-banner:#fbf2d4;
  --ckg-banner-ink:#54451a;

  --ckg-shadow:0 1px 2px rgba(20,40,34,.05), 0 14px 40px rgba(20,40,34,.08);
  --ckg-shadow-lg:0 2px 4px rgba(20,40,34,.06), 0 24px 60px rgba(20,40,34,.13);
  --ckg-shadow-gold:0 10px 26px rgba(240,173,9,.32);
  --ckg-radius:18px;
  --ckg-radius-sm:11px;
  --ckg-max:1180px;
  --ckg-font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ckg-display:"Unbounded","Manrope",sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;color:var(--ckg-ink);font-family:var(--ckg-font);
  font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;
  background:var(--ckg-page);
  background-image:
    radial-gradient(1200px 480px at 80% -120px, rgba(15,174,110,.06), transparent 60%),
    radial-gradient(900px 420px at -10% 0, rgba(240,173,9,.05), transparent 55%),
    linear-gradient(180deg, var(--ckg-page) 0%, var(--ckg-page-2) 100%);
  background-attachment:fixed;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.ckg-wrap{max-width:var(--ckg-max);margin:0 auto;padding:0 20px}

/* ШАПКА */
.ckg-header{
  background:linear-gradient(120deg,var(--ckg-header-1),var(--ckg-header-2));
  color:var(--ckg-header-text);position:sticky;top:0;z-index:50;
  border-bottom:1px solid rgba(247,207,87,.28);box-shadow:0 10px 30px rgba(8,28,24,.18);
}
.ckg-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}
.ckg-logo{display:flex;align-items:center;gap:13px;font-family:var(--ckg-display);font-weight:700;font-size:22px;letter-spacing:-.3px}
.ckg-logo .flag{width:44px;height:30px;border-radius:5px;flex:none;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.ckg-logo .dom{color:var(--ckg-gold-1)}
.ckg-nav{display:flex;gap:36px;align-items:center}
.ckg-nav a{font-weight:700;font-size:14px;letter-spacing:.4px;text-transform:uppercase;opacity:.92;position:relative;padding:6px 0;transition:color .15s}
.ckg-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--ckg-gold-1);transition:right .22s ease}
.ckg-nav a:hover{color:#fff}
.ckg-nav a:hover::after{right:0}
.ckg-header__gift{position:relative;font-size:23px}
.ckg-header__gift .badge{position:absolute;top:-6px;right:-8px;background:var(--ckg-gold-2);color:#241a00;font-size:11px;font-weight:800;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
.ckg-burger{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}

/* КАРКАС */
.ckg-main{padding:30px 0 60px}
.ckg-panel{background:var(--ckg-surface);border-radius:24px;box-shadow:var(--ckg-shadow);padding:36px clamp(16px,3vw,48px);margin-bottom:26px;border:1px solid rgba(231,225,211,.7)}
.ckg-page-title{font-family:var(--ckg-display);text-align:center;font-weight:700;letter-spacing:-.5px;font-size:clamp(25px,3.6vw,38px);line-height:1.12;margin:4px 0 22px;color:var(--ckg-ink)}
.ckg-h2{font-family:var(--ckg-display);font-size:clamp(20px,2.6vw,27px);font-weight:600;letter-spacing:-.3px;margin:34px 0 18px}
.ckg-banner-18{background:var(--ckg-banner);color:var(--ckg-banner-ink);border:1px solid #f0e2ad;border-radius:13px;text-align:center;font-weight:700;padding:14px 20px;margin:0 0 26px;font-size:14.5px}

/* РЕЙТИНГ */
.ckg-rating-title{font-family:var(--ckg-display);text-align:center;font-size:22px;font-weight:600;margin:30px 0 24px}
.ckg-rating{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}
.ckg-row{background:var(--ckg-surface);border:1px solid var(--ckg-border);border-radius:var(--ckg-radius);box-shadow:var(--ckg-shadow);display:grid;grid-template-columns:56px 186px 0.95fr 1.05fr 1.05fr 1.25fr 196px;align-items:center;gap:16px;padding:18px 22px;position:relative;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.ckg-row::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(var(--ckg-green),var(--ckg-green-deep));opacity:0;transition:opacity .18s}
.ckg-row:hover{transform:translateY(-3px);box-shadow:var(--ckg-shadow-lg);border-color:#d7e9e0}
.ckg-row:hover::before{opacity:1}
.ckg-rank{width:52px;height:36px;display:grid;place-items:center;font-family:var(--ckg-display);font-weight:700;font-size:17px;transform:skewX(-11deg);border-radius:7px;background:#eef0ec;color:#7c8a84;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.ckg-rank span{transform:skewX(11deg)}
.ckg-rank--1{background:linear-gradient(135deg,#fbe08a,#e7a700);color:#4a3500;box-shadow:0 6px 16px rgba(231,167,0,.4)}
.ckg-rank--2{background:linear-gradient(135deg,#e8edf0,#b9c4ca);color:#3a444a}
.ckg-rank--3{background:linear-gradient(135deg,#e9c08f,#c1813f);color:#3e2410}
.ckg-brand{position:relative;text-align:center}
.ckg-score{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--ckg-green),var(--ckg-green-deep));color:#fff;font-family:var(--ckg-display);font-weight:600;font-size:12.5px;padding:4px 11px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 16px rgba(15,174,110,.42);border:2px solid #fff}
.ckg-logo-tile{border-radius:14px;padding:22px 16px;margin-top:8px;display:grid;place-items:center;min-height:76px;background:var(--brand-bg,#16203a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 8px 20px rgba(20,30,30,.18)}
.ckg-logo-tile img{max-height:30px;width:auto}
.ckg-brand__name{font-weight:800;margin-top:11px;font-size:16px;letter-spacing:-.2px}
.ckg-cell{background:var(--ckg-subtle);border:1px solid var(--ckg-subtle-line);border-radius:13px;padding:11px 14px;text-align:center;min-height:74px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.ckg-cell .lbl{color:var(--ckg-muted);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}
.ckg-cell .val{font-weight:800;font-size:15px}
.ckg-cell-group{display:flex;flex-direction:column;gap:10px}
.ckg-mobile-icons{display:flex;gap:10px;justify-content:center;color:#2f3b35}
.ckg-mobile-icons svg{width:18px;height:18px}
.ckg-gauge{margin:2px auto 0;width:46px;height:26px}
.ckg-bonus{text-align:center}
.ckg-bonus .amount{color:var(--ckg-green-ink);font-family:var(--ckg-display);font-weight:600;font-size:19px;line-height:1.2}
.ckg-bonus .desc{font-size:13px;color:#3c463f;margin-top:3px}
.ckg-promo{border:1.5px dashed #c7b257;border-radius:9px;padding:6px 11px;margin:9px auto 0;background:#fdf8e6;display:inline-flex;align-items:center;gap:8px;font-weight:800;cursor:pointer;transition:background .15s}
.ckg-promo:hover{background:#fbf1cf}
.ckg-promo small{display:block;font-weight:600;color:var(--ckg-muted);font-size:11px;text-align:center;margin-bottom:4px}
.ckg-bonus .terms{font-size:10.5px;color:var(--ckg-muted);margin-top:8px;line-height:1.3}
.ckg-cta-col{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.ckg-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--ckg-gold-1),var(--ckg-gold-2));color:var(--ckg-gold-ink);font-family:var(--ckg-display);font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:14px;text-align:center;padding:16px 14px;border-radius:12px;border:0;cursor:pointer;box-shadow:var(--ckg-shadow-gold);transition:transform .15s, box-shadow .15s}
.ckg-cta::after{content:"";position:absolute;top:0;left:-130%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .5s}
.ckg-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(240,173,9,.45)}
.ckg-cta:hover::after{left:140%}
.ckg-review-link{text-align:center;font-weight:700;text-decoration:underline;text-underline-offset:3px;font-size:14px;color:var(--ckg-green-ink)}

/* ОБЗОР */
.ckg-review-head{display:grid;grid-template-columns:230px 1fr auto;gap:28px;align-items:start}
.ckg-review-left{display:flex;flex-direction:column;gap:12px}
.ckg-rank-pill{background:var(--ckg-green-soft);color:var(--ckg-green-ink);font-weight:800;border-radius:9px;padding:9px 12px;text-align:center;font-size:14px}
.ckg-bigscore{background:linear-gradient(135deg,var(--ckg-green),var(--ckg-green-deep));color:#fff;border-radius:13px;text-align:center;padding:18px;font-family:var(--ckg-display);font-size:30px;font-weight:600;line-height:1;box-shadow:0 12px 28px rgba(15,174,110,.32)}
.ckg-bigscore small{font-size:16px;opacity:.85}
.ckg-btn-outline{border:2px solid #d8d2c2;border-radius:11px;padding:13px;text-align:center;font-weight:800;text-transform:uppercase;font-size:12.5px;color:#4a544e;cursor:pointer;background:#fff;transition:border-color .15s}
.ckg-btn-outline:hover{border-color:var(--ckg-green)}
.ckg-btn-blue{background:var(--ckg-blue);color:#fff;border-radius:11px;padding:15px;text-align:center;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 10px 24px rgba(47,109,240,.3)}
.ckg-review-mid{display:flex;flex-direction:column;gap:18px}
.ckg-review-brand{display:flex;align-items:center;gap:18px}
.ckg-review-brand .tile{width:152px;min-height:86px;border-radius:16px;display:grid;place-items:center;background:var(--brand-bg,#0e0f12);padding:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 10px 24px rgba(20,30,30,.2)}
.ckg-review-brand .tile img{max-height:38px}
.ckg-review-brand .name{font-family:var(--ckg-display);font-weight:600;font-size:26px;letter-spacing:-.4px}
.ckg-review-brand .url{color:var(--ckg-muted);font-size:14px}
.ckg-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.ckg-checklist li{display:flex;align-items:flex-start;gap:11px;font-size:15px}
.ckg-dot{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800}
.ckg-dot--ok{background:var(--ckg-green)}
.ckg-dot--no{background:var(--ckg-danger)}
.ckg-dot--gift{background:transparent;font-size:18px}
.ckg-review-right{display:flex;flex-direction:column;gap:12px;min-width:300px}
.ckg-store-row{display:flex;gap:12px}
.ckg-store{flex:1;border:2px solid #e0dac9;border-radius:11px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800;transition:border-color .15s}
.ckg-store:hover{border-color:var(--ckg-green)}
.ckg-store svg{width:20px;height:20px}
.ckg-bonus-cta{background:linear-gradient(135deg,var(--ckg-gold-1),var(--ckg-gold-2));border-radius:14px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:var(--ckg-shadow-gold)}
.ckg-bonus-cta .gift{font-size:26px}
.ckg-bonus-cta .txt b{display:block;font-family:var(--ckg-display);color:var(--ckg-green-ink);font-size:18px}
.ckg-bonus-cta .txt span{font-weight:800;text-transform:uppercase;font-size:13px;color:var(--ckg-gold-ink)}
.ckg-bonus-cta .arrow{font-size:22px;font-weight:800;color:var(--ckg-gold-ink)}
.ckg-expander{text-align:center;font-weight:800;text-decoration:underline;text-underline-offset:3px;margin-top:18px;cursor:pointer;color:var(--ckg-green-ink)}

/* АВТОР */
.ckg-author{background:linear-gradient(135deg,#e8f3ee,#eef3e9);border:1px solid #dce8e0;border-radius:18px;padding:24px 26px;margin-bottom:26px}
.ckg-author__top{display:flex;gap:18px;align-items:flex-start}
.ckg-author__avatar{width:66px;height:66px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 6px 16px rgba(20,40,34,.18)}
.ckg-author__name{font-family:var(--ckg-display);font-weight:600;font-size:18px}
.ckg-author__role{font-style:italic;color:#5a6660;font-size:14px;margin-bottom:8px}
.ckg-author__bio{font-size:15px;color:#36413b}
.ckg-author__dates{display:flex;gap:30px;color:var(--ckg-muted);font-size:13px;margin-top:16px}
.ckg-author__dates span{display:flex;align-items:center;gap:8px}

/* ОСНОВНАЯ ИНФОРМАЦИЯ */
.ckg-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 30px}
.ckg-info-item{display:flex;gap:14px;align-items:flex-start}
.ckg-info-ic{width:46px;height:46px;border-radius:13px;flex:none;display:grid;place-items:center;font-size:20px;box-shadow:0 4px 12px rgba(20,40,34,.08)}
.ckg-info-item .lbl{color:#5a635d;font-size:13.5px}
.ckg-info-item .val{font-weight:800;font-size:16px}
.ic-red{background:#fde7e3;color:#d8493c}
.ic-blue{background:#e4edfd;color:#2f6df0}
.ic-green{background:#dcf3e7;color:#0fae6e}
.ic-pink{background:#fce4f0;color:#d6489a}
.ic-amber{background:#fdf0d5;color:#dd9412}
.ic-teal{background:#ddf2ef;color:#119d8c}

/* КОНТЕНТ */
.ckg-content{max-width:880px;margin:0 auto}
.ckg-content p{margin:0 0 16px}
.ckg-content h2{font-family:var(--ckg-display);font-size:clamp(20px,2.6vw,26px);font-weight:600;letter-spacing:-.3px;margin:34px 0 14px}
.ckg-content h3{font-family:var(--ckg-display);font-size:19px;font-weight:600;margin:24px 0 10px}
.ckg-content ul{padding-left:22px;margin:0 0 18px}
.ckg-content li{margin:6px 0}
.ckg-content a{color:var(--ckg-green-ink);text-decoration:underline;text-underline-offset:2px}
.ckg-content table{width:100%;border-collapse:collapse;margin:18px 0;border-radius:12px;overflow:hidden;box-shadow:var(--ckg-shadow)}
.ckg-content th,.ckg-content td{border:1px solid var(--ckg-border);padding:12px 14px;text-align:left}
.ckg-content th{background:linear-gradient(var(--ckg-header-1),var(--ckg-header-2));color:#fff;font-weight:700}
.ckg-content tbody tr:nth-child(even){background:var(--ckg-subtle)}

/* ФУТЕР */
.ckg-footer{background:linear-gradient(120deg,var(--ckg-header-1),var(--ckg-header-2));color:#c7d6cf;padding:48px 0 28px;margin-top:30px;border-top:1px solid rgba(247,207,87,.25)}
.ckg-footer__cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px;margin-bottom:30px}
.ckg-footer h4{font-family:var(--ckg-display);color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px;font-weight:600}
.ckg-footer a{display:block;padding:5px 0;color:#c7d6cf;font-size:14px;transition:color .15s}
.ckg-footer a:hover{color:var(--ckg-gold-1)}
.ckg-footer__bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:13px;color:#93a89f;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}

/* АДАПТИВ */
@media (max-width:1024px){
  .ckg-row{grid-template-columns:54px 160px 1fr 1fr;grid-auto-rows:auto}
  .ckg-row > .ckg-bonus,.ckg-row > .ckg-cta-col{grid-column:1/-1}
  .ckg-review-head{grid-template-columns:1fr}
  .ckg-info-grid{grid-template-columns:repeat(2,1fr)}
  .ckg-footer__cols{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .ckg-nav{display:none}
  .ckg-burger{display:block}
  .ckg-row{grid-template-columns:48px 1fr 1fr}
  .ckg-info-grid{grid-template-columns:1fr}
  .ckg-footer__cols{grid-template-columns:1fr}
}