/* Responsive breakpoints */
@media (max-width: 1200px) {
  .grid-products { grid-template-columns: repeat(3, 1fr); }
  .stylists-grid { grid-template-columns: repeat(3, 1fr); }
  .trending { grid-template-columns: repeat(4, 1fr); }
  .gallery-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1024px) {
  section { padding: 64px 0; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-slider { min-height: 420px; }
  .grid-services { grid-template-columns: repeat(2, 1fr); }
  .grid-products { grid-template-columns: repeat(2, 1fr); }
  .features-grid { grid-template-columns: repeat(2, 1fr); }
  .testimonials-grid { grid-template-columns: 1fr; }
  .stylists-grid { grid-template-columns: repeat(2, 1fr); }
  .booking-layout,
  .cart-layout,
  .checkout-layout,
  .contact-layout,
  .product-detail { grid-template-columns: 1fr; }
  .summary-card { position: static; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .trending { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
  section { padding: 48px 0; }
  h1 { font-size: 2rem; }
  h2 { font-size: 1.6rem; }
  .container { padding: 0 20px; }
  .cta { padding: 40px 24px; text-align: center; justify-content: center; }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid a:nth-child(6n+1) { grid-column: span 2; grid-row: auto; }
  .slide-content { left: 20px; right: 20px; bottom: 20px; }
  .slider-dots { left: 20px; bottom: 20px; }
  .newsletter { flex-direction: column; }
  .newsletter input, .newsletter .btn { width: 100%; }
  .cart-item { grid-template-columns: 72px 1fr; grid-template-areas: "img body" "img actions"; }
  .cart-item .img { width: 72px; height: 72px; }
}

@media (max-width: 480px) {
  .grid-services { grid-template-columns: 1fr; }
  .grid-products { grid-template-columns: repeat(2, 1fr); }
  .features-grid, .stylists-grid { grid-template-columns: 1fr; }
  .trending { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr; }
  .hero-slider { min-height: 360px; }
  .field-row { grid-template-columns: 1fr; }
  .stepper { overflow-x: auto; }
}