.topup-redesign .shop-service-note{display:none}
.topup-redesign .store-title{margin-bottom:22px}
.topup-redesign .athan-topup-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:start;width:100%;max-width:none;margin:0 0 35px}
.topup-wallet-card{position:relative;isolation:isolate;overflow:hidden;min-height:245px;border:1px solid #bd6e7854;border-radius:15px;padding:26px 29px;background:radial-gradient(ellipse at 95% 20%,#a8354750,transparent 65%),linear-gradient(130deg,#311320,#160e16);box-shadow:0 16px 40px #0003}
.topup-wallet-card:after{content:'';position:absolute;inset:11px;border:1px solid #c3917a1c;border-radius:8px;pointer-events:none;z-index:-1}
.topup-wallet-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.topup-wallet-heading .eyebrow{font-size:8px;color:#d29ca2;letter-spacing:.22em}
.topup-demo-tag{font-size:8px;color:#e2b38d;padding:4px 8px;border:1px solid #ca94763a;border-radius:20px;background:#22131c8c;white-space:nowrap}
.topup-wallet-card h2{font-size:13px;color:#c3a8b2;font-weight:400;margin:29px 0 4px}.topup-current-balance{display:block;font-size:43px;line-height:1.3;color:#f9e6de;letter-spacing:-.02em;font-weight:600;font-variant-numeric:tabular-nums}
.topup-wallet-unit{font-size:9px;color:#ab889a;margin-top:6px;position:relative;z-index:1}
.topup-wallet-art{position:absolute;width:128px;height:101px;right:27px;bottom:44px;opacity:.8;z-index:-1;transform:rotate(-9deg)}
.topup-wallet-footer{display:flex;justify-content:space-between;align-items:center;margin-top:27px;color:#c58d97}.topup-wallet-footer>span{font-family:Georgia,serif;font-size:15px;letter-spacing:.2em}.topup-wallet-footer>small{font-size:6px;letter-spacing:.16em;color:#9f788a}
.topup-recipient{display:flex;align-items:center;gap:12px;border:1px solid #af74822e;border-radius:10px;background:#1b121bc9;padding:17px 18px;margin-top:16px}.topup-recipient-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid #b583773e;border-radius:50%;background:#6e223028;color:#d5999c;font-family:Georgia,serif;font-size:23px;flex:none}
.topup-recipient>div{min-width:0;flex:1}.topup-recipient p{font-size:8px;color:#9b7e90;margin-bottom:3px}.topup-recipient strong{display:block;font-size:12px;font-weight:500;color:#e5cdd5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topup-recipient small{display:block;font-size:9px;color:#b091a1;margin-top:3px}.topup-linked{font-size:7px;border:1px solid #6482703b;border-radius:12px;padding:3px 6px;color:#95b29e;white-space:nowrap}.topup-recipient>.btn{font-size:9px;min-height:40px;padding:8px}
.topup-howto{padding:24px 3px 0}.topup-howto h2{font-size:16px;font-weight:500;color:#e1c4cf;margin-bottom:15px}.topup-howto ol{list-style:none;margin:0;padding:0;display:grid;gap:16px}.topup-howto li{display:flex;align-items:flex-start;gap:15px}.topup-howto b{font-family:Georgia,serif;font-size:24px;line-height:1.4;color:#a9566e;font-weight:400}.topup-howto strong{font-size:11px;font-weight:500;color:#d2b6c4}.topup-howto p{font-size:10px;color:#9e8193;margin-top:3px;line-height:1.8}
.topup-redesign .athan-topup-card{width:100%;max-width:none;margin:0;border:1px solid #b3637c42;border-radius:15px;background:linear-gradient(135deg,#21141f,#170f19);padding:26px 29px;box-shadow:0 15px 45px #0003}
.topup-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.topup-card-heading .eyebrow{font-size:7px;color:#c98c9d;letter-spacing:.16em}.topup-card-heading>span{font-size:7px;color:#d2a68b;border:1px solid #ba8b6930;border-radius:4px;padding:3px 6px}
.topup-redesign .store-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 25px;padding:0 0 19px;border-bottom:1px solid #ac6f862b}
.topup-redesign .store-stepper button{display:flex;gap:7px;justify-content:flex-start;align-items:center;padding:0;min-height:36px;font-size:9px;background:none;border:0;color:#8c7284}
.topup-redesign .store-stepper b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid #ad6f8733;background:#271824;color:#a8899d;font-size:10px;flex:none}
.topup-redesign .store-stepper button[aria-current=step]{color:#f0d7df}.topup-redesign .store-stepper button[aria-current=step] b{background:#ad2547;border-color:#d84c6c;color:#fff}
.topup-redesign .store-topup-card h2{font-size:24px;line-height:1.5;color:#f1dbe3;margin:0 0 7px;font-weight:500}.topup-redesign [data-topup-pane]>p:not(.topup-smallprint):not(.store-form-status){font-size:11px;color:#ab8b9f;line-height:1.9;margin-bottom:20px}
.topup-redesign .store-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 19px}
.topup-redesign .store-amounts>button,.topup-redesign .topup-custom-amount{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85px;padding:12px 8px;border:1px solid #a969823b;border-radius:9px;background:#190f1b;color:#d9b5ca;transition:border-color .2s,background .2s}
.topup-redesign .store-amounts>button strong{font-size:25px;font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums}.topup-redesign .store-amounts>button small{display:block;font-size:8px;color:#93718b;margin-top:3px}
.topup-redesign .store-amounts>button:hover{border-color:#b24a6c;background:#321324}.topup-redesign .store-amounts>button[aria-pressed=true]{background:linear-gradient(135deg,#6e203b,#331527);border-color:#eb4b7c;color:#ffe7ed;box-shadow:inset 0 0 0 1px #eb4b7c22}.topup-redesign .store-amounts>button[aria-pressed=true] small{color:#dba7c1}
.topup-redesign .topup-custom-amount{gap:5px;cursor:text}.topup-custom-amount>span{font-size:8px;color:#aa879f}.topup-redesign .store-amounts .topup-custom-amount input{min-width:0;width:100%;min-height:33px;padding:3px 5px;text-align:center;border:0;background:transparent;font-size:17px;color:#f0d6e6;outline-offset:0}.topup-custom-amount:focus-within{border-color:#eb4b7c!important}
.topup-selection-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 15px;border:1px solid #af74822b;border-radius:8px;background:#110c14b3;margin-bottom:9px}.topup-selection-summary>span{font-size:10px;color:#ac899e}.topup-selection-summary>strong{font-size:18px;color:#eda0bd;font-weight:500}.topup-selection-summary>strong:only-child{font-size:12px}
.topup-redesign .store-form-status{font-size:9px;line-height:1.7;min-height:18px;margin:0 0 15px;color:#a28398}.topup-redesign .store-wide{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:47px;font-size:12px;border-radius:7px}.topup-redesign .btn:disabled{opacity:.45}
.topup-redesign .topup-smallprint{font-size:8px;text-align:center;color:#997b91;line-height:1.8;margin-top:12px}
.topup-receipt{border:1px solid #ac6b8138;border-radius:10px;padding:23px 21px 9px;background:radial-gradient(ellipse at 80% 0%,#86284522,transparent 80%),#140e17;margin:15px 0}
.topup-receipt>span{display:block;font-size:10px;color:#b28da4}.topup-redesign .topup-receipt .store-amount-summary{display:block;font-size:37px;color:#f2b1c8;line-height:1.5;margin:4px 0 20px;font-weight:500}
.topup-receipt dl{margin:0}.topup-receipt dl>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #9d638128}.topup-receipt dt{font-size:10px;color:#a6849a}.topup-receipt dd{margin:0;font-size:10px;color:#dcc2d1;text-align:right}.topup-receipt .topup-no-payment{color:#d4a885}
.topup-redesign .store-payment-unavailable{border:0;padding:0;background:none;margin:15px 0 0;text-align:left}.topup-redesign .store-payment-unavailable h3{font-size:16px;color:#ebc9d9}.topup-redesign .store-payment-unavailable p{font-size:10px;line-height:1.9;color:#a98b9e}.topup-redesign .store-payment-unavailable .topup-confirm-note{border-left:2px solid #a9735c;background:#7f49240c;padding:10px 12px;margin-bottom:16px;color:#c6a68f;font-size:10px}
.topup-redesign .topup-secondary-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #b77c7a26;padding-top:16px;margin-top:17px}.topup-secondary-actions>.btn{font-size:10px;padding:9px 14px;min-height:42px}.topup-redesign #demo-topup-message{font-size:11px;color:#ffafc1;margin:10px 0}
.topup-info-note{padding:25px 21px;border:1px solid #b17a7b30;border-radius:10px;background:#1c111c;margin:18px 0}.topup-info-note>span{display:block;font-family:Georgia,serif;font-size:38px;color:#c47992;margin-bottom:10px}.topup-info-note h3{font-size:17px;color:#dfbccf;margin-bottom:10px}.topup-info-note p{font-size:11px;color:#ad8ea3;line-height:1.95}
@media(max-width:1000px){.topup-redesign .athan-topup-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px}.topup-redesign .athan-topup-card{padding:23px}.topup-wallet-card{padding:25px 23px}.topup-current-balance{font-size:36px}.topup-wallet-art{width:100px;right:15px;bottom:47px;opacity:.55}.topup-linked{display:none}.topup-redesign .store-stepper{gap:5px}.topup-redesign .store-stepper button{font-size:8px;gap:5px}.topup-redesign .store-amounts>button strong{font-size:23px}}
@media(max-width:767px){.topup-redesign .athan-topup-layout{grid-template-columns:1fr;gap:21px;margin-bottom:22px}.topup-overview{display:grid;grid-template-columns:1fr 1fr;gap:12px}.topup-wallet-card{min-height:195px;padding:20px}.topup-wallet-card h2{margin-top:20px;font-size:11px}.topup-current-balance{font-size:30px}.topup-wallet-unit{font-size:7px;max-width:210px}.topup-wallet-footer{margin-top:18px}.topup-wallet-art{width:85px;right:13px;bottom:25px;opacity:.4}.topup-recipient{margin-top:0;flex-wrap:wrap;gap:10px;padding:18px;align-content:center}.topup-recipient-icon{width:32px;height:32px;font-size:20px}.topup-recipient>div{flex-basis:calc(100% - 45px)}.topup-recipient small{font-size:8px}.topup-linked{display:block;margin-left:42px}.topup-howto{display:none}.topup-redesign .athan-topup-card{max-width:650px;margin:0 auto;padding:25px}.topup-redesign .store-stepper button{font-size:10px}.topup-redesign .store-amounts>button strong{font-size:27px}.topup-redesign .store-amounts>button,.topup-redesign .topup-custom-amount{min-height:88px}.topup-redesign .store-title>p:last-child:not(.eyebrow){max-width:500px}}
@media(max-width:500px){.topup-redesign .store-title h1{font-size:24px;max-width:none}.topup-redesign .store-title>p:last-child:not(.eyebrow){font-size:10px;max-width:310px;line-height:1.85}.topup-redesign .athan-topup-layout{gap:17px}.topup-overview{grid-template-columns:1fr;gap:10px}.topup-wallet-card{min-height:185px;padding:19px 22px}.topup-wallet-card h2{margin-top:17px;font-size:11px}.topup-current-balance{font-size:35px}.topup-wallet-unit{font-size:8px}.topup-wallet-art{width:112px;right:24px;bottom:28px;opacity:.65}.topup-wallet-footer{margin-top:17px}.topup-wallet-heading .eyebrow{font-size:7px}.topup-demo-tag{font-size:7px}.topup-recipient{padding:13px 15px;flex-wrap:nowrap;gap:10px}.topup-recipient>div{flex-basis:auto}.topup-recipient strong{font-size:11px}.topup-recipient small{font-size:8px}.topup-recipient p{font-size:7px}.topup-linked{font-size:6px;margin-left:0;padding:3px 5px}.topup-redesign .athan-topup-card{padding:19px 18px}.topup-card-heading{margin-bottom:13px}.topup-card-heading .eyebrow{font-size:6px;letter-spacing:.12em}.topup-redesign .store-stepper{gap:6px;margin-bottom:19px;padding-bottom:15px}.topup-redesign .store-stepper button{font-size:8px;gap:5px;min-height:36px}.topup-redesign .store-stepper b{width:22px;height:22px;font-size:9px}.topup-redesign .store-topup-card h2{font-size:22px}.topup-redesign [data-topup-pane]>p:not(.topup-smallprint):not(.store-form-status){font-size:10px;margin-bottom:16px}.topup-redesign .store-amounts{gap:8px;margin-bottom:16px}.topup-redesign .store-amounts>button,.topup-redesign .topup-custom-amount{min-height:77px;padding:10px 6px}.topup-redesign .store-amounts>button strong{font-size:24px}.topup-redesign .store-amounts>button small{font-size:7px}.topup-custom-amount>span{font-size:7px}.topup-redesign .store-amounts .topup-custom-amount input{font-size:15px;min-height:29px}.topup-selection-summary{padding:12px}.topup-selection-summary>span{font-size:9px}.topup-selection-summary>strong{font-size:16px}.topup-redesign .store-form-status{font-size:8px;margin-bottom:13px}.topup-redesign .topup-smallprint{font-size:7px}.topup-redesign .store-wide{font-size:11px;min-height:46px}.topup-receipt{padding:18px 16px 5px}.topup-redesign .topup-receipt .store-amount-summary{font-size:32px;margin-bottom:16px}.topup-receipt dt,.topup-receipt dd{font-size:9px}.topup-redesign .topup-secondary-actions{gap:8px}.topup-secondary-actions>.btn{font-size:9px;padding:9px 11px}.topup-info-note{padding:21px 17px}.topup-info-note h3{font-size:16px}.topup-info-note p{font-size:10px}}
@media(max-width:359px){.topup-linked{display:none}.topup-current-balance{font-size:32px}.topup-wallet-art{right:15px;width:94px;opacity:.5}.topup-redesign .athan-topup-card{padding:17px 14px}.topup-redesign .store-stepper button{font-size:7px;gap:4px}.topup-redesign .store-stepper{gap:3px}.topup-redesign .store-amounts>button strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.topup-redesign .store-amounts>button{transition:none}}