.topup-page{padding-bottom:var(--sp-8)}.topup-head .lede{margin-top:var(--sp-2);max-width:640px}.topup-preview{gap:var(--sp-3);padding:var(--sp-2) 0;color:var(--muted);font-size:13px;display:flex}.topup-preview svg{color:var(--muted);flex-shrink:0;margin-top:2px}.topup-service-picker{margin:var(--sp-4) 0 0;border:0;min-width:0;padding:0}.topup-service-picker legend{margin-bottom:var(--sp-3);font-size:16px;font-weight:650}.topup-money-note{max-width:780px;color:var(--ink-2);margin:12px 0 0;font-size:14px;line-height:1.65}.topup-service-options{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));max-width:780px;display:grid}.topup-service-option{align-items:center;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);cursor:pointer;min-width:0;display:flex;position:relative}.topup-service-option input{opacity:0;width:1px;height:1px;position:absolute}.topup-service-option:has(input:checked){border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--tint-primary)}.topup-service-option:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:3px}.topup-service-option:hover{border-color:var(--primary)}.topup-service-option svg{color:var(--muted);flex-shrink:0}.topup-service-option>span{min-width:0}.topup-service-option strong{font-size:17px;display:block}.topup-service-option>span>span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.topup-step-hint,.topup-start-hint{color:var(--muted);padding:var(--sp-4);border:1px dashed var(--line-strong);border-radius:var(--r-sm);font-size:14px}.topup-start-hint{margin-top:var(--sp-5);max-width:780px}.topup-mobile-action{display:none}.topup-preview p{color:var(--muted);margin:4px 0 0}.topup-layout{gap:var(--sp-5);margin-top:var(--sp-5);grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;display:grid}.topup-layout>*{min-width:0}.topup-fieldset{border:0;min-width:0;margin:0;padding:0}.topup-fieldset+.topup-fieldset{border-top:1px solid var(--line);margin-top:var(--sp-5);padding-top:0}.topup-fieldset legend{margin-bottom:var(--sp-3);font-size:16px;font-weight:650}.topup-carrier .seg{flex-wrap:wrap}.topup-carrier-hint{margin-top:var(--sp-2)}.topup-carrier-help summary{cursor:pointer;text-underline-offset:3px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:flex}.topup-pack{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.topup-pack>span{min-width:0}.topup-pack-detail{color:var(--muted);margin-top:4px;font-size:13px;display:block}.topup-payment-disabled{margin-top:var(--sp-4)}.topup-payment-disabled:disabled{opacity:.55;cursor:not-allowed}@media (max-width:900px){.topup-layout{grid-template-columns:minmax(0,1fr)}.topup-layout .aside-sticky{position:static}.topup-page-ready{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.topup-mobile-action{z-index:20;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);display:flex;position:fixed;bottom:0;left:0;right:0}.topup-mobile-action span{color:var(--muted);font-size:12px;display:block}.topup-mobile-action strong{font-size:18px;display:block}.topup-mobile-action button:disabled{opacity:.55}.topup-summary .topup-payment-disabled{display:none}}@media (min-width:901px) and (max-width:1536px){.topup-form{padding:var(--sp-4)}.topup-layout{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) 310px}}.topup-carrier{margin-top:var(--sp-4)}.topup-carrier-card{margin-top:0}.topup-carrier .label{margin-bottom:var(--sp-2);display:block}.topup-mode{margin-top:var(--sp-4);margin-bottom:var(--sp-4)}.topup-grid{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.topup-packs{gap:var(--sp-3);flex-direction:column;display:flex}.opt-row{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);display:flex}.opt-row .opt-sub{flex:1}.opt-row .opt-price{font-variant-numeric:tabular-nums;font-weight:700}.topup-confirm{padding:var(--sp-4) 0;border-top:1px solid var(--line);margin-top:var(--sp-4);justify-content:space-between;align-items:baseline;display:flex}.topup-total{letter-spacing:-.02em;font-size:21px;font-weight:700}@media (max-width:520px){.topup-grid{grid-template-columns:1fr 1fr}.topup-service-option{padding:var(--sp-3);align-items:flex-start}.topup-service-option svg{display:none}.topup-service-option strong{font-size:16px}.topup-service-options{gap:var(--sp-2);grid-template-columns:minmax(0,1fr)}}@media (max-width:380px){.topup-grid{grid-template-columns:1fr}}.topup-quick-amounts{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.topup-quick-picker{margin-top:var(--sp-4)}.topup-quick-amounts button[aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.topup-page{max-width:1180px}.topup-head{padding-block:12px 8px}.topup-head h1{font-size:clamp(26px,3vw,34px)}.topup-head .lede{font-size:15px}.topup-service-options{max-width:none}.topup-service-option{padding:16px}.topup-service-option strong{font-size:16px}.topup-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:24px}.topup-form{padding:24px}.topup-fieldset legend{margin-bottom:12px}.topup-fieldset+.topup-fieldset{margin-top:24px;padding-top:20px}.topup-fieldset+.topup-fieldset>legend{padding:0 8px 0 0}.topup-summary-anchor{scroll-margin-top:100px;position:sticky;top:100px}.topup-summary{position:static}.topup-summary h2{font-size:17px}.topup-summary .card-body,.topup-summary .card-head{padding:20px}.topup-summary .sum-line{gap:12px;font-size:14px}.topup-summary .sum-line dd{overflow-wrap:anywhere}.topup-summary .big{font-size:24px}.topup-summary .btn{margin-top:16px}.topup-summary .btn:disabled{opacity:.55;cursor:not-allowed}.topup-recipient-field{max-width:440px}.topup-pack-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.topup-pack-toolbar .field{flex:1;min-width:140px}.topup-pack-toolbar .label{font-size:13px}.topup-data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.topup-data-card{border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);flex-direction:column;min-width:0;padding:18px;display:flex}.topup-data-card.is-selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--tint-primary)}.topup-data-identity{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.topup-selected-mark{color:var(--ink);align-items:center;gap:3px;font-size:12px;display:inline-flex}.topup-data-card h3{overflow-wrap:anywhere;margin:0;font-size:22px;line-height:1.3}.topup-data-name{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:13px}.topup-data-duration{color:var(--ink-2);margin:6px 0 0;font-size:14px}.topup-data-card>.caption{margin:6px 0 0}.topup-data-price{margin:auto 0 0;padding-top:22px;font-size:21px}.topup-data-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:14px;display:grid}.topup-data-actions .btn{white-space:normal;min-height:44px;padding-inline:6px;font-size:13px;line-height:1.3}.topup-data-actions>.btn-quiet{border-color:var(--line-strong)}.topup-error{border:1px solid var(--line-strong);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding:16px;display:flex}.topup-error p{margin:0}.topup-loading{color:var(--muted);gap:12px;display:grid}.topup-loading>div{background:var(--surface-2);border-radius:var(--r-sm);height:90px}.topup-packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.topup-pack{cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--r-sm);flex-wrap:wrap;min-width:0;padding:16px}.topup-pack:has(input:checked){border-color:var(--primary);background:var(--tint-primary);box-shadow:inset 0 0 0 1px var(--primary)}.topup-pack>span{flex:1}.topup-pack>strong{width:100%;font-size:14px}.topup-mobile-action a{min-height:28px;color:var(--ink-2);text-underline-offset:3px;align-items:center;font-size:12px;text-decoration:underline;display:inline-flex}@media (min-width:901px) and (max-width:1200px){.topup-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.topup-form{padding:20px}.topup-data-card{padding:14px}}@media (max-width:900px){.topup-layout{grid-template-columns:minmax(0,1fr);gap:20px}.topup-summary-anchor{position:static}.topup-page-ready .topup-summary .btn{display:none}.topup-mobile-action{box-shadow:0 -2px 10px #0000000a}.topup-mobile-action .btn{min-height:44px;font-size:14px}}@media (max-width:520px){.topup-service-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.topup-service-option{text-align:center;padding:12px 8px;display:block}.topup-service-option svg{width:20px;height:20px;margin:0 auto 8px;display:block}.topup-service-option strong{font-size:13px}.topup-service-option>span>span{display:none}.topup-head .lede,.topup-service-picker legend{font-size:14px}.topup-layout{margin-top:20px}.topup-form{padding:16px}.topup-data-grid{grid-template-columns:minmax(0,1fr)}.topup-data-card{padding:18px}.topup-data-identity{margin-bottom:10px}.topup-data-price{padding-top:16px}.topup-carrier .seg{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.topup-carrier .seg label{text-align:center;min-width:0}.topup-carrier .seg span{place-items:center;min-height:44px;padding-inline:6px;font-size:13px;display:grid}.topup-packs{gap:8px}.topup-pack{gap:8px;padding:12px}.topup-quick-amounts{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.topup-quick-amounts .btn{min-width:0;padding-inline:5px;font-size:13px}}.topup-card-mode .topup-fieldset legend{align-items:center;gap:10px;display:flex}.topup-step-number{background:var(--surface-2);width:24px;height:24px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:13px;display:inline-grid}.topup-carrier .topup-carrier-options{background:0 0;border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;padding:0;display:grid}.topup-carrier .topup-carrier-options label{min-width:0}.topup-carrier .topup-carrier-options span{border:1px solid var(--line-strong);border-radius:var(--r-sm);place-items:center;min-height:44px;display:grid}.topup-card-mode .topup-pack{background:var(--surface);grid-template-columns:minmax(0,1fr) 18px;align-items:start;gap:12px;padding:18px;display:grid;position:relative}.topup-card-mode .topup-pack input{opacity:0;width:1px;height:1px;position:absolute}.topup-card-mode .topup-pack:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:3px}.topup-card-mode .topup-pack:has(input:checked){background:var(--tint-primary)}.topup-card-mode .topup-pack:hover{border-color:var(--primary)}.topup-card-face>strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:4px;font-size:24px;display:block}.topup-card-check{visibility:hidden;color:var(--primary);margin-top:4px}.topup-pack:has(input:checked) .topup-card-check{visibility:visible}.topup-card-mode .topup-card-price{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:4px 8px;padding-top:12px;font-size:16px;display:flex}.topup-card-mode .topup-pack-detail:empty{display:none}.topup-card-mode fieldset:disabled label{cursor:wait}@media (max-width:520px){.topup-carrier .topup-carrier-options{grid-template-columns:repeat(2,minmax(0,1fr))}.topup-card-mode .topup-pack{padding:12px}.topup-card-face>strong{font-size:21px}.topup-card-mode .topup-card-price{display:block}.topup-card-price .caption{margin-bottom:4px;display:block}}.topup-carrier .topup-carrier-options input:checked+span{border-color:var(--primary);background:var(--tint-primary);box-shadow:inset 0 0 0 1px var(--primary)}.topup-carrier .topup-carrier-options input:focus-visible+span{outline:2px solid var(--primary);outline-offset:3px}