.fv-recharge{background:#f5f8fd;color:#192d48;padding:56px 20px 76px;font-family:Inter,Arial,sans-serif}.fvr-wrap{width:min(1200px,100%);margin:auto}.fvr-heading{max-width:780px;margin:0 auto 32px;text-align:center}.fvr-heading h1{font-size:clamp(30px,4vw,46px);font-weight:750;line-height:1.15;color:#16385d}.fvr-heading p{font-size:18px;line-height:1.6;color:#576b83}.fvr-checkout{background:#fff;border:1px solid #dde7f4;border-radius:20px;padding:32px;box-shadow:0 12px 36px #16385d08;min-width:0;width:100%;margin:0}.fvr-step{border:0;padding:0;margin:0 0 28px;min-width:0}.fvr-step:last-child{margin-bottom:0}.fvr-step fieldset{border:0;padding:0;min-width:0}.fvr-step legend,.fvr-step-title{font-size:20px;font-weight:700;line-height:1.45;margin-bottom:18px;border:0;color:#193a60;display:block;width:100%}.fvr-step legend>span,.fvr-step-title>span{display:inline-grid;place-items:center;background:#eaf3ff;color:#1673de;width:32px;height:32px;border-radius:50%;margin-right:8px;font-size:16px}.fvr-amounts{display:flex;flex-wrap:wrap;gap:12px}.fvr-option{position:relative;flex:1 1 110px;cursor:pointer;margin:0}.fvr-option input{position:absolute;opacity:0;width:1px;height:1px}.fvr-option>span{display:block;text-align:center;border:2px solid #dce6f2;border-radius:12px;padding:22px 10px;background:#fff;color:#18385c;font-size:22px;font-weight:700}.fvr-option input:checked+span{border-color:#147af3;background:#edf5ff;color:#0864cd;box-shadow:0 0 0 1px #147af3}.fvr-option input:focus-visible+span{outline:3px solid #16385d;outline-offset:4px}.fvr-option input:disabled+span{opacity:.65;cursor:default}.fvr-step label[for]{font-weight:600;display:block;margin-bottom:8px}.fvr-step input[type=email]{display:block;width:100%;max-width:520px;padding:13px 15px;border:1px solid #aebfd4;border-radius:8px;font-size:16px;background:#fff;color:#192d48;height:auto}.fvr-step input[type=email]:focus{outline:2px solid #167bff;outline-offset:2px}.fvr-step #fvr-email-help{font-size:14px;color:#5c6e83;margin:10px 0 18px}.fvr-next{border:0;border-radius:8px;background:#1378eb;color:#fff;padding:14px 24px;font-weight:700;font-size:16px}.fvr-next:disabled{opacity:.55}.fvr-copy{max-width:840px;margin:32px auto;line-height:1.8;font-size:16px}.fvr-copy h2{font-size:28px;color:#173c65;margin:32px 0 16px}.fvr-copy h3{font-size:21px;color:#173c65;margin:24px 0 12px}.fvr-copy a{text-decoration:underline}.fvr-checkout [hidden]{display:none!important}.fv-recharge .fvp-payment{margin-top:20px}.fv-recharge .fvp-method{min-width:0}.fv-recharge .fvp-bank-preview strong{overflow-wrap:anywhere}.fv-recharge .fvp-status{overflow-wrap:anywhere}@media(max-width:600px){.fv-recharge{padding:32px 16px 48px}.fvr-checkout{padding:20px 16px;border-radius:14px}.fvr-option{flex-basis:85px}.fvr-option>span{font-size:20px;padding:18px 8px}.fvr-step legend,.fvr-step-title{font-size:18px}.fvr-copy h2{font-size:24px}.fvr-next{width:100%}}

/* Two columns mirror the number checkout; summary remains visible while editing. */
.fvr-layout{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(300px,1fr);gap:22px;align-items:start}
.fvr-summary{position:sticky;top:22px;min-width:0;padding:30px;background:#edf6ff;border:1px solid #dce7f3;border-radius:16px;color:#193a60;box-shadow:0 5px 25px #173f6a05}
.fvr-summary h2{font-size:22px;line-height:1.35;font-weight:750;margin:0 0 8px;color:#193a60}
.fvr-summary dl{margin:18px 0 24px}.fvr-summary dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px;padding:19px 0;border-bottom:1px solid #d7e4f2;font-size:14px;line-height:1.6}
.fvr-summary dt{font-weight:600}.fvr-summary dd{margin:0;text-align:right;color:#576b83;overflow-wrap:anywhere}
.fvr-total{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:15px}.fvr-total strong{font-size:30px;line-height:1.3;white-space:nowrap;color:#173c65}
.fvr-summary-status{margin:18px 0 0;padding-top:16px;border-top:1px solid #d7e4f2;font-size:14px;line-height:1.6}
.fvr-layout [hidden]{display:none!important}
@media(max-width:1050px){.fvr-layout{grid-template-columns:minmax(0,1.9fr) minmax(275px,1fr)}.fvr-summary{padding:23px}}
@media(max-width:760px){.fvr-layout{grid-template-columns:minmax(0,1fr)}.fvr-summary{position:static;padding:22px}.fvr-heading{margin-bottom:26px}}
