.header-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px; /* по умолчанию */
}

.nav-item {
  font-family: 'Gilroy', sans-serif;
  font-size: 20px;
  color: #20202D !important;
  text-decoration: none;
  transition: color 0.3s ease, transform 0.3s ease;
}

.nav-item:hover {
  color: #3762FE !important;
  transform: translateY(-3px);
}

.nav-item:active {
  color: #2d5dba !important;
  transform: translateY(0);
}

/* Планшеты: до 1024px */
@media (max-width: 1200px) {
  .nav-item {
    font-size: 16px;
  }

  .header-nav {
    gap: 45px;
  }
}

/* Мобильные: до 768px */
@media (max-width: 640px) {
  .nav-item {
    font-size: 10px;
  }

  .header-nav {
    gap: 12px;
  }
}