:root {
    --clr-bg: #0b0f1e;
    --clr-bg-2: #111827;
    --clr-bg-3: #161d30;
    --clr-surface: #1a2236;
    --clr-surface-2: #202b42;
    --clr-border: #263047;
    --clr-primary: #f0c040;
    --clr-primary-hover: #f5d060;
    --clr-accent: #22c55e;
    --clr-accent-hover: #16a34a;
    --clr-text: #e8edf5;
    --clr-text-muted: #8a9bbf;
    --clr-text-dim: #5a6b8a;
    --clr-header-bg: #0d1220;
    --clr-footer-bg: #080c17;
    --clr-gold: #f0c040;
    --clr-win: #22c55e;
    --radius: 12px;
    --radius-sm: 8px;
    --radius-lg: 16px;
    --shadow: 0 4px 24px rgba(0,0,0,.45);
    --shadow-sm: 0 2px 10px rgba(0,0,0,.3);
    --transition: .22s ease;
    --font-head: 'Exo 2', 'Exo 2 Fallback', sans-serif;
    --font-body: 'Inter', 'Inter Fallback', sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--clr-bg);color:var(--clr-text);font-family:var(--font-body);font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--clr-primary);transition:color var(--transition)}
a:hover{color:var(--clr-primary-hover)}
button{cursor:pointer;font-family:inherit;background:none;border:none}
ul,ol{list-style:none}

.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}

.btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;border-radius:var(--radius-sm);font-family:var(--font-head);font-size:14px;font-weight:700;line-height:1;text-decoration:none;border:none;cursor:pointer;transition:background var(--transition),transform .15s,box-shadow var(--transition);white-space:nowrap;letter-spacing:.3px}
.btn--primary{background:var(--clr-primary);color:#0b0f1e}
.btn--primary:hover{background:var(--clr-primary-hover);color:#0b0f1e;transform:translateY(-1px);box-shadow:0 6px 20px rgba(240,192,64,.35)}
.btn--accent{background:var(--clr-accent);color:#fff}
.btn--accent:hover{background:var(--clr-accent-hover);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(34,197,94,.35)}
.btn--lg{padding:14px 28px;font-size:15px}
.btn:active{transform:translateY(0) !important}

.site-header{position:sticky;top:0;z-index:100;background:var(--clr-header-bg);border-bottom:1px solid var(--clr-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.header-inner{display:flex;align-items:center;gap:16px;padding:12px 0;min-height:68px}
.header-logo img{height:42px;width:auto}
.header-nav{display:flex;align-items:center;gap:4px;margin-left:8px}
.header-nav a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:var(--clr-text-muted);text-decoration:none;transition:background var(--transition),color var(--transition)}
.header-nav a:hover{background:var(--clr-surface);color:var(--clr-text)}
.header-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.online-counter{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--clr-text-muted);white-space:nowrap}
.online-dot{width:8px;height:8px;background:var(--clr-win);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}
.header-cta-btns{display:flex;gap:8px}
.lang-dropdown{position:relative}
.lang-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--clr-surface);color:var(--clr-text-muted);font-size:13px;font-weight:600;transition:background var(--transition),color var(--transition)}
.lang-btn:hover{background:var(--clr-surface-2);color:var(--clr-text)}
.lang-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);min-width:148px;overflow:hidden;z-index:200;box-shadow:var(--shadow)}
.lang-menu.open{display:block;animation:fadeIn .18s ease}
.lang-menu a{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;color:var(--clr-text-muted);text-decoration:none;transition:background var(--transition),color var(--transition)}
.lang-menu a:hover,.lang-menu a.active{background:var(--clr-surface-2);color:var(--clr-text)}
.flag-icon{font-size:16px}
.burger-btn{display:none;flex-direction:column;gap:5px;padding:8px 6px;border-radius:var(--radius-sm);background:var(--clr-surface);transition:background var(--transition)}
.burger-btn span{display:block;width:22px;height:2px;background:var(--clr-text);border-radius:2px;transition:transform .25s,opacity .25s}
.burger-btn:hover{background:var(--clr-surface-2)}
.burger-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:150;backdrop-filter:blur(3px)}
.mobile-nav-overlay.open{display:block;animation:fadeIn .2s ease}
.mobile-nav{position:fixed;top:0;right:-320px;width:300px;height:100%;background:var(--clr-bg-2);border-left:1px solid var(--clr-border);z-index:200;display:flex;flex-direction:column;padding:0;transition:right .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}
.mobile-nav.open{right:0}
.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--clr-border)}
.mobile-nav-close{font-size:24px;color:var(--clr-text-muted);padding:4px 8px;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}
.mobile-nav-close:hover{color:var(--clr-text);background:var(--clr-surface)}
.mobile-nav-links{display:flex;flex-direction:column;padding:12px 0;flex:1}
.mobile-nav-links a{display:flex;align-items:center;gap:12px;padding:14px 20px;font-size:15px;font-weight:500;color:var(--clr-text-muted);text-decoration:none;border-bottom:1px solid var(--clr-border);transition:background var(--transition),color var(--transition)}
.mobile-nav-links a:hover{background:var(--clr-surface);color:var(--clr-text)}
.mobile-nav-btns{display:flex;flex-direction:column;gap:10px;padding:20px}

