@media (max-width: 991.98px) {
  .acat-main-header-inner {
    grid-template-columns: auto 1fr auto;
  }

  .acat-header-search {
    order: 3;
    grid-column: 1 / -1;
    max-width: none;
    padding-bottom: var(--acat-space-4);
  }

  .acat-header-actions {
    display: none;
  }

  .acat-menu-toggle {
    display: grid;
  }

  .acat-primary-nav {
    display: none;
  }

  .acat-primary-nav.is-open {
    display: block;
  }

  .acat-primary-nav-inner {
    display: grid;
    gap: 0;
    padding-block: var(--acat-space-3);
  }

  .acat-primary-nav-inner > a,
  .acat-nav-item > a {
    display: block;
    padding: var(--acat-space-3) 0;
  }

  .acat-mega-menu {
    position: static;
    display: none;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .acat-mega-menu.is-open {
    display: block;
  }

  .acat-has-mega:hover .acat-mega-menu,
  .acat-has-mega:focus-within .acat-mega-menu {
    display: none;
  }

  .acat-has-mega:focus-within .acat-mega-menu.is-open {
    display: block;
  }

  .acat-mega-grid {
    grid-template-columns: 1fr;
    width: 100%;
    padding-bottom: var(--acat-space-4);
  }

  .acat-hero {
    min-height: 34rem;
  }

  .acat-hero-grid {
    grid-template-columns: 1fr;
    gap: var(--acat-space-8);
  }

  .acat-hero-visual {
    min-height: 18rem;
  }

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

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

  .acat-section {
    padding-block: var(--acat-space-12);
  }
}

@media (max-width: 767.98px) {
  .acat-top-bar-inner {
    grid-template-columns: 1fr;
    gap: var(--acat-space-1);
    padding-block: var(--acat-space-2);
  }

  .acat-top-bar-link {
    display: none;
  }

  .acat-main-header-inner {
    gap: var(--acat-space-3);
    min-height: 4.5rem;
  }

  .acat-logo-text small {
    display: none;
  }

  .acat-container,
  .acat-container-wide {
    width: min(100% - var(--acat-space-6), var(--acat-container-max));
  }

  .acat-grid-2,
  .acat-grid-3,
  .acat-grid-4 {
    grid-template-columns: 1fr;
  }

  .acat-industry-list,
  .acat-stats-grid,
  .acat-brand-rail {
    grid-template-columns: 1fr;
  }

  .acat-section {
    padding-block: var(--acat-space-10);
  }

  .acat-hero {
    min-height: 32rem;
    padding-block: var(--acat-space-12);
  }

  .acat-hero-visual {
    min-height: 16rem;
  }

  .acat-machine-panel {
    inset: var(--acat-space-4) 0 0 0;
  }

  .acat-machine-window {
    min-height: 6rem;
  }

  .acat-cta {
    padding: var(--acat-space-6);
  }
}