/* VapeCo real HTML hero — no image hotspots, no raster CTA text used.
   The product artwork stays decorative while the headline, original logo,
   links, and navigation are fully accessible live DOM elements. */
.vc-live-hero{--vc-neon:#b7f500;position:relative!important;isolation:isolate;overflow:hidden!important;margin:0!important;padding:0!important;background:#05090b!important;min-height:610px;color:#fff}
.vc-live-hero .hero-slide{height:clamp(610px,46vw,800px)!important;min-height:610px!important;max-height:800px!important;max-width:none!important;margin:0!important;padding:0!important;position:relative!important;display:block!important;background:#05090b!important;overflow:hidden!important;transform:none}
.vc-live-hero .hero-slide[hidden]{display:none!important}
.vc-live-hero .vc-live-slide.vc-tone-cyan{--vc-neon:#69ecf6}
.vc-live-hero .vc-live-slide.vc-tone-violet{--vc-neon:#edacff}
.vc-live-hero .vc-live-slide.vc-tone-teal{--vc-neon:#3be9de}
.vc-live-hero .vc-live-slide.vc-tone-rose{--vc-neon:#ffc76b}
.vc-live-hero .vc-live-media,.vc-live-hero .vc-live-media picture{position:absolute;inset:0;display:block;pointer-events:none;z-index:0}
.vc-live-hero .vc-live-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%;max-height:none;max-width:none;transform:scale(1.012);filter:saturate(1.03)}
.vc-live-hero .vc-live-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#04070b 0%,#04070b 47%,rgba(4,7,11,.99) 49%,rgba(4,7,11,.89) 52%,rgba(4,7,11,.57) 60%,rgba(4,7,11,.06) 78%,transparent 100%)}
.vc-live-hero .vc-live-layout{position:relative;z-index:3;height:100%;width:100%;max-width:1800px;margin:auto;padding:clamp(28px,3vw,52px) clamp(74px,7.5vw,145px) 38px;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;pointer-events:none}
.vc-live-hero .vc-live-layout a{pointer-events:auto}
.vc-live-hero .vc-live-logo{display:block;flex:0 0 auto;width:clamp(176px,16vw,274px);height:auto;max-height:93px;line-height:0;position:relative;z-index:6}
.vc-live-hero .vc-live-logo img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 5px 14px #0008)}
.vc-live-hero .vc-live-copy{margin:auto 0;max-width:660px;width:52%;padding:10px 0 8px;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:4;transform:none!important;top:auto!important;left:auto!important;bottom:auto!important;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.vc-live-hero .vc-live-eyebrow{display:flex;align-items:center;gap:12px;color:var(--vc-neon)!important;font-size:clamp(11px,.78vw,13px)!important;letter-spacing:.19em!important;font-weight:850!important;line-height:1.4!important;margin:0 0 16px!important;text-transform:uppercase}
.vc-live-hero .vc-live-eyebrow:before{content:"";width:5px;height:22px;background:var(--vc-neon);box-shadow:0 0 18px color-mix(in srgb,var(--vc-neon),transparent 50%)}
.vc-live-hero .vc-live-copy h1{margin:0 0 21px!important;color:#fff!important;font-size:clamp(47px,4.8vw,85px)!important;line-height:.99!important;letter-spacing:-.061em!important;font-weight:850!important;text-shadow:0 12px 34px #0009;white-space:normal;max-width:670px}
.vc-live-hero .vc-live-copy h1 span{display:block;color:var(--vc-neon);font-weight:870}
.vc-live-hero .vc-live-desc{color:#e8ebec!important;font-size:clamp(15px,1vw,18px)!important;line-height:1.55!important;max-width:490px!important;margin:0 0 24px!important;text-shadow:0 4px 16px #000b}
.vc-live-hero .vc-live-metrics{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 25px}
.vc-live-hero .vc-live-metrics span{color:#f1f8f5;display:inline-flex;align-items:center;font-weight:800;font-size:10px;letter-spacing:.085em;line-height:1.1;padding:9px 13px;border-radius:100px;border:1px solid color-mix(in srgb,var(--vc-neon),transparent 40%);background:rgba(6,12,14,.73);box-shadow:0 0 20px #0008;backdrop-filter:blur(7px)}
.vc-live-hero .vc-live-buttons{display:flex;align-items:stretch;flex-wrap:wrap;gap:13px;z-index:7}
.vc-live-hero .vc-live-button{display:inline-flex!important;min-height:52px!important;box-sizing:border-box;align-items:center!important;justify-content:center!important;gap:12px!important;padding:13px 21px!important;font-size:13px!important;line-height:1.25!important;white-space:nowrap;font-weight:850!important;border-radius:14px!important;text-decoration:none!important;border:1px solid var(--vc-neon)!important;transition:transform .19s ease,box-shadow .19s ease,background .19s ease!important;position:relative;opacity:1!important;visibility:visible!important;cursor:pointer}
.vc-live-hero .vc-live-button span{font-size:18px;line-height:1}
.vc-live-hero .vc-live-button.vc-primary{background:var(--vc-neon)!important;color:#08110b!important;box-shadow:0 10px 27px color-mix(in srgb,var(--vc-neon),transparent 73%)}
.vc-live-hero .vc-live-button.vc-secondary{background:rgba(5,10,16,.68)!important;color:#f5f9fa!important;box-shadow:0 12px 24px #0005}
.vc-live-hero .vc-live-button:hover{transform:translateY(-3px)!important;box-shadow:0 13px 32px color-mix(in srgb,var(--vc-neon),transparent 64%)!important}
.vc-live-hero .vc-live-button:focus-visible{outline:3px solid #fff!important;outline-offset:3px!important}
.vc-live-hero .vc-live-art-label{color:#e8f4ffad;position:absolute;bottom:26px;right:6.6%;font-size:10px;font-weight:800;letter-spacing:.2em;white-space:nowrap}
.vc-live-hero #prev,.vc-live-hero #next{position:absolute!important;top:50%!important;bottom:auto!important;width:48px!important;height:48px!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;border:1px solid #e1ebff60!important;backdrop-filter:blur(14px);background:#02080f99!important;color:#fff!important;z-index:15!important;font-size:33px!important;line-height:1!important;padding:0!important;transition:background .2s ease,scale .2s ease!important}
.vc-live-hero #prev{left:12px!important}.vc-live-hero #next{right:12px!important}
.vc-live-hero #prev:hover,.vc-live-hero #next:hover{background:var(--vc-neon,#b7f500)!important;color:#070c10!important;scale:1.06!important;transform:translateY(-50%)!important}
.vc-live-hero .dots{position:absolute!important;bottom:21px!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;gap:8px!important;z-index:17!important}
.vc-live-hero .dots button{width:11px!important;height:11px!important;min-height:11px!important;border-radius:100px!important;font-size:0!important;color:transparent!important;border:1px solid #fffa!important;background:#ffffff40!important;padding:0!important;line-height:0!important;transition:width .2s,background .2s}
.vc-live-hero .dots button[aria-current="true"]{width:28px!important;background:#b7f500!important;border-color:#b7f500!important}
.vc-live-hero .vc-live-slide.vc-is-leaving{position:absolute!important;inset:0!important;z-index:2!important;opacity:1;pointer-events:none!important;transition:opacity .82s ease!important}
.vc-live-hero .vc-live-slide.vc-is-leaving.vc-is-faded{opacity:0!important}
.vc-live-hero .vc-live-slide.vc-is-entering{position:relative!important;z-index:3!important;opacity:0;transform:translateX(15px)!important;transition:opacity .82s ease,transform .82s ease!important}
.vc-live-hero .vc-live-slide.vc-is-entering.vc-is-visible{opacity:1!important;transform:none!important}
.vc-live-hero .vc-live-slide:not([hidden]) .vc-live-copy{animation:vc-real-copy .62s ease both}
@keyframes vc-real-copy{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@media(max-width:1100px) and (min-width:761px){
 .vc-live-hero .vc-live-layout{padding-left:75px;padding-right:65px}
 .vc-live-hero .vc-live-copy{width:58%}
 .vc-live-hero .vc-live-copy h1{font-size:clamp(47px,5.2vw,68px)!important}
 .vc-live-hero .vc-live-scrim{background:linear-gradient(90deg,#04070b 0%,#04070b 50%,rgba(4,7,11,.84) 60%,transparent 91%)}
}
@media(max-width:760px){
 .vc-live-hero{min-height:0!important}
 .vc-live-hero .hero-slide{height:700px!important;max-height:none!important;min-height:700px!important;overflow:hidden!important}
 .vc-live-hero .vc-live-media{inset:0 0 auto!important;height:470px!important}
 .vc-live-hero .vc-live-media img{object-fit:cover!important;object-position:center top!important;transform:none!important}
 .vc-live-hero .vc-live-scrim{background:linear-gradient(180deg,rgba(2,6,10,.12) 0%,rgba(2,6,10,.10) 29%,rgba(2,6,10,.86) 58%,#05090c 69%,#05090c 100%)}
 .vc-live-hero .vc-live-layout{padding:20px 20px 68px!important;max-width:none!important;min-height:700px!important}
 .vc-live-hero .vc-live-logo{width:169px;max-height:70px}
 .vc-live-hero .vc-live-copy{margin:auto 0 8px!important;width:100%!important;max-width:100%!important;padding:0!important;position:relative!important;z-index:6!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important}
 .vc-live-hero .vc-live-eyebrow{font-size:9px!important;letter-spacing:.13em!important;gap:8px;margin-bottom:10px!important}
 .vc-live-hero .vc-live-eyebrow:before{height:16px;width:3px}
 .vc-live-hero .vc-live-copy h1{font-size:clamp(36px,9.2vw,57px)!important;line-height:1.02!important;margin:0 0 14px!important}
 .vc-live-hero .vc-live-desc{font-size:12px!important;line-height:1.48!important;margin:0 0 14px!important;max-width:450px!important}
 .vc-live-hero .vc-live-metrics{gap:7px;margin-bottom:18px!important}
 .vc-live-hero .vc-live-metrics span{font-size:8px;padding:7px 9px}
 .vc-live-hero .vc-live-buttons{gap:8px;flex-wrap:wrap}
 .vc-live-hero .vc-live-button{font-size:11px!important;border-radius:10px!important;min-height:44px!important;padding:11px 13px!important;gap:7px!important}
 .vc-live-hero .vc-live-button span{font-size:15px}
 .vc-live-hero .vc-live-art-label{font-size:8px;bottom:25px;right:18px}
 .vc-live-hero #prev,.vc-live-hero #next{top:16px!important;bottom:auto!important;transform:none!important;width:37px!important;height:37px!important;font-size:22px!important}
 .vc-live-hero #prev{left:auto!important;right:61px!important}.vc-live-hero #next{right:17px!important}
 .vc-live-hero #prev:hover,.vc-live-hero #next:hover{transform:none!important}
 .vc-live-hero .dots{bottom:18px!important}
}
@media(max-width:380px){
 .vc-live-hero .hero-slide{height:674px!important;min-height:674px!important}
 .vc-live-hero .vc-live-layout{min-height:674px!important;padding-left:17px!important;padding-right:17px!important}
 .vc-live-hero .vc-live-logo{width:146px}
 .vc-live-hero .vc-live-copy h1{font-size:35px!important}
 .vc-live-hero .vc-live-metrics{margin-bottom:14px!important}
 .vc-live-hero .vc-live-button{font-size:10px!important;padding:10px!important}
}
@media(prefers-reduced-motion:reduce){.vc-live-hero .vc-live-slide,.vc-live-hero .vc-live-button,.vc-live-hero .vc-live-copy{transition:none!important;animation:none!important}}
@media(max-width:760px){.vc-live-hero .vc-live-art-label{display:none!important}}