.hero-section{position:relative;overflow:hidden;padding:60px 0 50px;min-height:440px;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 70% 50%,rgba(240,192,64,.08) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 30% 50%,rgba(34,197,94,.05) 0%,transparent 50%),var(--clr-bg-2);z-index:0}
.hero-bg::after{content:'';position:absolute;inset:0;background:url('/plinko-hero.jpg') center/cover no-repeat;opacity:.12;z-index:0}
.hero-container{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px}
.hero-content{flex:1;max-width:560px}
.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(240,192,64,.12);border:1px solid rgba(240,192,64,.3);border-radius:20px;font-size:12.5px;font-weight:700;color:var(--clr-gold);letter-spacing:.5px;margin-bottom:18px;text-transform:uppercase}
.hero-title{font-family:var(--font-head);font-size:clamp(28px,4.5vw,52px);font-weight:800;line-height:1.15;color:#fff;margin-bottom:14px;letter-spacing:-.5px}
.hero-sub{font-size:16px;color:var(--clr-text-muted);line-height:1.65;margin-bottom:26px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.hero-stats{display:flex;align-items:center;gap:0;background:rgba(255,255,255,.04);border:1px solid var(--clr-border);border-radius:var(--radius);overflow:hidden}
.hero-stat{padding:14px 22px;text-align:center;flex:1}
.hero-stat-val{display:block;font-family:var(--font-head);font-size:19px;font-weight:800;color:var(--clr-gold)}
.hero-stat-lbl{display:block;font-size:11px;color:var(--clr-text-dim);margin-top:3px;text-transform:uppercase;letter-spacing:.5px}
.hero-stat-divider{width:1px;background:var(--clr-border);align-self:stretch}
.hero-image-wrap{flex-shrink:0;position:relative}
.hero-img{width:460px;max-width:100%;border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.hero-img-glow{position:absolute;inset:-20px;background:radial-gradient(ellipse at center,rgba(240,192,64,.15) 0%,transparent 70%);z-index:-1;pointer-events:none}

.breadcrumbs-bar{padding:12px 0;background:var(--clr-bg-2);border-bottom:1px solid var(--clr-border)}
.breadcrumbs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.breadcrumbs li{display:flex;align-items:center}
.breadcrumbs a{font-size:13px;color:var(--clr-text-muted);text-decoration:none}
.breadcrumbs a:hover{color:var(--clr-primary)}
.breadcrumbs li:last-child span{font-size:13px;color:var(--clr-text-dim)}
.bc-sep{display:flex;align-items:center;color:var(--clr-text-dim);margin:0 2px}

.main-wrap{padding:36px 0 60px}
.content-body{display:flex;flex-direction:column;gap:28px}

.block-title{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-size:20px;font-weight:700;color:#fff;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--clr-border)}
.block-title svg{color:var(--clr-gold);flex-shrink:0}

.toc-block{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:24px 28px}
.toc-title{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-size:17px;font-weight:700;color:#fff;margin-bottom:16px}
.toc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px}
.toc-list li a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius-sm);font-size:14px;color:var(--clr-text-muted);text-decoration:none;transition:background var(--transition),color var(--transition)}
.toc-list li a:hover{background:var(--clr-surface-2);color:var(--clr-primary)}
.toc-list li a svg{color:var(--clr-primary);flex-shrink:0}

.info-table-wrap{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:24px 28px}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.info-table{width:100%;border-collapse:collapse;min-width:380px}
.info-table tbody tr{border-bottom:1px solid var(--clr-border);transition:background var(--transition)}
.info-table tbody tr:last-child{border-bottom:none}
.info-table tbody tr:hover{background:var(--clr-surface-2)}
.info-table th[scope=row]{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:var(--clr-text-muted);width:42%;vertical-align:middle}
.info-table td{padding:12px 16px;font-size:14px;color:var(--clr-text);vertical-align:middle}
.info-table td a{color:var(--clr-primary)}
.td-highlight{color:var(--clr-gold);font-weight:700}

.winners-block{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:24px 28px}
.winners-subtitle{font-size:13.5px;color:var(--clr-text-muted);margin-top:-12px;margin-bottom:18px}
.winners-table{width:100%;border-collapse:collapse;min-width:540px}
.winners-table thead tr{border-bottom:2px solid var(--clr-border)}
.winners-table th{padding:11px 14px;text-align:left;font-size:12.5px;font-weight:700;color:var(--clr-text-dim);text-transform:uppercase;letter-spacing:.5px}
.winners-table tbody tr{border-bottom:1px solid var(--clr-border);transition:background var(--transition)}
.winners-table tbody tr:last-child{border-bottom:none}
.winners-table tbody tr:hover{background:var(--clr-surface-2)}
.winners-table td{padding:11px 14px;font-size:13.5px;color:var(--clr-text)}
.w-rank{font-weight:700;color:var(--clr-text-dim)}
.w-rank.gold{color:#f0c040}
.w-rank.silver{color:#c0c8d8}
.w-rank.bronze{color:#cd7f32}
.w-name{font-weight:600;color:var(--clr-text)}
.w-win{font-weight:700;color:var(--clr-win)}
.w-mult{font-family:var(--font-head);font-weight:800;color:var(--clr-gold)}
.w-time{color:var(--clr-text-dim);font-size:12.5px}
.w-new-badge{display:inline-block;padding:2px 7px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-radius:10px;font-size:10px;font-weight:700;color:var(--clr-win);margin-left:6px;animation:fadeInBadge .4s ease}
@keyframes fadeInBadge{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

.screenshots-block{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:24px 28px;overflow:hidden}
.screenshots-slider{display:flex;gap:16px;transition:transform .4s cubic-bezier(.4,0,.2,1)}
.screenshot-item{flex:0 0 calc(33.333% - 11px);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--clr-border);transition:transform var(--transition),box-shadow var(--transition)}
.screenshot-item:hover{transform:scale(1.02);box-shadow:0 8px 32px rgba(0,0,0,.5)}
.screenshot-img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.screenshot-cap{padding:10px 12px;font-size:12.5px;color:var(--clr-text-muted);background:var(--clr-surface-2);text-align:center}
.slider-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}
.slider-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--clr-surface-2);border:1px solid var(--clr-border);color:var(--clr-text-muted);transition:background var(--transition),color var(--transition)}
.slider-btn:hover{background:var(--clr-primary);color:#0b0f1e;border-color:var(--clr-primary)}
.slider-dots{display:flex;gap:7px;align-items:center}
.slider-dot{width:8px;height:8px;border-radius:50%;background:var(--clr-border);cursor:pointer;transition:background var(--transition),transform var(--transition);border:none}
.slider-dot.active{background:var(--clr-primary);transform:scale(1.3)}

.video-block{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:24px 28px}
.video-desc{font-size:14px;color:var(--clr-text-muted);margin-bottom:16px;margin-top:-12px}
.video-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.vtab{padding:9px 18px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:var(--clr-text-muted);background:var(--clr-surface-2);border:1px solid var(--clr-border);transition:background var(--transition),color var(--transition),border-color var(--transition)}
.vtab:hover{background:var(--clr-bg-3);color:var(--clr-text)}
.vtab.active{background:var(--clr-primary);color:#0b0f1e;border-color:var(--clr-primary)}
.video-frame-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:var(--radius-sm);overflow:hidden;background:#000}
.video-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none}

.demo-block{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:24px 28px}
.demo-desc{font-size:14px;color:var(--clr-text-muted);margin-bottom:18px;margin-top:-12px}
.demo-frame-wrap{width:100%;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--clr-border);background:#000;aspect-ratio:16/10;position:relative}
.demo-iframe{width:100%;height:100%;border:none;position:absolute;inset:0}
.demo-cta-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:20px;padding:20px;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.15);border-radius:var(--radius-sm)}
.demo-cta-text{font-size:15px;font-weight:600;color:var(--clr-text)}

.review-block{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:28px 32px}
.cms-content h2{font-family:var(--font-head);font-size:22px;font-weight:700;color:#fff;margin:28px 0 12px;line-height:1.3}
.cms-content h3{font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--clr-text);margin:22px 0 10px}
.cms-content h4{font-family:var(--font-head);font-size:16px;font-weight:700;color:var(--clr-text);margin:16px 0 8px}
.cms-content p{font-size:15px;line-height:1.75;color:var(--clr-text-muted);margin-bottom:14px}
.cms-content p strong,.cms-content strong{color:var(--clr-text);font-weight:700}
.cms-content ul,.cms-content ol{padding-left:20px;margin-bottom:16px}
.cms-content ul{list-style:disc}
.cms-content ol{list-style:decimal}
.cms-content ul li,.cms-content ol li{font-size:14.5px;color:var(--clr-text-muted);margin-bottom:7px;line-height:1.65;padding-left:4px}
.cms-content a{color:var(--clr-primary)}
.cms-content a:hover{color:var(--clr-primary-hover)}
.cms-content blockquote{border-left:3px solid var(--clr-primary);padding:12px 18px;margin:18px 0;background:rgba(240,192,64,.06);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--clr-text-muted)}
.cms-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px;overflow:hidden;border-radius:var(--radius-sm)}
.cms-content table th{padding:11px 14px;background:var(--clr-surface-2);color:var(--clr-text);font-weight:700;text-align:left;border-bottom:2px solid var(--clr-border)}
.cms-content table td{padding:11px 14px;color:var(--clr-text-muted);border-bottom:1px solid var(--clr-border);text-align:left}
.cms-content table tr:hover td{background:rgba(255,255,255,.03)}
.cms-content h2:first-child{margin-top:0}

