/* ============================================================
   CASINO KRYPTONITE V2 — MAIN STYLESHEET
============================================================ */

/* ── RESET & BASE ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --green: #1D9E75;
  --green-dark: #0F6E56;
  --green-light: #9FE1CB;
  --green-bg: #0f2e22;
  --green-border: #1a4434;
  --bg: #0d0f0e;
  --bg-card: #111f18;
  --bg-alt: #080f0b;
  --border: #1a3428;
  --white: #ffffff;
  --text: #7ab89a;
  --muted: #5a8a72;
  --dim: #3d6e55;
  --gold: #EF9F27;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --r: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
}

html { scroll-behavior: smooth; }
body { font-family: var(--font); background: var(--bg); color: var(--white); line-height: 1.6; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; }
a { text-decoration: none !important; color: inherit; }
a:hover { text-decoration: none !important; }
img { max-width: 100%; height: auto; display: block; }
p { font-size: 15px; color: var(--text); line-height: 1.8; margin-bottom: 16px; }
p:last-child { margin-bottom: 0; }
strong { color: #c5ead8; font-weight: 700; }
h1,h2,h3,h4,h5,h6 { font-family: var(--font); font-weight: 900; line-height: 1.1; color: var(--white); }

/* ── URGENCY BAR ── */
.ck-urgency-bar { display: flex; align-items: center; gap: 12px; background: #0a1f16; border-bottom: 1px solid var(--border); padding: 10px 6%; }
.ck-urgency-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); flex-shrink: 0; animation: ckpulse 2s infinite; }
@keyframes ckpulse { 0%,100%{opacity:1;} 50%{opacity:0.2;} }
.ck-urgency-text { font-size: 13px; color: var(--muted); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ck-urgency-text strong { color: #c5ead8; }
.ck-urgency-text a { color: var(--green) !important; font-weight: 700; }

/* ── NAV ── */
.ck-nav { width: 100%; background: var(--bg); border-bottom: 1px solid var(--border); height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 6%; position: sticky; top: 0; z-index: 9999; }
.ck-nav-logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.ck-logo-ck { font-size: 26px; font-weight: 900; color: var(--green); letter-spacing: -1.5px; line-height: 1; }
.ck-logo-div { width: 1px; height: 30px; background: var(--border); flex-shrink: 0; margin: 0 4px; }
.ck-logo-text { display: flex; flex-direction: column; justify-content: center; gap: 2px; }
.ck-logo-top { font-size: 8px; font-weight: 700; color: var(--dim); letter-spacing: 4px; text-transform: uppercase; line-height: 1; }
.ck-logo-bot { font-size: 14px; font-weight: 800; color: var(--white); letter-spacing: 0.5px; text-transform: uppercase; line-height: 1; }
.ck-nav-links { display: flex; align-items: center; gap: 24px; }
.ck-nav-links a { font-size: 13px; font-weight: 600; color: var(--muted); transition: color 0.15s; white-space: nowrap; }
.ck-nav-links a:hover { color: var(--green-light); }
.ck-nav-cta { background: var(--green) !important; color: var(--white) !important; font-size: 13px; font-weight: 700; padding: 8px 18px; border-radius: 6px; transition: background 0.15s; }
.ck-nav-cta:hover { background: var(--green-dark) !important; }
.ck-nav-burger { display: none; background: none; border: none; color: var(--green); font-size: 24px; cursor: pointer; padding: 4px; line-height: 1; }
.ck-nav-mobile { display: none; flex-direction: column; background: var(--bg); border-bottom: 1px solid var(--border); padding: 16px 6%; }
.ck-nav-mobile.open { display: flex; }
.ck-nav-mobile a { font-size: 15px; font-weight: 600; color: var(--muted); padding: 12px 0; border-bottom: 1px solid #0a1810; }
.ck-nav-mobile a:last-child { border-bottom: none; }
.ck-nav-mobile-cta { color: var(--green) !important; font-weight: 700 !important; }

/* ── SECTIONS ── */
.ck-sec { padding: 72px 6%; border-bottom: 1px solid var(--border); background: var(--bg); }
.ck-sec-alt { background: var(--bg-alt); }
.ck-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--green); margin-bottom: 10px; display: block; }
.ck-sec h1 { font-size: clamp(36px,5vw,64px); letter-spacing: -2px; margin-bottom: 20px; }
.ck-sec h2 { font-size: clamp(24px,3.5vw,42px); letter-spacing: -1px; margin-bottom: 8px; line-height: 1.1; }
.ck-lead { font-size: 15px; color: var(--muted); margin-bottom: 36px; max-width: 520px; line-height: 1.65; }
.ck-green { color: var(--green); }

/* ── HERO ── */
.ck-hero { min-height: auto; padding: 80px 6% 72px; display: flex; flex-direction: column; justify-content: flex-start; border-bottom: 1px solid var(--border); position: relative; overflow: hidden; }
.ck-hero::after { content: ''; position: absolute; top: -300px; right: -300px; width: 700px; height: 700px; background: radial-gradient(circle, rgba(29,158,117,0.05) 0%, transparent 65%); pointer-events: none; }
.ck-hero > * { position: relative; z-index: 1; }
.ck-hero-badge { display: inline-flex; align-items: center; gap: 7px; background: var(--green-bg); border: 1px solid var(--green); border-radius: 100px; padding: 6px 16px; font-size: 11px; color: var(--green); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 28px; width: fit-content; }
.ck-hero h1 { max-width: 800px; margin-bottom: 24px; }
.ck-hero-sub { font-size: 17px; color: var(--text); line-height: 1.75; margin-bottom: 36px; max-width: 480px; }
.ck-hero-btns { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 40px; }
.ck-hero-trust { display: flex; gap: 22px; flex-wrap: wrap; margin-bottom: 28px; }
.ck-trust-item { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--dim); font-weight: 500; }
.ck-trust-item b { color: var(--muted); font-weight: 600; }

