/* Refine the established billing surface; preserve native checkout and radios. */
.cabinet-layout:has(.billing-surface) { max-width:1200px; }
.sc-service-page .container:has(.billing-surface) { max-width:1240px; }
.billing-plan-grid { align-items:stretch; }
.billing-plan { padding:22px; }
.billing-plan h3 { text-wrap:balance; }
.billing-plan .billing-title-row { min-block-size:54px; }
.billing-plan .billing-plan-quota,
.billing-plan > .account-note { min-block-size:44px; margin:10px 0 0; font-size:14px; }
.billing-plan .billing-price { font-variant-numeric:tabular-nums; }
.billing-currency-prices { display:flex; flex-wrap:wrap; gap:12px 16px; justify-content:space-between; }
.billing-currency-prices strong { font-size:24px; font-weight:650; white-space:nowrap; }
.billing-currency-prices span { font-size:13px; }
.billing-features { font-size:14px; }
.billing-package-panels,
.billing-package-panels > [data-package-panel] { display:flex; flex-direction:column; flex:1; }
.billing-card-footer { margin-top:auto; padding-top:24px; }
.billing-card-footer .account-action { width:100%; min-height:48px; box-sizing:border-box; padding:12px 10px; font-size:14px; text-align:center; }
.billing-card-footer .account-action:disabled { opacity:1; color:var(--text2); background:var(--surface-hover); cursor:not-allowed; }
.billing-card-footer .billing-plan-action { margin:0; }
.billing-plan .billing-checkout-note { margin:12px 0 18px; font-size:13px; line-height:1.6; min-block-size:6.4em; }
.billing-card-footer > .billing-checkout-note:first-child { margin-top:0; }
.billing-plan-details { margin-top:0; }
.billing-club-checkout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; align-items:stretch; }
.billing-club-checkout > :only-child { grid-column:1/-1; }
.billing-club-checkout .account-action { font-size:13px; padding-inline:8px; white-space:nowrap; }
.billing-plan .package-unit { min-block-size:3.2em; align-content:start; margin:0 0 8px; font-size:14px; }
.billing-plan .package-options { margin:16px 0 0; }
.billing-plan .package-options span { min-height:48px; box-sizing:border-box; }
.billing-card-footer .account-action:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.billing-plan .account-action:active:not(:disabled) { transform:translateY(1px); }
@media(max-width:600px) {
  .billing-plan { padding:24px 20px; }
  .billing-plan .billing-title-row,
  .billing-plan .billing-plan-quota,
  .billing-plan > .account-note,
  .billing-plan .billing-checkout-note,
  .billing-plan .package-unit { min-block-size:0; }
  .billing-features { font-size:16px; }
  .billing-card-footer { padding-top:20px; }
  .billing-currency-prices { justify-content:flex-start; gap:28px; }
}
.billing-tabs { display:flex; gap:24px; border-bottom:1px solid var(--border); margin:0 0 28px; }
.billing-tabs a { display:flex; align-items:center; min-height:48px; padding:10px 0; border-bottom:2px solid transparent; color:var(--text2); text-decoration:none; font-weight:650; }
.billing-tabs a[aria-current="page"] { color:var(--blue,#2365a8); border-bottom-color:currentColor; }
.billing-tabs a:hover { color:var(--text); }
.billing-tabs a:focus-visible { outline:3px solid var(--blue,#2365a8); outline-offset:4px; border-radius:4px; }
[data-checkout-form] button { transition:transform .12s ease-out, opacity .12s ease-out; }
[data-checkout-form] button:active:not(:disabled) { transform:translateY(1px); }
[data-checkout-form] button:disabled { cursor:wait; opacity:.7; }
[data-checkout-progress] { line-height:1.5; }
@media(prefers-reduced-motion:reduce) { [data-checkout-form] button { transition:none; transform:none!important; } }