.header {
  width: 100%;
  height: 3.75rem;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  margin: 2rem 2.5vw 6.25rem 0;
}

.logo img {
  width: 15rem;
}

.header__nav {
  margin: 0 auto;
}

.menu {
  display: flex;
  justify-content: center;
  gap: 3rem;
}

.menu__item {
  text-wrap: nowrap;
}

.menu__item:first-child {
  margin: 0;
}

.menu__item:hover {
  transform: scale(1.2);
  transition: transform 0.3s;
}

.menu__item:not(:hover) {
  transition-duration: 0.3s;
}

@media (max-width: 64rem) {
  .header {
    margin: 2rem 1vw 4rem 0;
    font-size: 1rem;
    height: 3.5rem;
  }
  .logo img {
    width: 12rem;
  }
  .menu {
    gap: 1.2rem;
  }
}

@media (max-width: 43.75rem) {
  .header {
    margin: 3rem auto 3rem auto;
    padding: 1rem 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .header__nav {
    display: none; /* ховаємо навігацію на телефонах */
  }
  .logo {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .logo img {
    width: 80vw;
    max-width: none;
    height: auto;
  }
}

@media (max-width: 25rem) {
  .header {
    font-size: 0.85rem;
  }
  .logo img {
    width: 100vw;
  }
}

.bike__logo img {
  width: 12rem;
  
}