/* GearZone - Mobile Fix */
@media (max-width: 768px) {
  html, body { overflow-x: hidden !important; }
  .container { padding: 0 20px !important; }

  /* Header */
  .nav { display: none !important; }
  .hamburger { display: flex !important; }
  .topbar-right { display: none !important; }

  /* Hero */
  .hero { min-height: auto !important; }
  .hero-inner { grid-template-columns: 1fr !important; gap: 24px !important; padding: 40px 0 !important; }
  .hero-cards { display: none !important; }
  .hero-content h1 { font-size: 2.2rem !important; line-height: 1.1 !important; }
  .hero-content p { font-size: 0.9rem !important; }
  .hero-ctas { flex-direction: column !important; }
  .hero-ctas .btn { width: 100% !important; justify-content: center !important; }
  .hero-stats { flex-wrap: wrap !important; justify-content: center !important; }
  .hstat { padding: 12px 16px !important; }

  /* Categories */
  .cats-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  .cat-card img { height: 110px !important; }

  /* Products */
  .products-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .prod-img img { height: 160px !important; }

  /* Promo */
  .promo-inner { grid-template-columns: 1fr !important; }
  .promo-img { display: none !important; }
  .promo-text { padding: 32px 24px !important; }
  .promo-text h2 { font-size: 1.8rem !important; }

  /* Trust */
  .trust-grid { grid-template-columns: 1fr 1fr !important; }
  .trust-item { border-right: none !important; border-bottom: 1px solid var(--border) !important; }

  /* Reviews */
  .reviews-grid { grid-template-columns: 1fr !important; }

  /* Footer */
  .footer-inner { grid-template-columns: 1fr !important; gap: 28px !important; }
  .footer-cols { flex-direction: column !important; gap: 20px !important; }
  .footer-bottom-inner { flex-direction: column !important; text-align: center !important; }

  /* Cart */
  .cart-drawer { width: 100% !important; right: -100% !important; }
}

@media (max-width: 480px) {
  .cats-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .products-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .trust-grid { grid-template-columns: 1fr !important; }
  .hero-content h1 { font-size: 1.8rem !important; }
}