.vb2*,.vb2 *::before,.vb2 *::after{box-sizing:border-box;margin:0;padding:0}
.vb2{--n:#0d1b3e;--n2:#122250;--n3:#1a2f6a;--y:#f5c800;--y2:#ffe040;--yd:rgba(245,200,0,.12);--t:#fff;--t2:#b8c8e8;--t3:#7a90b8;--bd:rgba(255,255,255,.08);--by:rgba(245,200,0,.3);font-family:Arial,sans-serif;color:#fff;background:var(--n)}
/* HERO */
.vb2-hero{background:linear-gradient(160deg,#071229 0%,#0d1b3e 40%,#122250 100%);padding:60px 20px 76px;text-align:center;position:relative;overflow:hidden}
.vb2-hero::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:700px;height:450px;background:radial-gradient(ellipse,rgba(245,200,0,.08) 0%,transparent 65%);pointer-events:none}
.vb2-hi{position:relative;z-index:1;max-width:880px;margin:0 auto}
.vb2-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(245,200,0,.1);border:1px solid var(--by);border-radius:100px;padding:6px 18px;font-size:13px;font-weight:700;color:var(--y);margin-bottom:24px}
.vb2-dot{width:7px;height:7px;background:var(--y);border-radius:50%;animation:vbp 2s infinite}
@keyframes vbp{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}
.vb2-hero h1{font-size:clamp(30px,5vw,58px)!important;font-weight:900!important;color:#fff!important;line-height:1.1!important;letter-spacing:-1px;margin-bottom:12px!important}
.vb2-hero h1 em{font-style:normal;color:var(--y)}
.vb2-sub{font-size:17px;color:var(--t2);margin-bottom:28px}
.vb2-chk{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;list-style:none;padding:0;margin-bottom:28px}
.vb2-chk li{display:flex;align-items:center;gap:7px;font-size:14px;color:#ddeaff;font-weight:600}
.vb2-chk li::before{content:'✓';background:var(--y);color:#000;width:17px;height:17px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;flex-shrink:0}
.vb2-price{font-size:46px;font-weight:900;color:var(--y);line-height:1;margin-bottom:4px}
.vb2-price sup{font-size:18px;vertical-align:top;margin-top:8px;display:inline-block}
.vb2-price sub{font-size:15px;font-weight:400;color:var(--t2)}
.vb2-old{font-size:14px;color:var(--t3);text-decoration:line-through;margin-bottom:24px}
.vb2-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.vb2-bm{display:inline-block;background:var(--y);color:#000!important;padding:15px 38px;border-radius:8px;font-size:16px;font-weight:900;text-decoration:none!important;transition:background .2s}
.vb2-bm:hover{background:var(--y2)}
.vb2-bg{display:inline-block;border:2px solid rgba(255,255,255,.25);color:#fff!important;padding:13px 26px;border-radius:8px;font-size:15px;font-weight:700;text-decoration:none!important;transition:border-color .2s}
.vb2-bg:hover{border-color:#fff}
.vb2-note{font-size:13px;color:var(--t3)}
/* SEARCH */
.vb2-sw{background:#fff;border-radius:12px;padding:20px 24px 16px;box-shadow:0 12px 48px rgba(0,0,0,.3);max-width:840px;margin:-32px auto 0;position:relative;z-index:10}
.vb2-sl{font-size:12px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:9px}
.vb2-sr{display:flex;gap:9px}
.vb2-sr input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;outline:none;color:#111;font-family:Arial,sans-serif}
.vb2-sr input:focus{border-color:#0d1b3e}
.vb2-sr button{background:#0d1b3e;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;font-family:Arial,sans-serif;white-space:nowrap}
.vb2-tl{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.vb2-tl a{background:#f3f4f6;color:#374151;border-radius:100px;padding:3px 12px;font-size:12px;font-weight:700;text-decoration:none}
.vb2-tl a:hover{background:#0d1b3e;color:#fff}
/* STATS */
.vb2-st{background:var(--n2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:36px 20px;margin-top:52px}
.vb2-sg{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.vb2-sg .n{font-size:32px;font-weight:900;color:var(--y);display:block;line-height:1}
.vb2-sg .l{font-size:12px;color:var(--t2);margin-top:4px;display:block}
/* PLANS */
.vb2-pl{padding:60px 20px;background:var(--n)}
.vb2-sh{text-align:center;margin-bottom:40px}
.vb2-chip{display:inline-block;background:var(--yd);border:1px solid var(--by);color:var(--y);border-radius:100px;padding:3px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.vb2-sh h2{font-size:28px!important;font-weight:900!important;color:#fff!important;margin-bottom:8px!important}
.vb2-sh p{font-size:14px;color:var(--t2);max-width:500px;margin:0 auto}
.vb2-tog{display:inline-flex;background:var(--n2);border-radius:100px;border:1px solid var(--bd);padding:3px;margin-bottom:28px}
.vb2-tb{padding:6px 20px;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;border:none;background:transparent;color:var(--t2);font-family:Arial,sans-serif}
.vb2-tb.on{background:var(--y);color:#000}
.vb2-tr{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:1180px;margin:0 auto}
.vb2-tr::-webkit-scrollbar{display:none}
.vb2-pc{flex:0 0 210px;background:var(--n2);border:2px solid var(--bd);border-radius:12px;padding:22px 16px;scroll-snap-align:start;position:relative;transition:border-color .2s,transform .2s}
.vb2-pc:hover{border-color:var(--by);transform:translateY(-3px)}
.vb2-pc.pop{border-color:var(--y);box-shadow:0 0 0 1px var(--y),0 8px 28px rgba(245,200,0,.15)}
.vb2-pl-lbl{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--y);color:#000;font-size:10px;font-weight:900;padding:2px 12px;border-radius:100px;white-space:nowrap;text-transform:uppercase}
.vb2-pn{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.vb2-pt{font-size:20px;font-weight:900;color:#fff;margin-bottom:10px}
.vb2-pp{font-size:28px;font-weight:900;color:var(--y);line-height:1;margin-bottom:2px}
.vb2-pp span{font-size:12px;font-weight:400;color:var(--t2)}
.vb2-po{font-size:12px;color:var(--t3);text-decoration:line-through;margin-bottom:12px;min-height:16px}
.vb2-pb{display:block;background:var(--y);color:#000!important;padding:9px;border-radius:8px;font-size:13px;font-weight:900;text-decoration:none!important;text-align:center;margin-bottom:14px}
.vb2-pb:hover{background:var(--y2)}
.vb2-pc:not(.pop) .vb2-pb{background:transparent;color:var(--y)!important;border:2px solid var(--by)}
.vb2-pc:not(.pop) .vb2-pb:hover{background:var(--yd)}
.vb2-pf{list-style:none;padding:0}
.vb2-pf li{font-size:11px;color:var(--t2);padding:4px 0;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:6px}
.vb2-pf li:last-child{border-bottom:none}
.vb2-pf li.y::before{content:'✓';color:var(--y);font-weight:900;font-size:10px;flex-shrink:0}
.vb2-pf li.x::before{content:'✗';color:#e55;font-weight:900;font-size:10px;flex-shrink:0}
.vb2-sn{display:flex;justify-content:center;gap:8px;margin-top:16px}
.vb2-sb{width:34px;height:34px;border-radius:50%;background:var(--n2);border:1px solid var(--bd);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}
.vb2-sb:hover{border-color:var(--by)}
/* MIGRATION */
.vb2-mg{background:linear-gradient(135deg,var(--n2),var(--n3));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:52px 20px}
.vb2-mgi{max-width:940px;margin:0 auto;display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.vb2-mgt{flex:1;min-width:240px}
.vb2-mgt h3{font-size:24px!important;font-weight:900!important;color:#fff!important;margin-bottom:10px!important}
.vb2-mgt p{color:var(--t2);font-size:14px;margin-bottom:16px}
.vb2-mgt ul{list-style:none;padding:0;margin-bottom:20px}
.vb2-mgt ul li{color:var(--t2);font-size:13px;padding:4px 0;display:flex;align-items:center;gap:7px}
.vb2-mgt ul li::before{content:'✓';color:var(--y);font-weight:900}
.vb2-ico{flex:0 0 120px;text-align:center;font-size:80px;line-height:1}
/* USP */
.vb2-usp{padding:60px 20px;background:var(--n2)}
.vb2-ul{max-width:1080px;margin:0 auto;display:flex;gap:36px;align-items:flex-start;flex-wrap:wrap}
.vb2-uleft{flex:0 0 200px}
.vb2-tag{font-size:36px;font-weight:900;color:#fff;line-height:1.25}
.vb2-tag .hl{background:var(--y);color:#000;padding:2px 10px;border-radius:6px;display:inline-block}
.vb2-ur{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.vb2-ui{background:var(--n);border:1px solid var(--bd);border-radius:12px;padding:20px}
.vb2-ui .ic{font-size:24px;margin-bottom:8px;display:block}
.vb2-ui h4{font-size:14px!important;font-weight:700!important;color:#fff!important;margin-bottom:5px!important}
.vb2-ui p{font-size:12px;color:var(--t2);line-height:1.6}
/* FAQ */
.vb2-fq{padding:60px 20px;background:var(--n)}
.vb2-fw{max-width:720px;margin:0 auto}
.vb2-fi{background:var(--n2);border:1px solid var(--bd);border-radius:10px;margin-bottom:7px;overflow:hidden}
.vb2-fq2{padding:15px 18px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}
.vb2-fq2:hover{background:var(--n3)}
.vb2-fq2 .ar{width:22px;height:22px;background:var(--yd);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--y);transition:transform .25s;flex-shrink:0}
.vb2-fi.op .ar{transform:rotate(180deg)}
.vb2-fa{max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;font-size:13px;color:var(--t2);line-height:1.7;padding:0 18px}
.vb2-fi.op .vb2-fa{max-height:200px;padding:0 18px 14px}
/* CTA */
.vb2-ct{padding:60px 20px;text-align:center;background:linear-gradient(135deg,#071229 0%,var(--n3) 100%);border-top:1px solid var(--bd)}
.vb2-ct h2{font-size:30px!important;font-weight:900!important;color:#fff!important;margin-bottom:12px!important}
.vb2-ct p{color:var(--t2);font-size:15px;margin-bottom:28px}
/* RESPONSIVE */
@media(max-width:900px){.vb2-ur{grid-template-columns:1fr}.vb2-uleft{flex:0 0 100%}.vb2-sg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.vb2-sr{flex-direction:column}.vb2-chk{flex-direction:column;align-items:center}.vb2-pc{flex:0 0 88vw}.vb2-sg{grid-template-columns:repeat(2,1fr)}}

/* VEBI - usun biale marginesy strony glownej */
.pages-view.cms-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pages-view.cms-container > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ===== GLOBAL VEBI DARK THEME ===== */
body{background:#0d1b3e!important;color:#fff!important;font-family:Arial,sans-serif!important}
/* Header */
.header,.navbar,.top-bar,header{background:#071229!important;border-bottom:1px solid rgba(245,200,0,.15)!important}
.header a,.navbar a,header a{color:#fff!important}
.header a:hover,.navbar a:hover,header a:hover{color:#f5c800!important}
.logo-wrapper,.logo{background:transparent!important}
/* Navigation menu */
.menu,.nav,.navigation,nav{background:#071229!important}
.menu a,.nav a,.navigation a,nav a{color:#b8c8e8!important;font-weight:600!important}
.menu a:hover,.nav a:hover,.navigation a:hover,nav a:hover,.menu a.active,.nav a.active{color:#f5c800!important}
.breadcrumb,.breadcrumbs{background:transparent!important;color:#8899bb!important}
.breadcrumb a,.breadcrumbs a{color:#b8c8e8!important}
/* Content area */
.content,.main-content,.page-content,main,.container{background:transparent!important;color:#fff!important}
/* Headings - scoped to avoid panel-heading conflicts */
.vb2 h1,.vb2 h2,.vb2 h3,.vb2 h4,.vb2 h5,.vb2 h6{color:#fff!important}
p{color:#b8c8e8!important}
.content a,.main-content a,.page-content a,main a,.container a,p a,li a,td a,footer a,.footer a{color:#f5c800!important}
.content a:hover,.main-content a:hover,.page-content a:hover,main a:hover,p a:hover,li a:hover,td a:hover{color:#ffe040!important}
/* Yellow bg buttons must have dark text */
a[style*="background:#f5c800"]{color:#0d1b3e!important}
/* Tables (pricing) */
table{background:#0a1628!important;color:#fff!important;border-collapse:collapse!important;width:100%!important}
table th{background:#111d38!important;color:#f5c800!important;border:1px solid #1a2a4a!important;padding:12px 16px!important;font-weight:700!important}
table td{background:#0a1628!important;color:#ddeaff!important;border:1px solid #1a2a4a!important;padding:10px 16px!important}
table tr:hover td{background:#111d38!important}
table caption{color:#fff!important;font-weight:800!important;font-size:18px!important;margin-bottom:12px!important}
/* Pricing groups headers */
.price-group,.domain-group{background:#111d38!important;color:#fff!important;border:1px solid #1a2a4a!important;border-radius:8px!important;padding:16px!important;margin-bottom:16px!important}
/* Buttons */
.btn,.button,button[type="submit"],input[type="submit"]{background:#f5c800!important;color:#0d1b3e!important;border:none!important;border-radius:8px!important;font-weight:700!important;padding:10px 24px!important;cursor:pointer!important;transition:background .2s!important}
.btn:hover,.button:hover,button[type="submit"]:hover,input[type="submit"]:hover{background:#ffe040!important}
.btn-outline,.btn-secondary{background:transparent!important;color:#f5c800!important;border:2px solid #f5c800!important}
.btn-outline:hover,.btn-secondary:hover{background:rgba(245,200,0,.1)!important}
/* Search bar */
.search-bar,.search-form,.domain-search{background:#111d38!important;border:1px solid #1a2a4a!important;border-radius:8px!important}
input[type="text"],input[type="search"],.form-control{background:#111d38!important;color:#fff!important;border:1px solid #1a2a4a!important;border-radius:6px!important;padding:10px 16px!important}
input[type="text"]:focus,input[type="search"]:focus,.form-control:focus{border-color:#f5c800!important;outline:none!important}
input[type="text"]::placeholder,input[type="search"]::placeholder{color:#667799!important}
/* Footer */
footer,.footer{background:#071229!important;color:#8899bb!important;border-top:1px solid rgba(245,200,0,.15)!important}
footer a,.footer a{color:#b8c8e8!important}
footer a:hover,.footer a:hover{color:#f5c800!important}
footer h3,footer h4,.footer h3,.footer h4{color:#fff!important}
/* Cart icon */
.cart,.basket{color:#fff!important}
/* Domain results */
.domain-result,.search-result{background:#111d38!important;border:1px solid #1a2a4a!important;border-radius:8px!important;color:#fff!important;margin-bottom:8px!important;padding:12px 16px!important}
.domain-available{border-color:rgba(245,200,0,.3)!important}
.domain-taken{border-color:rgba(255,100,100,.2)!important;opacity:.7!important}
/* Brutto/Netto toggle */
.price-toggle,.toggle-price{background:#111d38!important;border:1px solid #1a2a4a!important;border-radius:6px!important;overflow:hidden!important}
.price-toggle a,.toggle-price a,.price-toggle span,.toggle-price span{color:#b8c8e8!important;padding:8px 16px!important}
.price-toggle .active,.toggle-price .active{background:#f5c800!important;color:#0d1b3e!important}
/* Cards and boxes */
.card,.box,.panel{background:#111d38!important;border:1px solid #1a2a4a!important;border-radius:12px!important;color:#fff!important}
/* Alerts */
.alert,.notice{background:#111d38!important;border:1px solid #1a2a4a!important;color:#b8c8e8!important;border-radius:8px!important}
/* Scrollbar */
::-webkit-scrollbar{width:8px;background:#071229}
::-webkit-scrollbar-thumb{background:#1a2a4a;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#f5c800}


/* FIX: Buttons with yellow bg need dark text */
a[style*="background:#f5c800"],a[style*="background: #f5c800"]{color:#0d1b3e!important}
a[style*="border:2px solid #f5c800"],a[style*="border: 2px solid #f5c800"]{color:#f5c800!important}
/* Links inside homepage content blocks */
div[style*="background:#0d1b3e"] a[style*="background:#f5c800"],
div[style*="background:#0a1628"] a[style*="background:#f5c800"],
div[style*="background:linear-gradient"] a[style*="background:#f5c800"]{color:#0d1b3e!important}
div[style*="background:#0d1b3e"] a[style*="border:2px solid"],
div[style*="background:linear-gradient"] a[style*="border:2px solid"]{color:#f5c800!important}


/* ===== PANEL & BOOTSTRAP FIXES ===== */
/* Panel heading - dark bg with gold text */
.panel-heading{background:#111d38!important;color:#fff!important;border-color:#1a2a4a!important}
.panel-heading h1,.panel-heading h2,.panel-heading h3,.panel-heading h4,.panel-heading h5,.panel-heading h6{color:#f5c800!important;margin:0!important}
.panel-default{border-color:#1a2a4a!important}
.panel-default>.panel-heading{border-color:#1a2a4a!important}
.panel-body{background:#0a1628!important;color:#fff!important}
/* Well & domain search box */
.well{background:#0a1628!important;border:1px solid #1a2a4a!important;color:#fff!important;box-shadow:none!important}
.domain-search-box,.well.no_borders.domain-search-box{background:#0d1b3e!important;border:1px solid #1a2a4a!important;border-radius:10px!important;padding:24px!important}
.domain-search-box label,.domain-search-box .control-label{color:#b8c8e8!important;font-weight:600!important}
/* Navbar fixes */
.navbar-default{background:#071229!important;border-color:rgba(245,200,0,.15)!important}
.navbar-default .navbar-nav>li>a{color:#b8c8e8!important;font-weight:600!important}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#f5c800!important}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover{color:#f5c800!important;background:transparent!important}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#f5c800!important;background:#111d38!important}
.dropdown-menu{background:#111d38!important;border:1px solid #1a2a4a!important}
.dropdown-menu>li>a{color:#b8c8e8!important}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#f5c800!important;background:#0a1628!important}
.navbar-default .navbar-toggle{border-color:#1a2a4a!important}
.navbar-default .navbar-toggle .icon-bar{background-color:#f5c800!important}
.navbar-brand{color:#fff!important}
.caret{border-top-color:#b8c8e8!important}
.open>.dropdown-toggle .caret{border-top-color:#f5c800!important}
/* Breadcrumb */
.breadcrumb{background:transparent!important;color:#8899bb!important}
.breadcrumb>li,.breadcrumb>li>a{color:#8899bb!important}
.breadcrumb>li>a:hover{color:#f5c800!important}
.breadcrumb>.active{color:#b8c8e8!important}
/* Form controls inside panels */
.panel .form-control,.well .form-control{background:#111d38!important;color:#fff!important;border-color:#1a2a4a!important}
.panel .form-control:focus,.well .form-control:focus{border-color:#f5c800!important}
/* Table inside panels */
.panel table th{background:#111d38!important;color:#f5c800!important}
.panel table td{background:#0a1628!important;color:#ddeaff!important}
.panel table tr:hover td{background:#111d38!important}
/* Checkbox styling */
input[type="checkbox"]{accent-color:#f5c800!important}
/* Status labels */
.label-success,.text-success{color:#4ade80!important}
.label-danger,.text-danger{color:#f87171!important}


/* ===== NAVBAR LAYOUT FIX ===== */
.navbar-nav.nav-justified{display:table!important;width:100%!important;table-layout:fixed!important}
.navbar-nav.nav-justified>li{display:table-cell!important;float:none!important;width:auto!important;text-align:center!important;vertical-align:middle!important}
.navbar-nav.nav-justified>li>a{padding:15px 20px!important}
.page-top-menu{margin:0!important}
/* Dropdown within nav-justified */
.navbar-nav.nav-justified>li.dropdown.open .dropdown-menu{left:0!important}