/* The September 9/10 classic payment UI is provided by styles.css.
   Only the annual offer's small billing choice is added here. */
.checkout-annual-choice { margin-top: 16px; text-align: start; }
.checkout-annual-choice[hidden] { display: none !important; }
.checkout-annual-options { display: flex; gap: 6px; padding: 3px; border: 1px solid #e4e4e4; border-radius: 9px; background: #f7f7f7; }
.checkout-annual-options button { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 5px; flex: 1; min-width: 0; min-height: 38px; padding: 7px 10px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #666; font: inherit; font-size: 13px; cursor: pointer; }
.checkout-annual-options button[aria-pressed="true"] { border-color: #e1e1e1; background: #fff; color: #111; font-weight: 600; }
.checkout-annual-options button:disabled { cursor: wait; opacity: .6; }
.simple-pricing-price [hidden] { display: none !important; }

.checkout-annual-badge { display: inline-block; border-radius: 4px; padding: 2px 5px; background: #edf7ef; color: #176835; font-size: 10px; font-weight: 700; white-space: nowrap; }