:root{--c-bg:#080018;--c-hdr:#00000a;--c-btn-primary:#ffa658;--c-btn-secondary:#dec867;--c-text:#e8e0f0;--c-text-muted:#a094b8;--c-border:#1e1436;--c-card:#0d0626;--c-card2:#120830;--c-accent:#ffa658;--c-gold:#dec867;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow:0 4px 24px rgba(0,0,0,.55);--transition:.22s ease}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--c-bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Roboto','Helvetica Neue',Arial,sans-serif;background:var(--c-bg);color:var(--c-text);font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-gold);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--c-btn-primary)}
h1,h2,h3,h4,h5,h6{line-height:1.25;font-weight:700;color:#fff}
.wrapper{display:flex;flex-direction:column;min-height:100vh}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}

.x9f2a{display:none}
.qr7b1{visibility:hidden;height:0;overflow:hidden}
.wp-content-static{display:none!important}

/* ===== HEADER ===== */
.site-header{background:var(--c-hdr);position:sticky;top:0;z-index:999;border-bottom:1px solid #1a0f2e;box-shadow:0 2px 20px rgba(0,0,0,.6)}
.hdr-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:70px}
.hdr-logo a{display:flex;align-items:center}
.hdr-logo img{height:44px;width:auto}
.hdr-nav{display:flex;align-items:center;gap:4px}
.hdr-nav a{display:flex;align-items:center;gap:6px;color:var(--c-text);font-size:13.5px;font-weight:500;padding:7px 11px;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}
.hdr-nav a:hover,.hdr-nav a.active{background:rgba(255,166,88,.12);color:var(--c-btn-primary)}
.hdr-nav svg{flex-shrink:0;opacity:.75}
.hdr-right{display:flex;align-items:center;gap:8px}
.hdr-online{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--c-text-muted);white-space:nowrap}
.hdr-online-dot{width:8px;height:8px;background:#4cff91;border-radius:50%;animation:pulse-dot 1.6s infinite}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(76,255,145,.5)}50%{box-shadow:0 0 0 5px rgba(76,255,145,0)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-weight:600;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:transform var(--transition),box-shadow var(--transition),filter var(--transition);text-decoration:none;white-space:nowrap}
.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.btn:active{transform:translateY(0)}
.btn-login{background:transparent;border:1.5px solid var(--c-gold);color:var(--c-gold);font-size:13.5px;padding:7px 16px}
.btn-login:hover{background:rgba(222,200,103,.12);color:var(--c-gold)}
.btn-signup,.btn-primary{background:linear-gradient(135deg,#ff9030,#ffa658);color:#1a0800;font-size:13.5px;padding:8px 18px;box-shadow:0 2px 12px rgba(255,166,88,.35)}
.btn-signup:hover,.btn-primary:hover{box-shadow:0 4px 20px rgba(255,166,88,.55)}
.btn-secondary{background:linear-gradient(135deg,#cdb040,#dec867);color:#1a1000;font-size:13.5px;padding:8px 18px;box-shadow:0 2px 12px rgba(222,200,103,.3)}
.btn-lg{font-size:16px;padding:13px 32px;border-radius:var(--radius-md)}
.burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);cursor:pointer;z-index:1001}
.burger span{width:22px;height:2px;background:var(--c-text);border-radius:2px;transition:transform .25s,opacity .25s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;inset:0;background:rgba(0,0,16,.97);z-index:998;flex-direction:column;padding:80px 24px 30px;overflow-y:auto}
.mobile-menu.open{display:flex}
.mobile-menu a{display:flex;align-items:center;gap:10px;color:var(--c-text);font-size:16px;font-weight:500;padding:14px 0;border-bottom:1px solid var(--c-border);transition:color var(--transition)}
.mobile-menu a:hover{color:var(--c-btn-primary)}
.mobile-menu-btns{display:flex;gap:10px;margin-top:24px}
.mobile-menu-btns .btn{flex:1;justify-content:center}

/* ===== HERO ===== */
.hero-section{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:#050012}
.hero-bg{position:absolute;inset:0;background:url('/princess-banner.png') center/cover no-repeat;opacity:.45}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,0,24,.92) 40%,rgba(20,5,50,.65))}
.hero-inner{position:relative;z-index:1;max-width:680px;padding:80px 0 60px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(222,200,103,.12);border:1px solid rgba(222,200,103,.3);color:var(--c-gold);font-size:12px;font-weight:600;padding:5px 13px;border-radius:30px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.06em}
.hero-inner h1{font-size:clamp(30px,5vw,52px);font-weight:800;margin-bottom:16px;line-height:1.15;text-shadow:0 2px 18px rgba(0,0,0,.8)}
.hero-inner h1 span{color:var(--c-btn-primary)}
.hero-desc{font-size:17px;color:rgba(232,224,240,.85);margin-bottom:28px;max-width:580px;line-height:1.65}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero-trust{margin-top:28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hero-trust-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--c-text-muted)}
.hero-trust-item svg{color:var(--c-gold)}

