.nav-inner {
  gap: 16px;
}

.nav-logo {
  flex-shrink: 0;
}

.nav-links {
  margin-left: auto;
}

.nav-language {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 7px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--gray-light);
}

.nav-language a {
  color: var(--gray-light);
  transition: color var(--transition);
}

.nav-language a:hover,
.nav-language a[aria-current="page"] {
  color: var(--gold);
}

@media (max-width: 768px) {
  .nav-language {
    margin-left: auto;
  }
}

@media (max-width: 480px) {
  .nav-inner {
    gap: 12px;
  }

  .nav-logo {
    font-size: 19px;
  }
}