/* DropStore — Responsive Mobile Overrides */
@media (max-width: 768px) {
  :root { --nav-h: 60px; }

  .container { padding: 0 16px; }

  /* Navbar mobile */
  .nav__links { display: none !important; }
  .nav__inner { gap: 16px; }
  .nav__logo { font-size: 17px; }
  .nav__actions { gap: 10px; }
  .btn-sm { padding: 7px 12px; font-size: 12px; }

  /* Hero section */
  .hero, [class*="hero"] { padding: 24px 0 !important; }
  [class*="hero__title"], [class*="hero"] h1 {
    font-size: clamp(28px, 8vw, 48px) !important;
    line-height: 1.2 !important;
  }
  [class*="hero__sub"], [class*="hero"] p { font-size: 15px !important; }
  [class*="hero__actions"], [class*="hero"] .btn-group {
    flex-direction: column !important;
    gap: 12px !important;
    width: 100%;
  }
  [class*="hero"] .btn { width: 100%; justify-content: center; }

  /* Product grid */
  [class*="grid"][class*="product"],
  [class*="product"][class*="grid"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  /* Product cards */
  [class*="product-card"],
  [class*="card"][class*="product"] {
    min-height: unset !important;
  }
  [class*="product-card__img"],
  [class*="card__img"] {
    height: 180px !important;
  }
  [class*="product-card__name"],
  [class*="card__name"] {
    font-size: 13px !important;
  }

  /* Sections spacing */
  section, [class*="section"] { padding: 40px 0 !important; }
  [class*="section__title"], h2 { font-size: clamp(22px, 6vw, 36px) !important; }

  /* Footer */
  .footer { padding: 40px 0 24px !important; }
  .footer__inner { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; }
  .footer__links { flex-wrap: wrap; gap: 16px !important; }

  /* Cart drawer */
  .drawer { width: 100vw !important; max-width: 100vw !important; }

  /* Forms */
  input, select, textarea { font-size: 16px !important; } /* Prevent zoom on focus */
  .btn { min-height: 44px; } /* Touch target */

  /* Auth pages */
  [class*="auth"] { padding: 16px !important; }
  [class*="auth__box"],
  [class*="auth__card"] {
    padding: 24px 16px !important;
    border-radius: 16px !important;
  }

  /* Tables → scroll */
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* Filters sidebar → collapse */
  [class*="filters"],
  [class*="sidebar"] {
    position: static !important;
    width: 100% !important;
    max-height: none !important;
  }

  /* Misc layout fixes */
  [class*="flex-row"] { flex-direction: column !important; }
  [class*="col-"] { width: 100% !important; }
}

@media (max-width: 480px) {
  /* Single column on very small screens */
  [class*="grid"][class*="product"],
  [class*="product"][class*="grid"] {
    grid-template-columns: 1fr !important;
  }
  [class*="product-card__img"],
  [class*="card__img"] {
    height: 220px !important;
  }
}

/* Improve tap targets globally */
a, button { -webkit-tap-highlight-color: transparent; }
button { min-height: 36px; }