:root{color-scheme:light;--bank-ink:#172a48;--bank-blue:#235fe2;--bank-pink:#d83488}*{box-sizing:border-box}.bank-page{margin:0;background:#f2f5fb;color:var(--bank-ink);font:16px/1.6 system-ui,-apple-system,sans-serif}.bank-brand{background:#15243c;color:#fff;border-top:5px solid var(--bank-pink);padding:20px max(20px,calc((100vw - 760px)/2));font-weight:800;letter-spacing:.08em}.bank-brand span{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#d0dcee}.bank-card{max-width:660px;margin:40px auto;padding:36px;background:#fff;border:1px solid #dee5f0;border-radius:20px;box-shadow:0 12px 40px #1633630d}.bank-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#61718c}.bank-card h1{overflow-wrap:anywhere;font-size:clamp(23px,5vw,32px);margin:10px 0}.bank-amount{font-size:36px;font-weight:750;margin:8px 0 24px}.bank-card button,.bank-order-panel a.button{display:inline-block;border:0;border-radius:9px;padding:13px 20px;font:600 16px/1.4 system-ui;background:var(--bank-blue);color:#fff;cursor:pointer;text-decoration:none}.bank-card button:disabled{opacity:.6;cursor:wait}.bank-card button:focus-visible{outline:3px solid var(--bank-pink);outline-offset:3px}.bank-card .bank-secondary{background:#eaf0fb;color:#243b65;margin-top:18px}.bank-note{font-size:13px;color:#64718a;margin-top:18px}.bank-card a{color:#235fe2}.bank-card dl{padding:18px;background:#f6f8fd;border:1px solid #dfe7f6;border-radius:12px}.bank-card dt{font-size:12px;color:#5d708a;margin-top:12px}.bank-card dt:first-child{margin-top:0}.bank-card dd{margin:2px 0 12px;font-weight:650;overflow-wrap:anywhere;display:flex;align-items:center;justify-content:space-between;gap:12px}.bank-card .bank-copy{padding:5px 9px;background:#fff;color:#235fe2;font-size:12px;border:1px solid #cedaf0}.bank-page [hidden]{display:none!important}#bank-error{border-left:3px solid #bd6233;padding:12px;background:#fff7ec}#bank-state{background:#eef5ff;border:1px solid #d6e5ff;border-radius:10px;padding:15px}.bank-order-panel{margin:24px 0;padding:22px;border:1px solid #d9e3f4;border-radius:16px;background:#f4f8ff;text-align:left}.bank-order-panel .bank-qr{display:block;max-width:210px;width:100%;height:auto;margin:18px auto;image-rendering:pixelated}.bank-order-panel a.button{display:block;text-align:center}.bank-order-panel[hidden]{display:none}@media(max-width:600px){.bank-card{margin:18px 12px;padding:24px 20px}.bank-card button{width:100%}.bank-card .bank-copy{width:auto}.bank-order-panel{padding:16px}.bank-card dd{font-size:15px}}

/* Checkout payment choices use native radios, with the whole row as its label. */
.payment-method-choice{min-width:0;margin:24px 0;padding:0;border:0}
.payment-method-choice legend{padding:0;margin-bottom:8px;color:var(--ink);font-size:16px;font-weight:650;letter-spacing:-.02em}
.payment-method-intro{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.6}
.payment-method-options{display:grid;gap:12px}
.payment-option{display:grid;grid-template-columns:20px 40px minmax(0,1fr);align-items:start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.payment-option:hover{border-color:#a6b8e5;background:#fafbff}
.payment-option:has(input:checked){border-color:var(--blue);background:#f7f9ff;box-shadow:0 0 0 1px var(--blue)}
.payment-option:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:3px}
.payment-option>input{appearance:auto;accent-color:var(--blue);width:18px;height:18px;min-width:18px;margin:10px 0 0}
.payment-option-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted)}
.payment-option-icon>.icon{width:22px;height:22px}
.payment-option>input:checked+.payment-option-icon{border-color:#c9d7fc;background:var(--soft-blue);color:var(--blue)}
.payment-option-copy{display:block;min-width:0}
.payment-option-title{display:block;margin:0;color:var(--ink);font-size:14px;font-weight:650;line-height:1.45}
.payment-option-description{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.6}
.payment-option-tag{display:inline-flex;align-items:flex-start;gap:5px;max-width:100%;margin-top:10px;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.45}
.payment-option-tag>.icon{flex:0 0 14px;width:14px;height:14px;margin-top:1px}
.payment-option-tag-instant{color:#12604a;background:#e8f7ef}
.payment-option-tag-manual{color:#87510c;background:#fff1d3}
@media(max-width:600px){.payment-option{grid-template-columns:18px 32px minmax(0,1fr);gap:10px;padding:14px 12px}.payment-option-icon{width:32px;height:32px}.payment-option-icon>.icon{width:20px;height:20px}.payment-option>input{margin-top:7px}.payment-option-title{font-size:13px}.payment-option-description{font-size:11px}.payment-option-tag{font-size:10px}}
@media(prefers-reduced-motion:reduce){.payment-option{transition:none}}