.faq-block{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:24px 28px}
.faq-list{display:flex;flex-direction:column;gap:6px}
.faq-item{border:1px solid var(--clr-border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition)}
.faq-item.faq-open,.faq-item:focus-within{border-color:rgba(240,192,64,.35)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;text-align:left;font-size:15px;font-weight:600;color:var(--clr-text);background:var(--clr-surface-2);transition:background var(--transition),color var(--transition)}
.faq-q:hover{background:var(--clr-bg-3)}
.faq-arrow{flex-shrink:0;transition:transform .25s ease;color:var(--clr-primary)}
.faq-item.faq-open .faq-arrow{transform:rotate(180deg)}
.faq-a{padding:0 18px;background:var(--clr-surface);font-size:14.5px;line-height:1.7;color:var(--clr-text-muted);overflow:hidden;max-height:0;transition:max-height .35s ease,padding .25s ease}
.faq-item.faq-open .faq-a{max-height:400px;padding:16px 18px}
.faq-a[hidden]{display:none}

.author-block{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius);padding:24px 28px}
.author-card{display:flex;gap:22px;align-items:flex-start}
.author-photo-wrap{flex-shrink:0}
.author-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--clr-border)}
.author-name{font-family:var(--font-head);font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}
.author-title{font-size:13px;color:var(--clr-primary);font-weight:600;margin-bottom:10px}
.author-bio{font-size:14px;line-height:1.7;color:var(--clr-text-muted);margin-bottom:12px}
.author-links{display:flex;gap:8px;flex-wrap:wrap}
.author-link{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);background:var(--clr-surface-2);border:1px solid var(--clr-border);font-size:13px;font-weight:600;color:var(--clr-text-muted);text-decoration:none;transition:background var(--transition),color var(--transition),border-color var(--transition)}
.author-link:hover{background:var(--clr-bg-3);color:var(--clr-text);border-color:var(--clr-primary)}

