/* Tablet */
@media (max-width: 900px) {
  .features-grid { grid-template-columns: 1fr 1fr; }
  .hero h1 { font-size: 2.1rem; }
  .form-step { padding: 28px; }
}

/* Mobile nav + stacked forms */
@media (max-width: 720px) {
  .main-nav { position: fixed; top: 68px; left: 0; right: 0; background: #fff; border-bottom: 1px solid var(--border-color); transform: translateY(-140%); transition: transform 0.25s ease; z-index: 99; box-shadow: var(--shadow-md); }
  .main-nav.open { transform: translateY(0); }
  .main-nav ul { flex-direction: column; padding: 16px 24px; gap: 4px; }
  .main-nav a { display: block; padding: 12px 0; border-bottom: 1px solid var(--border-color); }
  .nav-toggle { display: flex; }

  .hero { padding: 56px 20px 70px; }
  .hero h1 { font-size: 1.7rem; }
  .hero p { font-size: 1rem; }

  .features-grid { grid-template-columns: 1fr; }

  .form-grid { grid-template-columns: 1fr; }
  .select-cards { grid-template-columns: 1fr; }

  .form-step { padding: 22px 18px; }
  .form-nav { flex-direction: column-reverse; }
  .form-nav .btn { width: 100%; }

  .progress-step span.label { display: none; }

  .review-row { flex-direction: column; gap: 2px; }
  .review-row .value { text-align: left; }

  .header-inner { padding: 12px 16px; }
  .brand-name { font-size: 1rem; }

  .toast-container { left: 12px; right: 12px; top: 12px; }
  .toast { min-width: unset; }
}

/* Small phones */
@media (max-width: 380px) {
  .hero h1 { font-size: 1.5rem; }
  .btn { padding: 12px 20px; font-size: 0.9rem; }
}

/* Admin table responsiveness */
@media (max-width: 900px) {
  .admin-table-wrap { overflow-x: auto; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 560px) {
  .stats-grid { grid-template-columns: 1fr; }
  .admin-toolbar { flex-direction: column; align-items: stretch; }
  .admin-filters { flex-direction: column; }
}