/* VapeTrade Hub global visual harmonisation v7 – loaded last */
:root{--hub-shell:1320px;--hub-ink:#10283b;--hub-muted:#637988;--hub-line:#dbe7ee;--hub-blue:#0868a5;--hub-blue-dark:#07527f;--hub-blue-soft:#eaf5fb}

/* One shell for all hub families */
.wrap,.vt-wrap{width:min(calc(100% - 36px),var(--hub-shell))!important;margin-inline:auto!important}

/* Top information bar */
.top,.topline,.vt-topbar{background:#0d2536!important;color:#d5e3eb!important;font-size:.79rem!important;line-height:1.35!important}
.top>.wrap,.topline>.wrap,.vt-topbar>.vt-wrap{min-height:35px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:7px 0!important}
.top a,.topline a,.vt-topbar a{color:#fff!important}

/* Main navigation/header */
.head,.header,.vt-header{position:sticky!important;top:0!important;z-index:50!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid var(--hub-line)!important}
.headin,.headerin,.vt-header-inner{min-height:80px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important}
.brand,.vt-brand{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;color:var(--hub-ink)!important}
.mark,.brandmark,.vt-brand-mark{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,var(--hub-blue),#0c90d7)!important;color:#fff!important;font-size:1rem!important;font-weight:700!important;box-shadow:0 9px 22px rgba(8,104,165,.20)!important}
.brandcopy,.vt-brand-copy{display:flex!important;flex-direction:column!important;line-height:1.06!important}
.brandcopy strong,.vt-brand-copy strong{font-size:1rem!important;font-weight:650!important;letter-spacing:-.01em!important;color:var(--hub-ink)!important}
.brandcopy span,.vt-brand-copy span{font-size:.72rem!important;font-weight:400!important;color:var(--hub-muted)!important;margin-top:5px!important;letter-spacing:0!important}
.nav,.vt-nav{display:flex!important;align-items:center!important;gap:3px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.nav a,.vt-nav a{padding:10px!important;border-radius:10px!important;text-decoration:none!important;color:var(--hub-ink)!important;font-size:.89rem!important;font-weight:600!important;letter-spacing:0!important}
.nav a:hover,.nav a[aria-current="page"],.vt-nav a:hover,.vt-nav a[aria-current="page"]{background:var(--hub-blue-soft)!important;color:var(--hub-blue-dark)!important}

/* Calm, consistent typography in visible hero areas */
.hubHeroSplit h1,.hero h1,.mast h1,.vt-hero h1,.hubHero h1{font-weight:600!important}
.eyebrow,.kicker,.vt-kicker{font-weight:650!important}

/* Split heroes align from the same top edge */
.hubHeroSplit{align-items:start!important}
.hubHeroSplit .hubHeroVisual{align-self:start!important}
.hubHeroSplit .hubHeroVisual img{border-radius:20px!important}

/* Avoid accidental bold paragraphs caused by section-specific themes */
.hubHeroSplit p,.hero .lead,.mast .deck{font-weight:400!important}
.hubHeroSplit p strong,.hero .lead strong,.mast .deck strong{font-weight:600!important}

@media(max-width:980px){
  .headin,.headerin,.vt-header-inner{min-height:72px!important}
}
@media(max-width:700px){
  .wrap,.vt-wrap{width:min(calc(100% - 24px),var(--hub-shell))!important}
  .top>.wrap,.topline>.wrap,.vt-topbar>.vt-wrap{display:block!important;min-height:0!important}
  .brandcopy span,.vt-brand-copy span{display:none!important}
  .nav,.vt-nav{display:none!important}
  .headin,.headerin,.vt-header-inner{min-height:66px!important}
}