:root{--c-bg:#110E1B;--c-hf:#2B2444;--c-card:#1D1730;--c-card2:#231D3A;--c-border:#3A325E;--c-green:#00EDA6;--c-green2:#00c98d;--c-purple:#4C426B;--c-purple2:#3a3155;--c-text:#EEE9FF;--c-muted:#9B91C4;--c-accent:#7B6FB5;--c-plus:#00EDA6;--c-minus:#FF4F64;--ff:'Sora',sans-serif;--r:12px;--rlg:20px;--t:.28s ease;--sh:0 8px 36px rgba(0,0,0,.55);--glow:0 0 28px rgba(0,237,166,.18);--max:1200px}
*,::before,::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{background:var(--c-bg);color:var(--c-text);font-family:var(--ff);line-height:1.72;min-height:100vh;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-green);text-decoration:none;transition:color var(--t)}
a:hover{color:#1fffc3}
button,input,textarea,select{font-family:var(--ff)}
table{border-collapse:collapse;width:100%}
ul{list-style:none}

.wr-x9k2{width:100%;max-width:var(--max);margin:0 auto;padding:0 18px}
.bx-f3m7{padding:56px 0}
.bx-f3m7+.bx-f3m7{padding-top:0}
.ttl-a1{font-size:clamp(1.45rem,4vw,2.1rem);font-weight:700;margin-bottom:22px;letter-spacing:-.01em}
.ttl-b2{font-size:clamp(1.15rem,3vw,1.55rem);font-weight:600;margin-bottom:16px}
.lbl-x{display:inline-block;background:var(--c-green);color:#0a0a14;font-size:.7rem;font-weight:700;padding:2px 10px;border-radius:30px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 24px;border-radius:40px;font-size:.92rem;font-weight:600;cursor:pointer;transition:transform var(--t),box-shadow var(--t),background var(--t),color var(--t);letter-spacing:.01em;border:none;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--c-green);color:#0a0a14}
.btn-primary:hover{background:var(--c-green2);box-shadow:var(--glow);color:#050510}
.btn-secondary{background:var(--c-purple);color:var(--c-text)}
.btn-secondary:hover{background:var(--c-purple2)}
.btn-outline{background:transparent;color:var(--c-green);border:2px solid var(--c-green)}
.btn-outline:hover{background:rgba(0,237,166,.09)}
.btn-sm{padding:7px 18px;font-size:.83rem}
.btn-lg{padding:14px 36px;font-size:1.05rem}
.btn-block{width:100%}

.hdr-outer{position:sticky;top:0;z-index:900;background:var(--c-hf);box-shadow:0 2px 18px rgba(0,0,0,.45)}
.hdr-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;height:66px}
.hdr-logo img{height:38px;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:.85rem;font-weight:500;padding:6px 12px;border-radius:8px;transition:background var(--t),color var(--t)}
.hdr-nav a:hover,.hdr-nav a.active{background:rgba(255,255,255,.08);color:var(--c-green)}
.hdr-nav a svg{width:15px;height:15px;flex-shrink:0;opacity:.75}
.hdr-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.hdr-online{display:flex;align-items:center;gap:6px;color:var(--c-muted);font-size:.76rem;margin-right:6px}
.hdr-online-dot{width:7px;height:7px;background:var(--c-green);border-radius:50%;animation:pulse-dot 2s infinite}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.35)}}

.burger{display:none;flex-direction:column;gap:5px;background:transparent;padding:6px;border-radius:6px;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:var(--c-text);border-radius:2px;transition:transform var(--t),opacity var(--t)}
.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)}

.mob-menu{display:none;position:fixed;inset:66px 0 0;background:var(--c-hf);z-index:850;overflow-y:auto;padding:18px 18px 36px;flex-direction:column;gap:6px}
.mob-menu.open{display:flex}
.mob-menu a{display:flex;align-items:center;gap:10px;color:var(--c-text);font-size:.95rem;font-weight:500;padding:12px 16px;border-radius:10px;transition:background var(--t)}
.mob-menu a:hover{background:rgba(255,255,255,.08)}
.mob-menu a svg{width:18px;height:18px;opacity:.8}
.mob-menu-btns{display:flex;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--c-border)}