/* ── BUTTONS ── */
.ck-btn { background: var(--green); color: var(--white) !important; font-size: 15px; font-weight: 700; padding: 14px 28px; border-radius: 8px; display: inline-flex; align-items: center; gap: 6px; transition: background 0.15s, transform 0.1s; border: none; cursor: pointer; font-family: var(--font); white-space: nowrap; }
.ck-btn:hover { background: var(--green-dark); transform: translateY(-1px); color: var(--white) !important; }
.ck-btn-outline { background: transparent; color: var(--green-light) !important; border: 1px solid var(--green-border); }
.ck-btn-outline:hover { border-color: var(--green); background: transparent; }
.ck-btn-sm { font-size: 13px; padding: 10px 20px; }
.ck-btn-full { width: 100%; justify-content: center; }
.ck-btn-casino { display: block; text-align: center; background: var(--green); color: var(--white) !important; font-size: 13px; font-weight: 700; padding: 12px; border-radius: 8px; transition: background 0.15s; }
.ck-btn-casino:hover { background: var(--green-dark); }

/* ── GAME GRID ── */
.ck-game-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.ck-game-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); padding: 20px 16px; display: flex; flex-direction: column; gap: 10px; transition: border-color 0.15s, transform 0.12s; }
.ck-game-card:hover { border-color: var(--green); transform: translateY(-2px); }
.ck-game-icon { width: 40px; height: 40px; background: var(--green-bg); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.ck-game-name { font-size: 14px; font-weight: 700; color: var(--white); }
.ck-game-count { font-size: 11px; color: var(--dim); }

/* ── SMART CATEGORY GRID ── */
.ck-cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.ck-cat-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 24px; display: flex; flex-direction: column; gap: 12px; transition: border-color 0.15s, transform 0.12s; }
.ck-cat-card:hover { border-color: var(--green); transform: translateY(-2px); }
.ck-cat-top { display: flex; align-items: center; gap: 14px; }
.ck-cat-icon { width: 48px; height: 48px; background: var(--green-bg); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
.ck-cat-title { font-size: 17px; font-weight: 800; color: var(--white); }
.ck-cat-count { font-size: 11px; color: var(--green); font-weight: 600; margin-top: 2px; }
.ck-cat-desc { font-size: 13px; color: var(--muted); line-height: 1.6; }
.ck-cat-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.ck-cat-tag { font-size: 10px; font-weight: 700; color: var(--dim); background: #0a1f16; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.06em; }
.ck-cat-arrow { font-size: 13px; color: var(--green); font-weight: 700; }

/* ── META CATEGORIES (Bankroll, Psychology, Crypto) ── */
.ck-meta-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.ck-meta-card { background: var(--green-bg); border: 1px solid var(--green-border); border-radius: var(--r-lg); padding: 28px 24px; text-align: center; transition: border-color 0.15s, transform 0.12s; }
.ck-meta-card:hover { border-color: var(--green); transform: translateY(-2px); }
.ck-meta-icon { font-size: 36px; margin-bottom: 14px; display: block; }
.ck-meta-title { font-size: 16px; font-weight: 800; color: var(--white); margin-bottom: 8px; }
.ck-meta-desc { font-size: 13px; color: var(--muted); line-height: 1.6; margin-bottom: 16px; }
.ck-meta-count { font-size: 11px; color: var(--green); font-weight: 700; }

/* ── EXPANDABLE SECTION ── */
.ck-expandable { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); overflow: hidden; margin-top: 14px; }
.ck-expandable-toggle { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; cursor: pointer; font-size: 14px; font-weight: 700; color: var(--white); background: none; border: none; width: 100%; text-align: left; font-family: var(--font); }
.ck-expandable-toggle:hover { color: var(--green); }
.ck-expandable-toggle .ck-arrow { color: var(--green); transition: transform 0.2s; font-size: 12px; }
.ck-expandable-toggle.open .ck-arrow { transform: rotate(180deg); }
.ck-expandable-content { display: none; padding: 0 24px 24px; }
.ck-expandable-content.open { display: block; }
.ck-all-cats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding-top: 8px; }
.ck-all-cat-item { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 12px 14px; font-size: 13px; font-weight: 600; color: var(--muted); transition: all 0.15s; }
.ck-all-cat-item:hover { border-color: var(--green); color: var(--green-light); }

