:root{--red:#f72627;--red-dark:#c91e1f;--sec:#1f1f1f;--bg:#000;--hdr:#0a0a0a;--txt:#fff;--muted:#b0b0b0;--line:#2a2a2a;--card:#111;--card2:#161616;--radius:14px;--radius-sm:8px;--trans:.25s ease}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--txt);font-family:'Barlow',sans-serif;font-size:16px;line-height:1.65;min-height:100vh}
a{color:inherit;text-decoration:none;transition:color var(--trans)}
img{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit;color:inherit}
ul,ol{padding-left:1.4em}
.container{width:min(1200px,calc(100% - 32px));margin:0 auto}

.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(10,10,10,.97);border-bottom:1px solid #222;transition:box-shadow var(--trans),background var(--trans)}
.site-header.scrolled{box-shadow:0 6px 28px rgba(0,0,0,.8)}
.hdr-inner{min-height:72px;display:flex;align-items:center;gap:18px;padding:0 16px}
.logo-link{flex-shrink:0}
.logo-link img{width:auto;height:48px;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:6px;flex:1;justify-content: center;}
.desktop-nav a{display:flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:#ccc;padding:6px 10px;border-radius:var(--radius-sm);transition:color var(--trans),background var(--trans);white-space:nowrap}
.desktop-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-icon{width:15px;height:15px;fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round;flex-shrink:0}
.hdr-tools{display:flex;align-items:center;gap:7px;flex-shrink:0}
.safety-btn{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#bbb;background:#181818;border:1px solid #2e2e2e;border-radius:6px;padding:5px 9px;white-space:nowrap;transition:color var(--trans),border-color var(--trans);cursor:pointer;text-decoration:none}
.safety-btn:hover{color:#fff;border-color:var(--red)}
.safety-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}
.online-pill{font-size:11px;font-weight:700;color:#5ce08a;background:rgba(92,224,138,.1);border:1px solid rgba(92,224,138,.25);border-radius:20px;padding:4px 10px;white-space:nowrap}
.btn-primary,.btn-secondary,.btn-login,.btn-signup{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;white-space:nowrap;transition:background var(--trans),transform var(--trans),box-shadow var(--trans);text-decoration:none}
.btn-primary,.btn-signup{background:var(--red);color:#fff;padding:10px 18px}
.btn-primary:hover,.btn-signup:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(247,38,39,.35)}
.btn-secondary,.btn-login{background:var(--sec);color:#fff;padding:10px 18px}
.btn-secondary:hover,.btn-login:hover{background:#2e2e2e;transform:translateY(-2px)}
.btn-sm{padding:8px 14px;font-size:13px}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:0;width:36px;height:36px;cursor:pointer;padding:4px;flex-shrink:0}
.burger span{display:block;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}
.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-nav{display:none;position:fixed;inset:72px 0 0;background:rgba(10,10,10,.98);flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:999;overflow-y:auto;padding:24px 16px;transform:translateX(100%);transition:transform .35s ease}
.mobile-nav.open{display:flex;transform:none}
.mobile-nav a{font-size:20px;font-weight:700;color:#ddd;padding:12px 24px;border-radius:10px;width:100%;max-width:320px;text-align:center;transition:background var(--trans),color var(--trans)}
.mobile-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.mobile-nav .mob-sep{width:100%;max-width:320px;border-bottom:1px solid #222;margin:8px 0}
.mobile-nav .safety-btn{width:100%;max-width:320px;justify-content:center;font-size:14px;padding:10px}

.hero-section{min-height:85vh;background:url('/refuel-casino-hero.avif') center/cover no-repeat;display:flex;align-items:center;position:relative}
.hero-overlay{width:100%;min-height:85vh;display:flex;flex-direction:column;justify-content:center;padding:60px max(16px,calc((100vw - 1200px)/2 + 16px));background:linear-gradient(100deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.75) 45%,rgba(0,0,0,.2) 100%)}
.eyebrow-lbl{color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:12px;margin-bottom:12px}
.hero-title{font-size:clamp(52px,9vw,100px);line-height:.9;font-weight:800;margin-bottom:20px}
.hero-lead{font-size:18px;color:#ddd;max-width:540px;margin-bottom:28px;line-height:1.55}
.bonus-tile{background:linear-gradient(135deg,#f72627 0%,#7a0f10 100%);border:1px solid rgba(255,120,120,.4);border-radius:var(--radius);padding:18px 22px;display:inline-flex;flex-direction:column;gap:6px;margin-bottom:28px;max-width:480px}
.bonus-tile strong{font-size:22px;font-weight:800}
.bonus-tile span{font-size:14px;color:rgba(255,255,255,.85)}
.bonus-meta{font-size:12px;color:rgba(255,255,255,.6);margin-top:4px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.rating-row{display:flex;align-items:center;gap:10px}
.stars-visual{color:#ffd348;font-size:20px;letter-spacing:2px}
.stars-visual .half-star{opacity:.5}
.rating-row b{font-size:16px}
.rating-count{font-size:13px;color:var(--muted)}

.breadcrumbs-bar{background:#0d0d0d;border-bottom:1px solid var(--line);padding:10px 0}
.bc-list{display:flex;align-items:center;gap:8px;list-style:none;padding:0;font-size:13px;color:var(--muted);flex-wrap:wrap}
.bc-list a{color:#ccc}
.bc-list a:hover{color:var(--red)}
.bc-list b{color:#fff}

section{padding:40px 0}
.sec-head{margin-bottom:36px}
.sec-head h2{font-size:clamp(26px,4vw,40px);font-weight:800;line-height:1.1;margin-top:8px}
.sec-sub{color:var(--muted);margin-top:10px;max-width:680px;font-size:15px}

.games-section{background:#050505}
.games-viewport{overflow:hidden;position:relative}
.games-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;transition:transform .38s cubic-bezier(.25,.46,.45,.94)}
.game-card{background:linear-gradient(160deg,#1e1e1e,#0c0c0c);border:1px solid var(--line);border-radius:var(--radius);padding:22px 18px;display:flex;flex-direction:column;gap:10px;min-width:0;transition:transform var(--trans),border-color var(--trans)}
.game-card:hover{transform:translateY(-4px);border-color:rgba(247,38,39,.4)}
.game-orb{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:26px;flex-shrink:0}
.gm1{background:linear-gradient(135deg,#1a4a8a,#0d2d5a)}.gm2{background:linear-gradient(135deg,#1a3a6a,#0a2040)}.gm3{background:linear-gradient(135deg,#6a1a1a,#3a0a0a)}.gm4{background:linear-gradient(135deg,#4a2a6a,#2a1040)}.gm5{background:linear-gradient(135deg,#1a5a3a,#0a2a1a)}.gm6{background:linear-gradient(135deg,#5a4a1a,#2a220a)}.gm7{background:linear-gradient(135deg,#6a2a1a,#3a100a)}.gm8{background:linear-gradient(135deg,#3a1a5a,#1a0a2a)}
.game-card h3{font-size:16px;font-weight:700;margin:0}
.prov-badge{font-size:11px;font-weight:700;background:#1c2a40;color:#8ab4f8;border-radius:4px;padding:3px 8px;display:inline-block}
.game-rtp{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}
.game-rtp b{color:#5ce08a;font-size:14px}
.game-card .btn-primary{width:100%;margin-top:auto}
.slider-dots{display:none;justify-content:center;gap:8px;margin-top:18px}
.dot{width:8px;height:8px;border-radius:50%;background:#333;transition:background var(--trans)}
.dot.active{background:var(--red)}

.info-section{background:#030303}
.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line);-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:680px;background:var(--card)}
thead th{background:var(--red);color:#fff;font-weight:700;text-align:left;padding:14px 16px;font-size:14px}
tbody tr{border-bottom:1px solid var(--line);transition:background var(--trans)}
tbody tr:last-child{border-bottom:none}
tbody tr:hover{background:#161616}
tbody td{padding:13px 16px;font-size:14px;vertical-align:middle}
tbody td:first-child{font-size:20px;width:42px;text-align:center}
tbody td:nth-child(2){font-weight:600;color:#ccc;white-space:nowrap}
tbody td:nth-child(3){color:#e8e8e8}

.providers-section{background:#060606}
.providers-grid{display:flex;flex-wrap:wrap;gap:14px}
.prov-card{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--card2);border:1px solid var(--line);border-radius:var(--radius);padding:20px 16px;min-width:130px;flex:1 1 130px;text-align:center;font-size:13px;font-weight:600;color:#ccc;transition:transform var(--trans),border-color var(--trans),color var(--trans)}
.prov-card:hover{transform:translateY(-3px);border-color:rgba(247,38,39,.5);color:#fff}
.prov-logo{width:60px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;letter-spacing:.5px}
.evo-bg{background:linear-gradient(135deg,#c0392b,#7b241c)}.rt-bg{background:linear-gradient(135deg,#e67e22,#935116)}.pp-bg{background:linear-gradient(135deg,#27ae60,#1a7040)}.ne-bg{background:linear-gradient(135deg,#2980b9,#1a5276)}.pg-bg{background:linear-gradient(135deg,#8e44ad,#5b2c6f)}.bs-bg{background:linear-gradient(135deg,#16a085,#0d6b5b)}.ag-bg{background:linear-gradient(135deg,#d4ac0d,#9a7d0a)}.ez-bg{background:linear-gradient(135deg,#1abc9c,#148f77)}.mg-bg{background:linear-gradient(135deg,#2c3e50,#1a252f)}.yg-bg{background:linear-gradient(135deg,#e91e63,#a01244)}.hg-bg{background:linear-gradient(135deg,#ff5722,#bf360c)}.tk-bg{background:linear-gradient(135deg,#607d8b,#37474f)}.rg-bg{background:linear-gradient(135deg,#3f51b5,#283593)}.el-bg{background:linear-gradient(135deg,#795548,#4e342e)}

.slot-section{background:#040404}
.slot-machine{background:linear-gradient(160deg,#1a1a1a,#0a0a0a);border:2px solid #2a2a2a;border-radius:20px;padding:36px 28px;max-width:540px;margin:0 auto;position:relative;box-shadow:0 0 60px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05)}
.slot-display{display:flex;align-items:center;justify-content:center;gap:4px;background:#0a0a0a;border:1px solid #333;border-radius:14px;padding:24px 20px;margin-bottom:24px}
.reel-wrap{background:linear-gradient(180deg,#1c1c1c,#111);border:2px solid #3a3a3a;border-radius:10px;width:110px;height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.reel{font-size:52px;line-height:1;transition:none;user-select:none}
.reel.spinning{animation:reelSpin .1s linear infinite}
@keyframes reelSpin{0%{transform:translateY(0)}50%{transform:translateY(-8px)}100%{transform:translateY(0)}}
.reel-sep{color:#333;font-size:24px;font-weight:700;margin:0 2px}
.slot-controls{text-align:center}
.spin-btn{font-size:18px;padding:14px 40px;letter-spacing:1px}
.spin-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.slot-message{margin-top:14px;font-size:15px;font-weight:600;min-height:22px;color:var(--muted)}
.win-overlay{display:none;position:absolute;inset:0;background:rgba(0,0,0,.88);border-radius:20px;align-items:center;justify-content:center;z-index:10;animation:fadeIn .35s ease}
.win-overlay.show{display:flex}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.win-card{text-align:center;padding:32px 28px}
.win-emoji{font-size:64px;margin-bottom:12px;animation:bounce .6s ease infinite alternate}
@keyframes bounce{from{transform:scale(1)}to{transform:scale(1.15)}}
.win-card h3{font-size:28px;font-weight:800;color:#fff;margin-bottom:10px}
.win-card p{color:#ccc;margin-bottom:22px;font-size:15px}
.win-card .btn-primary{margin-bottom:12px;width:100%}
.win-card .btn-secondary{width:100%}

.review-section{background:#020202}
.author-box{display:flex;align-items:flex-start;gap:20px;background:var(--card2);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:32px}
.author-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #2a2a2a;flex-shrink:0}
.author-info{flex:1}
.author-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:6px}
.author-name{font-size:18px;font-weight:800}
.author-link{font-size:12px;color:var(--muted);border:1px solid #333;border-radius:4px;padding:2px 8px;transition:color var(--trans),border-color var(--trans)}
.author-link:hover{color:var(--red);border-color:var(--red)}
.author-title{font-size:13px;color:var(--red);font-weight:600;margin-bottom:8px}
.author-bio{font-size:14px;color:#bbb;line-height:1.55}
.review-text{line-height:1.8}
.review-text h2{font-size:28px;font-weight:800;margin:36px 0 14px;color:#fff;border-bottom:2px solid var(--line);padding-bottom:10px}
.review-text h3{font-size:22px;font-weight:700;margin:28px 0 12px;color:#eee}
.review-text h4{font-size:18px;font-weight:700;margin:22px 0 10px;color:#ddd}
.review-text p{margin-bottom:16px;color:#d5d5d5;font-size:16px}
.review-text ul,.review-text ol{margin:14px 0 18px 20px}
.review-text li{margin-bottom:8px;color:#d5d5d5;font-size:15px}
.review-text a{color:var(--red);text-decoration:underline}
.review-text a:hover{color:#ff5050}
.review-text strong{color:#fff;font-weight:700}
.review-text em{font-style:italic;color:#ccc}
.review-text blockquote{border-left:4px solid var(--red);padding:14px 18px;margin:20px 0;background:#111;border-radius:0 8px 8px 0;font-style:italic;color:#bbb}
.review-text table{background:var(--card);border:1px solid var(--line);min-width:auto;margin:20px 0}
.review-text th{background:#1c1c1c;color:#fff}
.review-text th,.review-text td{padding:10px 14px;border-bottom:1px solid var(--line);font-size:14px}
.review-text img{border-radius:10px;margin:16px 0;max-width:100%}

.faq-section{background:#040404}
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--card2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color var(--trans)}
.faq-item.active{border-color:rgba(247,38,39,.35)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;background:transparent;border:0;cursor:pointer;text-align:left;font-size:16px;font-weight:600;color:#eee;transition:color var(--trans)}
.faq-q:hover{color:#fff}
.faq-item.active .faq-q{color:var(--red)}
.faq-arrow{flex-shrink:0;transition:transform .3s;color:#888}
.faq-item.active .faq-arrow{transform:rotate(180deg);color:var(--red)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease}
.faq-item.active .faq-a{max-height:400px}
.faq-a p{padding:0 22px 18px;color:#c0c0c0;font-size:15px;line-height:1.65}

.reviews-section{background:#060606}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
.review-card{background:var(--card2);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:transform var(--trans),border-color var(--trans)}
.review-card:hover{transform:translateY(-3px);border-color:rgba(247,38,39,.3)}
.rv-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.rv-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0}
.rv-name{font-size:15px;font-weight:700;margin-bottom:2px}
.rv-stars{color:#ffd348;font-size:14px;letter-spacing:1px}
.rv-date{font-size:12px;color:var(--muted)}
.rv-text{font-size:14px;color:#c5c5c5;line-height:1.6}
.review-form-wrap{background:var(--card2);border:1px solid var(--line);border-radius:var(--radius);padding:28px 32px;max-width:680px;margin:0 auto}
.review-form-wrap h3{font-size:22px;font-weight:800;margin-bottom:20px}
.review-form{display:flex;flex-direction:column;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.review-form input,.review-form textarea,.review-form select{background:#0c0c0c;border:1px solid #383838;border-radius:var(--radius-sm);padding:13px 14px;color:#fff;font-size:15px;transition:border-color var(--trans)}
.review-form input:focus,.review-form textarea:focus,.review-form select:focus{outline:none;border-color:var(--red)}
.review-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M0 0l6 8 6-8z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.review-form select option{background:#0c0c0c}
.review-form textarea{resize:vertical;min-height:120px}
.review-form .btn-primary{align-self:flex-start;padding:13px 28px;font-size:16px}
.form-success{font-size:14px;font-weight:600;color:#5ce08a;min-height:20px}

.site-footer{background:var(--hdr);border-top:1px solid var(--line);padding:56px 0 90px}
.footer-grid{display:grid;grid-template-columns:200px 1fr 1fr 1fr;gap:32px;padding-bottom:36px;border-bottom:1px solid var(--line);margin-bottom:32px}
.footer-logo-img{width:auto;height:48px;object-fit:contain;margin-bottom:12px}
.footer-desc{font-size:13px;color:var(--muted);line-height:1.6}
.footer-flag{height: 20px;width: auto;margin-top: 10px;}
.social-row{display:flex;gap:8px;margin-top:12px}
.social-ico{width:32px;height:32px;border-radius:50%;background:#1e1e1e;border:1px solid #2e2e2e;display:grid;place-items:center;font-size:14px;transition:background var(--trans),border-color var(--trans)}
.social-ico:hover{background:var(--red);border-color:var(--red)}
.footer-col h4{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:14px}
.footer-col a,.footer-col p{display:block;font-size:13px;color:#aaa;margin-bottom:8px;transition:color var(--trans)}
.footer-col a:hover{color:#fff}
.footer-assets{padding-top:28px}
.footer-assets h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:#555;margin-bottom:12px}
.badge-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.badge-grid span{font-size:11px;font-weight:600;background:#171717;border:1px solid #2c2c2c;border-radius:5px;padding:5px 9px;color:#aaa}
.badge-grid.pay span{color:#7fb8f8}.badge-grid.prov span{color:#98dba0}.badge-grid.trust span{color:#f0c987}
.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column;gap:8px}
.footer-bottom p{font-size:12px;color:#555;line-height:1.5}
.footer-bottom .copyright{color:#444;font-size:12px}

.floating-widget{position:fixed;bottom:0;left:0;width:100%;z-index:9990;background:linear-gradient(90deg,#0a0a0a,#110000);border-top:2px solid var(--red);transform:translateY(0);transition:transform .35s ease}
.floating-widget.hidden{transform:translateY(100%)}
.fw-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px}
.fw-text{font-size:14px;font-weight:700;flex:1}
.fw-close{background:transparent;border:0;color:#888;font-size:24px;cursor:pointer;padding:0 4px;transition:color var(--trans)}
.fw-close:hover{color:#fff}

.info-content{margin:120px auto 56px;max-width:860px;background:#0e0e0e;border:1px solid var(--line);border-radius:var(--radius);padding:40px}
.info-content h1{font-size:38px;font-weight:800;margin-bottom:20px}
.info-content h2{font-size:24px;font-weight:700;margin:24px 0 10px;color:#eee}
.info-content h3{font-size:20px;font-weight:700;margin:20px 0 8px;color:#ddd}
.info-content p{font-size:15px;color:#ccc;line-height:1.7;margin-bottom:14px}
.info-content ul,.info-content ol{margin:10px 0 16px 20px}
.info-content li{font-size:15px;color:#ccc;margin-bottom:7px}
.info-content a{color:var(--red);text-decoration:underline}
.info-content address{font-style:normal}

.content__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0;border-radius:8px;}
.content table{width:100%;min-width:500px;border-collapse:collapse;margin:0;font-size:.9rem;}

.fade-in{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.fade-in.visible{opacity:1;transform:none}

@keyframes pulseDot{0%,100%{opacity:1}50%{opacity:.4}}
.bx7k2f{filter:blur(0)}.p9r3m{letter-spacing:.01px}.f7r2m{opacity:.99}.q4t8z{outline:0}.n2a6v{contain:layout}.l5c1d{isolation:isolate}.w8p3s{font-kerning:auto}.x6m9b{aspect-ratio:auto}.r1j7e{backface-visibility:hidden}.k3u5h{word-spacing:0}.d8f2q{stroke-width:0}.v7z4n{object-position:center}.a2c6l{zoom:1}.t9y3w{empty-cells:show}.g5h8p{unicode-bidi:normal}.h2k9p{text-rendering:auto}.m4j6r{word-break:normal}.s3v8c{overflow-wrap:normal}.wp-block{display:block}.elementor-widget{position:relative}.wp-site-blocks{min-height:0}.entry-content{display:block}.wp-caption{margin:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute;width:1px;height:1px}

@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.online-pill{display: none;}}
@media(max-width:900px){.desktop-nav a svg {display: none;}}
@media(max-width:768px){
.hdr-inner{gap:8px;justify-content: space-between;}
.desktop-nav,.online-pill{display:none}
.hdr-tools .safety-btn{display:none}
.hdr-tools .btn-login,.hdr-tools .btn-signup{display:inline-flex}
.burger{display:flex}
.hero-overlay{padding-left:16px;padding-right:16px;padding-top:40px}
.hero-title{font-size:clamp(44px,12vw,70px)}
.hero-lead{font-size:16px}
.bonus-tile strong{font-size:18px}
.games-track{display:flex;gap:12px}
.game-card{min-width:75vw;max-width:75vw}
.slider-dots{display:flex}
.games-viewport{padding-bottom:4px}
.reviews-grid{grid-template-columns:1fr}
.form-row{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.footer-assets{padding-top:12px}
.hero-section{min-height:70vh}
.hero-overlay{min-height:70vh}
.slot-machine{margin:0;border-radius:14px}
.reel-wrap{width:80px;height:80px}
.reel{font-size:38px}
.review-form-wrap{padding:20px}
.info-content{padding:22px;margin-top:100px}
}
@media(max-width:480px){
.logo-link img{height:38px}
.btn-login,.btn-signup{padding:8px 10px;font-size:12px}
.hero-actions{flex-direction:column;align-items:flex-start}
.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;justify-content:center;max-width:300px}
.providers-grid{gap:10px}
.prov-card{min-width:calc(50% - 5px);flex:1 1 calc(50% - 5px)}
.reviews-grid{gap:12px}
.footer-grid{gap:20px}
section{padding:44px 0}
.author-box{flex-direction:column}
}