.hero-wrap{position:relative;overflow:hidden;background:#0d0b17}
.hero-slider{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1)}
.hero-slide{min-width:100%;position:relative}
.hero-slide img{width:100%;height:clamp(280px,45vw,540px);object-fit:cover;object-position:center top}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(17,14,27,.92) 35%,rgba(17,14,27,.35) 100%);display:flex;align-items:center}
.hero-content{padding:36px 48px;max-width:560px}
.hero-badge{display:inline-block;background:rgba(0,237,166,.15);border:1px solid rgba(0,237,166,.35);color:var(--c-green);font-size:.78rem;font-weight:600;padding:4px 14px;border-radius:30px;margin-bottom:16px;letter-spacing:.05em}
.hero-content h2{font-size:clamp(1.6rem,4.5vw,2.8rem);font-weight:800;line-height:1.2;margin-bottom:14px;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.hero-content p{font-size:.97rem;color:var(--c-muted);margin-bottom:24px;max-width:460px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.hero-nav{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:background var(--t),transform var(--t)}
.hero-dot.active{background:var(--c-green);transform:scale(1.4)}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(43,36,68,.7);border:1px solid var(--c-border);color:var(--c-text);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t);backdrop-filter:blur(4px)}
.hero-arrow:hover{background:var(--c-purple)}
.hero-prev{left:16px}
.hero-next{right:16px}

.toc-block{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--rlg);padding:32px;margin:0 18px}
.toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:20px}
.toc-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r);background:var(--c-card2);border:1px solid transparent;transition:border-color var(--t),background var(--t);color:var(--c-text);font-size:.88rem;font-weight:500}
.toc-item:hover{border-color:var(--c-green);background:rgba(0,237,166,.06);color:var(--c-green)}
.toc-item svg{width:18px;height:18px;flex-shrink:0;color:var(--c-green)}

.pros-cons-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 18px}
.pc-col{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--rlg);padding:28px;position:relative;overflow:hidden}
.pc-col::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.pc-col.pros::before{background:var(--c-plus)}
.pc-col.cons::before{background:var(--c-minus)}
.pc-head{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;margin-bottom:20px}
.pc-head svg{width:22px;height:22px}
.pc-head.pros-h{color:var(--c-plus)}
.pc-head.cons-h{color:var(--c-minus)}
.pc-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--c-border);font-size:.88rem;line-height:1.5}
.pc-list li:last-child{border-bottom:none}
.pc-list li svg{flex-shrink:0;margin-top:2px;width:16px;height:16px}
.pros .pc-list li svg{color:var(--c-plus)}
.cons .pc-list li svg{color:var(--c-minus)}

.tbl-wrap{overflow-x:auto;border-radius:var(--rlg);border:1px solid var(--c-border);margin:0 18px}
.pay-tbl th{background:var(--c-hf);color:var(--c-muted);font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:14px 16px;text-align:left;white-space:nowrap}
.pay-tbl td{padding:12px 16px;font-size:.86rem;border-bottom:1px solid var(--c-border);vertical-align:middle}
.pay-tbl tr:last-child td{border-bottom:none}
.pay-tbl tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.pay-tbl tr:hover td{background:rgba(0,237,166,.04)}
.pay-logo{display:flex;align-items:center;gap:10px;font-weight:600}
.pay-logo img{height:24px;width:auto;object-fit:contain}
.badge-free{background:rgba(0,237,166,.15);color:var(--c-green);font-size:.73rem;padding:2px 8px;border-radius:20px;font-weight:600}
.badge-fast{background:rgba(76,66,107,.4);color:var(--c-muted);font-size:.73rem;padding:2px 8px;border-radius:20px}

.screens-slider {
    position: relative;
    overflow: hidden;
    margin: 0 18px;
    border-radius: var(--rlg);
}

