body{background:linear-gradient(180deg,#B9C3EE 0,#E9ECF8 700px) no-repeat,var(--bg);font-size:16px;line-height:1.6}
.container{max-width:1000px}
.site-header{background:#E9ECF8;backdrop-filter:none;border-bottom:1px solid #dfe3f4}
.header-inner{max-width:1280px;min-height:72px;gap:28px;padding:0 24px}
.logo{font-weight:800;font-size:24px;color:var(--primary)}
.main-nav{margin-left:8px}
.main-nav ul{gap:6px;flex-wrap:nowrap}
.main-nav a{font-weight:700;font-size:14px;padding:8px 12px;color:var(--text);background:none;white-space:nowrap}
.main-nav a:hover,.main-nav a[aria-current=page]{background:none;color:var(--primary)}
.header-cta{margin-left:auto;gap:12px}
.header-cta .btn-ghost,.header-cta .btn-login{background:transparent;border:2px solid var(--primary);color:var(--primary)}
.header-app{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;font-size:14px;text-decoration:none;margin-right:8px}
.header-app::before{content:"";width:12px;height:20px;border:2px solid var(--primary);border-radius:4px}
.header-flag{width:24px;height:24px;border-radius:50%;background:linear-gradient(#fff 50%,#dc143c 50%);border:1px solid #d5d9ee;margin-right:10px;flex-shrink:0}
.btn{border-radius:24px;padding:11px 24px;font-family:var(--font-b);font-weight:700;font-size:15px}
.btn-primary{box-shadow:none}
.btn-primary:hover{box-shadow:0 6px 18px rgba(255,106,15,.35);background:#ff7a2b}
.btn-sm{padding:9px 22px;font-size:14px}
.btn-lg{padding:14px 32px}
.content{padding:14px 0 40px}
.content>.container{max-width:1280px;padding:0 24px}
.page-body>section.section,.page-body>.x-chips,.page-body>.related,.page-body>.note,.page-body>.cta-box{max-width:1000px;margin-left:auto;margin-right:auto}
.hero{position:relative;display:block;padding:0;overflow:hidden;border:0;box-shadow:none;background:linear-gradient(135deg,#2a1b6e,#5a2fa8 55%,#3a2a8c);isolation:isolate;margin-bottom:28px}
.hero>.hero-inner{display:block;position:static}
.hero-media{position:absolute;inset:0;z-index:-1}
.hero-media img{width:100%;height:100%;aspect-ratio:auto;border-radius:0;object-fit:cover}
.hero-text{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;color:#fff;max-width:760px;margin:0 auto}
.hero h1{color:#fff;font-weight:700;line-height:1.25;text-shadow:0 2px 14px rgba(0,0,0,.5);letter-spacing:0}
.hero .lead{color:#fff;font-size:16px;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hero-actions{justify-content:center}
.hero .btn-primary{padding:14px 34px;font-size:16px}
.slider{border-radius:16px;margin-bottom:24px}
.slide img{min-height:200px}
.slider-arrow{background:#e9ecf8;border:0;color:var(--primary);width:36px;height:36px}
.slider-dots button.active{background:var(--primary)}
.x-chips a{display:inline-flex;align-items:center;text-decoration:none}
.x-chips a:first-child{color:var(--muted);font-weight:400;border-radius:24px}
.x-chips a:nth-child(5){background:#FDE3D6;border-radius:12px}
.x-chips a:nth-child(n+6){background:transparent;color:var(--text)}
.x-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.x-head a{font-weight:700;text-decoration:none}
.x-title,.section>h2.x-title{margin:0 0 14px}
.x-head .x-title{margin:0}
.x-grid{display:grid}
.x-grid a{display:block;background:linear-gradient(135deg,#3a2a8c,#ff6a0f)}
.x-badges{flex-wrap:wrap}
.section{margin-bottom:28px}
h2{font-size:clamp(22px,2.6vw,28px)}
.section>h2:first-child{margin-top:.6em}
.pay-icons{background:#fff;padding:18px;border-radius:16px}
.card,.faq details,.related-card,.steps>li,.table-wrap,.facts,.tcard{border-radius:16px;border-color:var(--border)}
.cta-box{background:linear-gradient(120deg,#FDE9DD,#fff);border-color:#f7c9ad}
.promo-box{border-color:var(--primary)}
th{text-transform:none;font-size:14px;color:var(--accent)}
.site-footer{background:#F3F4FB;border-top:0;padding:36px 0 24px;color:var(--muted)}
.site-footer .container{max-width:1000px}
.footer-grid{grid-template-columns:1fr 1.6fr;gap:32px}
.footer-box{padding:20px}
.footer-boxes{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px}
.footer-h{font-size:18px;font-weight:600;color:var(--text);margin:0 0 12px}
.footer-nav a{font-weight:600}
.footer-legal{border-top:1px solid var(--border)}
.age-badge{border-color:var(--accent);color:var(--accent)}
.to-top{background:#fff;color:var(--primary);border-color:var(--border)}
@media (max-width:980px){
.header-inner{padding:0 16px;gap:12px;min-height:64px}
.main-nav{inset:64px 0 auto 0;margin:0}
.main-nav ul{flex-wrap:wrap}
.header-app,.header-flag{display:none}
.hero,.hero-text{min-height:380px}
.footer-boxes,.footer-grid{grid-template-columns:1fr}
.content>.container{padding:0 14px}
.x-chips a:first-child{flex:1 1 100%}
}
@media (max-width:560px){
.hero h1{font-size:28px}
.x-chips a{padding:10px 16px}
.header-cta .btn-login{display:none}
.header-cta .btn-primary{display:inline-flex}
.logo img{max-height:34px}
}
/* AI: звірка з референсом home 1 */
.x-chips{background:rgba(255,255,255,.55);border-radius:16px;padding:14px;margin:20px 0 28px;overflow:visible;border:0}
.x-chips a{box-shadow:none;font-size:13px}
.x-chips a:first-child{padding:14px 20px;background:#fff}
.x-title,.section>h2.x-title{font-size:17px;font-weight:700}
.x-grid{grid-template-columns:repeat(7,1fr);gap:12px}
.x-grid a{aspect-ratio:1;border:0;border-radius:10px}
.x-head a{font-size:12px;color:var(--primary)}
.hero{margin:8px 0 20px;max-width:1000px;margin-left:auto;margin-right:auto}
.hero-text{min-height:316px}
.slider.slider-banner{display:none}
.site-footer .footer-box{box-shadow:none;border-radius:16px}
.footer-boxes{gap:12px}
@media (max-width:980px){
.x-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:560px){
.x-grid{grid-template-columns:repeat(2,1fr)}
.hero,.hero-text{min-height:300px}
}
/* blocks: / */
.x-games .x-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.x-title{margin:0}
.x-all{color:var(--accent);font-weight:600}
.x-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.x-chips a{padding:8px 14px;border-radius:var(--radius)}
.x-game-grid{display:grid}
.x-game{display:block;color:var(--text)}
.x-game span{display:block;margin-top:6px;text-align:center}
.x-prov-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.x-prov-grid span{display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.8rem}
.x-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.x-white{background:#fff;color:#1b1b1b;border-radius:var(--radius);padding:18px}
.x-white .x-title{color:#1b1b1b;margin-bottom:12px}
.x-white .pay-icons{display:flex;flex-wrap:wrap;gap:10px}
.x-partners{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.x-partners span{padding:12px 6px;text-align:center;border:1px solid #ddd;border-radius:8px;font-size:.8rem}
.x-badges{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:12px}
.x-badges span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:60px;padding:6px;border-radius:var(--radius);font-size:.78rem}
@media (max-width:980px){
.x-game-grid,.x-prov-grid{grid-template-columns:repeat(4,1fr)}
.x-badges{grid-template-columns:repeat(4,1fr)}
.x-duo{grid-template-columns:1fr}
}
@media (max-width:560px){
.x-game-grid,.x-prov-grid{grid-template-columns:repeat(2,1fr)}
.x-badges{grid-template-columns:repeat(2,1fr)}
.x-partners{grid-template-columns:repeat(2,1fr)}
}
/* AI: звірка з референсом home 2 */
.x-prov-grid span{background:transparent;border:0;min-height:25px;font-weight:700;color:var(--text)}
.x-prov-grid{gap:0 10px}
.x-game-grid{grid-template-columns:repeat(7,1fr);gap:14px 10px}
.x-game img{border-radius:10px}
.x-game span{font-size:12px;text-decoration:none;color:var(--text)}
.x-chips a{background:#fff;border:0;color:var(--text);font-weight:700}
.x-chips a:first-child{flex:1 1 100%}
.hero{min-height:316px;border-radius:16px}
.hero h1{font-size:clamp(28px,4vw,44px)}
.site-header .header-inner{min-height:88px}
.logo img{max-height:48px}
.footer-box{background:#fff;border-radius:16px}
.x-badges span{background:#fff;border:0;color:var(--muted);font-weight:600}
/* footer pay block */
.footer-pay{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.footer-pay .footer-h{font-size:16px;font-weight:600;color:var(--text);margin:0 0 12px}
.site-footer .footer-pay .pay-icons{display:flex;flex-wrap:wrap;background:#1A1A2E;padding:16px 18px;border-radius:16px;gap:12px}
.footer-pay .pay-icons img{background:#fff;border:1px solid var(--border);border-radius:10px;padding:4px 8px;width:56px;height:38px;object-fit:contain}
.footer-legal{margin-top:24px}
@media (max-width:560px){
.footer-pay .pay-icons img{width:50px;height:34px}
}
/* AI: додай картинки ігрових автоматів відповідно до назви */
.x-game img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
/* footer pay dark background */
.site-footer .footer-pay .pay-icons img{background:#262645;border:1px solid #3a3a63;border-radius:10px;padding:4px 8px}
@media (max-width:560px){
.site-footer .footer-pay .pay-icons{padding:12px;gap:8px}
}