/* Flash sale card (1.2.0). Same family as the hero's free-vial (pink) and FALL (orange) cards: one link, a colour
   gradient with a soft top-left glow, a lighter rim and a coloured drop, a white mark tile, a small eyebrow, the offer,
   one line of terms and an arrow. Sizes mirror the pink card: 58px tile / 21px title on desktop, 48px / 19px on phones. */
.hero .vrl-flash{box-sizing:border-box;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;border:1px solid #63d39a;border-radius:14px;background:radial-gradient(120% 140% at 0% 0%,#1fae68 0%,#12884f 38%,rgba(0,0,0,0) 72%),linear-gradient(112deg,#0f7d47,#063a25);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 10px 26px -14px #16a362;color:#fff;text-decoration:none;font-family:var(--vrl-font-ui,sans-serif);transition:transform .15s ease,box-shadow .15s ease}
.hero .vrl-flash:hover{color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 30px -14px #16a362}
.hero .vrl-flash:focus-visible{outline:3px solid #7ee2ad;outline-offset:3px}
.hero .vrl-flash__mark{display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:58px;border-radius:12px;background:linear-gradient(145deg,#f3fff8,#bfeed3);color:#0b5a34;box-shadow:inset 0 1px 0 #fff}
.hero .vrl-flash__mark strong{display:block;color:#0b5a34;font-size:19px;font-weight:900;line-height:1;letter-spacing:-.03em}
.hero .vrl-flash__mark em{display:block;margin-top:3px;color:#0b5a34;font-size:9px;font-style:normal;font-weight:800;line-height:1;letter-spacing:.14em}
.hero .vrl-flash__copy{display:block;min-width:0}
.hero .vrl-flash__eyebrow{display:flex;align-items:center;margin:0 0 3px;color:#b9f2d1;font-size:8px;font-weight:750;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.hero .vrl-flash__eyebrow::before{content:"";flex:none;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#7ee2ad;box-shadow:0 0 0 3px rgba(126,226,173,.25)}
.hero .vrl-flash__clock{display:inline-flex;gap:1px;margin-left:3px;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.hero .vrl-flash__clock b{font-weight:800}
.hero .vrl-flash__clock i{font-style:normal;opacity:.7}
.hero .vrl-flash__title{display:block;margin:0;color:#fff;font-size:21px;font-weight:700;line-height:1.1;letter-spacing:-.025em}
.hero .vrl-flash__fine{display:block;margin-top:4px;color:#dcf7e7;font-size:11px;line-height:1.35}
.hero .vrl-flash__go{color:#b9f2d1;font-size:21px;font-weight:700;line-height:1;transition:transform .15s ease}
.hero .vrl-flash:hover .vrl-flash__go{transform:translateX(3px)}
.hero .vrl-flash.is-ended{filter:saturate(.35)}

/* Cart + drawer meters when the flash makes the gate 4 vials: the two steps sit at 1 and 3 of 4. */
.drawer-b2g1__track--gate-4 .drawer-b2g1__step--one,.vrl-cart-b2g1__track--gate-4 .vrl-cart-b2g1__step--one{left:25%}
.drawer-b2g1__track--gate-4 .drawer-b2g1__step--two,.vrl-cart-b2g1__track--gate-4 .vrl-cart-b2g1__step--two{left:75%}

@media(max-width:600px){
.hero .vrl-flash{grid-template-columns:48px minmax(0,1fr) 15px;gap:10px;padding:12px}
.hero .vrl-flash__mark{width:48px;height:54px}
.hero .vrl-flash__mark strong{font-size:16px}
.hero .vrl-flash__mark em{font-size:8px}
.hero .vrl-flash__eyebrow{font-size:7px}
.hero .vrl-flash__title{font-size:19px}
.hero .vrl-flash__fine{font-size:10px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){.hero .vrl-flash,.hero .vrl-flash__go{transition:none}.hero .vrl-flash:hover,.hero .vrl-flash:hover .vrl-flash__go{transform:none}}
.vrl-flash [hidden]{display:none!important}