.screens-track {
    display: flex;
    transition: transform .45s cubic-bezier(.4,0,.2,1);
    width: 100%;
}

.screen-item {
    flex: 0 0 33.333333%;
    width: 33.333333%;
    padding: 0 8px;
    box-sizing: border-box;
}

.screen-item-inner {
    border-radius: var(--r);
    overflow: hidden;
    border: 1px solid var(--c-border);
}

.screen-item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform .4s ease;
    display: block;
}

/* Медіа-запити для адаптиву слайдера */
@media(max-width: 900px) {
    .screen-item {
        flex: 0 0 50%;
        width: 50%;
    }
}

@media(max-width: 640px) {
    .screen-item {
        flex: 0 0 100%;
        width: 100%;
        padding: 0 4px;
    }
}.screen-item:hover img{transform:scale(1.04)}
.screens-nav{display:flex;justify-content:center;gap:10px;margin-top:16px}
.screens-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);cursor:pointer;transition:background var(--t)}
.screens-dot.active{background:var(--c-green)}
.scr-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:rgba(43,36,68,.8);border:1px solid var(--c-border);color:var(--c-text);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t)}
.scr-arrow:hover{background:var(--c-purple)}
.scr-prev{left:12px}
.scr-next{right:12px}

.app-wrap{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--rlg);padding:36px;margin:0 18px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.app-tbl td{padding:10px 14px;border-bottom:1px solid var(--c-border);font-size:.88rem}
.app-tbl td:first-child{color:var(--c-muted);width:45%}
.app-tbl tr:last-child td{border-bottom:none}
.app-btns{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.store-btn{display:flex;align-items:center;gap:14px;background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--r);padding:12px 20px;transition:border-color var(--t),background var(--t);color:var(--c-text)}
.store-btn:hover{border-color:var(--c-green);background:rgba(0,237,166,.06);color:var(--c-text)}
.store-btn svg{width:26px;height:26px;flex-shrink:0;color:var(--c-green)}
.store-btn-text{display:flex;flex-direction:column}
.store-btn-text small{font-size:.7rem;color:var(--c-muted)}
.store-btn-text strong{font-size:.95rem;font-weight:600}

