:root{--container:1280px;--radius-sm:8px;--shadow:none}
body{font-family:var(--font-b);font-size:16px;line-height:1.6}
h1,h2,h3,h4{font-family:'Montserrat',var(--font-h),sans-serif;letter-spacing:0}
.site-header{backdrop-filter:none}
.header-inner{display:flex;align-items:center}
.logo img{max-height:40px}
.logo{font-size:20px}
.hd-search{align-items:center;gap:8px;height:36px;padding:0 12px;background:var(--surface-2);border:1px solid #6f747b;color:#7d7e7f;font-size:12px}
.hd-search svg{width:16px;height:16px}
.main-nav{left:0;top:56px;bottom:0;border-right:1px solid var(--border);z-index:60;overflow:visible}
.main-nav a{align-items:center;justify-content:center;position:relative}
.main-nav li a::before{content:'';width:18px;height:18px;border:2px solid currentColor;border-radius:5px}
.main-nav li:nth-child(2) a::before{border-radius:50%}
.main-nav li:nth-child(3) a::before{border-radius:2px 2px 8px 8px}
.main-nav li:nth-child(4) a::before{border-radius:9px}
.main-nav a:hover::after{content:attr(title);position:absolute;left:44px;background:var(--surface-2);padding:4px 8px;font-size:12px;border-radius:6px}
.header-cta{margin-left:auto;display:flex;gap:8px}
.header-cta .btn{min-width:80px;color:#fff}
.btn{border-radius:8px;text-transform:capitalize;font-family:'Inter',sans-serif}
.btn-primary{box-shadow:none}
.burger{display:none;width:36px;height:36px;background:var(--surface-2);border:0;border-radius:8px}
.content{padding:24px 0 48px}
.container{max-width:1384px;padding:0 24px}
.hero{border:0}
.hero h1{font-weight:800}
.hero .lead{color:#fff;opacity:.85}
.section>h2:first-child{margin:1.4em 0 .8em}
.card{border:0;border-radius:8px}
.card img{border-radius:8px;margin-bottom:12px}
.table-wrap{border-color:var(--border)}
th{text-transform:none;font-family:'Inter',sans-serif}
.faq details{background:var(--surface-2);border:0;border-radius:8px}
.cta-box{border:0;border-radius:8px}
.promo-box{border-color:var(--primary)}
.steps>li{border:0}
.note{background:var(--surface-2)}
.related-card{background:var(--surface-2);border:0}
.site-footer{padding:56px 0 32px;border:0}
.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.site-footer h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 40px}
.footer-nav ul{columns:1}
.footer-nav li{margin-bottom:8px}
.footer-nav a{color:#fff;font-size:16px}
.footer-nav a::before{content:'› '}
.footer-nav a:hover{color:rgba(255,255,255,.8)}
.footer-brand p{font-size:14px;line-height:1.6;margin-top:40px;max-width:240px}
.fbadges{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap}
.fbadges span{display:flex;align-items:center;justify-content:center;width:120px;height:40px;border:1px solid var(--border);border-radius:10px;font-size:14px}
.fcontact p{font-size:14px;margin:0 0 12px}
.site-footer .pay-icons{margin-top:24px}
.footer-legal{border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:32px;color:rgba(255,255,255,.6);font-size:14px}
.age-badge{border-color:#fff}
@media (max-width:980px){
body{padding-left:0}
.site-header,.site-footer{margin-left:0;padding-left:0}
.burger{display:inline-flex}
.hd-search{display:none}
.main-nav{bottom:auto;width:auto;border-right:0}
.main-nav a{width:auto;height:44px;justify-content:flex-start;gap:12px}
.main-nav a:hover::after{display:none}
.footer-cols{grid-template-columns:1fr 1fr}
.header-cta{gap:6px}
}
@media (max-width:560px){
.footer-cols{grid-template-columns:1fr;gap:28px}
.site-footer h3{margin-bottom:16px}
.footer-brand p{margin-top:16px}
.header-cta .btn{display:inline-flex;min-width:0}
.container{padding:0 16px}
.fbadges span{width:auto;flex:1 1 90px}
.hero-actions .btn{padding:12px 26px}
.header-cta .btn{height:36px}
}
/* blocks: / */
.x-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}
.x-strip-item{flex:0 0 auto;scroll-snap-align:start;font-weight:600;white-space:nowrap;border:1px solid rgba(255,255,255,.08);border-radius:8px}
@media (max-width:980px){
.x-strip{gap:10px}
}
@media (max-width:560px){
.x-strip-item{padding:8px 14px;font-size:12px}
}
/* AI: звірка з референсом home 1 */
.hero{gap:24px}
.hero h1{line-height:1.1}
.hero .lead{font-size:15px;line-height:1.7}
.card{padding:14px}
.card h3{font-size:17px;margin:0 0 8px}
.card p{font-size:13px}
.section>h2:first-child{font-size:16px;font-weight:700}
.hd-search{border-radius:8px}
.table-wrap{background:#192333}
td,th{font-size:11px;padding:10px 12px}
.steps>li{background:#222e44;font-size:12px;padding:12px 18px 12px 56px}
.steps>li::before{width:24px;height:24px;line-height:24px;font-size:12px;top:14px}
.section{font-size:13px}
.section p{font-size:13px}
@media (max-width:980px){
.hero .lead{font-size:19px}
.hero h1{font-size:30px}
}
@media (max-width:560px){
.hero .lead{line-height:1.6}
}
/* AI: звірка з референсом home 2 */
.hd-search{width:240px;border-color:#6f747b}
.hero{padding:30px 30px}
.hero h1{font-size:clamp(30px,3.2vw,40px)}
.slider[data-per-view]{overflow:visible}
.slider[data-per-view] .slider-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible}
.slider[data-per-view="4"] .slider-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.slider[data-per-view] .slide{min-width:0;flex:none}
.slider[data-per-view] .card{height:100%;padding:8px}
.slider[data-per-view="4"] .card{padding:12px 16px}
.slider[data-per-view] .card h3{margin-top:0}
.slider-arrow,.slider-dots{display:none}
.x-strip{margin:0 0 24px;padding:0}
.x-strip-item{font-size:11px;padding:8px 14px}
@media (max-width:980px){
.slider[data-per-view] .slider-track,.slider[data-per-view="4"] .slider-track{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero{padding:24px 20px}
}
@media (max-width:560px){
.hero h1{font-size:28px}
.hero .lead{font-size:17px}
.burger{display:inline-flex;width:36px;height:36px}
.slider[data-per-view] .slider-track,.slider[data-per-view="4"] .slider-track{grid-template-columns:1fr}
}
/* AI: звірка з референсом inner 1 */
.crumbs ol{font-size:13px;max-width:896px;margin:0 auto 16px;padding:0 16px}
.page-body{max-width:896px;margin:0 auto;padding:0 16px}
.page-body p{font-size:16px;line-height:1.625;margin:0 0 16px}
.page-body .section p,.section p{font-size:16px}
.page-body .section{font-size:16px;margin:0 0 40px}
.page-body ul,.page-body ol,.page-body dl{font-size:16px;line-height:1.625}
.page-body h3{font-size:18px;font-weight:600;line-height:28px;margin:0 0 8px}
.page-body .section>h2:first-child{font-size:24px;font-weight:600;line-height:32px;margin:0 0 20px}
.page-body .steps>li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:16px;padding:16px 18px 16px 60px;margin-bottom:12px}
.page-body .steps>li::before{width:28px;height:28px;line-height:28px;font-size:14px}
.page-body .note{font-size:16px;background:rgba(255,255,255,.05)}
.page-body td,.page-body th{font-size:14px;padding:12px 16px}
.page-body .table-wrap{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px}
.page-body .related-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px}
.page-body .faq details{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px}
.page-body .hero{margin-bottom:40px}
.page-body .x-strip-item{font-size:14px}
@media (max-width:560px){
.page-body .section>h2:first-child{font-size:20px}
}
/* AI: Перебудовую дизайн сайту за референсом vulkanvegastop.com: світла шапка з горизо */
body{padding-left:0;background:#fff;color:#3b3f4a}
.site-header{margin-left:0;padding-left:0;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0}
.header-inner{min-height:70px;max-width:1384px;margin:0 auto;padding:0 24px;gap:24px}
.hd-search{display:none}
.main-nav{position:static;width:auto;margin:0 auto 0 24px;background:transparent;border:0;padding:0;display:block}
.main-nav ul{flex-direction:row;flex-wrap:wrap;gap:4px;align-items:center}
.main-nav a{width:auto;height:auto;padding:8px 12px;font-size:15px;font-weight:500;color:#1f2330;display:block;border-radius:8px}
.main-nav li a::before{display:none}
.main-nav a:hover,.main-nav a[aria-current=page]{background:transparent;color:var(--primary)}
.main-nav a:hover::after{display:none}
.header-cta .btn{height:40px;padding:0 20px;border:0;border-radius:20px;font:700 13px/1 'Inter',sans-serif;text-transform:uppercase;display:inline-flex;align-items:center}
.header-cta .btn-chat{background:#eeeef2;color:#1f2330;text-transform:none}
.header-cta .btn-login{background:#eeeef2;color:#1f2330}
.header-cta .btn-login:hover{box-shadow:none;background:#e2e3ea}
.btn-primary{background:#ff5a1f;border:0;color:#fff}
.btn-primary:hover{box-shadow:0 4px 14px rgba(255,90,31,.4)}
.hero{background:linear-gradient(135deg,#1b1240,#3a1a70 60%,#6c2a9d);color:#fff;border-radius:12px}
.hero h1,.hero .lead{color:#fff}
.card{background:#2a1c1a;color:#fff}
.card h3{color:#fff}
.table-wrap,.faq details,.note,.steps>li,.related-card{background:#f6f6f8;border:1px solid var(--border)}
.page-body .table-wrap,.page-body .faq details,.page-body .note,.page-body .steps>li,.page-body .related-card{background:#f6f6f8;border:1px solid var(--border)}
th{background:#eeeef2;color:#1f2330}
.cta-box{background:linear-gradient(90deg,#ff5a1f,#ff8a3d);color:#fff}
.x-strip-item{background:#eeeef2;color:#1f2330}
.site-footer{margin-left:0;padding-left:0;background:#1d2230;color:rgba(255,255,255,.7)}
.fbadges span{color:#ff8a3d;background:transparent;border-color:rgba(255,255,255,.2)}
.to-top{background:#ff5a1f;color:#fff;border:0}
.crumbs a,.crumbs ol{color:var(--muted)}
@media (max-width:980px){
.main-nav{position:fixed;left:0;right:0;top:70px;background:#fff;border-bottom:1px solid var(--border);padding:12px 16px;display:none;margin:0}
.nav-open .main-nav{display:block}
.main-nav ul{flex-direction:column;align-items:stretch}
.main-nav a{padding:12px;font-size:16px}
.header-cta .btn-chat{display:none}
}
@media (max-width:560px){
.header-cta .btn-login{display:none}
.header-cta .btn{padding:0 14px;font-size:12px}
}
/* AI: Przebudowano górę strony głównej: hero z obrazem w tle i napisem BONUS POWITALNY */
.x-center{text-align:center}
.x-center p{max-width:760px;margin-left:auto;margin-right:auto}