/* ==========================================================================
   MOBILE RESPONSIVE
   ========================================================================== */

@media (width <= 1120px) {
  :root {
    --header-logo-height: 40px;
    --header-logo-scale: 1.4;
    --header-logo-offset-y: 4px;
    --header-logo-slot: 140px;
  }

  .footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 1.15rem;
    padding: 2.15rem 0 1.2rem;
  }
}

@media (width <= 768px) {
  :root {
    --header-height: 58px;
    --header-logo-slot: 145px;
    --header-actions-slot: auto;
    --header-logo-height: 42px;
    --header-logo-scale: 1.55;
    --header-logo-offset-y: 2px;
  }

  .site-header .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer-main {
    grid-template-columns: 1fr;
    padding: 1.8rem 0 1rem;
  }
}

@media (width <= 480px) {
  .container {
    padding: 0 1rem;
  }

  .section {
    padding: 4rem 0;
  }
}