.topup-catalog{min-width:0}
.topup-intro{color:var(--muted);line-height:1.65;margin:0 0 20px}
.topup-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.topup-package{min-width:0;display:flex;flex-direction:column;align-items:center;padding:12px 10px;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff);text-align:center;transition:border-color .15s,background .15s}
.topup-package:hover{border-color:var(--orange)}
.topup-package[aria-pressed="true"]{border:2px solid var(--orange);padding:11px 9px;background:#fff7ef}
.topup-art{display:flex;align-items:center;justify-content:center;width:100%;height:145px;margin-bottom:8px}
.topup-art img{display:block;width:100%;height:100%;object-fit:contain}
.topup-package strong{font-size:18px}
.topup-price{font-size:23px;font-weight:800;margin:7px 0 3px;white-space:nowrap}
.topup-package small{font-size:12px;color:var(--muted)}
.topup-choice{margin-top:12px;min-height:24px;color:var(--orange);font-size:13px;font-weight:700}
.topup-summary{font-weight:700;line-height:1.5;margin:20px 0 14px}
.topup-unavailable{margin:12px 0 18px;line-height:1.6}
.topup-catalog [data-topup-payment]:disabled{opacity:1;background:#eeeae5;border-color:#eeeae5;color:#746d65}
@media(max-width:380px){.topup-packages{gap:8px}.topup-art{height:112px}.topup-package strong{font-size:16px}.topup-price{font-size:20px}.topup-package small{font-size:11px}}