/* ==========================================================================
   Katerji Brothers — Responsive Styles
   Media queries for mobile, tablet, desktop
   ========================================================================== */

@media (max-width: 640px) {
      .hero-content-center .hero-stats { gap: 1.8rem; }
      .hero-bg { filter: blur(1.5px) brightness(0.8); }
    }

@media (max-width: 640px) {
      .map-frame { height: 300px; }
      .map-header { padding: 1.2rem; }
    }

@media (max-width: 1000px) {
      .products-grid-multi { grid-template-columns: repeat(2, 1fr); max-width: 760px; }
    }

@media (max-width: 680px) {
      .products-grid-multi { grid-template-columns: 1fr; max-width: 400px; }
    }

@media (max-width: 640px) {
      .lightbox-prev { right: 0.8rem; }
      .lightbox-next { left: 0.8rem; }
      .lightbox-nav { width: 46px; height: 46px; font-size: 1.8rem; }
      .lightbox-img { padding: 1rem; max-width: 92vw; }
    }

@media (max-width: 640px) {
      .hours-fab-wrap { bottom: 20px; left: 20px; }
      .hours-fab { width: 54px; height: 54px; }
      .hours-fab .fab-clock { width: 25px; height: 25px; }
      .hours-popup { width: 260px; }
    }

@media (max-width: 900px) {
      .form-intro { margin-bottom: 1.5rem; }
    }

@media (max-width: 640px) {
      .marquee-item, .marquee-img { width: 180px; }
      .marquee-img { height: 150px; }
      .product-marquee-section { padding: 3rem 0 3.5rem; }
    }

@media (prefers-reduced-motion: reduce) {
      .marquee-track { animation: none; }
      .marquee-track-wrap { overflow-x: auto; }
    }

@media (max-width: 640px) {
      .lang-toggle { width: 36px; height: 36px; font-size: 0.8rem; }
    }

@media (max-width: 900px) {
      #langToggle { margin-left: auto; margin-right: 0.8rem; order: 2; }
    }

@media (max-width: 900px) {
      .about-grid,
      .contact-grid { grid-template-columns: 1fr; gap: 3rem; }
      .about-img-badge { bottom: 0; left: 0; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
    }

@media (max-width: 640px) {
      section { padding: 4rem 1.5rem; }
      .nav-links { display: none; }
      .hamburger { display: flex; }
      .form-row { grid-template-columns: 1fr; }
      .footer-grid { grid-template-columns: 1fr; }
      .about-values { grid-template-columns: 1fr; }
      .hero-stats { gap: 2rem; }
    }

@media (max-width: 640px) {
  .about-img-main { padding: 10px; }
  .about-slide img { max-width: 72%; max-height: 58%; }
  .about-slide-caption { bottom: 3rem; font-size: 0.9rem; }
  .about-slider-dots { bottom: 1.1rem; }
}