.annual-promotion-strip {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    color: #8b7667;
    font-size: 1.2rem;
    line-height: 1.8;
    margin: -.4rem 2.8rem 1rem;
    white-space: nowrap;
}
.annual-promotion-strip[hidden] { display: none !important; }
.annual-promotion-strip > * { flex-shrink: 0; }
#payment .annual-promotion-strip { font-size: clamp(1rem, 3.2vw, 1.3rem); gap: .2rem; }
.annual-promotion-title { color: #e95c25; }
.annual-promotion-fire { display: inline-block; width: 1em; height: 1.25em; vertical-align: -.2em; margin-right: .15em; }
.annual-promotion-countdown { display: inline-flex; align-items: center; gap: .12em; color: #e95c25; font-variant-numeric: tabular-nums; white-space: nowrap; }
.annual-promotion-countdown[hidden] { display: none; }
.annual-promotion-time-part { display: inline-block; min-width: 1.5em; padding: 0 .12em; border-radius: .25em; background: #fff0e5; text-align: center; line-height: 1.5; }
.annual-promotion-time-separator { background: transparent; }
#payment .payment-coupon-selector[aria-disabled="true"] { background: #f2f0ed; border-color: #d9d4ce; color: #898077; cursor: default; }
#payment .payment-coupon-selector[aria-disabled="true"] .payment-coupon-selector-right,
#payment .payment-coupon-selector[aria-disabled="true"] .payment-coupon-selector-left span { color: #898077; }
#payment .payment-coupon-selector[aria-disabled="true"] .payment-coupon-arrow { display: none; }
#payment .payment-coupon-selector[aria-disabled="true"] .payment-coupon-selector-left::before { filter: grayscale(1); opacity: .65; }
.payment_extra_container .annual-promotion-strip { margin: .8rem 0; font-size: calc(.75rem + 2px); }
.payment_extra_coupon_selector[aria-disabled="true"] { opacity: .65; cursor: default; }
.payment_extra_coupon_selector[aria-disabled="true"] .payment_extra_coupon_arrow { display: none; }
.payment_extra_container .vip-original-price { display: block; color: #999; font-size: 11px; line-height: 16px; margin: 2px 0; }
.payment_extra_container .payment_extra_check_item { height: auto; min-height: 90px; padding-bottom: 10px; }
/* Desktop payment panels use fixed pixels while ui.js scales the page's rem. */
@media (min-width: 751px) {
    #payment .annual-promotion-strip { font-size: 13px; gap: 2px; margin: -4px 28px 10px; }
}
@media (max-width: 360px) {
    #payment .annual-promotion-strip { margin-left: 1.5rem; margin-right: 1.5rem; }
    #payment .payment-coupon-selector[aria-disabled="true"] .payment-coupon-selector-right { font-size: 1.1rem; }
}
