:root{
  --bg:#0e1712; --bg2:#152219;
  --panel:#16241b; --panel2:#1e3124;
  --line:rgba(255,211,108,.16);
  --primary:#ffd23f; --primary2:#ffe57a;
  --gold:#ffd36c; --lime:#a8e05f;
  --danger:#ff5f6d; --win:#7ee787;
  --text:#fff; --muted:rgba(255,255,255,.6);
  --violet:#a78bfa; --cyan:#22d3ee; --pink:#f472b6;
  --orange:#fb923c; --blue:#60a5fa; --teal:#2dd4bf;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
.sec{padding:44px 16px}
h1,h2,h3{font-family:'Montserrat','Inter',sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.12}

/* atmosphere */
.bg-grid{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(255,210,63,.14),transparent 62%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}
.bg-grid::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:52px 52px;mask:radial-gradient(ellipse 70% 80% at 50% 25%,#000 30%,transparent 80%)}
.brand-watermark{position:fixed;font-family:'Montserrat',sans-serif;font-size:clamp(240px,34vw,520px);line-height:.85;font-weight:900;letter-spacing:4px;color:transparent;-webkit-text-stroke:1.5px rgba(255,210,63,.13);top:48%;left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;user-select:none;white-space:nowrap;opacity:.6}
.lemons{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.lemon-f{position:absolute;width:54px;height:54px;opacity:.32;animation:lemonFall var(--d,52s) linear infinite;animation-delay:var(--de,0s)}
@keyframes lemonFall{0%{transform:translate3d(0,-160px,0) rotate(0)}100%{transform:translate3d(0,110vh,0) rotate(420deg)}}
@media (max-width:1100px){.lemons{display:none}}

/* header */
.hdr{position:sticky;top:0;z-index:60;backdrop-filter:blur(10px);background:rgba(14,23,18,.9);border-bottom:1px solid var(--line)}
.hdr .row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:62px}
.logo{display:flex;flex-direction:column;line-height:1;cursor:pointer;text-decoration:none}
.logo-img{display:block;height:32px;width:auto;max-width:100%}
.ftr .logo-img{height:30px}
.logo .l1{font-family:'Montserrat';font-weight:900;font-size:21px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--primary),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo .l2{font-size:9px;letter-spacing:2.4px;color:var(--muted);font-weight:700;margin-top:6px}
.top-cta{display:flex;align-items:center;gap:10px}
.online{display:none;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-right:6px}
@media(min-width:900px){.online{display:flex}}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(168,224,95,.7);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(168,224,95,0)}100%{box-shadow:0 0 0 0 rgba(168,224,95,0)}}

