/* Labor Day promo bar + promo/regular price toggling. Controlled by the `promo-active` class on , set by a small inline head script that checks the date. Defaults to NO promo, so if the script never runs (or the date has passed) the site shows regular pricing. */ /* --- Promo bar --- */ .promo-bar { display: none; } .promo-active .promo-bar { display: block; background: #234670; color: #fff; text-align: center; font-size: 14px; line-height: 1.4; padding: 10px 16px; letter-spacing: 0.01em; } .promo-bar a { color: #fff; text-decoration: none; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .promo-bar a:hover { border-bottom-color: #fff; } .promo-bar .promo-reg { opacity: 0.75; text-decoration: line-through; font-weight: 400; } /* --- Inline price toggling --- */ .promo-only { display: none; } .promo-active .promo-only { display: inline; } .promo-active .regular-only { display: none; } .promo-price-was { opacity: 0.7; text-decoration: line-through; font-weight: 400; } @media (max-width: 520px) { .promo-active .promo-bar { font-size: 13px; padding: 9px 12px; } }