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

@media (max-width: 992px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .intro-grid { grid-template-columns: 1fr; }
  .intro-grid__img { order: -1; }
  .contact-grid { grid-template-columns: 1fr; }
  .product-detail-grid { grid-template-columns: 1fr; }
  .hero-slider { height: 500px; }
}

@media (max-width: 768px) {
  .section { padding: 50px 0; }

  .nav-toggle { display: block; }
  .main-nav {
    position: fixed;
    top: calc(var(--topbar-height) + var(--header-height));
    left: 0;
    right: 0;
    background: var(--white);
    flex-direction: column;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    transform: translateY(-120%);
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition);
    z-index: 999;
  }
  .main-nav.open {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .main-nav ul { flex-direction: column; width: 100%; }
  .main-nav a { display: block; padding: 12px 0; border-bottom: 1px solid var(--border); }
  .main-nav .btn { width: 100%; margin-top: 10px; }

  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .footer-legal { justify-content: center; }

  .hero-slider { height: 450px; }
  .hero-slide__content { max-width: 100%; }
  .hero-arrows button { width: 40px; height: 40px; font-size: 1rem; }

  .stats-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
  .stat-item__number { font-size: 2.2rem; }

  .top-bar .container { flex-direction: column; gap: 4px; height: auto; padding: 8px 20px; }
  .top-bar { height: auto; min-height: var(--topbar-height); }

  .page-hero { padding: 100px 0 60px; }
}

@media (max-width: 576px) {
  .stats-grid { grid-template-columns: 1fr; }
  .hero-slider { height: 400px; }
  .logo__text { display: none; }
}