.batchy-offer[hidden], .batchy-offer-note[hidden] { display: none; }
.batchy-offer { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .4rem 1.5rem; padding: 12px 24px; background: var(--cyan, #bff6fd); border-bottom: 2px solid var(--ink, #181419); color: var(--ink, #181419); font-size: .875rem; line-height: 1.6; }
.batchy-offer code { font: inherit; font-weight: 700; white-space: nowrap; }
.batchy-offer a { font-weight: 700; color: inherit; text-underline-offset: 4px; white-space: nowrap; }
.batchy-offer-end { font-size: .75rem; }
.batchy-offer-note { font-size: .75rem; line-height: 1.7; max-width: 42rem; margin: 16px auto 0; }
.batchy-regular-price { font-size: 1em; font-weight: 400; color: var(--text-secondary, #4a4450); }
/* Only the big price heading shrinks the struck price. */
.clarity-price h2 .batchy-regular-price { font-size: .55em; }
@media (max-width: 600px) { .batchy-offer { text-align: center; padding: 12px 18px; gap: .35rem .9rem; } .batchy-offer > span:first-child { flex-basis: 100%; } }
@media (max-width: 480px) {
    .batchy-offer { padding: 8px 14px; font-size: .8125rem; gap: .2rem .9rem; }
    .batchy-offer > span:first-child { flex-basis: auto; }
    .batchy-offer-save, .batchy-offer-end { display: none; }
}