.slot-wrap {
    background: linear-gradient(135deg,#1a1333 0%,#0f0c1e 100%);
    border: 1px solid var(--c-border);
    border-radius: var(--rlg);
    padding: 40px;
    margin: 0 18px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.slot-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(
        ellipse at 50% 0,
        rgba(0,237,166,.08) 0,
        transparent 70%
    );
    pointer-events: none;
}

.slot-wrap > * {
    position: relative;
    z-index: 1;
}

#slot-spin-btn {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    cursor: pointer;
}
.slot-machine{display:flex;justify-content:center;gap:12px;margin:28px 0}
.reel{width:90px;height:110px;background:#0c0919;border:2px solid var(--c-border);border-radius:var(--r);overflow:hidden;position:relative;box-shadow:inset 0 4px 20px rgba(0,0,0,.5)}
.reel-inner{display:flex;flex-direction:column;transition:transform .7s cubic-bezier(.2,1,.3,1)}
.reel-sym{height:110px;display:flex;align-items:center;justify-content:center;font-size:2.6rem}
.slot-btn{padding:16px 48px;font-size:1.05rem;font-weight:700;letter-spacing:.02em}
.slot-result{margin-top:22px;min-height:60px;display:flex;flex-direction:column;align-items:center;gap:10px}
.slot-win-msg{display:none;background:rgba(0,237,166,.12);border:1px solid rgba(0,237,166,.4);border-radius:var(--r);padding:16px 28px;color:var(--c-green);font-weight:700;font-size:1.1rem;animation:fadeInUp .4s ease}
.slot-win-msg.show{display:block}
.slot-lose-msg{display:none;color:var(--c-muted);font-size:.92rem}
.slot-lose-msg.show{display:block}

.review-content{margin:0 18px}
.review-content h2{font-size:clamp(1.2rem,3vw,1.7rem);font-weight:700;margin-bottom:18px}
.review-content h3{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:600;margin:24px 0 12px}
.review-content p{font-size:.93rem;color:var(--c-muted);margin-bottom:14px}
.review-content ul,.review-content ol{padding-left:20px;margin-bottom:14px}
.review-content li{font-size:.93rem;color:var(--c-muted);margin-bottom:6px}
.review-content ul li{list-style:disc}
.review-content ol li{list-style:decimal}
.review-content table{margin:16px 0;border:1px solid var(--c-border);border-radius:var(--r);overflow:hidden}
.review-content th{background:var(--c-card2);padding:10px 14px;font-size:.82rem;text-transform:uppercase;color:var(--c-muted);text-align:left}
.review-content td{padding:10px 14px;border-top:1px solid var(--c-border);font-size:.87rem}
.review-content a{color:var(--c-green)}
.review-content strong{font-weight:700;color:var(--c-text)}

.sec-tbl th{background:var(--c-hf);color:var(--c-muted);font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:14px 16px;text-align:left}
.sec-tbl td{padding:12px 16px;font-size:.87rem;border-bottom:1px solid var(--c-border);vertical-align:top}
.sec-tbl tr:last-child td{border-bottom:none}
.sec-tbl td:first-child{font-weight:600;white-space:nowrap;width:30%}
.sec-ok{display:inline-flex;align-items:center;gap:6px;color:var(--c-plus);font-weight:600}
.sec-ok svg{width:16px;height:16px}

.faq-list{margin:0 18px}
.faq-item{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r);margin-bottom:10px;overflow:hidden;transition:border-color var(--t)}
.faq-item.open{border-color:var(--c-green)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;font-weight:600;font-size:.95rem;user-select:none}
.faq-q svg{width:20px;height:20px;flex-shrink:0;color:var(--c-muted);transition:transform var(--t),color var(--t)}
.faq-item.open .faq-q svg{transform:rotate(180deg);color:var(--c-green)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding var(--t)}
.faq-item.open .faq-a{max-height:600px}
.faq-a-inner{padding:0 22px 20px;color:var(--c-muted);font-size:.9rem;line-height:1.75}

.rev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin:0 18px 36px}
.rev-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--rlg);padding:24px;position:relative}
.rev-card::after{content:'"';position:absolute;top:16px;right:20px;font-size:3.5rem;color:rgba(0,237,166,.1);font-family:serif;line-height:1}
.rev-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.rev-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--c-green);flex-shrink:0}
.rev-name{font-weight:700;font-size:.95rem}
.rev-date{font-size:.75rem;color:var(--c-muted)}
.rev-stars{color:#fbbf24;font-size:1rem;letter-spacing:.1em;margin-top:2px}
.rev-text{font-size:.88rem;color:var(--c-muted);line-height:1.7}

.rev-form-wrap{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--rlg);padding:32px;margin:0 18px}
.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.form-group label{font-size:.84rem;font-weight:600;color:var(--c-muted)}
.form-group input,.form-group textarea{background:var(--c-card2);border:1px solid var(--c-border);border-radius:var(--r);padding:12px 16px;color:var(--c-text);font-family:var(--ff);font-size:.9rem;transition:border-color var(--t)}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--c-green)}
.form-group textarea{min-height:120px;resize:vertical}
.form-notice{display:none;background:rgba(0,237,166,.1);border:1px solid rgba(0,237,166,.3);border-radius:var(--r);padding:16px;color:var(--c-green);font-size:.9rem;margin-top:16px}
.form-notice.show{display:block}

