/* self-hosted display face (remote Google Fonts is stripped by the perf stack) */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 800;font-display:swap;src:url('https://www.vapelite.ca/wp-content/uploads/vapelite-fonts/bricolage-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 800;font-display:swap;src:url('https://www.vapelite.ca/wp-content/uploads/vapelite-fonts/bricolage-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* VapElite brand layer: hero treatment + wordmark E (pairs with vapelite-brand.php) */
/* wordmark: only the E pink */
.vl-e{color:#fa6d99}
/* ---- promotions page conversion (page id 41) ---- */
body.page-id-41 .promo-steps{margin-bottom:2.4rem!important}
body.page-id-41 .commerce-shelf{margin-top:2.4rem!important}
body.page-id-41 .vl-promo-2col{--content-width:1200px;max-width:1200px!important}
body.page-id-41 .vl-promo-2col,
body.page-id-41 .vl-promo-2col>.e-con-inner{display:grid!important;grid-template-columns:1.15fr .85fr;gap:clamp(1.6rem,4vw,3.5rem);align-items:center;width:100%}
body.page-id-41 .vl-promo-2col>.e-con-inner{grid-column:1/-1}
@media(max-width:860px){body.page-id-41 .vl-promo-2col,body.page-id-41 .vl-promo-2col>.e-con-inner{grid-template-columns:1fr}}
body.page-id-41 .vl-promo-copy,body.page-id-41 .vl-promo-copy .elementor-heading-title,
body.page-id-41 .vl-promo-copy .elementor-widget-text-editor,
body.page-id-41 .vl-promo-copy p,body.page-id-41 .vl-promo-copy .elementor-widget-container{text-align:left!important}
body.page-id-41 .vl-promo-copy .elementor-widget-button{display:flex;justify-content:flex-start}
/* ticket */
body.page-id-41 .vl-ticket{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;
  width:min(100%,340px);aspect-ratio:16/9;border-radius:18px;text-align:center;margin-inline:auto;
  background:radial-gradient(80% 90% at 30% 20%,rgba(250,109,153,.26),#16262e);
  border:1px solid rgba(250,109,153,.45);box-shadow:0 0 26px rgba(250,109,153,.2)}
body.page-id-41 .vl-ticket::before,body.page-id-41 body.page-id-41 .vl-ticket::after{content:"";position:absolute;top:50%;width:22px;height:22px;border-radius:50%;
  background:#050607;transform:translateY(-50%);border:1px solid rgba(250,109,153,.45)}
body.page-id-41 .vl-ticket::before{left:-11px}
body.page-id-41 .vl-ticket::after{right:-11px}
body.page-id-41 .vl-ticket__amt{font-weight:800;font-size:3.2rem;line-height:1;color:#eef5f9}
body.page-id-41 .vl-ticket__lbl{font-size:.95rem;color:#bcd3dc}
body.page-id-41 .vl-ticket__code{margin-top:.55rem;font-size:.66rem;font-weight:700;letter-spacing:.18em;color:#fa6d99}
/* steps: one tidy row of three (fixes the 2+1 orphan) */
body.page-id-41 .promo-steps,
body.page-id-41 .promo-steps>.e-con-inner{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1rem!important;align-items:stretch;width:100%}
body.page-id-41 .promo-step{width:100%!important;max-width:none!important;margin:0!important}
@media(max-width:760px){body.page-id-41 .promo-steps,body.page-id-41 .promo-steps>.e-con-inner{grid-template-columns:1fr!important}}
/* ---- vlsp catalog/shelf skin (site-wide: hub, brand pages, home rails) ---- */
/* sidebar kept per owner - tightened into a compact sticky card */
body .vlsp-sidebar{background:#101f26!important;border:1px solid #21333b!important;border-radius:14px!important;
  padding:1rem 1.05rem!important;align-self:start;position:sticky;top:96px}
body .vlsp-sidebar-title{display:none!important}
body .vlsp-cat-list{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:2px}
body .vlsp-cat-list li{margin:0!important;padding:0!important;border:none!important}
body .vlsp-cat-list a{display:flex;justify-content:space-between;align-items:center;gap:.6rem;
  padding:.5rem .6rem!important;border-radius:9px!important;border:none!important;font-size:.88rem!important;font-weight:500;
  color:#bcd3dc!important;text-decoration:none!important;background:transparent!important;transition:.15s}
body .vlsp-cat-list a:hover{background:#16262e!important;color:#eef5f9!important}
body .vlsp-cat-list li.current-cat>a,body .vlsp-cat-list a[aria-current],
body .vlsp-cat-list a.is-active,body .vlsp-cat-list li.active>a{
  background:rgba(250,109,153,.14)!important;color:#eef5f9!important;font-weight:600}
body .vlsp-cat-list .count{color:#8aa6b1;font-size:.78em;font-weight:500}
/* nested subcategory lists: indented, lighter */
body .vlsp-cat-list .vlsp-cat-list{margin:2px 0 4px 12px!important;padding-left:9px!important;border-left:1px solid #21333b;gap:1px}
body .vlsp-cat-list .vlsp-cat-list a{padding:.4rem .55rem!important;font-size:.82rem!important;font-weight:400}
body .vlsp-cat-list .vlsp-cat-list .vlsp-cat-name{font-weight:500}
/* toolbar */
body .vlsp-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:1rem;
  margin-bottom:1.1rem;padding:0!important;border:none!important;background:transparent!important}
body .vlsp-toolbar select{background:#101f26!important;color:#eef5f9!important;border:1px solid #335767!important;
  border-radius:10px!important;padding:.5rem .8rem!important;font-size:.88rem}
/* grid + cards (grid lives on .vlsp-grid, the wrap's single child) */
body .vlsp-wrap{display:block!important}
body .vlsp-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1rem!important}
body .vlsp-catalog .vlsp-grid{grid-template-columns:repeat(3,1fr)!important}
@media(min-width:1400px){body .vlsp-catalog .vlsp-grid{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:1000px){body .vlsp-grid,body .vlsp-catalog .vlsp-grid{grid-template-columns:repeat(2,1fr)!important}}
body .vlsp-grid>*{background:#101f26!important;border:1px solid #21333b!important;border-radius:18px!important;
  overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s;margin:0!important}
body .vlsp-grid>*:hover{transform:translateY(-4px);border-color:#fa6d99!important}
body .vlsp-image{display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;
  background:radial-gradient(60% 50% at 50% 45%,rgba(73,194,240,.1),transparent 70%),linear-gradient(180deg,#0c161c,#060a0d)!important}
body .vlsp-image img{width:100%;height:100%;object-fit:contain;padding:.9rem;border-radius:12px}
body .vlsp-body{display:flex;flex-direction:column;gap:.4rem;padding:.9rem 1rem 1rem!important;flex:1}
body .vlsp-kicker{font-size:.68rem!important;font-weight:700!important;letter-spacing:.09em;text-transform:uppercase;color:#49c2f0!important;margin:0!important}
body .vlsp-title,body .vlsp-title a{font-size:.95rem!important;font-weight:600!important;color:#eef5f9!important;line-height:1.3!important;margin:0!important}
body .vlsp-price{color:#eef5f9!important;font-weight:800!important;font-size:1.15rem!important;margin-top:.3rem!important;padding-top:0!important}
body .vlsp-actions{margin-top:auto!important}
body .vlsp-btn{display:block;text-align:center;background:#fa6d99!important;color:#1a060e!important;
  border:none!important;border-radius:999px!important;font-weight:700!important;font-size:.85rem!important;padding:.6rem 1rem!important;transition:.18s}
body .vlsp-btn:hover{background:#ff87ad!important}
/* pagination */
body .vlsp-pagination{display:flex;gap:.45rem;justify-content:center;margin-top:2rem}
body .vlsp-pagination a,body .vlsp-pagination span{display:grid;place-items:center;min-width:42px;height:42px;
  padding:0 .6rem;border:1px solid #21333b!important;border-radius:12px!important;font-weight:600;font-size:.9rem;color:#bcd3dc!important;background:transparent!important}
body .vlsp-pagination a:hover{border-color:#49c2f0!important;color:#49c2f0!important}
body .vlsp-pagination .current,body .vlsp-pagination span[aria-current]{border-color:#fa6d99!important;color:#eef5f9!important;background:rgba(250,109,153,.14)!important}
@media(max-width:560px){body .vlsp-grid,body .vlsp-catalog .vlsp-grid{grid-template-columns:repeat(2,1fr)!important;gap:.7rem!important}}
/* ---- home + typography ---- */
/* display typeface on headings site-wide (mockup: Bricolage Grotesque) */
body .elementor-heading-title,body .product_title,body .vlsp-price,
body .related.products>h2,body .woocommerce-tabs .panel h2,body .woocommerce-tabs .panel h3{
  font-family:'Bricolage Grotesque','Hanken Grotesk Variable','Hanken Grotesk',sans-serif!important;
  letter-spacing:-.01em}
/* shelf heads: brand left, Shop-all right (page 7) */
body.page-id-7 .vl-shelf-head,body.page-id-7 .vl-shelf-head>.e-con-inner{
  display:flex!important;flex-direction:row!important;justify-content:space-between!important;
  align-items:center!important;width:100%;gap:1rem;margin:1.6rem 0 .9rem!important;padding:0!important}
body.page-id-7 .vl-shelf-head .elementor-heading-title{font-size:1.35rem!important;text-align:left!important;margin:0!important}
body.page-id-7 .vl-shelf-head .elementor-widget-heading{width:auto!important}
body.page-id-7 .vl-shelf-head .elementor-widget-button{width:auto!important}
body.page-id-7 .vl-shelf-head .elementor-button{background:transparent!important;border:none!important;
  color:#4ec3f0!important;font-size:.88rem!important;font-weight:600!important;padding:.3rem 0!important;box-shadow:none!important}
body.page-id-7 .vl-shelf-head .elementor-button:hover{color:#86cdea!important;background:transparent!important}
body.page-id-7 .vl-shelf-head .elementor-button .elementor-button-text::after{content:" \2192"}
/* brand cards: premium panel treatment */
body.page-id-7 .elementor-element-a0ed57b,body.page-id-7 .elementor-element-4108ff8,
body.page-id-7 .elementor-element-f0e871a,body.page-id-7 .elementor-element-601972e{
  border:1px solid #21333b!important;border-radius:18px!important;
  background:linear-gradient(160deg,#16262e,#101f26)!important;
  transition:transform .2s,border-color .2s}
body.page-id-7 .elementor-element-a0ed57b:hover,body.page-id-7 .elementor-element-4108ff8:hover,
body.page-id-7 .elementor-element-f0e871a:hover,body.page-id-7 .elementor-element-601972e:hover{
  transform:translateY(-3px);border-color:rgba(250,109,153,.5)!important}
/* ---- area pages (shared classes; only exist on /areas/*) ---- */
.vl-area-2col,.vl-area-2col>.e-con-inner{display:grid!important;grid-template-columns:1.12fr .88fr!important;gap:clamp(1.6rem,4vw,3.4rem)!important;align-items:center!important;width:100%;text-align:left!important}
.vl-area-2col>.e-con-inner{grid-column:1/-1}
.vl-area-2col>.e-con-inner{max-width:100%!important;width:100%!important}
@media(max-width:860px){.vl-area-2col,.vl-area-2col>.e-con-inner{grid-template-columns:1fr!important}}
.vl-area-copy,.vl-area-copy .elementor-heading-title,.vl-area-copy .elementor-widget-text-editor,.vl-area-copy p{text-align:left!important}
.vl-area-copy .area-actions{justify-content:flex-start!important}
.vl-area-copy .elementor-widget-container{text-align:left!important}
.vl-area-copy .area-actions,.vl-area-copy .area-actions .elementor-widget-container{justify-content:flex-start!important;margin-inline:0!important;text-align:left!important}
.vl-area-factswrap{width:100%}
.vl-area-facts{display:grid;gap:.7rem;padding:clamp(1.2rem,2.5vw,1.7rem);border:1px solid #21333b;border-radius:16px;
  background:linear-gradient(160deg,#16262e,#101f26)}
.vl-area-fact{display:flex;align-items:center;gap:.7rem;font-size:.92rem;color:#bcd3dc;text-align:left}
.vl-area-fact svg{flex:none;color:#49c2f0}
/* directions + why sections as premium panels */
[class*="vl-path-areas"] .visit-panel,[class*="vl-path-areas"] .local-context{background:#101f26!important;border:1px solid #21333b!important;border-radius:16px!important;
  padding:clamp(1.4rem,3vw,2rem)!important;text-align:left!important}
[class*="vl-path-areas"] .visit-panel *,[class*="vl-path-areas"] .local-context>*>*{text-align:left!important}
[class*="vl-path-areas"] .local-context,[class*="vl-path-areas"] .local-context>.e-con-inner{display:grid!important;grid-template-columns:1fr .82fr!important;gap:clamp(1.2rem,3vw,2rem)!important;align-items:start!important;width:100%}
[class*="vl-path-areas"] .local-context>.e-con-inner{grid-column:1/-1}
@media(max-width:860px){[class*="vl-path-areas"] .local-context,[class*="vl-path-areas"] .local-context>.e-con-inner{grid-template-columns:1fr!important}}
[class*="vl-path-areas"] .landmarks-panel{background:#0c161c!important;border:1px solid #1a2129!important;border-radius:12px!important;padding:1.1rem 1.2rem!important}
[class*="vl-path-areas"] .landmarks-panel .elementor-heading-title{font-size:.95rem!important}
/* brand cards */
[class*="vl-path-areas"] .brand-link-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1.1rem!important}
@media(max-width:700px){[class*="vl-path-areas"] .brand-link-grid{grid-template-columns:1fr!important}}
[class*="vl-path-areas"] .brand-link-card{position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:.6rem!important;width:100%!important;background:linear-gradient(160deg,#16262e,#101f26)!important;border:1px solid #21333b!important;border-radius:16px!important;padding:clamp(1.4rem,2.6vw,1.9rem)!important;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s!important;text-align:left!important}
[class*="vl-path-areas"] .brand-link-card:hover{transform:translateY(-3px);border-color:rgba(250,109,153,.45)!important}
[class*="vl-path-areas"] .brand-link-card::before{content:"";position:absolute;inset:-1px auto auto -1px;width:120px;height:120px;background:radial-gradient(circle at 0 0,rgba(250,109,153,.16),transparent 70%);pointer-events:none;z-index:0;border:0!important}
[class*="vl-path-areas"] .brand-link-card>*{position:relative;z-index:1}
[class*="vl-path-areas"] .brand-link-card__head,[class*="vl-path-areas"] .brand-link-card__head>.e-con-inner{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;width:100%!important;padding:0!important;border:0!important}
[class*="vl-path-areas"] .brand-link-card__eyebrow{margin:0!important;flex:1 1 auto!important;min-height:0!important}
[class*="vl-path-areas"] .brand-link-card__eyebrow .elementor-heading-title{font-size:.7rem!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#4ec3f0!important;line-height:1.35!important;margin:0!important}
[class*="vl-path-areas"] .brand-link-card__logo{flex:none!important;width:auto!important;margin:0!important;background:transparent!important;padding:0!important;border-radius:0!important;display:flex!important;align-items:center!important;align-self:center!important;height:auto!important;min-height:0!important}
[class*="vl-path-areas"] .brand-link-card__logo img{width:74px!important;height:37px!important;object-fit:fill!important;background:transparent!important;padding:0!important;border-radius:10px!important;display:block!important;margin:0!important;min-height:0!important}
[class*="vl-path-areas"] .brand-link-card__copy,[class*="vl-path-areas"] .brand-link-card__copy p{color:#8aa6b1!important;font-size:.94rem!important;line-height:1.55!important;margin:0!important}
[class*="vl-path-areas"] .brand-link-card__go{margin-top:.2rem!important}
[class*="vl-path-areas"] .brand-link-card__go .elementor-heading-title,[class*="vl-path-areas"] .brand-link-card__go a{color:#fa6d99!important;font-weight:600!important;font-size:.9rem!important;margin:0!important;text-decoration:none!important;display:inline-flex;gap:.35rem}
[class*="vl-path-areas"] .brand-link-card:hover .brand-link-card__go .elementor-heading-title{gap:.5rem}
/* visit CTA band */
[class*="vl-path-areas"] .vl-area-info,[class*="vl-path-areas"] .vl-area-info>.e-con-inner{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1.1rem!important;align-items:stretch!important;width:100%!important;background:transparent!important}
@media(max-width:860px){[class*="vl-path-areas"] .vl-area-info,[class*="vl-path-areas"] .vl-area-info>.e-con-inner{grid-template-columns:1fr!important}}
[class*="vl-path-areas"] .vl-area-info-panel{background:#101f26!important;border:1px solid #21333b!important;border-radius:16px!important;padding:clamp(1.5rem,3vw,2.1rem)!important;height:100%!important;width:100%!important;max-width:none!important;margin:0!important}
[class*="vl-path-areas"] .vl-area-info-panel>.e-con-inner{height:100%;display:flex;flex-direction:column;gap:.55rem}
[class*="vl-path-areas"] .vl-area-info-panel .elementor-widget-heading,[class*="vl-path-areas"] .vl-area-info-panel .elementor-heading-title{text-align:left!important;color:#eef5f9!important;font-size:clamp(1.15rem,2.4vw,1.35rem)!important;line-height:1.25!important;margin-bottom:.4rem!important}
[class*="vl-path-areas"] .vl-area-info-panel .elementor-widget-text-editor,[class*="vl-path-areas"] .vl-area-info-panel .elementor-widget-text-editor p{color:#9fb4bd!important;line-height:1.6!important}
[class*="vl-path-areas"] .vl-area-info-panel .muted,[class*="vl-path-areas"] .vl-area-info-panel .muted p{color:#6f8791!important}
[class*="vl-path-areas"] .compliance-callout{background:linear-gradient(120deg,#173241,#101f26 55%)!important;border:1px solid #243039!important;border-radius:16px!important;
  padding:clamp(1.6rem,4vw,2.6rem)!important;text-align:left!important}
/* area hero copy: beat the original .area-hero flex-centering */
.area-hero.vl-area-2col .vl-area-copy{align-items:flex-start!important;text-align:left!important}
.area-hero.vl-area-2col .vl-area-copy .elementor-widget-container,.area-hero.vl-area-2col .vl-area-copy .elementor-heading-title,.area-hero.vl-area-2col .vl-area-copy p,.area-hero.vl-area-2col .vl-area-copy .area-delivery{text-align:left!important}
.area-hero.vl-area-2col .vl-area-copy .area-actions{justify-content:flex-start!important;align-self:flex-start!important}

.area-hero.vl-area-2col .vl-area-copy .area-actions,
.area-hero.vl-area-2col .vl-area-copy .area-actions>.e-con-inner{justify-content:flex-start!important;align-self:stretch!important;width:100%}

/* areas hub: left-align content sections */
body.page-id-43 .trust-panel .elementor-heading-title,body.page-id-43 .trust-panel .elementor-widget-text-editor,body.page-id-43 .trust-panel .elementor-widget-text-editor *,body.page-id-43 .areas-detail .elementor-heading-title,body.page-id-43 .areas-detail .elementor-widget-text-editor,body.page-id-43 .areas-detail .elementor-widget-text-editor *{text-align:left!important}
body.page-id-43 .trust-panel .section-head,body.page-id-43 .areas-detail .section-head{max-width:none!important;margin-inline:0!important;text-align:left!important}

/* areas hub: tighten */
body.page-id-43 .trust-panel,body.page-id-43 .areas-detail{align-items:flex-start!important;justify-content:flex-start!important;padding-top:clamp(1.4rem,2.6vw,2rem)!important;padding-bottom:clamp(1.4rem,2.6vw,2rem)!important}
body.page-id-43 .trust-panel>.e-con,body.page-id-43 .areas-detail>.e-con-inner{margin-left:0!important;margin-right:0!important;max-width:820px!important;width:100%!important}
body.page-id-43 .trust-panel .elementor-heading-title,body.page-id-43 .areas-detail .elementor-heading-title{margin-bottom:.5rem!important;line-height:1.2!important}
body.page-id-43 .trust-panel .elementor-widget-text-editor,body.page-id-43 .areas-detail .elementor-widget-text-editor{margin-bottom:.3rem!important}
body.page-id-43 .trust-panel .elementor-widget-text-editor p,body.page-id-43 .areas-detail .elementor-widget-text-editor p{line-height:1.55!important;margin-bottom:.55rem!important}

/* areas hub: force-left internals */
body.page-id-43 .trust-panel .e-con,body.page-id-43 .trust-panel .e-con-inner,body.page-id-43 .trust-panel .elementor-widget,body.page-id-43 .trust-panel .section-head,body.page-id-43 .areas-detail .e-con,body.page-id-43 .areas-detail .elementor-widget,body.page-id-43 .areas-detail .section-head{align-self:flex-start!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;justify-content:flex-start!important}

/* about page: tighten */
body.page-id-39 .section--tight{align-items:flex-start!important;justify-content:flex-start!important;padding-top:clamp(1.2rem,2.4vw,1.8rem)!important;padding-bottom:clamp(1.2rem,2.4vw,1.8rem)!important}
body.page-id-39 .section--tight .e-con,body.page-id-39 .section--tight .e-con-inner,body.page-id-39 .section--tight .elementor-widget,body.page-id-39 .section--tight .section-head{align-self:flex-start!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;justify-content:flex-start!important}
body.page-id-39 .section--tight .elementor-widget-text-editor,body.page-id-39 .section--tight .elementor-widget-text-editor *,body.page-id-39 .section--tight .elementor-heading-title{text-align:left!important}
body.page-id-39 .section--tight>.e-con,body.page-id-39 .section--tight>.e-con-inner{max-width:900px!important}

/* astro content pages: left-align prose (excludes individual area pages) */
.vl-astro-page:not([class*="vl-path-areas-"]) .elementor-widget-text-editor,.vl-astro-page:not([class*="vl-path-areas-"]) .elementor-widget-text-editor *,.vl-astro-page:not([class*="vl-path-areas-"]) .elementor-widget-heading .elementor-heading-title{text-align:left!important}