/* ── CASINO CARDS ── */
.ck-casino-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.ck-casino-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 22px; display: flex; flex-direction: column; transition: border-color 0.15s; }
.ck-casino-card:hover { border-color: var(--green); }
.ck-casino-top { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.ck-casino-av { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 900; flex-shrink: 0; }
.ck-casino-name { font-size: 15px; font-weight: 700; color: var(--white); }
.ck-casino-score { font-size: 11px; color: var(--green); font-weight: 600; margin-top: 3px; }
.ck-casino-bonus { font-size: 12px; color: var(--muted); line-height: 1.6; margin-bottom: 16px; flex: 1; }
.ck-casino-badge { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 4px; margin-left: 8px; }

/* ── CASINO LIST (Best Casinos page) ── */
.ck-casino-list { display: flex; flex-direction: column; gap: 16px; }
.ck-casino-row { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 24px 28px; display: grid; grid-template-columns: 52px 1fr auto; gap: 20px; align-items: center; transition: border-color 0.15s; }
.ck-casino-row:hover { border-color: var(--green); }
.ck-casino-rank { font-size: 22px; font-weight: 900; text-align: center; }
.ck-casino-body { display: flex; flex-direction: column; gap: 8px; }
.ck-casino-info { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ck-casino-bonus-big { font-size: 15px; font-weight: 700; color: #c5ead8; }
.ck-casino-features { display: flex; gap: 8px; flex-wrap: wrap; }
.ck-casino-feature { font-size: 11px; color: var(--muted); background: #0a1f16; padding: 3px 10px; border-radius: 4px; }
.ck-casino-cta { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; min-width: 160px; }
.ck-review-link { font-size: 12px; color: var(--muted); text-align: center; }
.ck-review-link:hover { color: var(--green); }

/* ── ARTICLE CARDS ── */
.ck-article-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.ck-article-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); padding: 20px; display: flex; flex-direction: column; gap: 8px; transition: border-color 0.15s; }
.ck-article-card:hover { border-color: var(--green); }
.ck-article-tag { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--green); background: var(--green-bg); padding: 3px 10px; border-radius: 4px; width: fit-content; }
.ck-article-title { font-size: 14px; font-weight: 600; color: var(--white); line-height: 1.5; }
.ck-article-meta { font-size: 11px; color: var(--dim); }
.ck-article-hot { font-size: 10px; color: var(--gold); background: rgba(239,159,39,0.1); padding: 2px 8px; border-radius: 4px; margin-left: 6px; }

/* ── WHY CARDS ── */
.ck-why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.ck-why-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); padding: 24px 20px; }
.ck-why-icon { font-size: 30px; margin-bottom: 14px; display: block; }
.ck-why-title { font-size: 14px; font-weight: 700; color: var(--white); margin-bottom: 8px; }
.ck-why-text { font-size: 13px; color: var(--muted); line-height: 1.65; }