.ftr-outer{background:var(--c-hf);border-top:2px solid var(--c-border);padding:52px 0 28px}
.ftr-grid{display:grid;grid-template-columns:240px 1fr;gap:48px;margin-bottom:40px}
.ftr-brand img{height:36px;margin-bottom:14px}
.ftr-brand p{font-size:.82rem;color:var(--c-muted);line-height:1.7}
.ftr-flag{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.82rem;color:var(--c-muted)}
.ftr-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ftr-col-ttl{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-muted);margin-bottom:14px}
.ftr-col a{display:block;color:var(--c-muted);font-size:.84rem;padding:4px 0;transition:color var(--t)}
.ftr-col a:hover{color:var(--c-green)}
.ftr-logos{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:14px}
.ftr-logos img{height:28px;width:auto;object-fit:contain;opacity:.65;filter:grayscale(1) brightness(1.5);transition:opacity var(--t),filter var(--t)}
.ftr-logos img:hover{opacity:1;filter:none}
.ftr-social{display:flex;gap:10px;margin-top:16px}
.ftr-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--c-purple2);color:var(--c-text);transition:background var(--t),color var(--t)}
.ftr-social a:hover{background:var(--c-green);color:#0a0a14}
.ftr-social svg{width:17px;height:17px}
.ftr-bottom{border-top:1px solid var(--c-border);padding-top:24px;display:flex;flex-direction:column;gap:14px}
.ftr-legal{font-size:.76rem;color:var(--c-muted);line-height:1.7;text-align:center}
.ftr-legal a{color:var(--c-accent)}
.ftr-copyright{text-align:center;font-size:.79rem;color:var(--c-muted)}

.promo-widget{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:800;background:linear-gradient(90deg,#1c1535,#2b2444);border:1px solid rgba(0,237,166,.35);border-radius:50px;padding:14px 28px;display:flex;align-items:center;gap:18px;box-shadow:0 8px 40px rgba(0,0,0,.6),var(--glow);max-width:96vw;transition:opacity var(--t),transform var(--t)}
.promo-widget.hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(20px)}
.promo-label{font-size:.78rem;color:var(--c-muted);white-space:nowrap}
.promo-code{font-weight:800;font-size:1.05rem;color:var(--c-green);letter-spacing:.05em;cursor:pointer;user-select:all}
.promo-close{background:transparent;color:var(--c-muted);font-size:1.2rem;padding:0 4px;margin-left:8px;transition:color var(--t)}
.promo-close:hover{color:var(--c-text)}



.online-count{font-weight:700;color:var(--c-green)}

.sec-head{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.sec-head-icon{width:44px;height:44px;background:rgba(0,237,166,.1);border:1px solid rgba(0,237,166,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sec-head-icon svg{width:22px;height:22px;color:var(--c-green)}

.block-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--rlg);padding:36px;margin:0 18px}

.wp-pagenavi,.wp-caption,.wp-post-image,.attachment-thumbnail,.entry-meta{display:none!important}
.wp-link-pages{margin:1.5em 0;clear:both;word-wrap:break-word}
.alignleft{float:left;margin:0 1.5em 1.5em 0}
.alignright{float:right;margin:0 0 1.5em 1.5em}
.aligncenter{clear:both;display:block;margin:0 auto 1.5em}
.elementor-section,.elementor-column,.elementor-widget{position:relative}
.e-con,.e-child{display:block}
.wp-block-separator{display:none}
.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;position:absolute!important}

.x9f2a,.m7k3b,.r4p8c,.t2w6n{display:none}
.wp-content-area,.wc-shortcode-wrapper,.tribe-events-loop{display:none!important}
#qx72fb,.bk3mx9,.zr8pl2,.ct5vh1,.jw4na0{display:none!important}

@media(max-width:900px){
.hdr-nav{display:none}
.hdr-right .btn-secondary{display:none}
.burger{display:flex}
.hdr-inner{grid-template-columns:auto 1fr auto}
.pros-cons-wrap{grid-template-columns:1fr}
.app-wrap{grid-template-columns:1fr}
.toc-grid{grid-template-columns:repeat(2,1fr)}
.screen-item{min-width:50%}
.ftr-grid{grid-template-columns:1fr;gap:28px}
.ftr-cols{grid-template-columns:repeat(2,1fr)}
.hero-content{padding:28px 24px}
.bx-f3m7{padding:36px 0}
}
@media(max-width:640px){
.hero-content h2{font-size:1.5rem}
.hero-btns{flex-direction:column;gap:10px}
.screen-item{min-width:100%}
.toc-grid{grid-template-columns:1fr}
.ftr-cols{grid-template-columns:1fr}
.promo-widget{padding:12px 18px;gap:12px;font-size:.85rem}
.rev-grid{grid-template-columns:1fr}
.slot-machine{gap:8px}
.reel{width:75px}
.block-card{padding:24px 18px}
}
@media(max-width:400px){
.hdr-logo img{height:30px}
.hero-arrow{display:none}
.hero-content{padding:20px 16px}
}



.ghgg{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--rlg);padding:36px 40px;margin:0 18px;min-width:0;word-break:break-word;overflow-wrap:break-word}
.ghgg h1{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;line-height:1.2;color:var(--c-text);margin-bottom:20px}
.ghgg h2{font-size:clamp(1.2rem,3vw,1.7rem);font-weight:700;color:var(--c-text);margin:28px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--c-border)}
.ghgg h3{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:600;color:var(--c-green);margin:22px 0 10px}
.ghgg h4{font-size:1rem;font-weight:600;color:var(--c-muted);margin:16px 0 8px}
.ghgg p{font-size:.93rem;color:var(--c-muted);margin-bottom:14px;line-height:1.8;max-width:100%}
.ghgg ul,.ghgg ol{padding-left:20px;margin-bottom:14px}
.ghgg ul li{list-style:disc;font-size:.9rem;color:var(--c-muted);margin-bottom:6px;line-height:1.65}
.ghgg ol li{list-style:decimal;font-size:.9rem;color:var(--c-muted);margin-bottom:6px;line-height:1.65}
.ghgg a{color:var(--c-green);text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.ghgg a:hover{color:#1fffc3}
.ghgg strong{color:var(--c-text);font-weight:700}
.ghgg em{color:var(--c-green);font-style:normal}
.ghgg blockquote{border-left:3px solid var(--c-green);padding:10px 18px;margin:18px 0;color:var(--c-muted);font-style:italic;background:rgba(0,237,166,.04);border-radius:0 var(--r) var(--r) 0}
.ghgg-tbl-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0;border:1px solid var(--c-border);border-radius:var(--r)}
.ghgg table{width:100%;min-width:400px;border-collapse:collapse;margin:0}
.ghgg table th{background:var(--c-hf);color:var(--c-green);padding:11px 14px;text-align:left;border-bottom:2px solid var(--c-border);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.ghgg table td{padding:10px 14px;border-bottom:1px solid var(--c-border);color:var(--c-muted);font-size:.86rem;vertical-align:top}
.ghgg table tr:last-child td{border-bottom:none}
.ghgg table tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.ghgg table td:first-child{font-weight:600;color:var(--c-text)}
@media(max-width:900px){.ghgg{padding:26px 22px;margin:0 12px}}
@media(max-width:600px){.ghgg{padding:18px 14px;margin:0;border-radius:14px}.ghgg h1{font-size:1.35rem}.ghgg h2{font-size:1.15rem;margin:18px 0 8px}.ghgg h3{font-size:1rem}.ghgg p,.ghgg ul li,.ghgg ol li{font-size:.86rem}.ghgg table th,.ghgg table td{padding:8px 10px;font-size:.8rem}}

#mob-nav {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 16px;
    overflow-x: hidden;
}

#mob-nav a {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
    overflow: hidden;
}

