/* Responsive Styles */
@media (max-width: 1024px) {
  .products-grid, .featured-track { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .product-detail-grid { gap: 30px; }
}

@media (max-width: 768px) {
  .main-nav { display: none; }
  .mobile-menu-btn { display: block; }

  .header-main { padding: 10px 0; }
  .search-bar-row { flex-wrap: wrap; }
  .search-form { order: 3; width: 100%; }

  .hero-slide { min-height: 300px; }
  .hero-content { max-width: 100%; text-align: center; margin: 0 auto; padding: 30px 20px; }
  .hero-content h2 { font-size: 24px; }

  .category-banners .container { grid-template-columns: 1fr; }
  .category-banner { height: 180px; }

  .products-grid, .featured-track { grid-template-columns: repeat(2, 1fr); gap: 15px; }
  .section-header h2 { font-size: 24px; }
  .section-header .watermark { font-size: 36px; }

  .promo-banner .container { flex-direction: column; text-align: center; }
  .promo-image { order: -1; }

  .blog-grid { grid-template-columns: 1fr; }
  .blog-card { flex-direction: column; }
  .blog-image { width: 100%; height: 180px; }

  .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .footer-bottom { flex-direction: column; text-align: center; }

  .about-grid, .contact-grid, .checkout-grid, .product-detail-grid {
    grid-template-columns: 1fr;
  }

  .values-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }

  .cart-item { flex-wrap: wrap; }
  .cart-item-total { width: 100%; text-align: left; padding-left: 120px; }

  .brands-row { gap: 25px; }
  .brands-row img { height: 30px; }

  .product-gallery .main-image img { height: 250px; }
  .detail-info h1 { font-size: 22px; }
}

@media (max-width: 480px) {
  .products-grid, .featured-track { grid-template-columns: 1fr; }
  .header-icons { gap: 12px; }
  .hero-content h2 { font-size: 20px; }
  .top-bar { font-size: 11px; }
  .form-card { padding: 25px; }
}