/* Vodka layout — надстройка над vodka.min.css: цвета из полей, слайдер/витрина/FAQ без slick и jQuery, контент sitegen. */
:root{--vk-bg:#121a29;--vk-header:#161a26;--vk-card:#192232;--vk-accent:#1e6efd;--vk-accent2:#41c6ff;--vk-text:#ffffff;--vk-muted:#9fb0c8;--vk-line:rgba(255,255,255,.08)}
html,body{background:var(--vk-bg)!important;color:var(--vk-text)}
body{margin:0;font-family:'Inter',Roboto,Arial,sans-serif;line-height:1.5}
.header,.footer{background-color:var(--vk-header)!important}
.header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}   /* иначе fixed-меню позиционируется внутри шапки */
.btn,.box-btn.play{background-image:linear-gradient(180deg,var(--vk-accent2),var(--vk-accent)),linear-gradient(180deg,var(--vk-accent2),var(--vk-accent))!important;box-shadow:0 5px 16px 0 rgba(30,110,253,.35)!important}
.btn.btn-a,.burger-btn{background-image:linear-gradient(to bottom,var(--vk-card),var(--vk-card)),linear-gradient(to bottom,#2a3b55 20%,var(--vk-card) 47%)!important}
a{color:var(--vk-accent2)}
.header .inner{display:flex;align-items:center;gap:14px;justify-content:space-between}
.header .logo img{height:34px;width:auto;max-width:180px}
.header .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--vk-text);font-weight:700;font-size:20px}
.header-nav .naw-item img{width:18px;height:18px;object-fit:contain}
.header-nav .naw-item.vk-current{background:var(--vk-card)}
.btn-box{display:flex;gap:10px;flex:none}
.mobile-nav{display:none!important}
.mobile-nav.vk-open{display:flex!important;flex-direction:column;gap:6px;position:fixed;inset:0;max-width:none;padding:16px;background:var(--vk-header);z-index:60;overflow:auto;transform:none!important;top:0!important}
.mobile-nav .vk-close{align-self:flex-end;background:none;border:1px solid var(--vk-line);color:var(--vk-text);border-radius:8px;padding:8px 12px;font:inherit;cursor:pointer}
.mobile-nav .naw-item{margin:0;padding:12px 10px;border-bottom:1px solid var(--vk-line);border-radius:0;justify-content:flex-start;font-size:17px}
.mobile-nav .naw-item img{width:20px;height:20px}
.mobile-nav .naw-item img.vk-mbanner{width:100%;height:auto;border-radius:10px}
.burger-btn img{width:22px;height:22px}
.vk-demo{background:#8a1c1c;color:#fff;text-align:center;font-size:13px;font-weight:700;padding:7px 12px}

/* слайдер */
.vk-slider{position:relative;border-radius:16px;overflow:hidden;margin-bottom:26px;background:var(--vk-card)}
.vk-slider .slider-item{display:none;position:relative;min-height:260px}
.vk-slider .slider-item.on{display:block}
.vk-slider .slider-item .img-box img{width:100%;height:100%;min-height:260px;max-height:420px;object-fit:cover;display:block}
.vk-slider .slider-item .text-box{position:absolute;left:0;top:0;bottom:0;padding:40px;max-width:560px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:linear-gradient(90deg,rgba(9,14,24,.85),rgba(9,14,24,.15))}
.vk-slider .text-box .title{font-size:34px;font-weight:800;line-height:1.1}
.vk-slider .text-box .descr{font-size:17px;color:#dbe6f5}
.vk-nav{position:absolute;right:16px;bottom:16px;display:flex;gap:8px;align-items:center}
.vk-nav button{width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:18px;cursor:pointer}
.vk-nav .vk-dot{width:10px;height:10px;padding:0;background:rgba(255,255,255,.35)}
.vk-nav .vk-dot.on{background:var(--vk-accent2)}

/* витрина игр */
.vk-games-wrap{margin-bottom:34px}
.splide-gama-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.splide-gama-title .center{font-size:22px;font-weight:800}
.splide-gama-title .nawigate{display:flex;gap:8px;align-items:center}
.splide-gama-title .nawigate span{width:34px;height:34px;border-radius:50%;background:var(--vk-card);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.splide-gama-title .all{color:var(--vk-accent2);font-weight:600;margin-left:8px}
.vk-games{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.vk-games .gama-item{width:198px;flex:none;scroll-snap-align:start;background:var(--vk-card);border-radius:14px;overflow:hidden}
.vk-games .gama-item .img-box{position:relative}
.vk-games .gama-item img{width:100%;height:auto;aspect-ratio:198/290;object-fit:cover;display:block}
.vk-games .gama-item .btn-box{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(9,14,24,.55);opacity:0;transition:opacity .2s}
.vk-games .gama-item:hover .btn-box{opacity:1}
.vk-games .gama-item .box-btn{display:inline-block;padding:10px 22px;border-radius:50px;color:#fff;font-weight:600;cursor:pointer}
.vk-games .description-box .title{padding:10px 12px;font-size:14px;font-weight:600;text-align:center}

/* контент */
.vk-content{background:var(--vk-card);border-radius:16px;padding:28px 30px;margin-bottom:26px}
.vk-content h1{font-size:34px;line-height:1.15;margin:0 0 18px}
.vk-content h2{font-size:26px;margin:34px 0 14px}
.vk-content h3{font-size:20px;margin:22px 0 10px}
.vk-content p,.vk-content li{font-size:16px;line-height:1.65;color:#e4ebf5}
.vk-content ul,.vk-content ol{padding-left:22px}
.vk-content table{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:15px}
.vk-content th,.vk-content td{padding:10px 12px;border:1px solid var(--vk-line);text-align:left;vertical-align:top}
.vk-content th{background:rgba(255,255,255,.05);font-weight:700}
.vk-tblwrap{overflow-x:auto}
.vk-lead{font-size:18px;color:#dbe6f5}
.vk-badge{display:inline-block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--vk-accent2);border:1px solid var(--vk-accent);border-radius:50px;padding:5px 12px;margin-bottom:12px}
.vk-crumbs{font-size:13px;color:var(--vk-muted);margin:0 0 14px}
.vk-crumbs a{color:var(--vk-muted)}
.vk-na{color:var(--vk-muted);font-weight:600}
.vk-cta{display:inline-flex;margin:18px 0 6px}
.vk-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 8px}
.vk-pillars div{background:rgba(255,255,255,.04);border:1px solid var(--vk-line);border-radius:12px;padding:16px}
.vk-pillars h3{margin:0 0 8px;font-size:17px}
.vk-pillars p{margin:0;font-size:14px}
.vk-chips{display:flex;flex-wrap:wrap;gap:8px}.vk-chips span{font-size:13px;padding:6px 12px;border-radius:50px;border:1px solid var(--vk-line)}
dl.vk-gloss{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0}
dl.vk-gloss div{background:rgba(255,255,255,.04);border:1px solid var(--vk-line);border-radius:12px;padding:14px 16px}
dl.vk-gloss dt{font-weight:800;color:var(--vk-accent2);margin-bottom:4px}dl.vk-gloss dd{margin:0;font-size:14px;color:#dbe6f5}
.vk-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vk-reviews div{background:rgba(255,255,255,.04);border:1px solid var(--vk-line);border-radius:12px;padding:16px}
.vk-reviews b{display:block}.vk-reviews .vk-stars{color:#ffd600;font-size:13px}.vk-reviews p{margin:8px 0 0;font-size:14px}
.vk-ctabox{text-align:center;padding:44px 24px;border-radius:16px;background:linear-gradient(135deg,rgba(30,110,253,.35),rgba(65,198,255,.08));border:1px solid var(--vk-line);margin-bottom:26px}
.vk-ctabox h2{margin:0 0 10px;font-size:28px}.vk-ctabox p{color:#dbe6f5;max-width:640px;margin:0 auto 18px}

/* FAQ */
.faq-blocks .faq{background:rgba(255,255,255,.04);border:1px solid var(--vk-line);border-radius:12px;margin-bottom:10px}
.faq-blocks .faq-header{padding:14px 18px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:12px}
.faq-blocks .faq-header::after{content:"+";color:var(--vk-accent2);font-size:20px;line-height:1}
.faq-blocks .vk-faq-open .faq-header::after{content:"–"}
.faq-blocks .faq-content{display:none!important;padding:0 18px 14px}
.faq-blocks .vk-faq-open .faq-content{display:block!important;opacity:1!important}
.faq-blocks .faq-content p{margin:0}

/* подвал */
.footer{padding:30px 0 24px;margin-top:20px;font-size:14px;color:var(--vk-muted)}
.footer .inner-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer .logo img{height:28px;width:auto}
.footer .vk-age{display:inline-block;border:2px solid var(--vk-accent2);color:var(--vk-accent2);border-radius:50%;width:38px;height:38px;line-height:34px;text-align:center;font-weight:900;font-size:13px}
.footer .vk-icons{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:16px 0}
.footer .vk-icons img{height:22px;width:auto;opacity:.85;filter:grayscale(.2)}
.footer .vk-links{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0}
.footer .vk-links a{color:var(--vk-muted)}
.footer .vk-legal{border-top:1px solid var(--vk-line);padding-top:14px;margin-top:14px;font-size:12px}
.vk-support{position:fixed;right:18px;bottom:18px;z-index:30;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--vk-accent),var(--vk-accent2));color:#fff;font-size:24px;border:0;cursor:pointer;box-shadow:0 10px 30px rgba(30,110,253,.4)}
img{max-width:100%}

@media (max-width:992px){.vk-pillars,.vk-reviews{grid-template-columns:repeat(2,1fr)}.vk-slider .text-box .title{font-size:26px}}
@media (max-width:768px){.header-nav{display:none!important}.burger-btn{display:flex!important;align-items:center;justify-content:center}.header .btn-box .btn{padding:0 16px;height:40px;font-size:15px}
.vk-slider .slider-item .text-box{padding:22px;max-width:100%;background:linear-gradient(0deg,rgba(9,14,24,.9),rgba(9,14,24,.25))}.vk-slider .text-box .title{font-size:22px}.vk-slider .text-box .descr{font-size:14px}
.vk-content{padding:18px 16px}.vk-content h1{font-size:26px}.vk-content h2{font-size:21px}.vk-pillars,.vk-reviews,dl.vk-gloss{grid-template-columns:1fr}.vk-games .gama-item{width:150px}}
@media (max-width:480px){.header .inner{gap:8px}.header .logo span{display:none}.header .logo img{max-width:118px;height:26px}.header .btn-box .btn-a{display:none}.header .btn-box .btn{padding:0 14px;height:38px;font-size:14px}.burger-btn{width:40px;height:40px}.vk-slider .slider-item{min-height:220px}.vk-slider .slider-item .img-box img{min-height:220px}.splide-gama-title .center{font-size:18px}.splide-gama-title .all{font-size:12px;padding:6px 10px;min-width:0}.splide-gama-title .nawigate span{width:30px;height:30px}}