/* ==========================================================================
   RESPONSIVE LAYER
   ========================================================================== */

@media (max-width: 1180px){
  .product-grid{ grid-template-columns: repeat(3,1fr); }
  .footer-grid{ grid-template-columns: 1.2fr 1fr 1fr; }
  .footer-grid .col-contact{ grid-column: span 3; }
  .grid-4{ grid-template-columns: repeat(2,1fr); }
  .process-row{ grid-template-columns: repeat(2,1fr); }
  .process-step{ border-bottom:1px solid var(--line); }
  .contact-grid{ grid-template-columns:1fr; }
}

@media (max-width: 900px){
  .nav__links{ display:none; }
  .nav__burger{ display:flex; width:44px; height:44px; border:1px solid var(--line); align-items:center; justify-content:center; flex-direction:column; gap:5px; }
  .nav__burger span{ width:18px; height:1px; background:var(--paper); transition:.3s; }
  .split-head{ grid-template-columns:1fr; }
  .grid-2, .grid-3{ grid-template-columns:1fr; }
  .counters{ grid-template-columns: repeat(2,1fr); }
  .hero{ align-items:flex-end; padding-top:7rem; }
  .hero__meta{ flex-direction:column; align-items:flex-start; gap:1.2rem; }
  .hero__scroll{ display:none; }
  .footer-grid{ grid-template-columns: 1fr 1fr; }
  .footer-brand{ grid-column:span 2; }
}

@media (max-width: 640px){
  .product-grid{ grid-template-columns: 1fr 1fr; }
  .grid-4{ grid-template-columns: 1fr; }
  .counters{ grid-template-columns: 1fr 1fr; }
  .footer-grid{ grid-template-columns: 1fr; }
  .footer-brand{ grid-column: span 1; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; }
  .sheet{ width:100vw; }
  .cta-band .actions{ flex-direction:column; align-items:center; }
  :root{ --fs-hero: clamp(2.4rem, 12vw, 4rem); }
}

@media (max-width: 480px){
  .product-grid{ grid-template-columns: 1fr; }
  .nav{ padding: 1.2rem 1.2rem; }
  .page-hero, .hero{ padding-left:1.2rem; padding-right:1.2rem; }
  .section .container{ padding-inline:1.2rem; }
}