.bill-payment{min-width:0;padding:22px;background:#f5f1e9;border:1px solid #ded7ca;border-radius:14px;margin:0 0 24px;color:#403c36;text-align:left}
.bill-payment-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.bill-payment .bill-payment-head h2{font-size:20px;line-height:1.4;margin:0;font-weight:700}
.bill-payment .bill-payment-head select{width:auto;max-width:100%;min-height:42px;background:#fff;border:1px solid #d9d1c5;border-radius:8px;font-size:14px;padding:8px 28px 8px 10px;color:#4c453b}
.bill-payment .bill-payment-caption{font-size:14px;line-height:1.6;margin:22px 0 4px;color:#6b6358}
.bill-payment-value{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-height:56px;font-variant-numeric:tabular-nums}
.bill-payment-value strong{font-size:clamp(30px,3.2vw,42px);line-height:1.25;font-weight:750;letter-spacing:-.025em;overflow-wrap:anywhere}
.bill-payment-value>span{font-size:14px;color:#6b6358}.bill-payment-value .bill-payment-loading{font-size:18px}
.bill-payment .bill-payment-breakdown{margin:20px 0;padding-top:16px;border-top:1px solid #ded7ca;font-size:14px;line-height:1.5}
.bill-payment-breakdown>div{display:flex;justify-content:space-between;gap:16px;margin:8px 0}.bill-payment-breakdown dt{color:#6b6358}.bill-payment-breakdown dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.bill-payment .bill-payment-topup{width:100%;min-height:48px;margin:0;padding:12px 16px;border-radius:9px;background:#615646;border-color:#615646;color:white;font-size:16px;line-height:1.5}
.bill-payment .bill-payment-topup:disabled{opacity:.55;cursor:not-allowed}
.bill-payment .bill-payment-help{font-size:13px;line-height:1.7;margin:12px 0 0;color:#6b6358}
.bill-payment .bill-payment-covered{font-size:24px;font-weight:700;margin:20px 0 8px;color:#3d6652}
.bill-payment .bill-payment-covered-note{font-size:14px;margin:4px 0 0}.bill-payment-equivalent dd{font-weight:700;color:#403c36}
.bill-payment .bill-payment-error{font-size:14px;line-height:1.6;color:#934515}.bill-payment .bill-payment-retry{font-size:inherit;text-decoration:underline;padding:4px;background:transparent;color:inherit;border:0}
@media(max-width:480px){.bill-payment{padding:18px 16px;margin-bottom:20px}.bill-payment .bill-payment-head h2{font-size:18px}.bill-payment .bill-payment-head select{font-size:13px}.bill-payment-value strong{font-size:34px}.bill-payment-breakdown>div{gap:8px}.bill-payment .bill-payment-breakdown{font-size:13px}}
