/* Responsive Module: Large Screens (1200px-1024px) */

@media (max-width: 1200px) {
  .container {
    max-width: 960px;
    padding: 0 30px;
  }

  .hero,
  .page-hero {
    padding: 120px 0;
    min-height: 500px;
  }

  .section__title {
    font-size: 42px;
  }

  .products__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1024px) {
  .container {
    max-width: 720px;
    padding: 0 25px;
  }

  .hero,
  .page-hero {
    padding: 100px 0;
    min-height: 450px;
  }

  .hero .container {
    gap: 50px;
  }
  
  .section__title {
    font-size: 38px;
  }

  .products__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }

  .h__nav {
    gap: 15px;
  }

  .nav__link {
    font-size: 12px;
  }
}