.phone{background:var(--card);flex-direction:column;min-block-size:100vh;max-inline-size:440px;margin:0 auto;display:flex}.pay-head{background:var(--brand-2);color:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pay-amount{border-block-end:1px solid var(--line);flex-direction:column;gap:2px;padding:16px;display:flex}.pay-amount b{font-size:26px}.pay-main{flex:1;padding:16px}.pay-foot{text-align:center;padding:12px;font-size:12px}.methods{gap:10px;display:grid}.method{text-align:start;border:1px solid var(--line);background:var(--card);font:inherit;cursor:pointer;border-radius:12px;padding:16px;font-weight:600}.method:hover:not(:disabled){border-color:var(--brand)}.btn.wide{text-align:center;inline-size:100%;margin-block:8px;padding-block:14px;text-decoration:none;display:block}.result.ok h1{color:var(--ok)}.result.bad h1{color:var(--bad)}.items{inline-size:100%;margin-block:8px}.items td{border-block-end:1px solid var(--line);padding:6px 0}.items small{color:var(--faint)}.totals{background:var(--hover);border-radius:12px;gap:6px;margin-block:12px;padding:12px;display:grid}.totals>div{justify-content:space-between;display:flex}.totals .due{border-block-start:1px solid var(--line);padding-block-start:6px;font-size:18px}details{margin-block:10px}summary{cursor:pointer;font-weight:600}.wallet-pay{gap:10px;margin-block-end:14px;display:grid}.wallet-pay .method{color:#fff;background:#000;border-color:#000;justify-content:center;font-size:1.05rem;font-weight:600}.wallet-pay .method:disabled{opacity:.6}.wallet-pay .apple-pay{font-family:-apple-system,system-ui,sans-serif}.wallet-pay .small{text-align:center;margin:2px 0 0;font-size:.85rem}