.site-footer{background:var(--clr-footer-bg);border-top:1px solid var(--clr-border);padding:44px 0 28px}
.footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding-bottom:36px;border-bottom:1px solid var(--clr-border);margin-bottom:28px}
.footer-brand{}
.footer-logo img{height:38px;width:auto;margin-bottom:14px}
.footer-desc{font-size:13.5px;line-height:1.65;color:var(--clr-text-dim);margin-bottom:16px;max-width:300px}
.footer-provider-wrap{display:inline-flex;align-items:center;gap:8px;opacity:.6;transition:opacity var(--transition)}
.footer-provider-wrap:hover{opacity:1}
.footer-provider-logo{height:28px;width:auto;filter:brightness(0) invert(1)}
.footer-col-title{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--clr-text-dim);text-transform:uppercase;letter-spacing:.7px;margin-bottom:14px}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-links a{font-size:13.5px;color:var(--clr-text-dim);text-decoration:none;transition:color var(--transition)}
.footer-links a:hover{color:var(--clr-primary)}
.footer-bottom{}
.footer-logos-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;align-items:center}
.footer-logo-badge{padding:5px 12px;background:rgba(255,255,255,.05);border:1px solid var(--clr-border);border-radius:6px;font-size:11.5px;font-weight:700;color:var(--clr-text-dim);letter-spacing:.3px}
.footer-logo-badge--license{border-color:rgba(240,192,64,.2);color:rgba(240,192,64,.6)}
.footer-legal{font-size:12px;line-height:1.7;color:var(--clr-text-dim);margin-bottom:12px}
.footer-copyright{font-size:12px;color:var(--clr-text-dim)}

