/* The launch price (offer.js): a slim bar across the top, the regular price crossed out above the real one, a saving chip */
.offer-bar { background: #bee32c; color: #1f2112; text-align: center; font: 600 14px/1.4 Inter, system-ui, sans-serif; padding: 9px 16px; }
.offer-bar b { font-weight: 800; margin-right: 4px; }
.plan, .plan-card { position: relative; }
/* the crossed-out regular price: big and light enough to read, with a thin line so the digits stay clear */
.offer-was { font: 700 19px/1.2 Inter, system-ui, sans-serif; color: #c4c6cc; text-decoration: line-through; text-decoration-color: rgba(255, 107, 94, 0.9); text-decoration-thickness: 1.5px; margin-bottom: 4px; }
/* the saving chip: near-black text on the lime, so it reads at any size */
.offer-chip { position: absolute; top: 16px; right: 16px; background: #bee32c; color: #0d0f05; -webkit-text-fill-color: #0d0f05; opacity: 1; font: 800 13px/1.2 Inter, system-ui, sans-serif; border-radius: 999px; padding: 5px 12px; }
.offer-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 560px) { .offer-bar { font-size: 12.5px; padding: 8px 12px; } }