.payment-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.payment-actions [hidden]{display:none}.payment-actions button:disabled{opacity:.6;cursor:wait}.payment-actions .button-navy:hover{background:var(--deep)}.payment-order{max-width:860px;overflow-wrap:anywhere}.payment-order h1{font-size:clamp(32px,5vw,48px)}

.payment-dialog{width:min(560px,calc(100vw - 32px));max-width:none;max-height:90vh;max-height:90dvh;padding:28px;border:1px solid var(--line);background:var(--paper);color:var(--navy);box-shadow:0 20px 80px #0005;overflow:auto}
.payment-dialog::backdrop{background:rgba(8,20,36,.75)}
.payment-dialog-head{display:flex;align-items:flex-start;gap:20px;justify-content:space-between}
.payment-dialog-head h2{font-size:28px;line-height:1.2;margin:0 0 22px;letter-spacing:-.025em}
.payment-dialog-close{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--navy);font-size:28px;cursor:pointer}
.payment-dialog-close:hover{background:var(--navy);color:#fff}
.payment-dialog .payment-actions .button{width:100%;min-height:50px}
.payment-dialog .payment-summary{color:var(--muted);font-size:16px}
.payment-dialog [role=status]:empty,.payment-dialog .payment-details:empty{display:none}
.payment-details{overflow-wrap:anywhere;font-size:14px}
.payment-receipt{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.payment-receipt h2{font-size:26px}.payment-receipt[hidden],.payment-receipt [hidden]{display:none}
@media(max-width:600px){.payment-dialog{padding:20px}.payment-dialog-head h2{font-size:24px}.payment-dialog-head{gap:12px}}