.vyv-shop-hero{display:block;padding:0 24px;color:#231f20;--hero-tint:#f8dfe4;--hero-accent:#c20430}.vyv-shop-hero[data-flavor=blueberry]{--hero-tint:#e0eafa;--hero-accent:#1226aa}.vyv-shop-hero[data-flavor=strawberry]{--hero-tint:#f6dcee;--hero-accent:#b91d7d}.vyv-shop-hero[data-flavor=variety]{--hero-tint:#e9e3f1;--hero-accent:#665574}.vyv-shop-hero__shell{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:48% 52%;grid-template-areas:"copy media" "shop shop";background:var(--hero-tint);border-radius:24px;overflow:hidden;transition:background-color .25s ease}.vyv-shop-hero__copy{grid-area:copy;align-self:center;padding:44px 50px 42px}.vyv-shop-hero__eyebrow{margin:0 0 23px;font-size:15px;font-weight:500;line-height:1.35}.vyv-shop-hero h1{margin:0 0 23px;font-family:var(--font-heading-family);font-weight:500;font-size:clamp(48px,4.8vw,76px);letter-spacing:-.055em;line-height:1.01;color:#231f20}.vyv-shop-hero__description{font-size:19px;line-height:1.5;margin:0 0 30px}.vyv-shop-hero__facts{list-style:none;margin:0;padding:0;display:flex;gap:0}.vyv-shop-hero__facts li{display:flex;flex-direction:column;padding:0 24px;border-left:1px solid #231f202d}.vyv-shop-hero__facts li:first-child{padding-left:0;border-left:0}.vyv-shop-hero__facts strong{font-weight:600;font-size:32px;line-height:1.1;letter-spacing:-.035em}.vyv-shop-hero__facts span{margin-top:7px;font-size:13px;line-height:1.2}.vyv-shop-hero__media{grid-area:media;position:relative;min-height:525px;background:#eee;overflow:hidden}.vyv-shop-hero__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;opacity:0;transition:opacity .24s ease}.vyv-shop-hero__photo.is-active{opacity:1;z-index:1}.vyv-shop-hero__photo-caption{position:absolute;right:20px;top:20px;z-index:2;padding:9px 14px;border-radius:100px;background:#fffef5ed;color:#231f20;font-size:12px;line-height:1.2}.vyv-shop-hero__carousel-controls{position:absolute;left:14px;bottom:14px;z-index:3;display:flex;align-items:center;gap:7px;padding:4px;border-radius:100px;background:#fff;box-shadow:0 2px 10px #231f2026}.vyv-shop-hero__carousel-arrow{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#f2edee;color:#231f20;font:inherit;font-size:16px;cursor:pointer}.vyv-shop-hero__carousel-arrow:hover{background:#e3dcde}.vyv-shop-hero__carousel-dots{display:flex;align-items:center;gap:5px}.vyv-shop-hero__carousel-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#c9bec2;cursor:pointer}.vyv-shop-hero__carousel-dot.is-active{background:var(--hero-accent)}.vyv-shop-hero__shop{grid-area:shop;display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:16px 24px;background:#fff;border:1px solid #e4dddd;border-top:0;border-radius:0 0 24px 24px;padding:20px 24px 24px;scroll-margin-top:110px}.vyv-shop-hero__picker{display:contents}.vyv-shop-hero__pick-label{grid-column:1;grid-row:1;margin:0;font-size:20px;font-weight:500;line-height:1.2}.vyv-shop-hero__choices{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vyv-shop-hero__choice{--card-wash:#fdf0f1;--card-gradient:radial-gradient(ellipse at 40% 25%,#fff8f7,#f9e0e2 48%,#eda9b2);display:flex;align-items:center;position:relative;min-height:144px;padding:0;border:1px solid #e0dada;border-top:3px solid var(--choice-color);border-radius:12px;overflow:hidden;background:var(--card-wash);color:#231f20;text-decoration:none}.vyv-shop-hero__choice[data-flavor-choice=blueberry]{--card-wash:#eef3fc;--card-gradient:radial-gradient(ellipse at 40% 25%,#f4f8ff,#dce8fa 48%,#bdd2ef)}.vyv-shop-hero__choice[data-flavor-choice=strawberry]{--card-wash:#fdf0f7;--card-gradient:radial-gradient(ellipse at 40% 25%,#fff5fc,#f9dded 48%,#efb6d9)}.vyv-shop-hero__choice[data-flavor-choice=variety]{--card-wash:#f2eef6;--card-gradient:linear-gradient(130deg,#deebfa,#ece5f1 55%,#f4cddf)}.vyv-shop-hero__choice.is-active{border-color:var(--choice-color);box-shadow:inset 0 0 0 1px var(--choice-color)}.vyv-shop-hero__choice:hover{border-color:var(--choice-color)}.vyv-shop-hero__thumb{position:relative;align-self:stretch;flex:0 0 120px;min-height:140px;overflow:hidden;background:var(--card-gradient)}.vyv-shop-hero__can{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:142px;height:142px;max-width:none;object-fit:contain;mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.vyv-shop-hero__choice[data-flavor-choice=cherry] .vyv-shop-hero__can{mask-image:url(vyv-mask-cherry.svg);-webkit-mask-image:url(vyv-mask-cherry.svg)}.vyv-shop-hero__choice[data-flavor-choice=blueberry] .vyv-shop-hero__can{mask-image:url(vyv-mask-blueberry.svg);-webkit-mask-image:url(vyv-mask-blueberry.svg)}.vyv-shop-hero__choice[data-flavor-choice=strawberry] .vyv-shop-hero__can{mask-image:url(vyv-mask-strawberry.svg);-webkit-mask-image:url(vyv-mask-strawberry.svg)}.vyv-shop-hero__pack{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:7px}.vyv-shop-hero__life{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease;object-position:center 43%}.vyv-shop-hero__choice[data-flavor-choice=blueberry] .vyv-shop-hero__life{object-position:center 68%}.vyv-shop-hero__choice[data-flavor-choice=variety] .vyv-shop-hero__life{object-position:center 65%}.vyv-shop-hero__choice-copy{display:flex;flex-direction:column;gap:9px;padding:18px 14px;min-width:0}.vyv-shop-hero__choice-name{font-size:16px;font-weight:500;line-height:1.3}.vyv-shop-hero__choice-size{font-size:13px;color:#686065}.vyv-shop-hero__selected-mark{position:absolute;top:8px;right:8px;width:17px;height:17px;color:var(--choice-color);opacity:0}.vyv-shop-hero__choice.is-active .vyv-shop-hero__selected-mark{opacity:1}@media(hover:hover)and (pointer:fine){.vyv-shop-hero__choice:hover .vyv-shop-hero__life{opacity:1}}.vyv-shop-hero__buy{grid-column:2;grid-row:1;display:flex;gap:20px;align-items:center;justify-content:flex-end;min-width:0}.vyv-shop-hero__cta{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;padding:0 21px;border:1px solid var(--hero-accent);border-radius:100px;background:var(--hero-accent);color:#fff;font-size:15px;font-weight:500;white-space:nowrap;transition:background .2s,border-color .2s,filter .2s}.vyv-shop-hero__cta:hover{filter:brightness(.9);color:#fff}.vyv-shop-hero__cta svg{width:20px;height:20px;flex:none}.vyv-shop-hero a:focus-visible,.vyv-shop-hero button:focus-visible{outline:2px solid #231f20;outline-offset:4px}@media(min-width:1600px){.vyv-shop-hero__media{min-height:550px}.vyv-shop-hero__copy{padding-left:64px}}@media(min-width:768px)and (max-width:1099px){.vyv-shop-hero{padding:0 16px}.vyv-shop-hero__copy{padding:22px 20px}.vyv-shop-hero__eyebrow{font-size:14px;margin-bottom:16px}.vyv-shop-hero h1{font-size:40px;margin-bottom:18px}.vyv-shop-hero__description{font-size:16px;line-height:1.4;margin-bottom:18px}.vyv-shop-hero__facts li{padding:0 13px}.vyv-shop-hero__facts strong{font-size:27px}.vyv-shop-hero__facts span{font-size:12px}.vyv-shop-hero__media{min-height:0;aspect-ratio:1 / 1}.vyv-shop-hero__shop{grid-template-columns:1fr 310px;padding:20px}.vyv-shop-hero__choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vyv-shop-hero__choice{flex-direction:column;min-height:0}.vyv-shop-hero__thumb{flex-basis:auto;width:100%;min-height:116px;height:116px}.vyv-shop-hero__can{width:116px;height:116px}.vyv-shop-hero__choice-copy{width:100%;padding:12px;gap:5px}.vyv-shop-hero__choice-name{font-size:13px;min-height:34px}.vyv-shop-hero__choice-size{font-size:12px}.vyv-shop-hero__buy{align-self:center}.vyv-shop-hero__cta{padding:0 18px;gap:10px;font-size:16px}}@media(max-width:767px){.vyv-shop-hero{padding:0 15px}.vyv-shop-hero__shell{grid-template-columns:1fr;grid-template-areas:"copy" "media" "shop";border-radius:18px}.vyv-shop-hero__copy{padding:23px 24px 21px}.vyv-shop-hero__eyebrow{font-size:12px;margin-bottom:12px}.vyv-shop-hero h1{font-size:39px;margin-bottom:13px;line-height:1.02}.vyv-shop-hero__description{font-size:15px;line-height:1.4;margin-bottom:17px}.vyv-shop-hero__facts{margin-bottom:0;justify-content:space-between}.vyv-shop-hero__facts li{padding:0 15px}.vyv-shop-hero__facts li:last-child{padding-right:0}.vyv-shop-hero__facts strong{font-size:25px}.vyv-shop-hero__facts span{font-size:11px;margin-top:5px}.vyv-shop-hero__copy{position:relative}.vyv-shop-hero__media{min-height:0;height:260px}.vyv-shop-hero__photo-caption{top:12px;right:12px;font-size:10px;padding:7px 10px}.vyv-shop-hero__carousel-controls{left:10px;bottom:10px;gap:2px;padding:3px 5px}.vyv-shop-hero__carousel-arrow[data-hero-prev],.vyv-shop-hero__carousel-arrow[data-hero-next]{display:none}.vyv-shop-hero__carousel-dots{gap:0}.vyv-shop-hero__carousel-dot{position:relative;width:20px;height:30px;border-radius:0;background:transparent}.vyv-shop-hero__carousel-dot:before{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50%;background:#c9bec2;transform:translate(-50%,-50%)}.vyv-shop-hero__carousel-dot.is-active{background:transparent}.vyv-shop-hero__carousel-dot.is-active:before{background:var(--hero-accent)}.vyv-shop-hero__carousel-toggle{width:30px;height:30px;font-size:14px}.vyv-shop-hero__shop{grid-template-columns:1fr;gap:14px;padding:19px 16px 20px;border-radius:0 0 18px 18px}.vyv-shop-hero__pick-label{font-size:17px;margin:0}.vyv-shop-hero__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vyv-shop-hero__choice{min-height:110px;padding:0;border-radius:9px}.vyv-shop-hero__thumb{min-height:108px;flex-basis:56px}.vyv-shop-hero__can{width:108px;height:108px}.vyv-shop-hero__choice-copy{padding:18px 8px 12px;gap:7px}.vyv-shop-hero__choice-name{font-size:12px}.vyv-shop-hero__choice-size{font-size:11px}.vyv-shop-hero__selected-mark{width:13px;height:13px;top:5px;right:5px}.vyv-shop-hero__pack{padding:2px}.vyv-shop-hero__swatch{flex-basis:8px;width:8px;height:8px}.vyv-shop-hero__buy{grid-column:1;grid-row:3;display:flex;justify-content:flex-end;gap:12px;align-items:center}.vyv-shop-hero__cta{min-height:48px;padding:0 16px;gap:8px;font-size:14px}.vyv-shop-hero__cta svg{width:18px;height:18px}}@media(max-width:359px){.vyv-shop-hero__copy{padding:22px 20px}.vyv-shop-hero h1{font-size:33px}.vyv-shop-hero__facts li{padding:0 10px}.vyv-shop-hero__facts strong{font-size:22px}.vyv-shop-hero__facts span{font-size:10px}.vyv-shop-hero__shop{padding:18px 12px}.vyv-shop-hero__thumb{flex-basis:44px}.vyv-shop-hero__can{width:98px;height:98px}.vyv-shop-hero__choice-copy{padding-left:6px;padding-right:6px}.vyv-shop-hero__choice-name,.vyv-shop-hero__choice{font-size:11px}.vyv-shop-hero__media{height:240px}}@media(prefers-reduced-motion:reduce){.vyv-shop-hero *,.vyv-shop-hero__shell{transition:none!important}}.vyv-hero-intro{margin-top:20px;max-width:490px}.vyv-hero-intro a{display:inline-block;font-size:18px;font-weight:600;color:#c20430;text-underline-offset:4px}.vyv-hero-intro p{font-size:13px;line-height:1.5;margin:7px 0 0;color:#544b4e}.vyv-shop-hero{--hero-tint:#fae9ed}.vyv-shop-hero[data-flavor=blueberry]{--hero-tint:#eaf0fb}.vyv-shop-hero[data-flavor=strawberry]{--hero-tint:#faeaf4}.vyv-shop-hero[data-flavor=variety]{--hero-tint:#f0ebf5}.vyv-shop-hero__shell{background:linear-gradient(125deg,#fffdfb 0%,var(--hero-tint) 65%,var(--hero-tint) 100%)}.vyv-shop-hero__copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;border:3px solid #231f20;border-radius:24px 0 0}@media(max-width:767px){.vyv-shop-hero__copy{border:0;box-shadow:inset 0 0 0 2px #231f20;border-radius:18px 18px 0 0}}.vyv-shop-hero__photo-caption{background:var(--hero-accent);color:#fff}.vyv-shop-hero[data-flavor=variety] .vyv-shop-hero__photo-caption{background:linear-gradient(120deg,#deebfa,#ece5f1 50%,#f4cddf);color:#231f20}.vyv-shop-hero[data-flavor=variety] .vyv-shop-hero__cta{background:linear-gradient(120deg,#deebfa,#ece5f1 50%,#f4cddf);border-color:#ddd5e3;color:#231f20}.vyv-shop-hero__buy{width:100%}.vyv-shop-hero__cta,.vyv-home-type .vyv-shop-hero .vyv-shop-hero__cta{width:100%;min-height:62px;padding:0 26px;font-size:18px;font-weight:600;line-height:1.15;white-space:normal}.vyv-shop-hero__cta span{min-width:0}@media(max-width:767px){.vyv-shop-hero__cta,.vyv-home-type .vyv-shop-hero .vyv-shop-hero__cta{min-height:62px;padding:0 20px;font-size:16px}}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__copy{padding:40px 44px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__eyebrow{font-size:14px;line-height:1.4;font-weight:500;margin:0 0 18px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__copy h1{font-size:clamp(44px,4vw,64px);line-height:1.06;letter-spacing:-.01em;margin:0 0 22px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__description{max-width:440px;font-size:18px;line-height:1.5;margin:0 0 24px;text-wrap:pretty}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:480px;width:100%;gap:0}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts li{min-width:0;padding:0 20px;flex:none}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts li:first-child{padding-left:0}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts li:last-child{padding-right:0}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts strong{display:block;font-size:34px;font-weight:700;line-height:1.1;letter-spacing:0;white-space:nowrap}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts li>span{font-size:14px;line-height:1.35;margin-top:6px;text-wrap:balance}.vyv-home-type .vyv-shop-hero .vyv-hero-intro{width:100%;max-width:480px;margin:24px 0 0;padding-top:18px;border-top:1px solid #231f2024}.vyv-home-type .vyv-shop-hero .vyv-hero-intro a{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0}.vyv-hero-intro__ending{white-space:nowrap}.vyv-home-type .vyv-shop-hero .vyv-hero-intro p{font-size:13px;line-height:1.5;margin:8px 0 0;color:#544b4e;text-wrap:pretty}@media(min-width:768px)and (max-width:1099px){.vyv-home-type .vyv-shop-hero .vyv-shop-hero__copy{padding:28px 24px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__copy h1{font-size:40px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__description{font-size:16px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts li{padding-inline:12px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts strong{font-size:30px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts li>span{font-size:13px}}@media(max-width:767px){.vyv-home-type .vyv-shop-hero .vyv-shop-hero__copy{padding:28px 24px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__eyebrow{font-size:13px;margin-bottom:16px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__copy h1{font-size:clamp(30px,9.2vw,40px);margin-bottom:18px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__description{font-size:16px;margin-bottom:22px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts li{padding-inline:10px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts strong{font-size:30px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts li>span{font-size:13px}.vyv-home-type .vyv-shop-hero .vyv-hero-intro{margin-top:22px;padding-top:16px}.vyv-home-type .vyv-shop-hero .vyv-hero-intro a{font-size:16px}}@media(max-width:359px){.vyv-home-type .vyv-shop-hero .vyv-shop-hero__copy{padding:26px 20px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts li{padding-inline:8px}.vyv-home-type .vyv-shop-hero .vyv-shop-hero__facts li>span{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/vyv-shop-hero.css.map */