/* Styles scoped to the integrated recharge page. */
.recharge-page{padding-top:130px}.recharge-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding-bottom:54px}.recharge-hero h1{font-size:clamp(2.25rem,4.5vw,4.1rem);max-width:800px}.sim-mark{width:115px;height:145px;border:2px solid var(--color-yellow);border-radius:14px 34px 14px 14px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,#ffc10726,transparent);box-shadow:0 0 50px #ffc10712;color:var(--color-yellow)}.sim-mark span{font-size:.8rem;letter-spacing:.2em}.sim-mark b{font-size:1.25rem}.recharge-progress{display:flex;padding:0;list-style:none;gap:0;margin:0 0 30px;max-width:620px}.recharge-progress li{flex:1;display:flex;align-items:center;gap:10px;color:#aaa;border-bottom:2px solid #444;padding:16px 0}.recharge-progress span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#252525}.recharge-progress [aria-current],.recharge-progress .completed{color:var(--color-yellow);border-color:var(--color-yellow)}.recharge-progress [aria-current] span{background:var(--color-yellow);color:#000;font-weight:800}.recharge-panel{max-width:760px;padding:38px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.recharge-panel h2,.flow-heading h2{font-size:clamp(1.8rem,3vw,2.5rem)}.recharge-panel [tabindex]:focus,.flow-heading [tabindex]:focus{outline:none}#phone-form{margin-top:28px;max-width:490px}#phone{display:block;width:100%;margin:10px 0;padding:16px;background:#080808;border:1px solid #777;border-radius:12px;color:#fff;font:inherit;font-size:1.05rem;min-height:56px}#phone[aria-invalid=true]{border-color:#ffb4a9}.form-error{color:#ffb4a9;min-height:26px;margin:10px 0}.form-message{color:var(--color-yellow)}.recharge-page .note,.recharge-page .pending-copy{color:#b8b8b8}.flow-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.selection-check{display:none;margin-left:8px}.selected .selection-check{display:inline}.recharge-plans .selected{border-color:var(--color-yellow);box-shadow:0 0 22px #ffc10720}.selection-bar{position:sticky;bottom:0;z-index:20;background:#101010f7;border:1px solid var(--color-border);border-radius:16px;padding:16px 22px;margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;backdrop-filter:blur(12px)}.recharge-page .button:disabled{background:#333;color:#bbb;border-color:#555;box-shadow:none;cursor:not-allowed;transform:none}.recharge-summary{margin:30px 0}.recharge-summary>div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--color-border)}.recharge-summary dt{color:#bbb}.recharge-summary dd{margin:0;font-weight:800;text-align:right}.summary-actions{display:flex;gap:12px;flex-wrap:wrap}.autorecharge-card{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.autorecharge-card h2{font-size:clamp(1.8rem,3vw,2.8rem)}.recharge-secondary{background:#111}.recharge-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.recharge-blocks h2{font-size:1.8rem}.recharge-blocks .feature-card{display:flex;align-items:flex-start;flex-direction:column}.recharge-blocks .button{margin-top:auto}.help-topics{list-style:none;padding:0;margin:35px 0}.help-topics a{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--color-border)}.help-topics a:hover{color:var(--color-yellow)}.recharge-page [hidden]{display:none!important}.recharge-page .plan-card>small{color:#aaa}
@media(max-width:820px){.recharge-page{padding-top:105px}.recharge-hero{gap:20px}.sim-mark{width:76px;height:104px}.sim-mark b{font-size:.9rem}.autorecharge-card,.recharge-blocks{grid-template-columns:1fr}.recharge-panel{padding:24px}.recharge-progress{font-size:.9rem}.recharge-page .section{padding:65px 0}}
@media(max-width:540px){.recharge-hero{grid-template-columns:1fr;position:relative;padding-bottom:25px}.sim-mark{display:none}.recharge-panel{padding:22px 18px}.recharge-progress li{gap:7px}.recharge-progress span{width:26px;height:26px}.recharge-progress{margin-bottom:20px}.flow-heading{align-items:flex-start;flex-direction:column;gap:6px}.selection-bar{bottom:0;flex-direction:column;gap:6px;align-items:stretch;padding:14px 70px 14px 14px}.selection-bar p{font-size:.8rem;margin:0 0 6px}.selection-bar .button{font-size:.85rem;padding:10px}.summary-actions{flex-direction:column}.summary-actions>*{width:100%}#phone-form>.button{width:100%}#phone{font-size:16px}.recharge-summary>div{font-size:.9rem}.recharge-panel h2{overflow-wrap:break-word}}