.vesa-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);max-width:1280px;padding:40px 24px;margin:auto;color:var(--color-foreground);font-family:var(--font-body--family,inherit)}.vesa-hero *{box-sizing:border-box}.vesa-hero [hidden]{display:none!important}.vesa-hero__gallery,.vesa-hero__details{min-width:0}.vesa-hero__images{background:#f6f6f3;border-radius:18px;overflow:hidden}.vesa-hero__images img,.vesa-hero__placeholder{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.vesa-hero__thumbnails{display:flex;gap:10px;overflow-x:auto;padding:12px 2px}.vesa-hero__thumbnails button{flex:0 0 72px;padding:3px;border:2px solid transparent;border-radius:10px;background:#f6f6f3;cursor:pointer}.vesa-hero__thumbnails button[aria-pressed=true]{border-color:var(--vesa-accent)}.vesa-hero__thumbnails img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.vesa-hero button:focus-visible,.vesa-hero select:focus-visible{outline:3px solid var(--vesa-accent);outline-offset:3px}.vesa-hero__details{display:flex;flex-direction:column;gap:20px;align-self:center}.vesa-hero p,.vesa-hero h1{margin:0}.vesa-hero h1{font-family:var(--font-heading--family,inherit);font-size:clamp(28px,3.2vw,46px);line-height:1.12;overflow-wrap:anywhere}.vesa-hero__rating{font-size:14px;color:var(--vesa-accent)}.vesa-hero__price{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;font-size:28px;font-weight:700}.vesa-hero__price s{font-size:19px;font-weight:400;opacity:.65}.vesa-hero__benefits{display:grid;gap:12px;list-style:none;padding:0;margin:0}.vesa-hero__benefits li{display:flex;align-items:baseline;gap:12px;line-height:1.5}.vesa-hero__benefits li>span{color:var(--vesa-accent);font-weight:700}.vesa-hero__stock{padding:12px 16px;background:#f6f6f3;border-inline-start:3px solid var(--vesa-accent);border-radius:4px}.vesa-hero__delivery{font-size:14px;text-align:center}.vesa-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid #ddd;padding-top:20px;text-align:center}.vesa-hero__stats strong{display:block;font-size:24px;color:var(--vesa-accent)}.vesa-hero__stats span{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.vesa-hero__variants{display:grid;gap:8px}.vesa-hero__variants select,.vesa-hero__variants button{font:inherit;padding:12px;border:1px solid #aaa;border-radius:6px;color:inherit;background:transparent;width:100%}.vesa-hero__variants button{cursor:pointer}.vesa-hero__sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:749px){.vesa-hero{grid-template-columns:minmax(0,1fr);padding:20px 16px;gap:24px}.vesa-hero__details{gap:16px}}.vesa-hero .vesa-urgency{font-size:18px;background:#f6ffe845;padding:12px 16px;border-radius:10px;color:#c62828;font-weight:600}.vesa-hero [data-stock-count]{display:inline-block}.vesa-urgency__bar{height:8px;background:#eee;border-radius:20px;overflow:hidden;margin-top:10px}.vesa-urgency__bar>div{height:100%;background:#e53935;border-radius:20px;transition:width .5s ease}.vesa-hero .vesa-delivery{text-align:center;color:#111}.vesa-hero .vesa-delivery>p{font-size:17px;line-height:1.5;margin-bottom:22px}.vesa-delivery__timeline{display:flex;align-items:center;justify-content:center}.vesa-delivery__step{display:flex;flex-direction:column;align-items:center;min-width:0;flex:0 1 125px;gap:2px}.vesa-delivery__circle{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:8px;background:#f2f2f2;border:2px solid #d9d9d9}.vesa-delivery__circle--arrival{background:#f4fff4;border-color:#4caf50}.vesa-delivery__line{flex:0 1 90px;min-width:15px;height:3px;background:#b9d8b9;margin:0 6px 38px;border-radius:10px}.vesa-delivery__step strong{font-size:15px}.vesa-delivery__step>span{font-size:14px;color:#333}.vesa-hero .vesa-viewers{background:#f5f5f5;border-radius:10px;padding:14px 16px;font-size:17px;font-weight:600;color:#111}@media(max-width:749px){.vesa-hero .vesa-delivery>p{font-size:16px}.vesa-delivery__circle{width:48px;height:48px;font-size:20px}.vesa-delivery__step strong{font-size:14px}.vesa-delivery__step>span{font-size:13px}.vesa-hero .vesa-viewers{font-size:15px;padding:12px 14px}}@media(prefers-reduced-motion:reduce){.vesa-urgency__bar>div{transition:none}}.vesa-hero-shell{background:var(--vesa-background);color:var(--vesa-ink);width:100%}.vesa-hero{color:var(--vesa-ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6;padding:40px 24px;gap:clamp(28px,4vw,60px);align-items:start}.vesa-hero__details{align-self:start;gap:20px;padding:12px 0}.vesa-hero h1{font-family:inherit;font-size:clamp(32px,3.1vw,46px);line-height:1.15;font-weight:700;letter-spacing:-.025em;color:var(--vesa-ink);overflow-wrap:normal}.vesa-hero .vesa-hero__eyebrow{font-size:14px;letter-spacing:.08em;line-height:1.5;font-weight:700;color:var(--vesa-accent)}.vesa-hero__intro{color:var(--vesa-muted);font-size:18px;line-height:1.65}.vesa-hero__images{background:var(--vesa-soft);border-radius:12px}.vesa-hero__thumbnails{gap:10px;padding:14px 3px;scroll-snap-type:x proximity}.vesa-hero__thumbnails button{background:var(--vesa-background);flex-basis:76px;min-height:60px;scroll-snap-align:start}.vesa-hero__price{font-size:34px;line-height:1.3;color:var(--vesa-accent)}.vesa-hero__price s{font-size:22px;color:var(--vesa-muted);opacity:1}.vesa-hero__rating{font-size:17px;font-weight:600}.vesa-hero__benefits{gap:14px}.vesa-hero__benefits li{font-size:18px;line-height:1.55;gap:12px}.vesa-hero__benefits li>span{flex:0 0 28px;text-align:center;font-size:23px}.vesa-hero__stock,.vesa-hero .vesa-urgency{background:var(--vesa-soft);color:var(--vesa-ink);font-size:18px;line-height:1.55;border-radius:10px}.vesa-urgency__bar{background:var(--vesa-background)}.vesa-urgency__bar>div{background:var(--vesa-accent)}.vesa-hero__easysell{width:100%;min-width:0}.vesa-hero #es-popup-button{background:var(--vesa-accent)!important;color:#fff!important;border:0!important;border-radius:10px!important;width:100%!important;min-height:64px!important;padding:16px 20px!important;font-family:inherit!important;font-size:20px!important;font-weight:700!important;line-height:1.4!important;box-shadow:none!important}.vesa-hero #es-popup-button span{color:inherit!important}.vesa-hero #es-popup-button:hover{filter:brightness(.93)}.vesa-hero #es-popup-button:focus-visible{outline:3px solid var(--vesa-ink)!important;outline-offset:4px}.vesa-hero .vesa-delivery{color:var(--vesa-ink)}.vesa-hero .vesa-delivery>p{font-size:18px;line-height:1.6;margin-bottom:20px}.vesa-delivery__circle{background:var(--vesa-background);border-color:var(--vesa-accent);width:52px;height:52px}.vesa-delivery__circle--arrival{background:var(--vesa-soft);border-color:var(--vesa-accent)}.vesa-delivery__line{background:var(--vesa-accent)}.vesa-delivery__step{flex-basis:145px}.vesa-delivery__step strong{font-size:17px}.vesa-delivery__step>span{font-size:16px;color:var(--vesa-muted)}.vesa-hero .vesa-viewers{background:var(--vesa-soft);color:var(--vesa-ink);font-size:17px;font-weight:400;line-height:1.6}.vesa-hero__stats{border-color:var(--vesa-soft);gap:16px}.vesa-hero__stats strong{font-size:26px}.vesa-hero__stats span{font-size:16px;line-height:1.5;color:var(--vesa-muted);overflow-wrap:normal}.vesa-hero__variants select,.vesa-hero__variants button{min-height:48px;font-size:18px;border-color:var(--vesa-muted)}@media(max-width:749px){.vesa-hero{padding:20px 18px 32px;gap:20px}.vesa-hero__details{gap:20px;padding:0}.vesa-hero h1{font-size:32px;line-height:1.18}.vesa-hero__price{font-size:32px}.vesa-hero__thumbnails button{flex-basis:64px}.vesa-hero__stats{grid-template-columns:1fr;text-align:left}.vesa-hero__stats>div{display:flex;align-items:baseline;gap:14px}.vesa-hero__stats strong{flex:0 0 52px}.vesa-hero .vesa-viewers{padding:14px 16px;font-size:17px}.vesa-hero .vesa-delivery>p{font-size:18px}}@media(max-width:749px){.vesa-hero{padding-bottom:12px}}.vesa-hero__gallery-navigation{display:flex;align-items:center;gap:6px}.vesa-hero__gallery-navigation .vesa-hero__thumbnails{flex:1;min-width:0;scrollbar-width:none;scroll-snap-type:none}.vesa-hero__thumbnails::-webkit-scrollbar{display:none}.vesa-hero__gallery-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:44px;padding:0;border:0;border-radius:22px;background:var(--vesa-background);color:var(--vesa-accent);cursor:pointer}.vesa-hero__gallery-arrow:hover{background:var(--vesa-soft)}
/*# sourceMappingURL=/cdn/shop/t/1/assets/vesa-product-hero.css.map */