/* ── COMPARISON TOOL ── */
.ck-comparison { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r-xl); padding: 40px; margin: 0 0 72px; }
.ck-comparison h2 { font-size: clamp(24px,3vw,36px); margin-bottom: 8px; }
.ck-comparison-lead { font-size: 15px; color: var(--muted); margin-bottom: 32px; }
.ck-comparison-selects { display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px; align-items: center; margin-bottom: 32px; }
.ck-comparison-select { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 14px 16px; font-size: 15px; font-weight: 600; color: var(--white); font-family: var(--font); cursor: pointer; width: 100%; appearance: none; }
.ck-comparison-select:focus { outline: none; border-color: var(--green); }
.ck-comparison-vs { font-size: 16px; font-weight: 900; color: var(--dim); text-align: center; }
.ck-comparison-btn { background: var(--green); color: var(--white); font-size: 14px; font-weight: 700; padding: 14px 28px; border-radius: 8px; border: none; cursor: pointer; font-family: var(--font); width: 100%; margin-bottom: 32px; transition: background 0.15s; }
.ck-comparison-btn:hover { background: var(--green-dark); }
.ck-comparison-result { display: none; }
.ck-comparison-result.show { display: block; }
.ck-comparison-table { width: 100%; border-collapse: collapse; }
.ck-comparison-table th { background: var(--bg); padding: 14px 20px; font-size: 13px; font-weight: 700; color: var(--dim); text-align: left; border-bottom: 1px solid var(--border); }
.ck-comparison-table th.casino-col { color: var(--white); font-size: 15px; font-weight: 800; }
.ck-comparison-table td { padding: 14px 20px; font-size: 14px; color: var(--text); border-bottom: 1px solid #0a1810; }
.ck-comparison-table tr:last-child td { border-bottom: none; }
.ck-comparison-table .label-col { color: var(--muted); font-weight: 600; font-size: 13px; width: 160px; }
.ck-comparison-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 20px; }

/* ── CTA BANNER ── */
.ck-cta-banner { margin: 72px 6%; background: var(--green-bg); border: 1px solid var(--green-border); border-radius: var(--r-xl); padding: 60px 48px; text-align: center; }
.ck-cta-banner h2 { font-size: clamp(28px,3.5vw,46px); margin-bottom: 12px; }
.ck-cta-banner p { font-size: 16px; margin-bottom: 32px; }