.bonus-widget{position:fixed;bottom:0;left:0;right:0;z-index:90;padding:12px 16px;background:linear-gradient(135deg,#0f1a2e 0%,#0d1220 100%);border-top:2px solid var(--clr-accent);transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 32px rgba(34,197,94,.2)}
.bonus-widget.show{transform:translateY(0)}
.bonus-widget-inner{display:flex;align-items:center;gap:14px;max-width:1180px;margin:0 auto;padding:0 4px}
.bonus-badge-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.15);border-radius:50%;border:2px solid rgba(34,197,94,.35);color:var(--clr-win);flex-shrink:0}
.bonus-text{flex:1;min-width:0}
.bonus-title{font-size:13px;font-weight:600;color:var(--clr-text-muted);line-height:1.3}
.bonus-amount{font-family:var(--font-head);font-size:19px;font-weight:800;color:#fff;line-height:1.2}
.bonus-widget-close{position:absolute;top:8px;right:12px;font-size:20px;color:var(--clr-text-dim);padding:4px 8px;border-radius:var(--radius-sm);transition:color var(--transition)}
.bonus-widget-close:hover{color:var(--clr-text)}
.btn-bonus-widget{flex-shrink:0}

@keyframes fadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

@media (max-width:1024px){
    .header-nav{display:none}
    .burger-btn{display:flex}
    .hero-container{flex-direction:column;text-align:center}
    .hero-image-wrap{order:-1}
    .hero-img{width:100%;max-width:400px;margin:0 auto}
    .hero-btns{justify-content:center}
    .hero-stats{flex-wrap:wrap}
    .footer-inner{grid-template-columns:1fr 1fr;gap:28px}
    .footer-brand{grid-column:1/-1}
}
@media (max-width:768px){
    .header-inner{flex-wrap:wrap;gap:10px}
    .online-counter{display:none}
    .lang-dropdown{display:none}
    .hero-section{padding:40px 0 36px}
    .hero-title{font-size:28px}
    .hero-stat{padding:10px 14px}
    .hero-stat-val{font-size:16px}
    .screenshots-slider{gap:12px}
    .screenshot-item{flex:0 0 85%;scroll-snap-align:start}
    .screenshots-slider{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:4px}
    .slider-controls{display:flex}
    .info-table-wrap,.winners-block,.screenshots-block,.video-block,.demo-block,.review-block,.faq-block,.author-block,.toc-block{padding:18px 16px}
    .author-card{flex-direction:column}
    .author-photo{width:76px;height:76px}
    .demo-frame-wrap{aspect-ratio:4/3}
    .footer-inner{grid-template-columns:1fr}
    .footer-brand{grid-column:auto}
    .bonus-widget-inner{gap:10px}
    .bonus-amount{font-size:16px}
    .toc-list{grid-template-columns:1fr}
    .hero-stats{display:grid;grid-template-columns:1fr 1fr}
    .hero-stat-divider{display:none}
}
@media (max-width:480px){
    .container{padding:0 14px}
    .hero-btns .btn--lg{padding:12px 18px;font-size:14px}
    .header-cta-btns .btn{padding:8px 12px;font-size:12.5px}
    .bonus-widget{padding:10px 12px}
    .main-wrap{padding:24px 0 40px}
    .content-body{gap:18px}
}

.b8-x7k2{display:none}
.wp-block-separator{border:none;border-top:1px solid var(--clr-border);margin:20px 0}
.entry-content > *{margin-bottom:1em}
.screen-reader-text{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}
.has-text-align-center{text-align:center}
.is-layout-flex{display:flex}
.has-global-padding{padding-right:var(--wp--style--root--padding-right);padding-left:var(--wp--style--root--padding-left)}
/* ========== MOBILE NAV FIX ========== */

/* Убираем backdrop-filter с хедера на мобилках — он ломает position:fixed у детей */
@media (max-width: 1024px) {
    .site-header {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

.mobile-nav-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 9998;
}
.mobile-nav-overlay.open {
    display: block;
    animation: fadeIn .2s ease;
}

.mobile-nav {
    position: fixed;
    top: 0;
    right: -320px;
    width: min(300px, 85vw);
    height: 100%;
    height: 100dvh;
    background: var(--clr-bg-2);
    border-left: 1px solid var(--clr-border);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    transition: right .3s cubic-bezier(.4,0,.2,1);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* сбрасываем любой transform-контекст от родителей */
    transform: translateZ(0);
    will-change: right;
}
.mobile-nav.open {
    right: 0;
}

body.nav-open {
    overflow: hidden;
    padding-right: var(--scrollbar-w, 0px);
}