#mob-nav .btn,
#mob-nav .btn-primary,
#mob-nav .btn-secondary {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    justify-content: center;
    white-space: normal;
}

@media (max-width: 768px) {
    #mob-nav {
        width: 100%;
        max-width: 100vw;
        padding: 14px 16px;
    }

    #mob-nav a {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 13px 14px;
    }

    #mob-nav .btn {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 12px 14px;
    }
}

@media (max-width: 480px) {
    #mob-nav {
        padding: 12px;
    }

    #mob-nav a {
        padding: 12px;
        font-size: 14px;
    }

    #mob-nav .btn {
        padding: 11px 12px;
        font-size: 13px;
    }
}

#recensione {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 18px;
    padding-right: 18px;
    box-sizing: border-box;
}

#recensione .block-card {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
}

#recensione .review-content,
#recensione .ghgg {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    overflow-wrap: anywhere;
    word-break: break-word;
}

#recensione .review-content p,
#recensione .review-content h1,
#recensione .review-content h2,
#recensione .review-content h3,
#recensione .review-content h4,
#recensione .review-content li,
#recensione .review-content span,
#recensione .review-content strong {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

#recensione .review-content img,
#recensione .review-content video,
#recensione .review-content iframe {
    display: block;
    max-width: 100%;
    height: auto;
}