/* ── ARTICLE SINGLE ── */
.ck-post-hero { padding: 56px 6% 48px; border-bottom: 1px solid var(--border); }
.ck-post-breadcrumb { font-size: 12px; color: var(--dim); margin-bottom: 20px; display: flex; align-items: center; gap: 6px; }
.ck-post-breadcrumb a { color: var(--green); }
.ck-post-cat-tag { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--green); background: var(--green-bg); padding: 4px 12px; border-radius: 4px; margin-bottom: 16px; }
.ck-post-hero h1 { font-size: clamp(28px,4vw,48px); margin-bottom: 16px; max-width: 760px; }
.ck-post-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 12px; color: var(--dim); }
.ck-post-body { max-width: 760px; margin: 0 auto; padding: 56px 24px 80px; }
.ck-post-body h2 { font-size: 22px; margin: 40px 0 14px; padding-bottom: 10px; border-bottom: 1px solid var(--border); }
.ck-post-body h3 { font-size: 17px; color: var(--green); margin: 28px 0 10px; font-weight: 700; }
.ck-post-body p { font-size: 15px; line-height: 1.85; margin-bottom: 16px; }
.ck-post-body ul, .ck-post-body ol { padding-left: 20px; margin-bottom: 16px; list-style: disc; }
.ck-post-body li { font-size: 15px; color: var(--text); line-height: 1.8; margin-bottom: 6px; }
.ck-post-body table { width: 100%; border-collapse: collapse; margin: 24px 0; }
.ck-post-body th { background: var(--bg-card); color: var(--green); font-size: 12px; font-weight: 700; text-transform: uppercase; padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--border); }
.ck-post-body td { padding: 12px 16px; font-size: 14px; color: var(--text); border-bottom: 1px solid var(--bg-card); }
.ck-callout { background: var(--green-bg); border: 1px solid var(--green-border); border-radius: var(--r); padding: 20px 24px; margin: 28px 0; }
.ck-callout-title { font-size: 12px; font-weight: 700; color: var(--green); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 8px; }
.ck-strategy-box { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); padding: 24px; margin: 24px 0; }
.ck-post-cta { background: var(--green-bg); border: 1px solid var(--green); border-radius: var(--r-lg); padding: 28px; margin: 40px 0; text-align: center; }
.ck-post-cta h3 { color: var(--white); font-size: 20px; margin-bottom: 8px; }
.ck-related { padding: 56px 6%; border-top: 1px solid var(--border); background: var(--bg-alt); }
.ck-related h2 { font-size: 24px; margin-bottom: 24px; }

