/* The VRL Sale — sitewide pieces: free cart line, cart/drawer meter, PDP strip, shop-card pill, tier-card "+N free".
   Loaded only while the sale runs. One accent: the VRL blue, as a single-hue gradient light → dark. */

/* Free line (drawer + cart page) */
.vrl-sale-line{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;align-items:center;gap:12px;margin:8px 0;padding:12px 14px!important;border:0;border-radius:14px;background:radial-gradient(120% 140% at 0% 0%,#ffffff 0%,rgba(255,255,255,0) 60%),linear-gradient(135deg,#f2f7fe,#e2edfc);box-shadow:0 0 0 1px #cadcf6,0 1px 2px rgba(16,20,30,.05)}
.cart-line.vrl-sale-line{margin:8px 16px}
.vrl-sale-line__image{display:block;width:52px;height:64px}
.vrl-sale-line__image img{display:block;width:52px!important;height:64px!important;object-fit:contain;mix-blend-mode:multiply}
.vrl-sale-line__copy{display:grid;gap:3px;min-width:0}
.vrl-sale-line__copy strong{color:#0a1f47;font-size:14px;line-height:1.3}
.vrl-sale-line__copy span{color:#1d4ed8;font-size:11px;font-weight:750;letter-spacing:.02em}
.vrl-sale-line__copy small{color:#4c5260;font-size:10.5px;line-height:1.4}
.vrl-sale-line>b{color:#1d4ed8;font-size:11px;font-weight:800;letter-spacing:.06em}
.vrl-sale-line-label{display:block;margin-top:3px;color:#1d4ed8;font-size:11px;font-weight:750;letter-spacing:.02em}

/* Meter inside the drawer's .progress wrapper and above the cart page items */
.vrl-sale-meter{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;margin:8px 0;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#f2f7fe,#e2edfc);box-shadow:0 0 0 1px #cadcf6}
.vrl-sale-meter[hidden]{display:none!important}
.vrl-sale-meter__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(150deg,#3b7be6,#1a4fb3 55%,#123b8a);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 10px -4px rgba(18,59,138,.55);color:#fff;font-size:12px;font-weight:900;letter-spacing:-.02em}
.vrl-sale-meter__copy{display:grid;gap:2px;min-width:0}
.vrl-sale-meter__copy strong{color:#0a1f47;font-size:13px;line-height:1.3}
.vrl-sale-meter__copy small{color:#4c5260;font-size:11px;line-height:1.35}
.vrl-sale-meter--cart{margin:12px 0 4px}

/* PDP strip (VRL product pages) */
.vrl-sale-pdp{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin:12px 0;padding:12px 14px;border-radius:14px;border:1px solid #6f9fe6;background:radial-gradient(120% 140% at 0% 0%,#3b7be6 0%,#2563d0 38%,rgba(0,0,0,0) 72%),linear-gradient(112deg,#1d55bd,#0c2a66);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 10px 26px -14px #2563d0;color:#fff}
.vrl-sale-pdp__mark{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;border-radius:11px;background:linear-gradient(145deg,#f4f8ff,#c9dbf8);box-shadow:inset 0 1px 0 #fff;color:#123b8a}
.vrl-sale-pdp__mark strong{font-size:16px;font-weight:900;line-height:1;letter-spacing:-.03em;color:#123b8a}
.vrl-sale-pdp__mark em{margin-top:3px;font-size:8px;font-style:normal;font-weight:800;line-height:1;letter-spacing:.14em;color:#123b8a}
.vrl-sale-pdp__copy{display:grid;gap:3px;min-width:0}
.vrl-sale-pdp__copy strong{color:#fff;font-size:15px;font-weight:750;line-height:1.2}
.vrl-sale-pdp__copy small{color:#dce8fd;font-size:11.5px;line-height:1.4}
.vrl-sale-pdp__link{align-self:center;padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,#fdfdfe,#eef3fb);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(16,20,30,.3),0 0 0 1px rgba(255,255,255,.4);color:#123b8a!important;font-size:12px;font-weight:750;text-decoration:none!important;white-space:nowrap}
.vrl-sale-pdp__link:hover{background:#fff}
@media (max-width:600px){.vrl-sale-pdp{grid-template-columns:44px minmax(0,1fr);row-gap:10px}.vrl-sale-pdp__mark{width:44px;height:44px}.vrl-sale-pdp__link{grid-column:1/-1;justify-self:start}}

/* Pill (shop cards, sale page) */
.vrl-sale-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:linear-gradient(150deg,#3b7be6,#1a4fb3 55%,#123b8a);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 10px -4px rgba(18,59,138,.55);color:#fff;font:750 11px/1.25 var(--vrl-font-ui,sans-serif);letter-spacing:.02em;white-space:nowrap}
.product-card__media .vrl-sale-pill{position:absolute;top:8px;right:8px;z-index:2}
.vrl-sale-pill__short{display:none}
@media (max-width:767px){.product-card__media .vrl-sale-pill__long{display:none}.product-card__media .vrl-sale-pill__short{display:inline}}
@media (max-width:480px){.product-card__media .vrl-sale-pill{top:6px;right:6px;padding:3px 8px;font-size:10px}}

/* Home hero banner: first card under the hero buttons (same card as the /vrl-sale/ hero), full width of the hero cards */
.vrl-sale-card--home{box-sizing:border-box;display:grid;grid-template-columns:52px minmax(0,1fr) 16px;align-items:center;gap:12px;width:100%;margin-top:18px;padding:13px 14px;border:1px solid #6f9fe6;border-radius:14px;background:radial-gradient(120% 140% at 0% 0%,#3b7be6 0%,#2563d0 38%,rgba(0,0,0,0) 72%),linear-gradient(112deg,#1d55bd,#0c2a66);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 10px 26px -14px #2563d0;color:#fff!important;text-decoration:none!important;font-family:var(--vrl-font-ui,sans-serif);transition:transform .15s ease,box-shadow .15s ease}
.vrl-sale-card--home:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 30px -14px #2563d0}
.vrl-sale-card--home:focus-visible{outline:3px solid #8db4f3;outline-offset:3px}
.vrl-sale-card--home .vrl-sale-card__mark{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:56px;border-radius:12px;background:linear-gradient(145deg,#f4f8ff,#c9dbf8);box-shadow:inset 0 1px 0 #fff;color:#123b8a}
.vrl-sale-card--home .vrl-sale-card__mark strong{display:block;color:#123b8a;font-size:17px;font-weight:900;line-height:1;letter-spacing:-.03em}
.vrl-sale-card--home .vrl-sale-card__mark em{display:block;margin-top:3px;color:#123b8a;font-size:8.5px;font-style:normal;font-weight:800;line-height:1;letter-spacing:.14em}
.vrl-sale-card--home .vrl-sale-card__copy{display:block;min-width:0}
.vrl-sale-card--home .vrl-sale-card__eyebrow{display:flex;align-items:center;margin:0 0 4px;color:#c7dbfb;font-size:9.5px;font-weight:750;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.vrl-sale-card--home .vrl-sale-card__eyebrow::before{content:"";flex:none;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#9cc0f7;box-shadow:0 0 0 3px rgba(156,192,247,.25)}
.vrl-sale-card--home .vrl-sale-card__title{display:block;color:#fff;font-size:19px;font-weight:700;line-height:1.1;letter-spacing:-.025em}
.vrl-sale-card--home .vrl-sale-card__fine{display:block;margin-top:4px;color:#e1ecfd;font-size:12px;line-height:1.4}
.vrl-sale-card--home .vrl-sale-card__go{color:#c7dbfb;font-size:21px;font-weight:700;line-height:1;transition:transform .15s ease}
.vrl-sale-card--home:hover .vrl-sale-card__go{transform:translateX(3px)}
.vrl-sale-card--home+.hero__sale{margin-top:12px}
@media (min-width:768px){
	.vrl-sale-card--home{grid-template-columns:60px minmax(0,1fr) auto;gap:16px;margin-top:24px;padding:14px 18px}
	.vrl-sale-card--home .vrl-sale-card__mark{width:60px;height:60px}
	.vrl-sale-card--home .vrl-sale-card__mark strong{font-size:20px}
	.vrl-sale-card--home .vrl-sale-card__mark em{font-size:9px}
	.vrl-sale-card--home .vrl-sale-card__title{font-size:22px}
	.vrl-sale-card--home .vrl-sale-card__fine{font-size:12.5px}
}

/* PDP tier cards */
.vrl-bundle__free{display:block;margin-top:2px;color:#1d4ed8;font-size:10.5px;font-style:normal;font-weight:800;letter-spacing:.02em}
.vrl-bulk__t em{white-space:nowrap}