/* Desktop, tablet, and large-screen refinements */

@media (min-width: 576px) {
  :root {
    --container-gutter: 1.25rem;
  }

  .hero-actions .btn-primary-custom,
  .hero-actions .btn-outline-custom {
    min-width: 9.5rem;
  }

  .cta-actions .btn-primary-custom,
  .cta-actions .btn-outline-custom {
    min-width: 12.5rem;
  }
}

@media (min-width: 768px) {
  .feature-grid,
  .value-grid,
  .spec-grid,
  .gallery-grid,
  .related-grid,
  .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .principles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .image-text.layout-image-left .image-text-grid,
  .image-text.layout-image-right .image-text-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-5);
  }

  .image-text.layout-image-right .image-text-copy {
    order: -1;
  }

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

  .footer-group .footer-links,
  .footer-group.is-open .footer-links {
    display: grid;
  }

  .newsletter-inner,
  .faq-layout {
    grid-template-columns: 1fr 1fr;
    align-items: start;
    max-width: none;
    gap: var(--space-5);
  }

  .contact-layout {
    grid-template-columns: 1.1fr 0.9fr;
    align-items: start;
  }

  .product-intro {
    grid-template-columns: 0.85fr 1.15fr;
    align-items: start;
  }

  .product-showcase-grid {
    grid-template-columns: 0.9fr 1.1fr;
    gap: var(--space-7);
  }

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

  .product-thought-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .product-visual-image {
    max-height: 32rem;
  }
}

@media (min-width: 992px) {
  :root {
    --header-height: 4rem;
    --container-gutter: 1.5rem;
  }

  .header-bar {
    grid-template-columns: auto 1fr auto;
  }

  .brand {
    justify-self: start;
  }

  .desktop-nav {
    justify-self: center;
  }

  .feature-grid,
  .related-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .principles-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .product-thought-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .services-grid,
  .page-services .feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

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

  .product-layout .gallery-grid {
    grid-template-columns: 1.4fr 1fr;
  }

  .gallery-grid li:first-child {
    grid-row: span 2;
  }
}

@media (min-width: 1200px) {
  .hero-content {
    padding-bottom: var(--space-6);
  }

  .promo-section .swiper-slide,
  .featured-section .swiper-slide {
    height: auto;
  }
}

@media (min-width: 1400px) {
  :root {
    --container-gutter: 2rem;
  }

  .value-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 359px) {
  .brand-word {
    letter-spacing: 0.22em;
  }

  .hero-actions,
  .cta-actions {
    display: grid;
  }
}