.payment-method-step{gap:18px;min-width:0;display:grid}.payment-method-heading h3{font-family:var(--display);text-transform:uppercase;margin:6px 0 4px;font-size:26px;line-height:1.05}.payment-method-heading p{margin:0;font-size:13px}.payment-method-heading p strong{color:var(--gold)}.payment-method-options{gap:10px;display:grid}.payment-method-option{border:1px solid var(--line-strong);background:var(--input);min-height:64px;color:var(--muted);cursor:pointer;border-radius:14px;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s,color .15s;display:grid}.payment-method-option:hover{border-color:color-mix(in srgb,var(--pink) 45%,var(--line-strong));color:var(--text)}.payment-method-option.selected{border-color:var(--select-ring);color:var(--select-text);background:var(--select-fill);box-shadow:inset 0 0 0 1px var(--select-ring)}.payment-method-option:focus-within{outline:2px solid var(--cyan);outline-offset:3px}.payment-method-option input[type=radio]{width:16px;min-width:16px;height:16px;min-height:16px;accent-color:var(--pink);margin:0;padding:0}.payment-method-option svg{flex:none}.payment-method-option>span{gap:2px;min-width:0;display:grid}.payment-method-option strong{color:var(--text);font-size:14px;line-height:1.3}.payment-method-option small{color:var(--muted);font-size:11px;line-height:1.5}.payment-method-phone{gap:8px;display:grid}.payment-method-phone input{width:100%;min-width:0;min-height:46px;font-size:16px}.payment-method-hint{color:var(--muted);text-transform:none;letter-spacing:0;font-size:10px;font-weight:400;line-height:1.7;display:block}.payment-method-fee{margin:0;font-size:11px}.payment-method-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.payment-method-actions .button{min-height:46px}@media (max-width:480px){.payment-method-heading h3{font-size:22px}.payment-method-option{gap:10px;min-height:58px;padding:10px 12px}.payment-method-actions{flex-direction:column-reverse;align-items:stretch}.payment-method-actions .button{justify-content:center;width:100%}}
.test-payment-notice{border:1px solid color-mix(in srgb,var(--gold) 50%,var(--line));background:color-mix(in srgb,var(--gold) 7%,var(--panel));border-radius:16px;align-items:flex-start;gap:12px;margin:20px 0;padding:18px 20px;display:flex}.test-payment-notice>svg{color:var(--gold);flex-shrink:0;margin-top:1px}.test-payment-notice strong{color:var(--text);font-size:14px;line-height:1.5;display:block}.test-payment-notice p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.7}.payment-checkout-page{max-width:780px;margin:0 auto;padding:48px 0 40px}.payment-checkout-heading h1{margin:16px 0;font-size:clamp(40px,5vw,60px);line-height:1.1}.payment-checkout-heading>p{color:var(--muted);font-size:13px;line-height:1.8}.payment-result{margin-top:26px;padding:34px}.payment-status-icon{width:66px;height:66px;color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,transparent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.payment-confirmed .payment-status-icon{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 9%,transparent)}.payment-result h2{margin:0 0 16px;font-size:32px;line-height:1.2}.payment-result-message,.payment-result>.muted{color:var(--muted);font-size:13px;line-height:1.8}.payment-summary{border-block:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:24px;margin:26px 0;padding:24px 0;display:grid}.payment-summary dt{color:var(--cyan);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:10px;font-size:10px}.payment-summary dd{overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.5}.payment-summary>div:last-child{text-align:right}.payment-check-note{color:var(--muted);font-size:11px;line-height:1.8}.payment-recovery-note{border:1px solid var(--line);color:var(--muted);background:color-mix(in srgb,var(--gold) 6%,var(--panel));border-radius:14px;padding:14px 16px;font-size:12px;line-height:1.8}.payment-support-reference{overflow-wrap:anywhere}.payment-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.payment-actions .text-link{align-items:center;gap:7px;font-size:12px;display:inline-flex}.recent-checkout-banner{border:1px solid var(--line-strong);background:var(--panel);border-radius:18px;align-items:center;gap:14px;max-width:1000px;margin:24px auto 0;padding:16px 18px;display:flex}.recent-checkout-banner>svg{color:var(--gold);flex-shrink:0}.recent-checkout-paid>svg{color:var(--cyan)}.recent-checkout-banner>div{flex:1;min-width:0}.recent-checkout-banner strong{font-size:13px;line-height:1.5}.recent-checkout-banner p{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:1.7}.recent-checkout-banner .text-link{flex-shrink:0;align-items:center;gap:6px;font-size:12px;display:inline-flex}.recent-checkout-dismiss{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.recent-checkout-dismiss:hover{background:var(--hover);color:var(--text)}@media (max-width:600px){.payment-checkout-page{padding:30px 0}.payment-result{padding:26px 22px}.payment-result h2{font-size:28px}.payment-summary{grid-template-columns:1fr;gap:20px}.payment-summary>div:last-child{text-align:left}.payment-actions{flex-direction:column;align-items:stretch}.payment-actions>.button{justify-content:center}.test-payment-notice{padding:16px}.recent-checkout-banner{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px;display:grid}.recent-checkout-banner .text-link{grid-column:2}.recent-checkout-dismiss{grid-area:1/3}}.payment-prompt-phone{margin:0}.payment-prompt-phone strong{color:var(--gold);font-variant-numeric:tabular-nums}.payment-prompt-change{border:1px solid var(--line-strong);background:var(--input);border-radius:14px;gap:10px;margin:14px 0 4px;padding:14px;display:grid}.payment-prompt-change input{width:100%;min-width:0;min-height:46px;font-size:16px}
