/* ================= RESPONSIVE ================= */

@media (max-width: 992px) {
  .grid-4,
  .shop-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .service-details-grid,
  .contact-modern-grid {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 768px) {
  .shop-grid {
    grid-template-columns: 1fr;
  }

  .hero-glass {
    padding: 30px 20px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }
}