/* ===== BREADCRUMBS ===== */
.breadcrumbs-wrap{background:rgba(0,0,10,.5);border-bottom:1px solid var(--c-border);padding:10px 0}
.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:13px;flex-wrap:wrap}
.breadcrumbs a{color:var(--c-text-muted)}
.breadcrumbs a:hover{color:var(--c-gold)}
.breadcrumbs span{color:var(--c-text-muted)}
.breadcrumbs li{display:flex;align-items:center;gap:6px;list-style:none}
.breadcrumbs-sep{color:rgba(255,255,255,.25);font-size:11px}

/* ===== SECTION BASE ===== */
.section{padding:64px 0}
.section-alt{background:rgba(13,6,38,.55)}
.section-title{font-size:clamp(22px,3.5vw,32px);font-weight:800;margin-bottom:10px;color:#fff}
.section-sub{font-size:15px;color:var(--c-text-muted);margin-bottom:36px;max-width:680px}
.section-header{margin-bottom:40px}
.tag-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-gold);margin-bottom:10px}

/* ===== TOC ===== */
.toc-block{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:48px}
.toc-block h2{font-size:18px;margin-bottom:18px;display:flex;align-items:center;gap:8px}
.toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.toc-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);transition:background var(--transition);font-size:14px;color:var(--c-text)}
.toc-item:hover{background:rgba(222,200,103,.08);color:var(--c-gold)}
.toc-item svg{flex-shrink:0;color:var(--c-gold);opacity:.8}