/* ── CASINO SINGLE ── */
.ck-casino-hero { padding: 56px 6% 48px; border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: start; }
.ck-casino-score-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 28px; text-align: center; min-width: 200px; }
.ck-score-big { font-size: 56px; font-weight: 900; color: var(--green); letter-spacing: -3px; line-height: 1; }
.ck-score-stars { font-size: 20px; color: var(--gold); margin: 8px 0; }
.ck-score-label { font-size: 12px; color: var(--dim); text-transform: uppercase; letter-spacing: 0.08em; }
.ck-casino-body { max-width: 760px; margin: 0 auto; padding: 48px 6% 80px; }
.ck-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 28px 0; }
.ck-pros { background: rgba(29,158,117,0.05); border: 1px solid rgba(29,158,117,0.2); border-radius: var(--r); padding: 20px; }
.ck-cons { background: rgba(239,159,39,0.05); border: 1px solid rgba(239,159,39,0.2); border-radius: var(--r); padding: 20px; }
.ck-pros h3 { color: var(--green); font-size: 14px; margin-bottom: 12px; }
.ck-cons h3 { color: var(--gold); font-size: 14px; margin-bottom: 12px; }
.ck-pros li, .ck-cons li { font-size: 13px; color: var(--muted); margin-bottom: 8px; list-style: none; padding-left: 0; }
.ck-pros li::before { content: '✓ '; color: var(--green); font-weight: 700; }
.ck-cons li::before { content: '⚠ '; color: var(--gold); }
.ck-bonus-box { background: var(--green-bg); border: 1px solid var(--green-border); border-radius: var(--r); padding: 20px 24px; margin: 24px 0; }
.ck-bonus-label { font-size: 11px; font-weight: 700; color: var(--green); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 6px; }
.ck-bonus-value { font-size: 18px; font-weight: 800; color: #c5ead8; }

/* ── CONTACT FORM ── */
.ck-contact-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; padding: 72px 6%; }
.ck-contact-form { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 32px; }
.ck-form-title { font-size: 20px; font-weight: 800; color: var(--white); margin-bottom: 24px; }
.ck-field { margin-bottom: 16px; }
.ck-field label { display: block; font-size: 12px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 8px; }
.ck-field input, .ck-field select, .ck-field textarea { width: 100%; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 12px 16px; font-size: 14px; color: var(--white); font-family: var(--font); outline: none; transition: border-color 0.15s; }
.ck-field input:focus, .ck-field select:focus, .ck-field textarea:focus { border-color: var(--green); }
.ck-field input::placeholder, .ck-field textarea::placeholder { color: var(--dim); }
.ck-field textarea { resize: vertical; min-height: 120px; }
.ck-contact-info { display: flex; flex-direction: column; gap: 14px; margin-top: 32px; }
.ck-contact-item { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); padding: 16px 18px; display: flex; align-items: center; gap: 14px; }
.ck-contact-icon { font-size: 20px; flex-shrink: 0; }
.ck-contact-label { font-size: 11px; font-weight: 700; color: var(--dim); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 3px; }
.ck-contact-value { font-size: 14px; font-weight: 600; color: var(--white); }
.ck-contact-value a { color: var(--green) !important; }
.ck-success { background: var(--green-bg); border: 1px solid var(--green); border-radius: 8px; padding: 14px 20px; color: var(--green); font-weight: 600; margin-bottom: 20px; font-size: 14px; }

