/* =======================================================
   Nexastar — Responsive Overrides
   ======================================================= */

/* Tablet */
@media (max-width: 900px) {
  .hero-inner    { grid-template-columns: 1fr; }
  .topup-layout  { grid-template-columns: 1fr; }
  .summary-col   { order: -1; }
  .summary-card  { position: static; }
  .footer-inner  { grid-template-columns: 1fr 1fr; }
  .profile-layout { grid-template-columns: 1fr; }
  .profile-sidebar { position: static; }
}

/* Mobile */
@media (max-width: 600px) {
  nav { padding: 0 14px; }
  .nav-links { display: none; }
  .hero { padding: 0 14px; }
  .games-section { padding: 48px 14px; }
  .topup-layout { padding: 0 14px 48px; }
  .nominal-grid { grid-template-columns: repeat(2,1fr); }
  .pay-grid { grid-template-columns: repeat(2,1fr); }
  .footer-inner { grid-template-columns: 1fr; gap: 28px; }
  .profile-layout { padding: 20px 14px; }
  .pfield-row { grid-template-columns: 1fr; }

  /* Payment overlay mobile */
  .pay-wait-overlay { padding: 20px; }
  .pay-wait-amount { font-size: 24px; }
  .pay-wait-steps { max-width: 100%; }
  .btn-confirm-pay { width: 100%; padding: 14px 20px; }
  .btn-cancel-pay { width: 100%; }
}

/* Small mobile */
@media (max-width: 380px) {
  .games-grid { grid-template-columns: repeat(2,1fr); }
  .nominal-grid { grid-template-columns: repeat(2,1fr); }
  .pay-grid { grid-template-columns: 1fr 1fr; }
}