/*
Theme Name: Stax Vape Jar (Design 7)
Template: twentytwentyfive
Version: 1.0
Text Domain: stax-d7-vapejar
*/

:root{--bg:#f7f5ef;--sf:#ffffff;--ink:#202723;--mu:#606962;--ac:#c8102e;--aci:#ffffff;--tint:#eeeae1;--tint2:#f4f1ea;--r:12px;--br:6px;--hf:'Bricolage Grotesque',system-ui,sans-serif;--bf:'Inter',system-ui,sans-serif}
*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--bf);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,b,span,a{text-wrap:pretty}h1,h2,h3{font-family:var(--hf);line-height:1.15;text-wrap:balance;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}.w{max-width:1180px;margin:0 auto;padding:0 24px}.row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.ann{background:var(--ink);color:var(--bg);text-align:center;font-size:13px;padding:8px 16px}
.h{padding:18px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.logo{font:700 22px/1 var(--hf);letter-spacing:-.01em}
.h nav{display:flex;gap:28px;font-size:15px}.h nav a:hover,.f a:hover{color:var(--ac)}.icons{display:flex;gap:18px;font-size:14px;color:var(--mu)}
.h-c{text-align:center}.h-c .h-top{padding:6px 0 14px}.h-c .logo{font-size:28px}.h-c nav{justify-content:center}
.btn{display:inline-block;background:var(--ac);color:var(--aci);padding:13px 24px;border-radius:var(--br);font-weight:600;font-size:15px;border:1.5px solid var(--ac);cursor:pointer;font-family:var(--bf)}
.btn.ghost{background:transparent;color:var(--ink);border-color:color-mix(in srgb,var(--ink) 25%,transparent)}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;color:var(--ac);margin-bottom:14px}
.hero h1{font-size:clamp(34px,5vw,56px);max-width:16ch}.lead{color:var(--mu);font-size:18px;margin-top:18px;max-width:52ch}
.hero{padding:72px 0}.hs-g{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.hs-art,.hn-art{aspect-ratio:1/1;border-radius:var(--r);background:var(--tint);overflow:hidden}.hs-art svg,.hn-art svg{width:100%;height:100%}
.hf{background:var(--ac);color:var(--aci);padding:110px 0}.hf .lead,.hf .eyebrow{color:var(--aci);opacity:.85}.hf .btn{background:var(--aci);color:var(--ac);border-color:var(--aci)}
.hb{padding:88px 0 64px}.mega{font-size:clamp(44px,8.5vw,108px)!important;max-width:14ch!important;line-height:1}.hb-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:36px;flex-wrap:wrap}.hb-row .ctas{margin:0}
.hk{text-align:center;background:linear-gradient(180deg,var(--tint),transparent)}.hk h1,.hk .lead{margin-left:auto;margin-right:auto}.hk .ctas{justify-content:center}
.hn .w{display:grid;grid-template-columns:1.4fr 1fr;gap:0;background:var(--tint);border-radius:var(--r);overflow:hidden;padding:0}.hn-box{padding:56px}.hn-art{border-radius:0;aspect-ratio:auto;min-height:100%}
.chip{display:inline-block;background:var(--ac);color:var(--aci);font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;margin-bottom:18px}
.sec{padding:56px 0}.sec-h{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:16px}.sec-h h2{font-size:clamp(26px,3vw,34px)}.sec-h a{color:var(--mu);font-size:15px;border-bottom:1px solid currentColor}
.grid{display:grid;gap:28px 24px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.list2{grid-template-columns:repeat(2,1fr)}
.masonry{grid-template-columns:repeat(4,1fr)}.masonry .card:nth-child(1),.masonry .card:nth-child(6){grid-column:span 2;grid-row:span 2}.masonry .card:nth-child(1) .ph,.masonry .card:nth-child(6) .ph{aspect-ratio:auto;flex:1}
.card{display:flex;flex-direction:column}.ph{position:relative;display:block;aspect-ratio:4/5;background:var(--tint);border-radius:var(--r);overflow:hidden}.ph svg{width:100%;height:100%;transition:transform .4s}.card:hover .ph svg{transform:scale(1.05)}
.badge{position:absolute;top:12px;left:12px;background:var(--sf);color:var(--ink);font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--br);z-index:1}
.meta{padding-top:14px}.cat{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--mu)}.card h3{font-size:17px;margin:4px 0 6px;font-weight:600}
.prw{display:flex;gap:8px;align-items:baseline}.pr{font-weight:600}s{color:var(--mu);font-size:14px}.add{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;color:var(--ac)}
.c-lift{background:var(--sf);border-radius:var(--r);padding:12px;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .25s,box-shadow .25s}.c-lift:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.08)}.c-lift .ph{border-radius:calc(var(--r)*.7)}.c-lift .meta{padding:14px 4px 4px}
.c-outline{border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:var(--r);overflow:hidden}.c-outline .ph{border-radius:0}.c-outline .meta{padding:14px 16px 16px}
.c-overlay{position:relative}.c-overlay .add{position:absolute;left:12px;right:12px;bottom:auto;top:calc(100% - 0px);}.c-overlay .ph::after{content:"Quick add";position:absolute;left:12px;right:12px;bottom:12px;background:var(--ac);color:var(--aci);text-align:center;padding:10px;border-radius:var(--br);font-size:14px;font-weight:600;opacity:0;transform:translateY(8px);transition:.25s}.c-overlay:hover .ph::after{opacity:1;transform:none}.c-overlay .add{display:none}
.list2 .card{flex-direction:row;gap:20px;align-items:center}.list2 .ph{width:42%;flex:none;aspect-ratio:1/1}
.perks-h{padding-top:40px}.perks-h h2{font-size:clamp(22px,2.6vw,30px)}.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-top:24px;padding-bottom:56px}.perks b{display:block;font-family:var(--hf);font-size:18px;margin-bottom:6px}.perks span{color:var(--mu);font-size:15px}
.news{background:var(--tint);padding:56px 0}.news-g{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.news h2{font-size:clamp(24px,3vw,32px)}.news p{color:var(--mu);margin-top:10px}
.news form{display:flex;gap:10px}.news input{flex:1;padding:13px 16px;border-radius:var(--br);border:1.5px solid color-mix(in srgb,var(--ink) 18%,transparent);background:var(--sf);color:var(--ink);font:inherit;min-width:0}
.f{padding:56px 0 28px;font-size:15px}.f-g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.f-g div{display:flex;flex-direction:column;gap:8px}.f-g p,.m{color:var(--mu)}.f-g b{font-family:var(--hf)}
.f-b{margin-top:40px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);color:var(--mu);font-size:14px}.f-s nav{display:flex;gap:24px}.f-s{flex-wrap:wrap}
.f-l{display:flex;gap:24px;flex-wrap:wrap}.f-big{font:700 clamp(44px,10vw,128px)/1 var(--hf);letter-spacing:-.03em;margin:36px 0 18px;color:var(--ac)}
.lab{position:fixed;right:14px;bottom:14px;background:#111;color:#fff;font:500 12px/1.3 system-ui;padding:8px 12px;border-radius:8px;opacity:.85;z-index:9}.lab a{color:#9cf}
@media(max-width:900px){.g4,.masonry{grid-template-columns:repeat(2,1fr)}.masonry .card:nth-child(n){grid-column:auto;grid-row:auto}.masonry .card .ph{aspect-ratio:4/5!important}.g3{grid-template-columns:repeat(2,1fr)}.list2{grid-template-columns:1fr}
.hs-g,.hn .w,.news-g{grid-template-columns:1fr;gap:32px}.hn-art{min-height:240px}.hn-box{padding:36px 28px}.perks{grid-template-columns:1fr;gap:20px}.f-g{grid-template-columns:1fr 1fr}.h nav{display:none}.h-c nav{display:flex;gap:18px;overflow-x:auto}.hero{padding:48px 0}.hf{padding:72px 0}}
@media(max-width:520px){.w{padding:0 18px}.grid{gap:22px 14px}.card h3{font-size:15px}.lead{font-size:16px}.news form{flex-direction:column}.icons .ic:first-child{display:none}.list2 .ph{width:38%}}

/* WordPress glue */
h1,h2,h3,.perks b{text-wrap:balance}p,li,span,.perks span{text-wrap:pretty}
.perks{padding-top:56px!important}.hero+.perks,.hf+.perks{padding-top:56px!important}
.hb-row{align-items:center!important}.hb-row .lead{margin-top:0}
@media(max-width:900px){.h .row{flex-wrap:wrap;row-gap:12px}.h nav{display:flex!important;order:3;width:100%;gap:22px;font-size:15px}.h-c nav{justify-content:center}}
.f-g{grid-template-columns:repeat(3,1fr)}.f-b{border-top:0;position:relative}.f-b::before{content:"";position:absolute;left:24px;right:24px;top:0;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}
main.wp-block-group:not(.st-page){max-width:1180px;margin:0 auto!important;padding:48px 24px 72px!important}main.wp-block-group:not(.st-page) .alignwide,main.wp-block-group:not(.st-page) .alignfull{max-width:none;margin-left:0;margin-right:0}
.woocommerce-breadcrumb,.wc-block-breadcrumbs{font-size:14px;color:var(--mu);margin-bottom:12px}
@media(max-width:900px){.f-g{grid-template-columns:1fr 1fr}.f-g>div:first-child{grid-column:1/-1}}
body{margin:0}.wp-site-blocks{padding:0!important}.wp-site-blocks>*{margin-block-start:0!important}
.st-page{max-width:1180px;margin:0 auto;padding:56px 24px 72px}.st-page h1{font-size:clamp(30px,4vw,44px);margin-bottom:24px}
.st-page h2{font-size:22px;margin:32px 0 10px}.st-page p,.st-page li{color:var(--ink);max-width:68ch}.st-page p+p{margin-top:12px}
.st-page ul{padding-left:20px}.st-page a{color:var(--ac);text-decoration:underline}
.single-product main .wp-block-column{min-width:0}.single-product main .woocommerce-product-gallery,.single-product main .flex-viewport{overflow:hidden;max-width:100%}
@media(max-width:900px){.single-product main .wp-block-columns{flex-wrap:wrap!important}.single-product main .wp-block-columns>.wp-block-column{flex-basis:100%!important}}
@media(max-width:1000px){.single-product main .wp-block-woocommerce-product-image-gallery,.single-product main .woocommerce-product-gallery{max-width:none!important;width:100%!important;float:none!important}}
.wp-element-button,.wc-block-components-button:not(.is-link){background:var(--ac)!important;color:var(--aci)!important;border-radius:var(--br)!important}
/* ===== Vape Jar (blog 60) additions ===== */
.logo{display:inline-flex;align-items:center;gap:10px}.vj-mark{width:24px;height:24px;color:var(--ac);flex:none}.f .logo .vj-mark{width:22px;height:22px}
.vj-home.st-page{max-width:none;padding:0 0 24px}.vj-home .w{max-width:1180px}
.vj-hero{padding:80px 0 56px}.vj-hero .mega{font-size:clamp(42px,7.4vw,96px)!important;max-width:13ch!important}
.vj-sec{padding-top:56px}.vj-sec .sec-h{margin-bottom:24px}.vj-sec .sec-h h2{font-size:clamp(26px,3vw,34px);margin:0}
.vj-int{padding-top:56px}.vj-int p{font-size:19px;line-height:1.6;max-width:62ch;color:var(--ink)}
/* Brand row: 7 equal cards, then rows on phones */
.vj-brands{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}
.vj-b{display:flex;flex-direction:column;background:var(--sf);border-radius:var(--r);padding:10px;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .25s,box-shadow .25s;color:var(--ink)}
.vj-b:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.08)}
.vj-b-ph{display:block;aspect-ratio:1/1;border-radius:calc(var(--r)*.7);overflow:hidden;background:#fff}
.vj-b-ph img,.vj-ph img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.vj-b-t{display:flex;flex-direction:column;padding:12px 4px 4px;flex:1}.vj-b-t b{font-family:var(--hf);font-size:16px;line-height:1.2}
.vj-b-m{color:var(--mu);font-size:14px;margin-top:2px}.vj-b-l{display:none}.vj-b-s{margin-top:auto;padding-top:10px;font-size:13px;font-weight:600;color:var(--ac)}.vj-b-soon .vj-b-s{color:var(--mu)}
.vj-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--tint);text-align:center;padding:12px;font:700 clamp(15px,1.6vw,22px)/1.1 var(--hf);color:var(--ink)}
.vj-tile small{font:500 13px/1.3 var(--bf);color:var(--mu);margin-top:6px}
/* Product cards */
.vj-grid .ph.vj-ph{aspect-ratio:1/1;background:#fff}.vj-c .meta{display:flex;flex-direction:column;flex:1}.vj-c h3{font-size:17px}.vj-c h3 a:hover{color:var(--ac)}
.vj-c .add{margin-top:auto;padding-top:10px}.vj-c .prw{margin-bottom:0}.vj-wait{color:var(--mu);font-weight:600}.vj-c.c-lift{height:100%}
.vj-c .pr .woocommerce-Price-amount{font-weight:600}
/* Spec table */
.vj-sp-w{background:var(--sf);border-radius:var(--r);padding:8px 24px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.vj-sp{width:100%;border-collapse:collapse;font-size:15px}.vj-sp th,.vj-sp td{text-align:left;vertical-align:top;padding:16px 16px 16px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}
.vj-sp tbody tr:last-child th,.vj-sp tbody tr:last-child td{border-bottom:0}.vj-sp thead th{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--mu);font-weight:600;padding-top:14px;padding-bottom:12px}
.vj-sp tbody th{font-family:var(--hf);font-size:17px;font-weight:600;width:19%}.vj-sp tbody th .cat{display:block;font-family:var(--bf);margin-bottom:2px}.vj-sp tbody th a:hover{color:var(--ac)}
.vj-sp td:nth-child(2){width:16%}.vj-sp td:nth-child(3){width:14%}.vj-sp td:nth-child(4){width:16%}.vj-sp td:last-child{padding-right:0}.vj-sp-soon{color:var(--mu)}
.vj-sp-n{color:var(--mu);font-size:14px;margin-top:12px}
.vj-home .perks{padding-top:56px!important;padding-bottom:16px}.vj-home .perks a{color:var(--ac);text-decoration:underline}
/* Shop */
.vj-intro{color:var(--mu);font-size:18px;max-width:60ch;margin:-8px 0 24px}.vj-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.st-page .vj-chips a,.st-page .vj-chip{color:var(--ink);text-decoration:none;border:1.5px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600;background:var(--sf)}
.st-page .vj-chip.on{background:var(--ac);border-color:var(--ac);color:var(--aci)}.st-page .vj-grid a{text-decoration:none;color:inherit}.st-page .vj-grid .add{color:var(--ac)}
.vj-warn{margin-top:40px;font-size:14px;font-weight:600}
/* Footer */
.f-g{grid-template-columns:2fr 1fr 1fr}.f-g>div:first-child p{max-width:36ch}.f-big{margin:40px 0 0;font-size:clamp(44px,9vw,120px)}
.f-warn{margin-top:28px;font-size:14px;font-weight:600;color:var(--ink)}.f-warn+.f-b{margin-top:16px}
/* WooCommerce: white image tiles, never stretched */
.wc-block-components-product-image img,.woocommerce-product-gallery img,.wp-block-woocommerce-product-image img{object-fit:contain!important;background:#fff;height:auto}
.price:empty{display:none}.woocommerce div.product div.images .flex-control-thumbs li img{background:#fff}
.woocommerce div.product .woocommerce-product-gallery,.woocommerce div.product .flex-viewport{overflow:hidden;max-width:100%}
.woocommerce-Tabs-panel h2{font-size:22px;margin:8px 0 12px}.woocommerce-Tabs-panel h3{font-size:18px;margin:28px 0 10px}.woocommerce-Tabs-panel ul{padding-left:20px;margin:0 0 16px}.woocommerce-Tabs-panel p{max-width:68ch;margin:0 0 12px}
.woocommerce-variation-description p{color:var(--mu);font-size:15px;margin:4px 0 12px}.woocommerce-variation-availability:empty,.wc-no-matching-variations:empty{display:none}
/* Loading state */
.vj-ld{position:fixed;inset:0;z-index:9999;background:color-mix(in srgb,var(--bg) 88%,transparent);display:flex;align-items:center;justify-content:center;padding:24px}.vj-ld[hidden]{display:none}
.vj-ld-b{background:var(--sf);border-radius:var(--r);padding:32px 36px;text-align:center;box-shadow:0 12px 40px rgba(32,39,35,.15);max-width:340px}
.vj-spin{width:44px;height:44px;animation:vjspin 1.1s linear infinite}@keyframes vjspin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.vj-spin{animation-duration:3s}}
.vj-ld-m{margin-top:14px;font-weight:600}.vj-ld-slow{color:var(--mu);font-size:15px;margin-top:6px}.vj-ld-r{margin-top:16px}
@media(max-width:1100px){.vj-b-t b{font-size:15px}.vj-b-m{font-size:13px}}
@media(max-width:900px){.vj-hero{padding:56px 0 40px}.vj-sec{padding-top:44px}.vj-int{padding-top:44px}.vj-int p{font-size:17px}.vj-brands{gap:12px}.vj-b{padding:8px}.vj-b-t{padding:10px 2px 2px}.vj-b-s{font-size:12px}.f-g{grid-template-columns:1fr 1fr}
 .vj-sp-w{padding:4px 18px}.vj-sp thead{display:none}.vj-sp,.vj-sp tbody,.vj-sp tr,.vj-sp th,.vj-sp td{display:block;width:auto!important}.vj-sp tr{padding:16px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 9%,transparent);display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
 .vj-sp tbody tr:last-child{border-bottom:0}.vj-sp th,.vj-sp td{border:0!important;padding:0!important}.vj-sp tbody th{grid-column:1/-1}.vj-sp td:last-child,.vj-sp td.vj-sp-soon{grid-column:1/-1}
 .vj-sp td::before{content:attr(data-l);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--mu);font-weight:600;margin-bottom:2px}.vj-sp td.vj-sp-soon::before{display:none}}
@media(max-width:700px){.vj-brands{grid-template-columns:1fr;gap:12px}.vj-b{flex-direction:row;align-items:center;gap:14px;padding:10px}.vj-b-ph{width:84px;flex:none}.vj-b-t{padding:0}.vj-b-l{display:block;color:var(--mu);font-size:14px;margin-top:4px}.vj-b-s{padding-top:6px}
 .vj-tile{font-size:13px;padding:6px}.vj-tile small{font-size:11px;margin-top:3px}}
@media(max-width:520px){.vj-c h3{font-size:15px}.vj-int p{font-size:16px}.f-g{grid-template-columns:1fr}.vj-sp tr{grid-template-columns:1fr 1fr}}

/* v2 (Oct 26): home links follow the design, not the page-link style */
.vj-home a,.st-page .vj-grid a,.st-page .vj-brands a{color:inherit;text-decoration:none}
.vj-home .btn{color:var(--aci)}.vj-home .btn.ghost{color:var(--ink)}.vj-home .sec-h a{color:var(--mu);border-bottom:1px solid currentColor}.vj-home .sec-h a:hover{color:var(--ac)}
.vj-home .perks a{color:var(--ac);text-decoration:underline}.st-page .vj-c .add,.vj-home .vj-c .add{color:var(--ac)}.vj-home .vj-sp th a{display:block}
@media(max-width:1000px){.vj-brands{grid-template-columns:1fr;gap:12px}.vj-b{flex-direction:row;align-items:center;gap:16px;padding:10px}.vj-b-ph{width:96px;flex:none}.vj-b-t{padding:0}.vj-b-t b{font-size:16px}.vj-b-m{font-size:14px}.vj-b-l{display:block;color:var(--mu);font-size:14px;margin-top:4px}.vj-b-s{padding-top:6px}.vj-tile{font-size:14px;padding:6px}.vj-tile small{font-size:11px;margin-top:3px}}
@media(max-width:700px){.vj-b-ph{width:84px}}
/* v5 (Oct 26): long flavor names (Geek Bar) pushed the variations table past 390px */
.single-product table.variations{width:100%;table-layout:fixed}
.single-product table.variations th.label{width:5.5em}
.single-product table.variations td.value,.single-product table.variations select{min-width:0;max-width:100%;width:100%}
.single-product .single_variation_wrap{max-width:100%}

/* ===== v6 (Oct 26, 11 PM CT): premium pass. Two-column hero, value band, tinted brand cards, alternating sections, comparison table, lighter footer ===== */
.vj-home.st-page{padding:0}
.vj-bg-w{background:var(--sf)}.vj-bg-c{background:var(--bg)}
.vj-home .vj-sec{padding:64px 0}.vj-home .vj-sec .sec-h{margin-bottom:28px}
/* Hero */
.vj-hero{padding:56px 0 64px;background:linear-gradient(180deg,#f7f5ef,#f4f1ea);overflow:hidden}
.vj-hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}
.vj-h1{font-size:clamp(40px,5.4vw,78px);line-height:1.02;letter-spacing:-.025em;max-width:12ch}
.vj-hero .lead{font-size:19px;max-width:44ch;margin-top:22px}.vj-hero .ctas{margin-top:30px}
.vj-trust{list-style:none;padding:0!important;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.vj-trust li{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink);background:color-mix(in srgb,var(--sf) 75%,transparent);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:999px;padding:7px 14px;max-width:none}
.vj-trust li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ac);flex:none}
.vj-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:0}
.vj-blob{position:absolute;inset:4% 2% 0 6%;border-radius:46% 54% 42% 58%/55% 45% 55% 45%;background:radial-gradient(circle at 30% 30%,#fff,transparent 60%),radial-gradient(circle at 75% 70%,#eeeae1,transparent 62%),#e7e9e5;filter:none}
.vj-hero-art img{position:relative;width:100%;max-width:600px;height:auto;display:block}
/* Value band (dark) */
.vj-band{background:var(--ink);color:var(--bg)}
.vj-vals{padding:30px 0}.vj-vals-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.vj-vals-g div{display:flex;flex-direction:column;gap:4px;padding-left:16px;border-left:2px solid var(--ac)}
.vj-vals-g b{font:700 17px/1.25 var(--hf);color:#fff}.vj-vals-g span{font-size:14px;line-height:1.5;color:color-mix(in srgb,var(--bg) 78%,transparent)}
/* Brand cards: tinted, large images, centered last row, data-driven */
.vj-brands{display:flex!important;flex-wrap:wrap;justify-content:center;gap:20px!important}
.vj-b{flex:0 0 calc((100% - 60px)/4);flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:0!important;border-radius:var(--r);overflow:hidden;background:var(--bt,var(--tint));box-shadow:none;border:1px solid color-mix(in srgb,var(--ink) 6%,transparent)}
.vj-b:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(32,39,35,.12)}
.vj-b-ph{width:auto!important;aspect-ratio:5/4!important;border-radius:0!important;background:transparent!important;padding:18px 18px 0}
.vj-b-ph img{background:transparent!important;mix-blend-mode:multiply;transition:transform .35s}.vj-b:hover .vj-b-ph img{transform:scale(1.04)}
.vj-b-t{padding:14px 20px 20px!important;background:var(--sf);flex:1}
.vj-b-t b{font-size:19px!important}.vj-b-m{font-size:14px!important;margin-top:2px}
.vj-b-l{display:block!important;color:var(--mu);font-size:14px!important;line-height:1.5;margin-top:8px!important}
.vj-b-s{padding-top:14px!important;font-size:14px!important}.vj-b-s i{font-style:normal;display:inline-block;transition:transform .2s}.vj-b:hover .vj-b-s i{transform:translateX(3px)}
/* Intro + product cards */
.vj-home .vj-int{font-size:clamp(18px,1.7vw,22px);line-height:1.55;max-width:56ch;margin:0 0 48px;color:var(--ink);font-family:var(--hf);font-weight:500;letter-spacing:-.005em}
.vj-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:24px!important}
.vj-grid>.vj-c{flex:0 0 calc((100% - 72px)/4);min-width:0}
.vj-c.c-lift{padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 7%,transparent);box-shadow:none;background:var(--sf)}
.vj-c.c-lift:hover{box-shadow:0 18px 36px rgba(32,39,35,.12)}
.vj-grid .ph.vj-ph{border-radius:0!important;background:var(--bt,var(--tint))!important;padding:16px}
.vj-ph img{background:transparent!important;mix-blend-mode:multiply;transition:transform .35s}.vj-c:hover .vj-ph img{transform:scale(1.04)}
.vj-c .meta{padding:16px 18px 18px!important}.vj-c .cat{font-weight:600;color:var(--mu)}.vj-c h3{font-size:17px;margin:4px 0 8px}
.vj-c .pr{font-size:17px}.vj-c .pr .woocommerce-Price-amount{font-weight:700}
.vj-btn{display:block!important;text-align:center;margin-top:auto!important;padding:11px 16px!important;border-radius:var(--br);background:var(--ink);color:#fff!important;font-size:14px;font-weight:600;transition:background .2s}
.vj-c .prw{margin-bottom:16px}.vj-c:hover .vj-btn:not(.vj-btn-off),.vj-btn:not(.vj-btn-off):hover{background:var(--ac);color:var(--aci)!important}
.vj-btn-off{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--mu)!important}
/* Spec comparison */
.vj-sp-w{padding:0!important;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);box-shadow:none;background:var(--sf)}
.vj-sp thead th{background:var(--ink);color:color-mix(in srgb,var(--bg) 82%,transparent)!important;padding:14px 16px 14px 0!important}.vj-sp thead th:first-child{padding-left:24px!important}
.vj-sp tbody th{padding-left:24px!important}.vj-sp td:last-child,.vj-sp thead th:last-child{padding-right:24px!important}
.vj-sp tbody tr:nth-child(even){background:color-mix(in srgb,var(--bg) 70%,var(--sf))}
.vj-sp tbody th,.vj-sp td{vertical-align:middle!important}
.vj-sp th a{display:flex!important;align-items:center;gap:14px}
.vj-sp-i{flex:none;width:52px;height:52px;border-radius:12px;background:var(--bt,var(--tint));display:block;overflow:hidden}
.vj-sp-i img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.vj-sp-t{display:block}.vj-sp td:nth-child(2){font-family:var(--hf);font-weight:700;font-size:16px}
/* Help band (citrus) */
.vj-help{background:#202723;padding:44px 0}
.vj-help-g{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.vj-help h2{font-size:clamp(26px,3vw,34px);margin:0;color:var(--ink)}.vj-help p{margin-top:6px;font-size:17px;color:var(--ink)}.vj-home .vj-help a:not(.btn){color:var(--ink);text-decoration:underline;font-weight:600}
.vj-home .btn.vj-btn-ink{background:var(--ink);border-color:var(--ink);color:#fff}
/* Lighter footer */
.vj-f{background:var(--sf);border-top:1px solid color-mix(in srgb,var(--ink) 8%,transparent);padding:48px 0 28px}
.vj-f .f-warn{margin-top:36px;padding:14px 18px;border-radius:12px;background:var(--bg);font-size:14px;font-weight:600;color:var(--ink)}
.vj-f .f-warn+.f-b,.vj-f .w+.f-b{margin-top:18px}
/* Shop page uses the same cards */
.vj-shop .vj-grid{margin-top:0}
@media(max-width:1100px){.vj-b-t b{font-size:17px!important}}
@media(max-width:1000px){.vj-hero-g{gap:28px}.vj-b{flex-basis:calc((100% - 40px)/3)}.vj-grid>.vj-c{flex-basis:calc((100% - 48px)/3)}.vj-vals-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}}
@media(max-width:900px){.vj-hero{padding:40px 0 48px}.vj-hero-g{grid-template-columns:1fr;gap:28px}.vj-hero-art{order:2}.vj-hero-art img{max-width:520px}.vj-h1{max-width:14ch}.vj-home .vj-sec{padding:48px 0}.vj-home .vj-int{margin-bottom:36px}
 .vj-sp-w{border:0;background:transparent;overflow:visible}.vj-sp tbody{display:flex!important;flex-direction:column;gap:14px}.vj-sp tbody tr{background:var(--sf)!important;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent)!important;border-radius:var(--r);padding:0 0 18px!important;overflow:hidden}
 .vj-sp tbody th{padding:14px 18px!important;background:var(--bt,var(--tint));margin-bottom:6px}.vj-sp td{padding:0 18px!important}.vj-sp td:last-child{padding-right:18px!important}.vj-sp td:nth-child(2){font-size:15px}
 .vj-help{padding:36px 0}}
@media(max-width:600px){.vj-brands{gap:12px!important}.vj-b{flex-basis:calc((100% - 12px)/2)}.vj-b-ph{padding:12px 12px 0}.vj-b-t{padding:12px 14px 14px!important}.vj-b-t b{font-size:16px!important}.vj-b-m{font-size:13px!important}.vj-b-l{font-size:13px!important}.vj-b-s{font-size:13px!important}
 .vj-grid{gap:14px!important}.vj-grid>.vj-c{flex-basis:calc((100% - 14px)/2)}.vj-grid .ph.vj-ph{padding:10px}.vj-c .meta{padding:12px 12px 14px!important}.vj-c h3{font-size:15px}.vj-c .pr{font-size:15px}.vj-btn{padding:10px 8px!important;font-size:13px}
 .vj-vals-g{grid-template-columns:1fr;gap:16px}.vj-vals{padding:26px 0}.vj-hero .lead{font-size:17px}.vj-trust li{font-size:12px;padding:6px 12px}.vj-help-g{flex-direction:column;align-items:flex-start}}
/* v6 fixes: no block gaps between bands; flex cards stretch; spec column widths */
.vj-home>*,.vj-home>.wp-block-html{margin-block:0!important}.vj-home section{margin:0}
.vj-grid>.vj-c.c-lift{height:auto}
@media(min-width:901px){.vj-sp tbody th{width:22%!important}.vj-sp td:nth-child(2){width:14%!important}.vj-sp td:nth-child(3){width:14%!important}.vj-sp td:nth-child(4){width:17%!important}}
@media(max-width:900px){.vj-sp tbody th{width:auto!important}.vj-sp th a{gap:12px}.vj-sp-i{width:44px;height:44px;border-radius:10px;background:var(--sf)}.vj-sp td{width:auto!important}}
/* v6: the shortcode block runs wpautop; keep the card button pinned to the bottom */
.vj-c>p:empty,.vj-c .meta>p:empty,.vj-brands>p:empty{display:none}
.vj-c .meta>p:last-child{margin-top:auto;padding-top:0}.vj-c .meta>p:last-child .vj-btn{margin-top:0!important}
/* Oct 26 product fixes: subtitle under the product H1 */
.vj-sub{font:500 17px/1.45 var(--bf);color:var(--mu);margin:6px 0 14px!important;text-wrap:pretty}
@media(max-width:600px){.vj-sub{font-size:15.5px}}
/* Oct 26 product fixes: related products = equal cards, price + button on one baseline, button text never wraps */
.single-product .wc-block-product-template>li.wc-block-product{display:flex;flex-direction:column}
.single-product .wc-block-product-template>li.wc-block-product>.wp-block-post-title{flex:1 0 auto}
.single-product .wc-block-product-template>li.wc-block-product>.wp-block-woocommerce-product-button,.single-product .wc-block-product-template>li.wc-block-product>.wc-block-components-product-button{margin-top:auto}
.single-product .wc-block-product-template .wc-block-components-product-button__button,.single-product .wc-block-product-template .wp-block-button__link{white-space:nowrap}
@media(max-width:1000px){.single-product .wc-block-product-template .wc-block-components-product-button__button,.single-product .wc-block-product-template .wp-block-button__link{padding:10px 12px!important;font-size:14px!important;min-height:0}
.single-product .wc-block-product-template>li.wc-block-product>.wp-block-post-title{font-size:15px!important}}

/* ===== Nov 6, 2026 visual rebuild (Vapicos-polish chrome, Vapicos-look pending) ===== */
.ann{display:none!important}
.vj-chrome .icons .ic{text-indent:0}
/* Lighter value band: dark used as accent strip, not a black slab */
.vj-band.vj-vals{background:linear-gradient(180deg,#f7f5ef,#eeeae1);color:var(--ink);border-top:1px solid #dedbd2;border-bottom:1px solid #dedbd2}
.vj-vals{padding:28px 0}
.vj-vals-g div{border-left:3px solid var(--ac);padding-left:14px}
.vj-vals-g b{color:var(--ink)!important;font-size:16px!important}
.vj-vals-g span{color:var(--mu)!important}
/* Tighter, product-forward hero */
.vj-hero{padding:48px 0 40px!important}
.vj-h1{font-size:clamp(36px,5vw,68px)!important;letter-spacing:-.03em}
.vj-hero .lead{margin-top:16px!important;font-size:18px!important}
.vj-hero .ctas{margin-top:22px!important}
.vj-trust{margin-top:20px!important;gap:8px!important}
.vj-blob{opacity:.9;filter:saturate(1.08)}
/* Brand + product cards: denser WoodMart-like polish */
.vj-b{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.vj-b:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(32,39,35,.12)!important;border-color:color-mix(in srgb,var(--ac) 35%,transparent)!important}
.vj-c.c-lift{border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);box-shadow:0 1px 2px rgba(32,39,35,.04);transition:transform .22s,box-shadow .22s,border-color .22s}
.vj-c.c-lift:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(32,39,35,.1);border-color:color-mix(in srgb,var(--ac) 40%,transparent)}
.vj-c .ph.vj-ph{background:#fff;border-radius:calc(var(--r)*.75);overflow:hidden}
.vj-btn,.vj-c .vj-btn{border-radius:12px!important}
.st-page .vj-chip{transition:background .15s,border-color .15s,color .15s}
.st-page .vj-chip:hover{border-color:var(--ac);color:var(--ac)}
/* Product page summary spacing */
.single-product .vj-sub{margin-bottom:10px!important}
.single-product form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}
.single-product .quantity{margin:0!important}
.single-product .single_add_to_cart_button,.single-product .vjv-buynow{min-height:48px;border-radius:14px!important;padding:12px 20px!important;font-weight:700!important}
.single-product .woocommerce-product-gallery{border-radius:16px;overflow:hidden;background:#fff;border:1px solid #eeeae1;padding:8px}
.single-product .product_title{letter-spacing:-.02em}
.single-product .summary .price{font-size:1.35rem;font-weight:700;color:var(--ink)}
/* Sections + footer breathing */
.vj-home .vj-sec{padding:56px 0}
.vj-help{border-radius:0}
.vj-f{padding-top:40px}
@media(max-width:900px){
 .vj-hero{padding:28px 0 32px!important}
 .vj-hero-art{order:-1!important;margin-bottom:4px}
 .vj-hero-art img{max-width:100%!important}
 .vj-h1{max-width:12ch!important;font-size:clamp(32px,9vw,44px)!important}
 .vj-hero .lead{font-size:16px!important;max-width:36ch}
 .vj-trust{display:none!important} /* keep first screen product+CTA clean on phone */
 .vj-vals{padding:22px 0}
 .vj-home .vj-sec{padding:40px 0}
}
@media(max-width:600px){
 .vj-b{flex-basis:calc((100% - 12px)/2)}
 .vj-grid>.vj-c{flex-basis:calc((100% - 12px)/2)}
 .vj-c h3{font-size:14px!important;line-height:1.25}
 .vj-c .pr{font-size:14px}
}

/* ===== Nov 6, 2026 Vapicos-look palette (kill citrus) ===== */
.vj-mark{color:var(--ink)!important}
.eyebrow{color:#8b7457!important}
.btn{background:var(--ac)!important;color:#fff!important;border-color:var(--ac)!important;border-radius:6px!important}
.btn.ghost{background:transparent!important;color:var(--ink)!important;border-color:color-mix(in srgb,var(--ink) 22%,transparent)!important}
.vj-home .btn.vj-btn-ink{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
/* Neutral hero — no red wash */
.vj-hero{background:linear-gradient(180deg,#f7f5ef 0%,#f4f1ea 100%)!important}
.vj-blob{background:radial-gradient(circle at 30% 30%,#fff,transparent 55%),radial-gradient(circle at 70% 65%,#eeeae1,transparent 60%),#e7e9e5!important;filter:none!important;opacity:.95}
.vj-band.vj-vals{background:#202723!important;color:#f7f5ef!important;border:0!important}
.vj-vals-g b{color:#fff!important}
.vj-vals-g span{color:rgba(247,245,239,.78)!important}
.vj-vals-g div{border-left-color:#c8102e!important}
/* Help band: charcoal, not citrus/red wash */
.vj-help{background:#202723!important;color:#f7f5ef!important}
.vj-help h2,.vj-help p,.vj-home .vj-help a:not(.btn){color:#f7f5ef!important}
.vj-home .vj-help .btn{background:#c8102e!important;border-color:#c8102e!important;color:#fff!important}
.vj-f .f-warn{background:#f4f1ea!important}
.st-page .vj-chip.on{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.vj-b-s{color:var(--ink)!important}
.vj-c .add,.st-page .vj-grid .add,.vj-home .vj-c .add{color:var(--ac)!important}
.wp-element-button,.wc-block-components-button:not(.is-link){background:var(--ac)!important;color:#fff!important;border-radius:6px!important}
.single_add_to_cart_button.button{background:var(--ac)!important;color:#fff!important;border-radius:6px!important}


/* ===== Nov 6, 2026 homepage rebuild (Vapicos structure) ===== */
.vj-home-pro{padding:0!important;max-width:none!important}
.vj-home-pro .w{max-width:1180px}
.vj-home-pro>*{margin-block:0!important}
.vj-hero-pro{background:linear-gradient(180deg,#f7f5ef,#f4f1ea);padding:36px 0 28px;border-bottom:1px solid #eeeae1}
.vj-hero-pro-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center}
.vj-hero-pro-c .eyebrow{color:#8b7457;margin-bottom:10px}
.vj-hero-pro-c .vj-h1{font-size:clamp(34px,4.6vw,58px);line-height:1.05;letter-spacing:-.03em;max-width:12ch;margin:0}
.vj-hero-pro-c .lead{margin-top:14px;font-size:17px;max-width:40ch;color:var(--mu)}
.vj-hero-pro-c .ctas{margin-top:22px}
.vj-hero-pro-media{background:#fff;border:1px solid #eeeae1;border-radius:14px;padding:18px;box-shadow:0 8px 28px rgba(32,39,35,.06)}
.vj-hero-pro-media img{display:block;width:100%;height:auto;object-fit:contain}
.vj-sec-sub{color:var(--mu);font-size:15px;margin:-6px 0 18px;max-width:52ch}
.vj-sec-h{align-items:baseline}
.vj-sec-feat,.vj-sec-series{padding:48px 0;background:#fff}
.vj-sec-series{padding-top:8px;background:#f7f5ef}
.vj-sec-series .w{display:flex;flex-direction:column;gap:36px}
.vj-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 2px 14px;margin:0 -2px}
.vj-rail>.vj-c,.vj-rail>.card{scroll-snap-align:start;min-width:200px;max-width:260px}
.vj-rail::-webkit-scrollbar{height:6px}.vj-rail::-webkit-scrollbar-thumb{background:#dedbd2;border-radius:99px}
@media(min-width:1000px){
 .vj-feat{display:grid;grid-auto-flow:unset;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;padding-bottom:0}
 .vj-feat>.vj-c{max-width:none;min-width:0}
 .vj-series .vj-rail{grid-auto-columns:minmax(220px,280px)}
}
.vj-home-pro .vj-c{background:#fff;border:1px solid #eeeae1;border-radius:12px;padding:0;overflow:hidden;box-shadow:none;transition:box-shadow .2s,border-color .2s,transform .2s}
.vj-home-pro .vj-c:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(32,39,35,.1);border-color:#dedbd2}
.vj-home-pro .vj-c .ph.vj-ph{aspect-ratio:1/1;border-radius:0;background:#fff;padding:14px;margin:0}
.vj-home-pro .vj-c .meta{padding:12px 14px 16px}
.vj-home-pro .vj-c .cat{font-size:11px;letter-spacing:.08em;color:#8b7457}
.vj-home-pro .vj-c h3{font-size:15px;margin:4px 0 8px;line-height:1.25;font-family:var(--bf);font-weight:600}
.vj-home-pro .vj-c .pr{font-size:15px;font-weight:700;color:var(--ink)}
.vj-home-pro .vj-btn,.vj-home-pro .vj-c .add{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:10px 12px;border-radius:6px;background:var(--ink);color:#fff!important;font-size:13px;font-weight:600;text-decoration:none!important;width:100%;box-sizing:border-box}
.vj-home-pro .vj-c:hover .vj-btn,.vj-home-pro .vj-c:hover .add{background:var(--ac)}
.vj-home-pro .vj-soon .vj-btn-off,.vj-home-pro .vj-btn-off{background:#eeeae1;color:var(--mu)!important}
.vj-series-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}
.vj-series-h h2{font-size:clamp(22px,2.4vw,28px);margin:0;letter-spacing:-.02em}
.vj-series-a{font-size:14px;font-weight:600;color:var(--ink);border-bottom:1px solid currentColor;text-decoration:none;white-space:nowrap}
.vj-series-a:hover{color:var(--ac)}
.vj-sec-trust{padding:40px 0 56px;background:#fff;border-top:1px solid #eeeae1}
.vj-trust-title{font-size:clamp(22px,2.4vw,28px);text-align:center;margin:0 0 24px}
.vj-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vj-svc-i{background:#f7f5ef;border:1px solid #eeeae1;border-radius:12px;padding:22px 20px}
.vj-svc-i b{display:block;font-size:16px;margin-bottom:8px;font-family:var(--hf)}
.vj-svc-i span{font-size:14px;line-height:1.5;color:var(--mu)}
.vj-svc-i a{color:var(--ink);font-weight:600;text-decoration:underline}
@media(max-width:900px){
 .vj-hero-pro{padding:22px 0 18px}
 .vj-hero-pro-g{grid-template-columns:1fr;gap:18px}
 .vj-hero-pro-media{order:-1;padding:12px}
 .vj-hero-pro-c .vj-h1{font-size:clamp(30px,8vw,40px);max-width:14ch}
 .vj-hero-pro-c .lead{font-size:15.5px}
 .vj-sec-feat{padding:36px 0 28px}
 .vj-sec-series{padding:4px 0 28px}
 .vj-svc{grid-template-columns:1fr;gap:12px}
 .vj-rail{grid-auto-columns:minmax(168px,72vw);gap:12px}
 .vj-rail>.vj-c{max-width:none}
}
.vj-home-pro .vj-blob,.vj-home-pro .vj-vals,.vj-home-pro .vj-brands,.vj-home-pro .vj-help,.vj-home-pro .vj-sp-w,.vj-home-pro .vj-int{display:none!important}


/* ===== Nov 6, 2026 full-bleed hero banner ===== */
.vj-hero-bleed{position:relative;width:100%;min-height:420px;max-height:560px;height:clamp(380px,52vw,520px);overflow:hidden;background:#0d0f10;color:#f7f5ef;display:flex;align-items:flex-end}
.vj-hero-bleed-media{position:absolute;inset:0;z-index:0}
.vj-hero-bleed-media picture,.vj-hero-bleed-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center right}
.vj-hero-bleed-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,10,12,.88) 0%,rgba(8,10,12,.55) 38%,rgba(8,10,12,.12) 62%,rgba(8,10,12,.35) 100%),linear-gradient(180deg,rgba(8,10,12,.25) 0%,transparent 35%,rgba(8,10,12,.55) 100%)}
.vj-hero-bleed-copy{position:relative;z-index:2;padding:48px 24px 52px;max-width:560px}
.vj-hero-bleed .eyebrow{color:#c9b299!important;margin-bottom:12px;letter-spacing:.14em}
.vj-hero-bleed .vj-h1{color:#fff;font-size:clamp(34px,4.8vw,56px);line-height:1.05;letter-spacing:-.03em;max-width:11ch;margin:0;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.vj-hero-bleed .lead{color:rgba(247,245,239,.82);margin-top:14px;font-size:17px;max-width:34ch;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.vj-hero-bleed .ctas{margin-top:22px}
.vj-hero-bleed .btn{box-shadow:0 8px 24px rgba(200,16,46,.35)}
/* kill old boxed hero if cached */
.vj-hero-pro,.vj-hero-pro-media{display:none!important}
@media(max-width:767px){
 .vj-hero-bleed{height:auto;min-height:440px;max-height:none;aspect-ratio:auto;align-items:flex-start;padding-bottom:0}
 .vj-hero-bleed-media img{object-position:center bottom}
 .vj-hero-bleed-shade{background:linear-gradient(180deg,rgba(8,10,12,.92) 0%,rgba(8,10,12,.78) 28%,rgba(8,10,12,.35) 48%,rgba(8,10,12,.08) 62%,rgba(8,10,12,.55) 100%)!important}
 .vj-hero-bleed-copy{padding:32px 18px 28px;max-width:100%}
 .vj-hero-bleed .vj-h1{font-size:clamp(30px,8.5vw,40px);max-width:12ch}
 .vj-hero-bleed .lead{font-size:15.5px;color:rgba(247,245,239,.9)}
}
@media(min-width:768px){
 .vj-hero-bleed{min-height:460px;height:clamp(440px,38vw,520px)}
 .vj-hero-bleed-copy{padding:56px 24px 64px}
}