/* Checkout uses the site's existing glass modal, fields and button styles. */
.pass-checkout-overlay { z-index: 10000; }
.pass-checkout-dialog { width: min(480px,100%); text-align: left; color: var(--text); }
.pass-checkout-dialog > .eyebrow { margin: 0 40px 12px 0; }
.pass-checkout-dialog h2 { padding-right: 20px; font-size: clamp(26px,5vw,32px); }
.pass-checkout-name { margin: 0 0 26px; color: var(--muted); }
.pass-checkout-dialog form { margin: 0; }
.pass-checkout-dialog label { display: block; margin: 0 0 10px; font-weight: 500; }
.pass-checkout-row { display: flex; align-items: stretch; gap: 10px; }
.pass-checkout-row input { flex: 1; min-width: 0; width: 0; margin: 0; padding: 12px 14px; font: inherit; }
.pass-checkout-row .secondary-btn { flex: 0 0 auto; padding-inline: 16px; }
.pass-checkout-status { min-height: 44px; margin: 14px 0 20px; font-size: .875rem; line-height: 1.5; color: var(--muted); }
.pass-checkout-price { display: block; padding-top: 20px; margin: 0 0 22px; border-top: 1px solid var(--line); font-size: 26px; font-weight: 600; letter-spacing: -.04em; }
.pass-checkout-pay { width: 100%; }
.pass-checkout-dialog button:disabled { opacity: .5; cursor: default; transform: none; }
.pass-checkout-dialog input:disabled { opacity: .65; }
@media(max-width:480px) { .pass-checkout-dialog { padding: 28px 22px; } .pass-checkout-row { flex-direction: column; } .pass-checkout-row input { width: 100%; flex: auto; } }
@media(prefers-reduced-motion:reduce) { .pass-checkout-dialog { animation: none; } }