/* NOREM — wspólna kompozycja kompletnego menu głównego. */

.site-header .main-nav {
  gap: 29px;
  transform: translateX(-52px);
}

@media (max-width: 1180px) {
  .site-header .main-nav {
    gap: 20px;
    transform: translateX(-18px);
  }
}

@media (max-width: 1080px) and (min-width: 761px) {
  .site-header .main-nav {
    gap: 15px;
    transform: none;
  }

  .site-header .header-action {
    width: 42px;
    padding-inline: 0;
  }

  .site-header .header-action > span:not(.cart-count) {
    display: none;
  }
}

@media (max-width: 760px) {
  .site-header .main-nav {
    gap: 4px;
    transform: translateY(-8px);
  }
}