[hidden] { display: none !important; }
.payment-test-form { display: grid; gap: 16px; max-width: 34rem; margin: 2rem 0; }
.payment-test-form > label { color: #ecc88a; font-weight: 600; }
.payment-test-form input[type="email"] { width: 100%; box-sizing: border-box; min-height: 48px; padding: 12px 14px; border: 1px solid #b3956a; border-radius: 10px; background: #07101c; color: #f2efeb; font: inherit; font-size: 16px; }
.payment-test-confirm { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 1.5; }
.payment-test-confirm input { flex: 0 0 auto; width: 22px; height: 22px; margin-top: 2px; accent-color: #b3956a; }
.payment-page button { min-height: 48px; cursor: pointer; font: inherit; }
.payment-page button:disabled { cursor: wait; opacity: .65; }
.payment-test-form input:focus-visible, .payment-page button:focus-visible { outline: 2px solid #ecc88a; outline-offset: 4px; }
.payment-order-id { overflow-wrap: anywhere; }
@media (max-width: 480px) { .payment-test-form .button { width: 100%; } }