/* ── FOOTER ── */
.ck-footer { background: #060d08; padding: 52px 6% 44px; text-align: center; border-top: 1px solid var(--border); }
.ck-footer-logo { margin-bottom: 24px; }
.ck-footer-ck { font-size: 30px; font-weight: 900; color: var(--green); letter-spacing: -1.5px; line-height: 1; }
.ck-footer-name { font-size: 10px; font-weight: 700; color: #2a4434; letter-spacing: 5px; text-transform: uppercase; margin-top: 4px; }
.ck-footer-links { display: flex; justify-content: center; gap: 28px; flex-wrap: wrap; margin-bottom: 20px; }
.ck-footer-links a { font-size: 13px; color: var(--dim); transition: color 0.15s; }
.ck-footer-links a:hover { color: var(--green); }
.ck-footer-disc { font-size: 11px; color: #1e3328; max-width: 560px; margin: 0 auto; line-height: 1.8; }

/* ── STATS ROW ── */
.ck-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.ck-stat { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 28px 20px; text-align: center; }
.ck-stat-num { font-size: 42px; font-weight: 900; color: var(--green); letter-spacing: -2px; line-height: 1; margin-bottom: 8px; }
.ck-stat-label { font-size: 13px; color: var(--muted); font-weight: 500; line-height: 1.4; }

/* ── FAQ ── */
.ck-faq { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: var(--r-lg); overflow: hidden; }
.ck-faq-item { padding: 20px 24px; border-bottom: 1px solid var(--border); background: var(--bg-card); }
.ck-faq-item:last-child { border-bottom: none; }
.ck-faq-q { font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 8px; }
.ck-faq-a { font-size: 13px; color: var(--muted); line-height: 1.7; }

/* ── BANNER SLOTS ── */
.ck-banner-slot { width: 100%; text-align: center; padding: 16px 0; }
.ck-banner-slot img { max-width: 728px; margin: 0 auto; border-radius: 8px; }
.ck-banner-slot-sm { max-width: 300px; }

/* ── PAGE HERO ── */
.ck-page-hero { padding: 64px 6% 56px; border-bottom: 1px solid var(--border); position: relative; overflow: hidden; }
.ck-page-hero::after { content: ''; position: absolute; top: -200px; right: -200px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(29,158,117,0.05) 0%, transparent 65%); pointer-events: none; }
.ck-page-hero > * { position: relative; z-index: 1; }
.ck-page-hero h1 { font-size: clamp(36px,5vw,64px); letter-spacing: -2px; margin-bottom: 20px; max-width: 700px; }
.ck-page-hero p { font-size: 17px; color: var(--text); max-width: 520px; line-height: 1.75; }

/* ── FILTERS ── */
.ck-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 32px; }
.ck-filter { font-size: 12px; font-weight: 600; padding: 7px 16px; border-radius: 20px; border: 1px solid var(--border); color: var(--muted); cursor: pointer; transition: all 0.15s; background: transparent; font-family: var(--font); }
.ck-filter.active, .ck-filter:hover { background: var(--green); border-color: var(--green); color: var(--white); }

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
  .ck-why-grid { grid-template-columns: repeat(2, 1fr); }
  .ck-stats { grid-template-columns: repeat(2, 1fr); }
  .ck-cat-grid { grid-template-columns: repeat(2, 1fr); }
  .ck-cta-banner { padding: 48px 36px; }
  .ck-casino-hero { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .ck-nav-links { display: none; }
  .ck-nav-burger { display: block; }
  .ck-hero { padding: 52px 5% 60px; min-height: auto; }
  .ck-sec { padding: 52px 5%; }
  .ck-game-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .ck-casino-grid { grid-template-columns: 1fr; }
  .ck-article-grid { grid-template-columns: 1fr; }
  .ck-why-grid { grid-template-columns: 1fr; }
  .ck-cat-grid { grid-template-columns: 1fr; }
  .ck-meta-grid { grid-template-columns: 1fr; }
  .ck-all-cats { grid-template-columns: repeat(2, 1fr); }
  .ck-cta-banner { margin: 40px 5%; padding: 36px 24px; }
  .ck-footer { padding: 44px 5% 36px; }
  .ck-footer-links { gap: 16px; }
  .ck-hero-btns { flex-direction: column; align-items: stretch; }
  .ck-btn { justify-content: center; }
  .ck-post-body { padding: 40px 20px 60px; }
  .ck-post-hero { padding: 40px 5% 36px; }
  .ck-contact-wrap { grid-template-columns: 1fr; gap: 40px; padding: 52px 5%; }
  .ck-comparison-selects { grid-template-columns: 1fr; }
  .ck-comparison-vs { display: none; }
  .ck-casino-row { grid-template-columns: 1fr; gap: 16px; }
  .ck-casino-cta { align-items: stretch; }
  .ck-pros-cons { grid-template-columns: 1fr; }
  .ck-comparison-btns { grid-template-columns: 1fr; }
  .ck-stats { grid-template-columns: repeat(2, 1fr); }
  .ck-page-hero { padding: 48px 5% 44px; }
}

@media (max-width: 480px) {
  .ck-game-grid { grid-template-columns: repeat(2, 1fr); }
  .ck-stats { grid-template-columns: 1fr 1fr; }
  .ck-all-cats { grid-template-columns: repeat(2, 1fr); }
}

/* ── FORCE OVERRIDES — kills old theme remnants ── */
body { background: #0d0f0e !important; }
.site, #page, #content, #primary, #main, .entry-content,
.wp-site-blocks, .site-content { 
  padding: 0 !important; 
  margin: 0 !important; 
  max-width: 100% !important;
  background: #0d0f0e !important;
}
.site-header, #masthead, .ct-header, 
.elementor-location-header, [data-elementor-type="header"],
.site-branding, .custom-logo-link,
.site-footer .site-info, .wp-block-template-part { 
  display: none !important; 
}
.ck-hero { 
  min-height: auto !important; 
  padding: 64px 6% 64px !important;
}