.topup-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.topup-grid__card{text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);flex-direction:column;align-items:stretch;gap:3px;padding:14px 16px 12px;display:flex;position:relative}.topup-grid__card:hover{border-color:var(--ink);box-shadow:var(--shadow-press)}.topup-grid__card:active{box-shadow:none;transform:translateY(2px)}.topup-grid__card--featured{border-color:var(--ink)}.topup-grid__tag{background:var(--ink);color:var(--bg);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);padding:2px 9px;font-size:11px;font-weight:600;position:absolute;top:-9px;right:12px}.topup-grid__row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.topup-grid__row strong{font-family:var(--font-display);font-size:15px}.topup-grid__price{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.topup-grid__per{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-faint);font-size:11px}