/* Checkout dialog: numbered steps and a plain "still needed" line (Hotaling/SYBA feedback 2026-10-19). */
.dlg .steps-intro{font-size:14px;line-height:1.55;margin:4px 0 14px}
.dlg .step{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;margin:18px 0 6px}
.dlg .step .num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700}
.dlg .btn-pay{font-size:16px;font-weight:700;min-height:52px}
.dlg .btn-pay:disabled{opacity:.55;cursor:not-allowed}
.dlg .need{margin-top:12px;font-size:14px;font-weight:600;color:#9a3412}
.dlg .need[data-ready="true"]{color:#166534}
/* Pay button first and full width so it never clips on a 375px phone; Back sits under it. */
.dlg .row{flex-wrap:wrap}
.dlg .row .btn-pay{order:-1;flex:1 1 100%;white-space:normal}
.dlg .row .btn-ghost{flex:1 1 100%}