/* nav */
.nav{border-bottom:1px solid var(--line);background:rgba(21,34,25,.6)}
.nav ul{display:flex;gap:4px;list-style:none;overflow-x:auto;padding:8px 0;scrollbar-width:none}
.nav ul::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap;font-size:13px;font-weight:600;color:var(--muted);padding:8px 12px;border-radius:9px;transition:.18s}
.nav a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.nav a.on{color:#1a2b1f;background:var(--primary)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:11px;font-weight:800;font-size:14px;cursor:pointer;border:1px solid transparent;transition:transform .16s,box-shadow .16s,background .16s;user-select:none}
.btn:active{transform:translateY(1px)}
.btn-primary{background:linear-gradient(135deg,var(--primary),#ffb703);color:#20301f;box-shadow:0 10px 26px -12px rgba(255,210,63,.85)}
.btn-primary:hover{box-shadow:0 14px 34px -12px rgba(255,210,63,1)}
.btn-ghost{background:rgba(255,255,255,.05);color:var(--text);border-color:var(--line)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-xl{padding:15px 28px;font-size:15px;border-radius:13px}
.badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;padding:5px 11px;border-radius:99px;background:rgba(255,210,63,.14);color:var(--gold);border:1px solid rgba(255,210,63,.3)}

/* hero */
.hero{padding-top:26px}
.hero-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:1000px){.hero-grid{grid-template-columns:1.45fr 1fr}}
.bonus-card{position:relative;overflow:hidden;padding:28px;border-radius:22px;background:linear-gradient(140deg,var(--panel) 0%,var(--panel2) 100%);border:1px solid var(--line)}
.bonus-card::before{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,63,.2),transparent 70%);top:-220px;right:-160px;pointer-events:none}
@media(min-width:720px){.bonus-card{padding:36px}}
.bonus-h1{font-size:clamp(24px,3.6vw,38px);margin:14px 0 10px;position:relative;z-index:1}
.hero-sub{color:var(--gold);font-weight:700;font-size:14px;letter-spacing:.4px;margin-bottom:16px;position:relative;z-index:1}
.bonus-num{font-family:'Montserrat';font-weight:900;font-size:clamp(34px,6vw,58px);line-height:1;background:linear-gradient(180deg,#fff,var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:1}
.bonus-meta{font-size:13px;color:var(--muted);margin-top:8px;position:relative;z-index:1}
.bonus-about{font-size:14.5px;color:var(--muted);line-height:1.7;margin:16px 0;position:relative;z-index:1}
.bonus-about b{color:var(--text)}
.bonus-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;position:relative;z-index:1}
.bonus-trust{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:12.5px;color:var(--muted);position:relative;z-index:1}
.bonus-trust span{display:inline-flex;align-items:center;gap:6px}
.tick{width:14px;height:14px;flex-shrink:0;color:var(--lime)}

/* answer box — прямой ответ на интент запроса + CTA */
.abox{display:grid;grid-template-columns:1fr;gap:18px;padding:22px;border-radius:20px;margin:0 0 26px;background:linear-gradient(135deg,var(--panel),var(--panel2));border:1px solid rgba(255,210,63,.3);position:relative;overflow:hidden}
.abox::before{content:'';position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,63,.17),transparent 70%);top:-200px;right:-130px;pointer-events:none}
@media(min-width:880px){.abox{grid-template-columns:1.55fr minmax(220px,auto);align-items:center;gap:30px;padding:26px 30px}}
.abox-lead{font-size:10.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);margin-bottom:9px;position:relative;z-index:1}
.abox-val{font-family:'Montserrat';font-weight:900;font-size:clamp(19px,2.9vw,28px);line-height:1.2;margin-bottom:13px;position:relative;z-index:1}
.abox-val em{font-style:normal;background:linear-gradient(180deg,#fff,var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}
.abox-facts{display:flex;flex-wrap:wrap;gap:7px 18px;font-size:13px;color:var(--muted);position:relative;z-index:1}
.abox-facts span{display:inline-flex;align-items:center;gap:6px}
.abox-facts span::before{content:'\2713';color:var(--lime);font-weight:900;font-size:12px}
.abox-cta{display:flex;flex-direction:column;gap:9px;position:relative;z-index:1}
.abox-cta .btn{width:100%}
.abox-fine{font-size:11.5px;color:var(--muted);text-align:center;line-height:1.5}
.code-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:12px;background:rgba(0,0,0,.45);border:1px dashed rgba(255,210,63,.55);margin-bottom:13px;position:relative;z-index:1}
.code-val{font-family:'Montserrat';font-weight:900;font-size:clamp(17px,2.5vw,23px);letter-spacing:1.6px;color:var(--primary);word-break:break-all}
.code-copy{flex-shrink:0;padding:8px 13px;border-radius:9px;font-size:12px;font-weight:800;background:rgba(255,210,63,.14);color:var(--gold);border:1px solid rgba(255,210,63,.32);cursor:pointer;transition:background .16s}
.code-copy:hover{background:rgba(255,210,63,.24)}

/* reels */
.reels-box{display:flex;flex-direction:column;padding:18px;border-radius:22px;background:var(--panel);border:1px solid var(--line)}
.reels-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.reels-head-title{font-family:'Montserrat';font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:1.4px;color:var(--gold)}
.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1 1 0;height:0;min-height:300px;overflow:hidden;border-radius:14px;background:rgba(0,0,0,.35);padding:8px}
.reel{overflow:hidden;position:relative}
.reel-track{display:flex;flex-direction:column;gap:8px;animation:spin var(--sp,22s) linear infinite}
@keyframes spin{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.reel-symbol{position:relative;height:88px;border-radius:10px;overflow:hidden;background:linear-gradient(150deg,#22331f,#2c3f24);border:1px solid rgba(255,210,63,.18)}
.reel-symbol img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel-symbol span{position:absolute;left:0;right:0;bottom:0;padding:16px 5px 5px;font-family:'Montserrat';font-weight:900;font-size:10px;line-height:1.1;text-align:center;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88))}
.reel-fade{position:relative;margin-top:-1px}

/* brand intro */
.brand-intro{display:grid;grid-template-columns:1fr;gap:26px;padding:28px;border-radius:22px;background:linear-gradient(135deg,var(--panel),var(--panel2));border:1px solid var(--line);position:relative;overflow:hidden}
@media(min-width:1024px){.brand-intro{grid-template-columns:1.35fr 1fr;gap:36px;padding:38px}}
.brand-intro-title{font-family:'Montserrat';font-weight:900;font-size:clamp(24px,3.6vw,34px);margin:12px 0 14px}
.brand-intro-title span{background:linear-gradient(135deg,var(--primary),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-intro p{font-size:14.5px;line-height:1.75;color:var(--muted);margin-bottom:13px}
.brand-intro p b{color:var(--text)}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start}
@media(min-width:520px){.stats{grid-template-columns:repeat(3,1fr)}}
.stat{padding:16px 12px;border-radius:14px;background:rgba(0,0,0,.32);border:1px solid var(--line);text-align:center}
.stat-v{font-family:'Montserrat';font-weight:900;font-size:clamp(20px,2.8vw,28px);background:linear-gradient(180deg,#fff,var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin-bottom:5px}
.stat-l{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted)}

/* tables */
table{width:100%;border-collapse:separate;border-spacing:0;margin:18px 0;border:1px solid var(--line);border-radius:13px;overflow:hidden;font-size:13.8px}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:none}
th{background:var(--panel2);color:var(--gold);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.8px}
td{background:rgba(255,255,255,.02)}
tr:nth-child(even) td{background:rgba(255,255,255,.045)}
.tbl-wrap{overflow-x:auto}

/* section head */
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.sec-head h2{font-size:clamp(21px,3.2vw,30px)}
.sec-head h2 span{background:linear-gradient(135deg,var(--primary),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.more{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:1.1px;cursor:pointer}

/* game grids */
.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:640px){.games-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){.games-grid{grid-template-columns:repeat(4,1fr)}}
.game{position:relative;border-radius:15px;background:linear-gradient(155deg,#1d2e21,#25381f);border:1px solid var(--line);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden;display:flex;flex-direction:column}
.game-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .35s ease}
.game:hover{transform:translateY(-3px);border-color:rgba(255,210,63,.5);box-shadow:0 16px 34px -18px rgba(255,210,63,.7)}
.game:hover .game-img{transform:scale(1.06)}
.game-info{padding:12px 13px 14px;position:relative;z-index:1}
.game-tag{position:absolute;top:10px;left:11px;z-index:2;font-size:9px;font-weight:900;letter-spacing:1.2px;padding:4px 9px;border-radius:7px;background:var(--primary);color:#20301f;box-shadow:0 4px 12px -4px rgba(0,0,0,.6)}
.game-tag.hot{background:linear-gradient(135deg,#fb923c,#ef4444);color:#fff}
.game-tag.new{background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#04202b}
.game-tag.only{background:linear-gradient(135deg,#a78bfa,#ec4899);color:#fff}
.game-tag.jack{background:linear-gradient(135deg,#fde047,#f59e0b);color:#3a2500}
.game-tag.live{background:linear-gradient(135deg,#f472b6,#e11d48);color:#fff}
.game-name{font-family:'Montserrat';font-weight:800;font-size:14.5px;line-height:1.2}
.game-prov{font-size:11px;color:var(--muted);margin-top:4px}
.game-rtp{font-size:11px;font-weight:800;color:var(--lime);margin-top:6px}
.games-grid .game:nth-child(4n+2) .game-rtp{color:var(--cyan)}
.games-grid .game:nth-child(4n+3) .game-rtp{color:var(--orange)}
.games-grid .game:nth-child(4n) .game-rtp{color:var(--pink)}

/* calculator */
.calc{display:grid;grid-template-columns:1fr;gap:22px;padding:26px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}
@media(min-width:820px){.calc{grid-template-columns:1.5fr 1fr;padding:32px}}
.calc-title{font-family:'Montserrat';font-weight:800;font-size:18px;margin-bottom:6px}
.calc-help{font-size:13px;color:var(--muted);margin-bottom:18px}
.calc-current{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.calc-current-l{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-weight:700}
.calc-current-v{font-family:'Montserrat';font-weight:900;font-size:24px;color:var(--primary)}
.calc-slider{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--primary) var(--p,10%),rgba(255,255,255,.12) var(--p,10%));outline:none}
.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--primary);cursor:pointer}
.calc-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--primary);cursor:pointer}
.calc-marks{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:8px}
.calc-result{padding:22px;border-radius:16px;background:linear-gradient(140deg,#20321f,#2a3f22);border:1px solid rgba(255,210,63,.3);text-align:center}
.calc-result-label{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);font-weight:700}
.calc-result-value{font-family:'Montserrat';font-weight:900;font-size:clamp(28px,5vw,40px);background:linear-gradient(180deg,#fff,var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent;margin:8px 0}
.calc-result-meta{font-size:13px;color:var(--muted)}
.calc-result-meta b{color:var(--gold)}

/* feature cards */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:760px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{padding:20px;border-radius:16px;background:var(--panel);border:1px solid var(--line);transition:.2s;cursor:pointer}
.card:hover{border-color:rgba(255,210,63,.45);transform:translateY(-2px)}
.card h3{font-size:15.5px;margin-bottom:5px}
.card p{font-size:12.8px;color:var(--muted);line-height:1.55}
.card-ico{width:34px;height:34px;border-radius:10px;background:rgba(255,210,63,.14);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--primary)}
.card-ico svg{width:19px;height:19px}


/* fix: grid/flex-элементы по умолчанию имеют min-width:auto и не сжимаются
   ниже min-content своего содержимого (широкой таблицы) — на мобильных это
   растягивало .body шире вьюportu, а overflow-x:clip на body просто обрезал
   правый край вместо показа скролла. */
.article-grid>*,.body,.sec,.wrap{min-width:0}
.brand-intro,.brand-intro>*,.hero-grid,.hero-grid>*,.bonus-card,.abox,.abox>*,.reels-box{min-width:0}
.bonus-card,.brand-intro,.abox{overflow-wrap:break-word}
/* шапка на узких экранах: 320–400px не вмещали логотип + dwa przyciski */
@media(max-width:420px){
  .hdr .row{gap:8px}
  .top-cta{gap:6px}
  .top-cta .btn{padding:9px 12px;font-size:12.5px}
  .logo-img{height:26px}
  .logo .l2{font-size:8.5px;letter-spacing:.8px}
}
@media(max-width:360px){
  .logo-img{height:23px}
  .top-cta .btn-ghost{display:none}
  .sec,.wrap{padding-left:12px;padding-right:12px}
  .body{padding:18px}
  .abox{padding:16px}
}
.tbl-wrap{position:relative;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* podpowiedź, że tabelę można przewinąć w bok */
@media(max-width:759px){
  .tbl-wrap{background:linear-gradient(to right,var(--panel) 30%,transparent),linear-gradient(to left,var(--panel) 30%,transparent) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.5),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.5),transparent) 100% 0;background-repeat:no-repeat;background-size:36px 100%,36px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}
}
/* таблица не сжимается в столбик из одной litery — zamiast tego przewija się w poziomie */
.body table,.tbl-wrap table{min-width:540px}
@media(min-width:760px){.body table,.tbl-wrap table{min-width:0;width:100%}}
.games-grid,.rel-grid,.stats{min-width:0}
.games-grid>*,.rel-grid>*{min-width:0}

/* article */
.article-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:960px){.article-grid{grid-template-columns:250px 1fr;gap:34px}}
.toc{position:sticky;top:78px;align-self:start;padding:20px;border-radius:16px;background:var(--panel);border:1px solid var(--line);max-height:calc(100vh - 100px);overflow-y:auto;display:none}
@media(min-width:960px){.toc{display:block}}
.toc-title{font-family:'Montserrat';font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:var(--gold);margin-bottom:12px}
.toc ul{list-style:none;display:flex;flex-direction:column;gap:2px}
.toc a{display:flex;gap:9px;padding:7px 9px;border-radius:8px;font-size:12.6px;color:var(--muted);line-height:1.4;transition:.18s}
.toc a:hover{background:rgba(255,255,255,.05);color:var(--text)}
.toc .dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--primary);margin-top:6px;opacity:.6}
.body{padding:26px;border-radius:18px;background:var(--panel);border:1px solid var(--line);font-size:15px;line-height:1.75}
@media(min-width:720px){.body{padding:34px}}
.body h2{font-size:clamp(19px,2.8vw,25px);color:var(--primary);margin:30px 0 12px;scroll-margin-top:80px}
.body h2:first-child{margin-top:0}
.body h3{font-size:17px;margin:22px 0 9px}
.body p{color:rgba(255,255,255,.78);margin-bottom:13px}
.body strong,.body b{color:#fff;font-weight:700}
.body ul,.body ol{margin:13px 0;list-style:none}
.body li{position:relative;padding:5px 0 5px 26px;color:rgba(255,255,255,.78)}
.body ul li::before{content:'';position:absolute;left:5px;top:13px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--lime))}
.body ol{counter-reset:n}
.body ol li{counter-increment:n}
.body ol li::before{content:counter(n);position:absolute;left:0;top:5px;width:21px;height:21px;border-radius:50%;background:var(--primary);color:#20301f;font-weight:900;font-size:11px;display:flex;align-items:center;justify-content:center}
.note{padding:15px 17px;border-radius:12px;background:rgba(255,210,63,.09);border-left:3px solid var(--primary);margin:16px 0;font-size:14px;color:rgba(255,255,255,.85)}
.note b{color:var(--primary)}

/* pros cons */
.pc{display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0}
@media(min-width:680px){.pc{grid-template-columns:1fr 1fr}}
.pc-box{padding:18px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.22)}
.pc-box h4{font-family:'Montserrat';font-size:13px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px}
.pc-plus h4{color:var(--lime)}
.pc-minus h4{color:var(--danger)}
.pc-box ul{list-style:none}
.pc-box li{position:relative;padding:5px 0 5px 20px;font-size:13.5px;color:rgba(255,255,255,.76)}
.pc-plus li::before{content:'+';position:absolute;left:2px;color:var(--lime);font-weight:900}
.pc-minus li::before{content:'–';position:absolute;left:2px;color:var(--danger);font-weight:900}

/* trust strip */
.trust-strip{overflow:hidden;border-radius:14px;border:1px solid var(--line);background:var(--panel);padding:13px 0;margin:8px 0}
.trust-track{display:flex;gap:34px;width:max-content;animation:marq 34s linear infinite}
@keyframes marq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.trust-item{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.trust-item svg{width:16px;height:16px;color:var(--primary)}

/* author */
.author{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:16px;background:linear-gradient(135deg,var(--panel),var(--panel2));border:1px solid var(--line);margin:26px 0}
.author-ava{flex-shrink:0;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#ffb703);display:flex;align-items:center;justify-content:center;font-family:'Montserrat';font-weight:900;font-size:21px;color:#20301f}
.author-name{font-family:'Montserrat';font-weight:800;font-size:16px}
.author-role{font-size:12px;color:var(--gold);font-weight:700;margin:3px 0 8px}
.author-bio{font-size:13.2px;color:var(--muted);line-height:1.65}
.author-meta{font-size:11.5px;color:var(--muted);margin-top:9px;display:flex;flex-wrap:wrap;gap:14px}

/* faq */
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{padding:20px 22px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.faq-item h3{font-size:15.5px;margin-bottom:8px;color:var(--gold)}
.faq-item p{font-size:14px;color:rgba(255,255,255,.78);line-height:1.7}

/* footer */
.ftr{border-top:1px solid var(--line);background:rgba(10,17,13,.7);padding:30px 0 90px;margin-top:34px}
.ftr-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-bottom:18px}
.ftr-nav{display:flex;flex-wrap:wrap;gap:6px}
.ftr-nav a{font-size:12.5px;color:var(--muted);padding:5px 9px;border-radius:7px}
.ftr-nav a:hover{color:var(--primary)}
.pay-pill{display:inline-block;font-size:11px;font-weight:700;padding:5px 10px;border-radius:7px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--muted);margin:2px}
.ftr-disc{font-size:11.8px;color:var(--muted);line-height:1.7;display:flex;gap:11px;align-items:flex-start;border-top:1px solid var(--line);padding-top:16px}
.age{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--danger);color:var(--danger);font-weight:900;font-size:11px}

/* sticky cta */
.stick{position:fixed;left:16px;right:16px;bottom:14px;z-index:70;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:13px;font-weight:900;font-size:14px;background:linear-gradient(135deg,var(--primary),#ffb703);color:#20301f;box-shadow:0 14px 34px -12px rgba(0,0,0,.9);cursor:pointer}
@media(min-width:780px){.stick{left:auto;right:22px;bottom:22px;padding:15px 26px}}

/* breadcrumbs */
.crumbs{font-size:12px;color:var(--muted);padding:14px 0 0}
.crumbs a{color:var(--gold)}
.crumbs span{margin:0 6px;opacity:.5}


/* ===== rozszerzona paleta: akcenty sekcji ===== */
.cards .card:nth-child(6n+2) .card-ico{color:var(--cyan);background:rgba(34,211,238,.14)}
.cards .card:nth-child(6n+3) .card-ico{color:var(--violet);background:rgba(167,139,250,.16)}
.cards .card:nth-child(6n+4) .card-ico{color:var(--orange);background:rgba(251,146,60,.15)}
.cards .card:nth-child(6n+5) .card-ico{color:var(--pink);background:rgba(244,114,182,.15)}
.cards .card:nth-child(6n+6) .card-ico{color:var(--lime);background:rgba(168,224,95,.15)}
.cards .card:nth-child(6n+2):hover{border-color:rgba(34,211,238,.5)}
.cards .card:nth-child(6n+3):hover{border-color:rgba(167,139,250,.5)}
.cards .card:nth-child(6n+4):hover{border-color:rgba(251,146,60,.5)}
.cards .card:nth-child(6n+5):hover{border-color:rgba(244,114,182,.5)}
.cards .card:nth-child(6n+6):hover{border-color:rgba(168,224,95,.5)}

.stat{position:relative}
.stat::after{content:'';position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:0 0 3px 3px;background:var(--primary);opacity:.85}
.stats .stat:nth-child(2)::after{background:var(--cyan)}
.stats .stat:nth-child(3)::after{background:var(--violet)}
.stats .stat:nth-child(4)::after{background:var(--lime)}
.stats .stat:nth-child(5)::after{background:var(--orange)}
.stats .stat:nth-child(6)::after{background:var(--pink)}
.stats .stat:nth-child(2) .stat-v{background:linear-gradient(180deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.stats .stat:nth-child(3) .stat-v{background:linear-gradient(180deg,#fff,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.stats .stat:nth-child(5) .stat-v{background:linear-gradient(180deg,#fff,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.stats .stat:nth-child(6) .stat-v{background:linear-gradient(180deg,#fff,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}

.trust-item:nth-child(5n+2) svg{color:var(--cyan)}
.trust-item:nth-child(5n+3) svg{color:var(--violet)}
.trust-item:nth-child(5n+4) svg{color:var(--lime)}
.trust-item:nth-child(5n+5) svg{color:var(--pink)}

.toc li:nth-child(4n+2) .dot{background:var(--cyan)}
.toc li:nth-child(4n+3) .dot{background:var(--violet)}
.toc li:nth-child(4n) .dot{background:var(--pink)}

.faq-list .faq-item:nth-child(4n+2) h3{color:var(--cyan)}
.faq-list .faq-item:nth-child(4n+3) h3{color:var(--violet)}
.faq-list .faq-item:nth-child(4n) h3{color:var(--lime)}
.faq-item{transition:border-color .2s}
.faq-item:hover{border-color:rgba(255,255,255,.22)}

.pay-pill:nth-child(3n+2){border-color:rgba(34,211,238,.35);color:#a5eef8}
.pay-pill:nth-child(3n+3){border-color:rgba(167,139,250,.35);color:#d5c8ff}

/* ===== linki kontekstowe w tekście ===== */
.ilink{color:var(--primary);border-bottom:1px solid rgba(255,210,63,.4);font-weight:600;transition:.18s}
.ilink:hover{color:#fff;border-bottom-color:#fff}

/* ===== blok "Zobacz także" ===== */
.rel-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:620px){.rel-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.rel-grid{grid-template-columns:repeat(3,1fr)}}
.rel-i{position:relative;display:flex;flex-direction:column;gap:6px;padding:17px 18px 17px 20px;border-radius:14px;background:var(--panel);border:1px solid var(--line);transition:.2s;overflow:hidden}
.rel-i::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary)}
.rel-i b{font-family:'Montserrat';font-weight:800;font-size:14.5px;line-height:1.25}
.rel-i span{font-size:12.6px;color:var(--muted);line-height:1.55}
.rel-i:hover{transform:translateY(-2px);background:var(--panel2)}
.rel-i.c1::before{background:var(--primary)} .rel-i.c1:hover{border-color:rgba(255,210,63,.5)}
.rel-i.c2::before{background:var(--orange)}  .rel-i.c2:hover{border-color:rgba(251,146,60,.5)}
.rel-i.c3::before{background:var(--cyan)}    .rel-i.c3:hover{border-color:rgba(34,211,238,.5)}
.rel-i.c4::before{background:var(--violet)}  .rel-i.c4:hover{border-color:rgba(167,139,250,.5)}
.rel-i.c5::before{background:var(--pink)}    .rel-i.c5:hover{border-color:rgba(244,114,182,.5)}
.rel-i.c6::before{background:var(--lime)}    .rel-i.c6:hover{border-color:rgba(168,224,95,.5)}


/* ===== siatka 3-kolumnowa dla sekcji live ===== */
@media(min-width:960px){.games-grid.g3{grid-template-columns:repeat(3,1fr)}}
.games-grid.g3 .game:nth-child(3n+2) .game-rtp{color:var(--cyan)}
.games-grid.g3 .game:nth-child(3n) .game-rtp{color:var(--pink)}

/* ===== prawa kolumna w bloku "Czym jest Lemon Casino" ===== */
.brand-intro .side{display:flex;flex-direction:column;gap:14px;align-self:start}
@media(min-width:1024px){.brand-intro .side{position:sticky;top:78px}}
.mini-head{font-family:'Montserrat';font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:var(--gold);margin-top:2px}
.mini-games{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:520px) and (max-width:1023px){.mini-games{grid-template-columns:repeat(3,1fr)}}
.mini-g{position:relative;display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);cursor:pointer;transition:.2s}
.mini-g img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .35s ease}
.mini-g span{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 7px;font-size:10.5px;font-weight:800;line-height:1.15;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88))}
.mini-g:hover{border-color:rgba(255,210,63,.5);transform:translateY(-2px)}
.mini-g:hover img{transform:scale(1.07)}

/* атрибуты width/height у <img> перебивают aspect-ratio — возвращаем auto */
.game-img,.mini-g img{height:auto}

/* overflow:hidden у родителя ломает sticky — clip обрезает так же, но sticky работает */
.brand-intro{overflow:clip}

/* overflow-x:hidden на body делает его scroll-контейнером и ломает sticky */
html,body{overflow-x:clip}

/* водяной знак — полное название бренда, поэтому кегль меньше */
.brand-watermark{font-size:clamp(48px,13vw,200px);letter-spacing:2px;opacity:.5}