/* Responsive Breakpoints */
/* sm: 640px, md: 768px, lg: 1024px, xl: 1280px */

@media (min-width: 640px) {
  :root {
    --container-padding: 1.5rem;
  }

  .section-title { font-size: 2.25rem; }
  .section-title-on-primary { font-size: 2.25rem; }

  h1 { font-size: 3rem; }

  .products-grid { grid-template-columns: repeat(2, 1fr); }
  .news-archive__grid { grid-template-columns: repeat(2, 1fr); }
  .news-grid { grid-template-columns: repeat(2, 1fr); }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .block-gallery__grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 768px) {
  .section-title { font-size: 2.5rem; }
  .section-title-on-primary { font-size: 2.5rem; }

  h1 { font-size: 3.5rem; }

  .hero-slide__title { font-size: 3rem; }

  .footer-grid { grid-template-columns: repeat(2, 1fr); }

  .footer-bottom__inner {
    flex-direction: row;
    justify-content: space-between;
  }

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

  .product-detail__grid { grid-template-columns: 1fr 1fr; }

  .block-media-text__grid { grid-template-columns: 1fr 1fr; }

  .section-catalog .section-content { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 1024px) {
  :root {
    --container-padding: 2rem;
    --section-padding-y: 5rem;
  }

  .section-title { font-size: 3rem; }
  .section-title-on-primary { font-size: 3rem; }

  .main-nav { display: block; }
  .mobile-menu-btn { display: none; }

  .hero-slide__title { font-size: 3.5rem; }

  .footer-grid { grid-template-columns: 1fr repeat(4, minmax(0, 1fr)); gap: 2rem; }

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

  .contact-grid { grid-template-columns: 2fr 1fr; }
}

@media (min-width: 1280px) {
  .products-grid { grid-template-columns: repeat(4, 1fr); }
  .block-gallery__grid { grid-template-columns: repeat(4, 1fr); }
}