.vb-payments [hidden]{display:none!important}.vb-payments .payment_func{scroll-margin-top:100px}.vb-payments .wizard-nav{grid-column:1/-1;order:0;height:auto;max-width:none;width:100%;padding:0;background:transparent;display:block;margin-bottom:0}.vb-payments .wizard-nav ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vb-payments .wizard-nav li{min-width:0}.vb-payments .wizard-nav button{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;min-height:60px;border:1px solid #dee8ef;border-radius:13px;background:white;color:#657f92;padding:12px;font-size:14px;font-weight:700}.vb-payments .wizard-nav button span{display:grid;place-items:center;border-radius:9px;background:#eff4f8;color:#7e919e;width:30px;height:30px;font-size:12px;flex-shrink:0}.vb-payments .wizard-nav button[aria-current=step]{background:#2f79aa;border-color:#2f79aa;color:white}.vb-payments .wizard-nav button[aria-current=step] span{background:#ffffff24;color:white}.vb-payments .wizard-nav button.is-complete{background:#e4f2fb;color:#2a709e;border-color:#c8e0f1}.vb-payments .wizard-nav button:disabled{opacity:.65;cursor:default}.vb-payments #wizard-error{grid-column:1/-1;order:1;background:#fff1ed;border:1px solid #f1d3c8;color:#984a36;border-radius:10px;padding:12px 16px;font-size:13px}.vb-payments #wizard-error:empty{display:none}.vb-payments .topup-choices{order:2}.vb-payments .wizard-recap{order:3;background:#e4f2fb;border-radius:20px;padding:24px;position:sticky;top:88px;min-width:0}.vb-payments .wizard-recap h2{margin:7px 0 20px;font-size:21px}.vb-payments .wizard-recap dl{margin:0}.vb-payments .wizard-recap dl>div{padding:14px 0;border-top:1px solid #d1e2ee}.vb-payments .wizard-recap dt{font-size:12px;color:#657f92;font-weight:400;margin-bottom:5px}.vb-payments .wizard-recap dd{font-size:16px;color:#2a709e;font-weight:700;margin:0;overflow-wrap:anywhere}.vb-payments .wizard-recap dl>div:first-child dd{font-size:25px}.vb-payments .wizard-recap .wizard-points-row dd{font-size:13px;line-height:1.9}.vb-payments .wizard-state{font-size:12px;line-height:1.9;margin-top:12px;color:#657f92}.vb-payments .wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;border-top:1px solid #e8eff4}.vb-payments .wizard-actions button{min-height:46px;border-radius:10px;padding:10px 17px;font-size:14px;font-weight:700}.vb-payments .wizard-next{border:0;background:#2f79aa;color:white;margin-left:auto;box-shadow:0 3px 0 #245e84}.vb-payments .wizard-back{background:white;border:1px solid #d5e3ed;color:#60798d}.vb-payments .confirm-card{position:static;top:auto;background:white;padding:24px;display:block}.vb-payments .confirm-card>.box{padding:0}.vb-payments .confirm-card .wizard-actions{padding:20px 0 0;margin-top:22px}.vb-payments .confirm-card .payment_btn{max-width:none}.vb-payments .amount-card h2:focus,.vb-payments .method-card h2:focus,.vb-payments .confirm-card h2:focus{outline:none}
@media(max-width:740px){.vb-payments .wizard-nav ol{gap:6px}.vb-payments .wizard-nav button{flex-direction:column;gap:6px;padding:10px 4px;font-size:12px;min-height:78px;border-radius:11px}.vb-payments .wizard-nav button span{width:25px;height:25px;font-size:12px}.vb-payments .wizard-recap{order:2;position:static;padding:18px;border-radius:16px}.vb-payments .topup-choices{order:3}.vb-payments .wizard-recap h2{font-size:17px;margin:5px 0 12px}.vb-payments .wizard-recap dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.vb-payments .wizard-recap dl>div{padding:10px 0 0}.vb-payments .wizard-recap dl>div:first-child dd{font-size:20px}.vb-payments .wizard-recap dd{font-size:14px}.vb-payments .wizard-recap .wizard-points-row{grid-column:1/-1}.vb-payments .wizard-state{margin-top:9px;font-size:12px}.vb-payments .wizard-actions{padding:17px 16px;gap:8px}.vb-payments .wizard-actions button{font-size:12px;padding:10px 12px}.vb-payments .confirm-card{padding:20px}.vb-payments .payment_func{gap:18px;scroll-margin-top:92px}}
.vb-payments .payment_func{grid-template-columns:minmax(0,1fr)}.vb-payments .wizard-step-copy{min-width:0;text-align:left;line-height:1.6}.vb-payments .wizard-step-copy small{display:block;font-size:12px;font-weight:400;margin-top:3px;overflow-wrap:anywhere}.vb-payments .wizard-nav button{min-height:76px}.vb-payments .wizard-nav button[aria-current=step] small{color:#e8f5ff}.vb-payments .wizard-nav button:disabled{opacity:1;background:#fbfdff;color:#808c94}.vb-payments .confirm-card{width:100%}@media(max-width:740px){.vb-payments .wizard-step-copy{text-align:center;width:100%}.vb-payments .wizard-step-copy small{font-size:12px;line-height:1.7}.vb-payments .wizard-nav button{min-height:108px}.vb-payments .price_list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vb-payments .wizard-nav button{font-size:18px;padding:6px 12px;min-height:72px}.vb-payments .wizard-nav button>span{font-size:16px;width:32px;height:32px}.vb-payments .wizard-step-copy{line-height:1.45}.vb-payments .wizard-step-copy small{font-size:16px;line-height:1.5;font-weight:600;color:#556672;margin-top:2px}.vb-payments .wizard-nav button[aria-current=step] small{color:#fff}.vb-payments .wizard-nav button:disabled{color:#6b7882}@media(max-width:740px){.vb-payments .wizard-nav button{font-size:15px;padding:6px 4px;gap:3px;min-height:96px}.vb-payments .wizard-nav button>span{font-size:15px;width:26px;height:26px}.vb-payments .wizard-step-copy small{font-size:14px;line-height:1.5;margin-top:2px}}

.vb-payments .price_list .point{font-size:16px;font-weight:600;color:#506c80;line-height:1.8}.vb-payments .price_list .point span{font-size:15px!important}@media(max-width:740px){.vb-payments .price_list .point{font-size:16px}.vb-payments .price_list .point span{font-size:14px!important}}

@media(max-width:740px){.vb-payments .intro{display:grid;grid-template-columns:minmax(0,1fr) 126px;min-height:0;gap:0 10px}.vb-payments .intro>div:first-child{display:contents}.vb-payments .intro .eyebrow{grid-column:1;grid-row:1;align-self:end}.vb-payments .intro h1{grid-column:1;grid-row:2;align-self:start}.vb-payments .intro .hero-art{grid-column:2;grid-row:1/3}.vb-payments .intro p{grid-column:1/-1;grid-row:3;max-width:none;margin-top:6px}}