/* Keep the real React payment button and its handler; no duplicate checkout. */
.payment-page:has(.order-summary) .payment-intro { display: none !important; }
.payment-page:has(.order-summary) .payment-shell {
  display: block !important; width: min(100% - 32px, 620px) !important;
  margin: 24px auto !important; padding: 0 !important;
}
.checkout-card:has(.order-summary) > .plan-list { display: none !important; }
.checkout-card:has(.order-summary) > .autumn-sale-banner {
  margin: 0 !important; padding: 12px 20px !important; font-size: 13px !important;
}
.checkout-card:has(.order-summary) { min-width: 0; }
.checkout-card .order-summary {
  display: flex !important; flex-direction: column; gap: 16px;
  padding: 24px !important; border-top: 0 !important;
}
.order-summary > p:first-child { order: 0; margin: 0 !important; }
.order-summary > div { order: 1; margin: 0 !important; gap: 12px; }
.order-summary > .fx-change-plan {
  order: 2; align-self: flex-start; color: #bcecff; font-size: 15px;
  text-decoration: underline; text-underline-offset: 4px;
}
.order-summary > .fx-change-plan:focus-visible { outline: 2px solid #63d8ff; outline-offset: 5px; }
.order-summary > .auth-error { order: 3; margin: 0 !important; }
.order-summary > .pay-button { order: 4; margin: 0 !important; min-height: 54px; width: 100%; }
.order-summary > footer { order: 5; margin: 0 !important; line-height: 1.6; }
.order-summary > ul { order: 6; margin: 4px 0 0 !important; padding-top: 16px; border-top: 1px solid #403446; }
.order-summary > small { order: 7; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .payment-page:has(.order-summary) .payment-head { padding: 18px 16px !important; }
  .payment-page:has(.order-summary) .payment-shell { margin-top: 12px !important; }
  .checkout-card .order-summary { padding: 20px !important; }
  .order-summary > div { flex-wrap: wrap; }
  .order-summary > div > b, .order-summary .order-price { white-space: nowrap; }
}

.fx-checkout-context{box-sizing:border-box;max-width:620px;margin:20px auto;padding:20px 24px;border:1px solid #8260b7;border-radius:18px;background:linear-gradient(120deg,#261a38,#12101d);color:#f4edff;font:16px/1.6 'Segoe UI',Arial,sans-serif}.fx-checkout-context h2{font:700 22px/1.3 'Segoe UI',Arial,sans-serif;margin:0 0 8px;color:#f4edff}.fx-checkout-context p{margin:0 0 12px;color:#cfc3df}.fx-checkout-context a{color:#d8b8ff;text-underline-offset:4px}@media(max-width:660px){.fx-checkout-context{margin:12px 16px;padding:18px}.fx-checkout-context h2{font-size:20px}}

body:has(#fx-checkout-context) main.login{min-height:0!important;padding:12px 16px 32px!important}body:has(main.login) .fx-checkout-context{max-width:480px;margin-top:64px;padding:16px 20px}body:has(main.login) .fx-checkout-context h2{font-size:20px}body:has(main.login) .fx-checkout-context p{font-size:15px}

/* Checkout presents the payable amount without unrelated promotional banners. */
.payment-page .checkout-card::before{display:none!important}