/* ===== ADVANTAGES ===== */
.adv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.adv-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:22px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}
.adv-card:hover{transform:translateY(-4px);border-color:rgba(255,166,88,.3);box-shadow:0 8px 30px rgba(255,166,88,.12)}
.adv-icon{width:46px;height:46px;background:linear-gradient(135deg,rgba(255,166,88,.15),rgba(222,200,103,.1));border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--c-btn-primary)}
.adv-card h3{font-size:15px;font-weight:700;color:#fff}
.adv-card p{font-size:13px;color:var(--c-text-muted);line-height:1.55}

/* ===== APP INFO ===== */
.app-block{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.app-table-wrap{overflow-x:auto}
.app-table{width:100%;border-collapse:collapse;border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden}
.app-table th,.app-table td{padding:12px 16px;text-align:left;font-size:14px;border-bottom:1px solid var(--c-border)}
.app-table th{background:rgba(13,6,38,.8);color:var(--c-gold);font-weight:600;font-size:13px}
.app-table td:first-child{color:var(--c-text-muted);width:48%}
.app-table td:last-child{color:#fff;font-weight:500}
.app-table tr:last-child td{border-bottom:none}
.app-table tr:hover td{background:rgba(255,255,255,.03)}
.app-btns{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.app-dl-btn{display:flex;align-items:center;gap:12px;padding:13px 18px;border-radius:var(--radius-md);border:1.5px solid var(--c-border);color:var(--c-text);font-weight:600;font-size:14px;transition:border-color var(--transition),background var(--transition),transform var(--transition)}
.app-dl-btn:hover{border-color:var(--c-btn-primary);background:rgba(255,166,88,.07);color:#fff;transform:translateY(-2px)}
.app-dl-btn svg{flex-shrink:0;color:var(--c-btn-primary)}
.app-dl-btn small{display:block;font-size:11px;font-weight:400;color:var(--c-text-muted);margin-top:1px}
.app-visual{display:flex;flex-direction:column;gap:14px}
.app-visual-title{font-size:20px;font-weight:700;color:#fff}
.app-visual-desc{font-size:15px;color:var(--c-text-muted);line-height:1.65}
.app-features{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.app-feat-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--c-text)}
.app-feat-item svg{color:#4cff91;flex-shrink:0}

/* ===== BONUSES ===== */
.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bonus-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform var(--transition),box-shadow var(--transition)}
.bonus-card:hover{transform:translateY(-5px);box-shadow:0 12px 36px rgba(255,166,88,.14)}
.bonus-card-top{background:linear-gradient(135deg,#1a0840,#0d0626);padding:28px 22px;text-align:center;border-bottom:1px solid var(--c-border);position:relative;overflow:hidden}
.bonus-card-top::before{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(255,166,88,.18),transparent 70%);pointer-events:none}
.bonus-badge{display:inline-flex;background:rgba(255,166,88,.15);border:1px solid rgba(255,166,88,.3);color:var(--c-btn-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:30px;margin-bottom:12px}
.bonus-amount{font-size:clamp(28px,4vw,40px);font-weight:900;color:var(--c-btn-primary);line-height:1.1}
.bonus-amount-sub{font-size:14px;color:var(--c-text-muted);margin-top:4px}
.bonus-card-body{padding:22px;flex:1;display:flex;flex-direction:column;gap:14px}
.bonus-card-title{font-size:17px;font-weight:700;color:#fff}
.bonus-card-desc{font-size:13.5px;color:var(--c-text-muted);line-height:1.6}
.bonus-terms{font-size:11.5px;color:rgba(160,148,184,.6);border-top:1px solid var(--c-border);padding-top:10px;margin-top:auto}
.bonus-card .btn{margin-top:auto;width:100%;justify-content:center;border-radius:var(--radius-sm)}

/* ===== GAMES ===== */
.games-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.game-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform var(--transition),border-color var(--transition)}
.game-card:hover{transform:translateY(-4px);border-color:rgba(255,166,88,.3)}
.game-thumb{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#1a0840,#0a0520);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.game-thumb-img{display:block;width:100%;height:100%;min-width:0;object-fit:cover}
.game-thumb-placeholder{width:48px;height:48px;opacity:.3}
.game-info{padding:14px;display:flex;flex-direction:column;gap:10px}
.game-name{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-provider{font-size:12px;color:var(--c-text-muted)}
.game-card .btn{font-size:13px;padding:9px 10px;border-radius:6px;width:100%;justify-content:center}

/* ===== CONTENT REVIEW ===== */
.content-review{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:36px 40px}
.content-review h2,
.content-review h3,
.content-review h4{color:#fff;margin:1.4em 0 .6em}
.content-review p{color:var(--c-text);margin-bottom:1em;line-height:1.72}
.content-review ul,.content-review ol{margin:0 0 1.2em 1.5em;color:var(--c-text)}
.content-review li{margin-bottom:.45em;line-height:1.6}
.content-review table{width:100%;border-collapse:collapse;margin:1.4em 0;overflow-x:auto;display:block}
.content-review th{background:rgba(13,6,38,.9);color:var(--c-gold);text-align:left;padding:10px 14px;border:1px solid var(--c-border);font-size:13.5px}
.content-review td{padding:10px 14px;border:1px solid var(--c-border);font-size:14px;color:var(--c-text)}
.content-review tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.content-review a{color:var(--c-gold)}
.content-review blockquote{border-left:3px solid var(--c-btn-primary);padding:12px 20px;background:rgba(255,166,88,.06);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.2em 0}
.content-review strong{color:#fff;font-weight:700}
.content-review em{color:var(--c-gold)}
.content-review hr{border:none;border-top:1px solid var(--c-border);margin:2em 0}

/* ===== RESPONSIBLE GAMING ===== */
.rg-block{background:linear-gradient(135deg,rgba(13,6,38,.9),rgba(20,8,50,.9));border:1px solid rgba(222,200,103,.2);border-radius:var(--radius-lg);padding:36px 40px}
.rg-block h2{color:var(--c-gold);display:flex;align-items:center;gap:10px}
.rg-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:24px}
.rg-link-card{display:flex;align-items:center;gap:10px;background:rgba(0,0,10,.5);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:13px 15px;transition:border-color var(--transition),background var(--transition)}
.rg-link-card:hover{border-color:var(--c-gold);background:rgba(222,200,103,.07);color:#fff}
.rg-link-card svg{flex-shrink:0;color:var(--c-gold)}
.rg-link-card span{font-size:13.5px;color:var(--c-text);font-weight:500}
.rg-warning{font-size:13px;color:var(--c-text-muted);line-height:1.6;margin-top:20px;padding:14px 16px;background:rgba(0,0,0,.3);border-radius:var(--radius-sm);border-left:3px solid rgba(222,200,103,.4)}

/* ===== FAQ ===== */
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition)}
.faq-item.open{border-color:rgba(255,166,88,.3)}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;gap:12px;font-size:15.5px;font-weight:600;color:#fff;user-select:none}
.faq-q:hover{color:var(--c-btn-primary)}
.faq-icon{flex-shrink:0;width:24px;height:24px;background:rgba(255,255,255,.07);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .25s,background .25s}
.faq-item.open .faq-icon{transform:rotate(45deg);background:rgba(255,166,88,.2)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s}
.faq-item.open .faq-a{max-height:400px;padding:0 22px 18px}
.faq-a p{font-size:14.5px;color:var(--c-text-muted);line-height:1.7}

/* ===== REVIEWS ===== */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column;gap:10px;transition:border-color var(--transition)}
.review-card:hover{border-color:rgba(222,200,103,.25)}
.review-header{display:flex;align-items:center;gap:12px}
.review-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#1a0840,#2a1060);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--c-gold)}
.review-meta{display:flex;flex-direction:column;gap:3px}
.review-name{font-size:14px;font-weight:700;color:#fff}
.review-date{font-size:11.5px;color:var(--c-text-muted)}
.review-stars{display:flex;gap:2px;color:#ffd700}
.review-text{font-size:13.5px;color:var(--c-text-muted);line-height:1.65}
.review-form-wrap{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:30px 36px;margin-top:36px}
.review-form-wrap h3{font-size:20px;font-weight:700;margin-bottom:20px;color:#fff}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.form-group label{font-size:13px;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em}
.form-group input,.form-group textarea,.form-group select{background:rgba(0,0,16,.6);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);font-family:inherit;font-size:14.5px;padding:11px 14px;transition:border-color var(--transition);outline:none;width:100%}
.form-group input:focus,.form-group textarea:focus{border-color:var(--c-btn-primary)}
.form-group textarea{resize:vertical;min-height:100px}
.form-msg{margin-top:14px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;display:none}
.form-msg.show{display:block}
.form-msg-success{background:rgba(76,255,145,.1);border:1px solid rgba(76,255,145,.3);color:#4cff91}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* ===== AUTHOR ===== */
.author-block{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:30px 36px;display:flex;gap:26px;align-items:flex-start}
.author-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid rgba(255,166,88,.3);background:linear-gradient(135deg,#1a0840,#2a1060)}
.author-info{flex:1}
.author-name{font-size:20px;font-weight:800;color:#fff;margin-bottom:3px}
.author-title{font-size:13px;color:var(--c-gold);font-weight:600;margin-bottom:10px}
.author-bio{font-size:14px;color:var(--c-text-muted);line-height:1.65;margin-bottom:14px}
.author-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.author-link{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--c-gold);padding:6px 12px;border:1px solid rgba(222,200,103,.25);border-radius:30px;transition:background var(--transition)}
.author-link:hover{background:rgba(222,200,103,.1)}
.author-dates{display:flex;gap:16px;margin-top:14px;flex-wrap:wrap}
.author-date-item{font-size:12px;color:var(--c-text-muted);display:flex;align-items:center;gap:5px}

/* ===== FOOTER ===== */
.site-footer{background:var(--c-hdr);border-top:1px solid #1a0f2e;padding:52px 0 28px;margin-top:auto}
.footer-grid{display:grid;grid-template-columns:280px 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
.footer-brand .f-logo{height:40px;width:auto;margin-bottom:16px}
.footer-brand p{font-size:13px;color:var(--c-text-muted);line-height:1.65;margin-bottom:14px}
.footer-brand .f-flag{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--c-text-muted)}
.f-col-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-gold);margin-bottom:14px}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-links a{font-size:13.5px;color:var(--c-text-muted);transition:color var(--transition)}
.footer-links a:hover{color:var(--c-btn-primary)}
.footer-divider{border:none;border-top:1px solid var(--c-border);margin:28px 0}
.footer-logos-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}
.footer-logo-chip{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:7px 13px;font-size:12px;font-weight:700;color:var(--c-text-muted)}
.footer-logo-chip svg{margin-right:5px;opacity:.75}
.footer-social{display:flex;gap:10px;margin-top:14px}
.f-social-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--c-text-muted);transition:background var(--transition),color var(--transition)}
.f-social-btn:hover{background:rgba(255,166,88,.15);color:var(--c-btn-primary)}
.footer-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-copyright{font-size:12px;color:rgba(160,148,184,.55);line-height:1.7}
.footer-legal{font-size:11.5px;color:rgba(160,148,184,.4);line-height:1.6;max-width:680px}
.f-18plus{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:2px solid rgba(160,148,184,.35);font-size:10px;font-weight:800;color:rgba(160,148,184,.5);flex-shrink:0}

/* ===== WIDGET ===== */
.sticky-widget{position:fixed;bottom:0;left:0;right:0;z-index:990;background:linear-gradient(90deg,#0d0626,#1a0840);border-top:1px solid rgba(255,166,88,.3);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -4px 20px rgba(0,0,0,.5);transform:translateY(0);transition:transform .3s}
.sticky-widget.hidden{transform:translateY(100%)}
.widget-text{display:flex;flex-direction:column;gap:2px}
.widget-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted)}
.widget-bonus{font-size:17px;font-weight:800;color:var(--c-gold)}
.widget-bonus span{color:var(--c-btn-primary)}
.widget-close{width:28px;height:28px;background:rgba(255,255,255,.07);border:none;border-radius:50%;color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition)}
.widget-close:hover{background:rgba(255,255,255,.15)}

/* ===== SLIDERS ===== */
/* Desktop: tracks keep their own grid layout. The flex slider is mobile-only
   (see the max-width:768px block), so slides never stretch on desktop. */
.slider-wrap{position:relative;overflow:hidden}
.slider-track{transition:transform .4s ease}
.slider-nav{display:none;gap:10px;margin-top:18px;justify-content:center}
.slider-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid var(--c-border);color:var(--c-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}
.slider-btn:hover{background:rgba(255,166,88,.2);color:var(--c-btn-primary)}
.slider-dots{display:flex;gap:6px;align-items:center}
.slider-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:background .2s,width .2s}
.slider-dot.active{width:18px;border-radius:3px;background:var(--c-btn-primary)}

/* ===== SCROLL ANIMATIONS ===== */
/* content renders immediately; no longer gated behind JS-driven reveal */

/* ===== WAVE SEPARATOR ===== */
.wave-sep{width:100%;overflow:hidden;line-height:0;margin-bottom:-1px}
.wave-sep svg{display:block;width:100%}

/* ===== INFO PAGE ===== */
.info-content h1{font-size:clamp(24px,4vw,36px);margin-bottom:24px;color:#fff}
.info-content h2{font-size:22px;margin:1.8em 0 .7em;color:var(--c-gold)}
.info-content h3{font-size:18px;margin:1.4em 0 .6em;color:#fff}
.info-content p{font-size:15px;color:var(--c-text-muted);line-height:1.75;margin-bottom:1em}
.info-content ul,.info-content ol{margin:0 0 1.2em 1.6em;color:var(--c-text-muted)}
.info-content li{margin-bottom:.5em;font-size:14.5px;line-height:1.6}
.info-content a{color:var(--c-gold)}
.info-content strong{color:var(--c-text);font-weight:700}
.info-content hr{border:none;border-top:1px solid var(--c-border);margin:2em 0}

/* ===== HIDDEN WP ELEMENTS ===== */
.wp-block-spacer{display:block;height:28px}
#wpadminbar{display:none!important}
.elementor-invisible{visibility:hidden;height:0;overflow:hidden}
.wp-nonce-field{display:none}

/* ===== UTILITIES ===== */
.text-gold{color:var(--c-gold)}
.text-primary{color:var(--c-btn-primary)}
.text-muted{color:var(--c-text-muted)}
.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}
.mb-0{margin-bottom:0}
.d-flex{display:flex}.align-center{align-items:center}.gap-2{gap:8px}
.text-center{text-align:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* ===== RESPONSIVE ===== */
@media(max-width:1100px){
  .games-grid{grid-template-columns:repeat(4,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .bonus-grid{grid-template-columns:1fr}
  .reviews-grid{grid-template-columns:1fr 1fr}
  .app-block{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .games-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .hdr-nav{display:none}
  .burger{display:flex}
  .hdr-online{display:none}
  .hdr-right .btn-login,.hdr-right .btn-signup{display:none}
  .hero-inner{padding:60px 0 40px}
  .section{padding:44px 0}
  .content-review{padding:22px 18px}
  .rg-block{padding:24px 18px}
  .author-block{flex-direction:column;align-items:center;text-align:center;padding:24px 18px}
  .author-links{justify-content:center}
  .author-dates{justify-content:center}
  .toc-grid{grid-template-columns:1fr 1fr}
  .reviews-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .review-form-wrap{padding:22px 18px}
  .footer-grid{grid-template-columns:1fr}
  .slider-nav{display:flex}
  /* Mobile slider: one slide per view. Every slide gets the SAME fixed width,
     otherwise the JS step (measured from the first slide) drifts out of sync. */
  .slider-track{display:flex;flex-wrap:nowrap;gap:14px}
  .slider-track > *{flex:0 0 80vw;width:80vw;max-width:80vw;min-width:0}
  .app-block{gap:24px}
  .adv-grid{grid-template-columns:1fr 1fr}
  .footer-logos-row{gap:8px}
  .sticky-widget{padding:10px 14px}
  .widget-bonus{font-size:14px}
}
@media(max-width:480px){
  .slider-track > *{flex-basis:86vw;width:86vw;max-width:86vw}
  .adv-grid{grid-template-columns:1fr}
  .toc-grid{grid-template-columns:1fr}
}