/* top-up breakpoints, loaded after the shared ones. */

@media (max-width: 900px) {
  .topup-section .section-intro h2 { margin-top: 32px; font-size: 40px; line-height: 40px; }
  .topup-section { min-height: 0; padding: 80px 0; }
  .topup-grid { display: flex; gap: 10px; margin-top: 48px; padding-inline: 16px; overflow-x: auto; scroll-snap-type: x mandatory; }
  .topup-card { width: 330px; min-height: 285px; flex: none; padding: 22px 24px; scroll-snap-align: start; }
  .topup-card > p strong { font-size: 50px; }
  .topup-grid { scrollbar-width: none; }
  .topup-grid::-webkit-scrollbar { display: none; }
}