/* Payment step: a centred panel on desktop and a bottom sheet on phones, in IronForm's dark and gold. */
.ifpay{--pay-bg:#121310;--pay-panel:#0c0d0b;--pay-line:#2f2c22;--pay-text:#f4f2ea;--pay-muted:#9a9c93;--pay-gold:#e3bb42;--pay-gold-ink:#17130a;--pay-wa:#25d366;--pay-wa-ink:#06260f;--pay-error:#f0907f;position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.74);color:var(--pay-text);font:14px/1.5 Inter,"Segoe UI",system-ui,sans-serif}
.ifpay[hidden]{display:none}
html.ifpay-open{overflow:hidden}
.ifpay-card{position:relative;width:min(580px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px;border:1px solid #3d3522;border-radius:16px;background:var(--pay-bg);box-shadow:0 30px 80px rgba(0,0,0,.55);outline:none}
.ifpay-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid var(--pay-line);border-radius:50%;background:transparent;color:var(--pay-text);font-size:22px;line-height:1;cursor:pointer}
.ifpay-eyebrow{display:block;color:var(--pay-gold);font-size:10px;font-weight:800;letter-spacing:.16em}
.ifpay h2{margin:6px 44px 4px 0;font:700 24px/1.2 Georgia,"Times New Roman",serif;text-wrap:balance}
.ifpay h3{margin:18px 0 10px;font-size:14px;font-weight:700}
.ifpay-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.ifpay-price strong{color:var(--pay-gold);font:700 30px/1.1 Georgia,"Times New Roman",serif;font-variant-numeric:tabular-nums}
.ifpay-price small{color:var(--pay-muted);font-size:12px}
.ifpay-country{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;border:1px solid var(--pay-line);border-radius:10px;background:var(--pay-panel)}
.ifpay-country span{color:var(--pay-muted);font-size:12px;white-space:nowrap}
.ifpay-country select{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--pay-line);border-radius:8px;background:#171814;color:var(--pay-text);font:inherit}
.ifpay-lead,.ifpay-note{margin:0 0 10px;color:#cfd0c8}
.ifpay-options{display:grid;gap:10px}
.ifpay-option{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--pay-line);border-radius:12px;background:var(--pay-panel);cursor:pointer}
.ifpay-option input{position:absolute;opacity:0;pointer-events:none}
.ifpay-option b{display:block;font-size:15px}
.ifpay-option small{display:block;margin-top:1px;color:var(--pay-muted);font-size:12px}
.ifpay-option.selected{border-color:var(--pay-gold);background:#1b1709;box-shadow:inset 0 0 0 1px var(--pay-gold)}
.ifpay-option:focus-within{outline:2px solid var(--pay-gold);outline-offset:2px}
.ifpay-option.off{cursor:not-allowed;opacity:.55}
.ifpay-options.three .ifpay-option{grid-template-columns:96px minmax(0,1fr)}
.ifpay-logos{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ifpay-logo{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;min-width:44px;padding:4px 8px;border-radius:7px;background:#fff;color:#1b2230}
.ifpay-logo img{display:block;height:20px;width:auto;max-width:92px}
.ifpay-options.three .ifpay-logo{width:96px;height:40px}
.ifpay-options.three .ifpay-logo img{height:26px}
.ifpay-bank-chip svg{width:18px;height:18px}
.ifpay-bank-chip b{font-size:11px;white-space:nowrap}
.ifpay-icon{display:inline-grid;place-items:center;width:44px;height:30px;border-radius:7px;background:#2b230e;color:var(--pay-gold)}
.ifpay-icon svg{width:20px;height:20px}
.ifpay-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:16px;padding:14px 18px;border:0;border-radius:10px;background:var(--pay-gold);color:var(--pay-gold-ink);font-family:inherit;font-size:15px;font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer}
.ifpay-go svg{width:22px;height:22px}
.ifpay-go.whatsapp{background:var(--pay-wa);color:var(--pay-wa-ink)}
.ifpay-go:disabled{opacity:.45;cursor:not-allowed}
.ifpay-go:focus-visible,.ifpay-secondary:focus-visible,.ifpay-copy:focus-visible,.ifpay-close:focus-visible{outline:2px solid var(--pay-gold);outline-offset:2px}
.ifpay-secondary{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid var(--pay-line);border-radius:10px;background:transparent;color:var(--pay-text);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}
.ifpay-help{margin:10px 0 0;color:var(--pay-muted);font-size:12px;line-height:1.5}
.ifpay-error{margin:8px 0 0;color:var(--pay-error);font-size:13px}
.ifpay-error:empty{display:none}
.ifpay-done p{color:#cfd0c8}
.ifpay-done-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:12px;border-radius:50%;background:#2b230e;color:var(--pay-gold)}
.ifpay-done-mark.whatsapp{background:var(--pay-wa);color:#fff}
.ifpay-done-mark svg{width:28px;height:28px}
.ifpay-bank{display:grid;gap:8px;margin:12px 0}
.ifpay-ref{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:10px 12px;border:1px solid var(--pay-line);border-radius:10px;background:var(--pay-panel)}
.ifpay-ref span{grid-column:1;color:var(--pay-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.ifpay-ref b{grid-column:1;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ifpay-copy{grid-column:2;grid-row:1/3;padding:7px 12px;border:1px solid var(--pay-line);border-radius:8px;background:#171814;color:var(--pay-text);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}
@media(max-width:560px){.ifpay{padding:0;place-items:end stretch}.ifpay-card{width:100%;max-height:92vh;border-radius:18px 18px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.ifpay h2{font-size:21px}.ifpay-options.three .ifpay-option{grid-template-columns:80px minmax(0,1fr)}.ifpay-options.three .ifpay-logo{width:80px}}
@media(prefers-reduced-motion:no-preference){.ifpay-card{animation:ifpay-in .18s ease-out}@keyframes ifpay-in{from{transform:translateY(12px);opacity:0}}}
/* "Pay with" logo rows that pages show under their prices. */
.ifpay-accepts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ifpay-accepts .ifpay-logo{height:26px;padding:3px 7px}
.ifpay-accepts .ifpay-logo img{height:17px}
/* Country field in the sign-up / log-in window and the profile editor, matching their text inputs. */
.modal select,.profile-form select{width:100%;background:#090a09;border:1px solid var(--line,#2a2b22);padding:12px;color:var(--text,#f5f3ea);border-radius:7px;font:inherit}
.field-hint{color:var(--muted,#8e9188);font-size:11px;font-weight:400}
.modal-card{max-height:calc(100vh - 40px);overflow:auto}