.topup-offers{max-width:1120px;margin:16px auto 64px;padding:0 20px}.topup-offers .bundles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;align-items:stretch}.topup-offers .bundle-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 26px #1118270f;padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.topup-offers .bundle-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #11182714;border-color:#d7e3f8}.topup-offers .bundle-card h3{margin:0;font-size:18px;font-weight:700;color:#1f2a50}.topup-offers .bundle-card p{margin:0;font-size:13px;color:#4b5563}.topup-offers .bundle-card strong{color:#111827}.topup-offers .bundle-card button{margin-top:auto;align-self:flex-start;border:1px solid #407EC9;background:#407ec9;color:#fff;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.topup-offers .bundle-card button:hover{background:#2f6bb4;box-shadow:0 10px 22px #407ec940;transform:translateY(-1px)}.topup-offers .bundle-card button:active{transform:translateY(0)}.topup-payment-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1200}.topup-payment-modal[hidden]{display:none!important}.topup-payment-backdrop{position:absolute;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.topup-payment-dialog{position:relative;z-index:1;width:min(960px,96vw);max-height:90vh;overflow:hidden auto;border-radius:16px;box-shadow:0 18px 45px #11182740}.topup-payment-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:18px;line-height:1;display:grid;place-items:center}.payment-modal-body{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:12px}@media(max-width:768px){.payment-modal-body{grid-template-columns:1fr}}.payment-modal-left .methods{margin-top:10px}.payment-modal-right{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px}
