/* Sitewide promo banner: time-boxed sale strip above the header (inc/promo-banner.php). */
.promo-banner{position:relative;background:var(--rdx-blue-500);color:#fff;font-family:var(--font-sans);font-size:14px;line-height:1.4}
.promo-banner[hidden]{display:none}
.promo-banner__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 18px;padding-block:10px;text-align:center}
.promo-banner__eyebrow{font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.promo-banner__offers{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 18px;margin:0;font-weight:600}
.promo-banner__headline{font-weight:700}
.promo-banner__detail{text-wrap:balance}
.promo-banner__ends{color:var(--text-on-dark-2);font-weight:600;white-space:nowrap}
.promo-banner__cta{color:#fff;font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.promo-banner__cta:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media (max-width:767px){
  .promo-banner{font-size:13px}
  .promo-banner__row{gap:4px 12px;padding-block:8px}
  .promo-banner__offers{gap:4px 12px}
  .promo-banner__eyebrow{display:none}
}

/* Sale tag on the products the sale covers; shown only while the banner script has set .promo-live. */
.promo-tag{display:none;align-self:flex-start;align-items:center;border-radius:99px;background:var(--rdx-blue-500);color:#fff;padding:3px 10px;font-size:9.5px;font-weight:800;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;white-space:nowrap}
.promo-live .promo-tag{display:inline-flex}
.promo-tag--single{min-height:24px;margin:-6px 0 16px;padding:4px 10px;font-size:10px}
.promo-tag--on-dark{background:#fff;color:var(--rdx-blue-700);padding:5px 12px;font-size:11px}