#recensione .review-content table {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
}

@media (max-width: 600px) {
    #recensione {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding-left: 12px;
        padding-right: 12px;
    }

    #recensione .block-card {
        width: 100%;
        max-width: 100%;
        padding: 16px;
        margin: 0 auto;
    }

    #recensione .review-content,
    #recensione .ghgg {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    #recensione .review-content table {
        display: block;
        overflow-x: auto;
    }
}
.review-author {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--c-border);
}

.review-author > div:nth-child(2) {
    min-width: 0;
}

@media (max-width: 600px) {
    .review-author {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }

    .review-author > div:nth-child(2) {
        flex: 1;
        min-width: 0;
    }

    .review-author > div:last-child {
        width: 100%;
        margin-left: 58px !important;
        text-align: left !important;
    }
}

@media (max-width: 900px) {
    .hero-content {
        width: 100%;
        max-width: 680px;
        margin: 0 auto;
        padding: 28px 70px;
        text-align: center;
    }

    .hero-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-btns {
        justify-content: center;
        align-items: center;
    }

    .hero-arrow {
        display: flex;
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 640px) {
    .hero-wrap {
        width: 100%;
        overflow: hidden;
    }

    .hero-slide {
        min-width: 100%;
        height: 420px;
    }

    .hero-slide img {
        width: 100%;
        height: 420px;
        object-fit: cover;
        object-position: center;
    }

    .hero-overlay {
        width: 100%;
        padding: 0;
        justify-content: center;
        align-items: center;
    }

    .hero-content {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 28px 58px;
        text-align: center;
    }

    .hero-content h2 {
        font-size: 1.55rem;
        line-height: 1.2;
        margin-bottom: 12px;
    }

    .hero-content p {
        max-width: 100%;
        margin: 0 auto 18px;
        font-size: 0.9rem;
        line-height: 1.55;
    }

    .hero-btns {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: 10px;
    }

    .hero-btns .btn {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .hero-arrow {
        display: flex !important;
        width: 36px;
        height: 36px;
        padding: 0;
    }

    .hero-prev {
        left: 10px;
    }

    .hero-next {
        right: 10px;
    }

    .hero-nav {
        bottom: 12px;
    }
}

@media (max-width: 400px) {
    .hero-slide,
    .hero-slide img {
        height: 430px;
    }

    .hero-content {
        padding: 25px 50px;
    }

    .hero-content h2 {
        font-size: 1.4rem;
    }

    .hero-content p {
        font-size: 0.84rem;
    }

    .hero-btns .btn {
        padding: 11px 12px;
        font-size: 0.85rem;
    }

    .hero-arrow {
        display: flex !important;
        width: 34px;
        height: 34px;
    }

    .hero-prev {
        left: 7px;
    }

    .hero-next {
        right: 7px;
    }
}

.hero-overlay {
    justify-content: center;
}

.hero-content {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 36px 40px;
    text-align: center;
}

.hero-content p {
    margin-left: auto;
    margin-right: auto;
}

.hero-btns {
    justify-content: center;
}