.online-payment [hidden] { display: none !important; }
.content-page.checkout-payment { box-sizing: border-box; padding: 24px 16px 28px; text-align: center; }
.checkout-payment .icon-payment-success { display: block; width: min(240px, 60vw); max-width: 100%; height: auto; margin: 16px auto 20px; }
.checkout-payment .payment-time-note { max-width: 560px; margin: 20px auto 0; line-height: 1.5; }
.online-payment { box-sizing: border-box; width: 100%; max-width: 560px; margin: 24px auto; text-align: center; }
.online-payment .payment-title { display: block; margin: 0 0 16px; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; }
.online-payment p { max-width: 100%; margin: 12px 0; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
.online-payment .payment-options { text-align: left; }
.online-payment .paymentbutton, .online-payment .payment-check-button { box-sizing: border-box; display: block; float: none; width: min(280px, 100%); min-height: 44px; height: auto; margin: 24px auto 0; padding: 10px 20px; line-height: 1.4; text-align: center; }
.online-payment .payment-check-button { background: var(--main-color, #c75959); color: #fff; border: 0; border-radius: 25px; cursor: pointer; }
.online-payment .payment-form-link { display: block; width: fit-content; max-width: 100%; margin: 16px auto 0; text-align: center; }
.online-payment .payment-message { color: inherit; }
.online-payment[data-next-action="contact_operator"] .payment-message, .online-payment .payment-cards-error { color: #a52323; }
.online-payment .savedcards { border-top: 0; margin: 16px 0; }
.online-payment .savedcard { box-sizing: border-box; margin: 8px 0; padding: 12px 14px; border: 1px solid #e6e6e6; border-radius: 8px; cursor: pointer; text-align: left; }
.online-payment .savedcard label { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.online-payment .savedcard span { overflow-wrap: anywhere; }
.online-payment .savedcard input[type="radio"] { display: inline-block !important; position: static; opacity: 1; width: auto; height: auto; }
.online-payment .savecardbox { text-align: left; line-height: 1.4; padding: 12px 0; }
.online-payment .payment-save-card-label { display: flex; align-items: flex-start; gap: 10px; line-height: 1.5; cursor: pointer; }
.online-payment input.payment-save-card { appearance: auto; -webkit-appearance: checkbox; display: inline-block !important; position: static !important; opacity: 1 !important; z-index: auto; width: 18px; height: 18px; margin: 0; flex-shrink: 0; cursor: pointer; }
.payment-reminder { width: min(520px, calc(100% - 32px)); max-height: 85vh; overflow: auto; border: 0; border-radius: 12px; padding: 24px; font: inherit; }
.payment-reminder::backdrop { background: rgba(0, 0, 0, .5); }
@media (max-width: 600px) {
    .content-page.checkout-payment { padding: 20px 16px 24px; }
    .checkout-payment .icon-payment-success { width: min(200px, 60vw); }
    .online-payment .payment-title { font-size: 22px; }
    .online-payment .savecardbox p { font-size: 14px; }
}