/* VapeArena shell: header, announcement bar, drawer, search, footer. Inert unless html.va-on */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/wp-content/uploads/va/fonts/inter.woff2) format("woff2")}
@font-face{font-family:Sora;font-style:normal;font-weight:500 800;font-display:swap;src:url(/wp-content/uploads/va/fonts/sora.woff2) format("woff2")}

html.va-on{--va-ink:#14141a;--va-ink2:#3a3a44;--va-mute:#6b6b76;--va-red:#b12931;--va-red-d:#8f1f26;--va-red2:#e0463c;--va-amber:#e19833;--va-gold:#e8c07a;--va-line:#ececf0;--va-cream:#fff;--va-bg2:#f6f6f9;--va-r:16px;--va-rs:12px;--va-wa:#25d366;--va-shadow:0 1px 2px #14141a0d,0 8px 24px #14141a0f;--va-f:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--va-fh:Sora,Inter,system-ui,sans-serif}
html.va-on body{background:#fff;color:var(--va-ink);font-family:var(--va-f);padding-bottom:0!important;-webkit-font-smoothing:antialiased}

/* hide the old theme chrome (kept in DOM for everyone else) */
html.va-on #bwp-topbar,html.va-on #bwp-header,html.va-on .header-mobile,html.va-on .header-mobile-fixed,html.va-on #bwp-footer,html.va-on .va-trust,html.va-on .va-bar{display:none!important}

/* ---------- announcement bar ---------- */
.va-ann,.va-hd,.va-ft,.va-dr,.va-srch{display:none}
html.va-on .va-ann{display:block;background:var(--va-ink);color:#fff;overflow:hidden;white-space:nowrap;height:40px;position:relative}
html.va-on .va-ann-track{display:inline-flex;gap:0;animation:va-marq 38s linear infinite;will-change:transform}
html.va-on .va-ann:hover .va-ann-track{animation-play-state:paused}
html.va-on .va-ann span{display:inline-block;padding:0 34px;line-height:40px;font:600 12px/40px var(--va-f);letter-spacing:.06em;text-transform:uppercase}
@keyframes va-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){html.va-on .va-ann-track{animation:none}}

/* ---------- header ---------- */
html.va-on .va-hd{display:block;position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--va-line)}
html.va-on .admin-bar .va-hd{top:32px}
html.va-on .va-hd-in{max-width:1400px;margin:0 auto;padding:0 24px;height:84px;display:flex;align-items:center;gap:28px}
html.va-on .va-logo{flex:none;display:block;line-height:0}
html.va-on .va-logo img{height:46px;width:auto;display:block}
html.va-on .va-nav{flex:1;display:flex;justify-content:center;gap:4px}
html.va-on .va-nav>li{list-style:none;position:relative}
html.va-on .va-nav ul,html.va-on .va-nav{margin:0;padding:0}
html.va-on .va-nav>li>a{display:flex;align-items:center;gap:6px;padding:30px 14px;color:var(--va-ink);font:700 13px/1 var(--va-f);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
html.va-on .va-nav>li>a:hover{color:var(--va-red)}
html.va-on .va-nav>li.va-sale>a{color:var(--va-red)}
html.va-on .va-nav>li.va-has>a::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:2px}
html.va-on .va-sub{position:absolute;left:0;top:100%;min-width:230px;background:#fff;border:1px solid var(--va-line);border-radius:var(--va-rs);box-shadow:0 18px 48px #14141a24;padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}
html.va-on .va-nav>li:hover>.va-sub,html.va-on .va-nav>li:focus-within>.va-sub{opacity:1;visibility:visible;transform:none}
html.va-on .va-sub li{list-style:none}
html.va-on .va-sub a{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:8px;color:var(--va-ink);font:600 14px/1.2 var(--va-f);text-decoration:none}
html.va-on .va-sub a:hover{background:var(--va-bg2);color:var(--va-red)}
html.va-on .va-sub a small{color:var(--va-mute);font-weight:500}
html.va-on .va-tools{margin-left:auto;display:flex;align-items:center;gap:6px}
html.va-on .va-ib{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none;border-radius:50%;color:var(--va-ink);cursor:pointer;text-decoration:none}
html.va-on .va-ib:hover{background:var(--va-bg2)}
html.va-on .va-ib svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.va-on .va-cnt{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--va-red);color:#fff;font:700 11px/18px var(--va-f);text-align:center}
html.va-on .va-cnt:empty,html.va-on .va-cnt[data-n="0"]{display:none}
html.va-on .va-burger{display:none}
@media(max-width:991px){
 html.va-on .va-nav{display:none}
 html.va-on .va-hd-in{height:64px;padding:0 14px;gap:8px}
 html.va-on .va-logo img{height:38px}
 html.va-on .va-burger{display:inline-flex}
}

/* ---------- search overlay ---------- */
html.va-on .va-srch{display:block;position:fixed;inset:0;z-index:2000;background:rgba(20,20,26,.55);opacity:0;visibility:hidden;transition:.18s}
html.va-on .va-srch.open{opacity:1;visibility:visible}
html.va-on .va-srch-box{max-width:720px;margin:8vh auto 0;padding:0 16px}
html.va-on .va-srch form{display:flex;gap:8px;background:#fff;border-radius:var(--va-r);padding:10px;box-shadow:0 18px 48px #14141a40}
html.va-on .va-srch input[type=search]{flex:1;border:0;outline:0;font:500 17px/1 var(--va-f);padding:14px 14px;background:none;color:var(--va-ink);min-width:0}
html.va-on .va-srch button[type=submit]{border:0;border-radius:var(--va-rs);background:var(--va-red);color:#fff;padding:0 22px;font:700 14px/1 var(--va-f);cursor:pointer}
html.va-on .va-srch-hint{margin:12px 6px 0;color:#fff;font:500 13px/1.4 var(--va-f);opacity:.85}

/* ---------- mobile drawer ---------- */
html.va-on .va-dr{display:block;position:fixed;inset:0;z-index:2100;pointer-events:none}
html.va-on .va-dr-bg{position:absolute;inset:0;background:rgba(20,20,26,.55);opacity:0;transition:.2s}
html.va-on .va-dr-p{position:absolute;top:0;right:0;bottom:0;width:min(88vw,360px);background:#fff;transform:translateX(100%);transition:transform .25s;overflow-y:auto;padding:14px 18px 28px;box-shadow:-18px 0 48px #14141a30}
html.va-on .va-dr.open{pointer-events:auto}
html.va-on .va-dr.open .va-dr-bg{opacity:1}
html.va-on .va-dr.open .va-dr-p{transform:none}
html.va-on .va-dr-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
html.va-on .va-dr-top img{height:34px;width:auto}
html.va-on .va-dr ul{margin:0;padding:0;list-style:none}
html.va-on .va-dr-l>li{border-bottom:1px solid var(--va-line)}
html.va-on .va-dr-l>li>a,html.va-on .va-dr-l>li>button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:16px 2px;border:0;background:none;color:var(--va-ink);font:700 15px/1 var(--va-f);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;text-align:left;cursor:pointer}
html.va-on .va-dr-l>li.va-sale>a{color:var(--va-red)}
html.va-on .va-dr-l button::after{content:"+";font-size:20px;font-weight:500;color:var(--va-mute)}
html.va-on .va-dr-l li.open>button::after{content:"\2212"}
html.va-on .va-dr-s{display:none;padding:0 0 12px 2px}
html.va-on .va-dr-l li.open>.va-dr-s{display:block}
html.va-on .va-dr-s a{display:block;padding:10px 6px;color:var(--va-ink2);font:500 15px/1.2 var(--va-f);text-decoration:none}
html.va-on .va-dr-cta{display:block;margin-top:18px;padding:15px;border-radius:var(--va-rs);background:var(--va-wa);color:#fff;text-align:center;font:700 15px/1 var(--va-f);text-decoration:none}

/* ---------- footer ---------- */
html.va-on .va-ft{display:block;background:var(--va-ink);color:#c9c9d2;margin-top:64px;font-family:var(--va-f)}
html.va-on .va-ft-in{max-width:1400px;margin:0 auto;padding:56px 24px 28px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
html.va-on .va-ft img{height:44px;width:auto;filter:brightness(0) invert(1);opacity:.95;margin-bottom:16px}
html.va-on .va-ft p{margin:0 0 14px;font:400 14px/1.65 var(--va-f);color:#a8a8b3;max-width:36ch}
html.va-on .va-ft h4{margin:0 0 16px;color:#fff;font:700 12.5px/1 var(--va-f);letter-spacing:.1em;text-transform:uppercase}
html.va-on .va-ft ul{margin:0;padding:0;list-style:none}
html.va-on .va-ft li{margin:0 0 10px}
html.va-on .va-ft a{color:#c9c9d2;font:500 14px/1.3 var(--va-f);text-decoration:none}
html.va-on .va-ft a:hover{color:#fff}
html.va-on .va-ft-contact li{display:flex;gap:10px;align-items:flex-start;color:#c9c9d2;font:500 14px/1.4 var(--va-f)}
html.va-on .va-ft-bar{border-top:1px solid #2a2a33;max-width:1400px;margin:0 auto;padding:18px 24px 26px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8d8d98;font:500 12.5px/1.5 var(--va-f)}
@media(max-width:991px){html.va-on .va-ft-in{grid-template-columns:1fr 1fr;gap:30px;padding-top:40px}html.va-on .va-ft-in>div:first-child{grid-column:1/-1}}
@media(max-width:560px){html.va-on .va-ft-in{grid-template-columns:1fr;padding:36px 18px 20px}html.va-on .va-ft-bar{padding:16px 18px 22px}}

/* ---------- floating WhatsApp ---------- */
.va-fab{display:none}
html.va-on .va-fab{display:flex;position:fixed;right:18px;bottom:18px;z-index:900;width:56px;height:56px;border-radius:50%;background:var(--va-wa);box-shadow:0 8px 24px #14141a40;align-items:center;justify-content:center}
html.va-on .va-fab svg{width:30px;height:30px;fill:#fff}
html.va-on .wa__btn_popup{display:none!important}

/* ---------- toast ---------- */
.va-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--va-ink,#14141a);color:#fff;padding:13px 18px;border-radius:12px;font:600 14px/1.3 Inter,system-ui,sans-serif;box-shadow:0 12px 32px #14141a50;z-index:3000;opacity:0;transition:.2s;pointer-events:none}
.va-toast.show{opacity:1;transform:translate(-50%,0)}
.va-toast a{color:#e8c07a;margin-left:10px;text-decoration:none}