@media (max-width: 1024px) {
  .main-menu ul {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .top-bar .flex-between,
  .nav-bar .flex-between {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .logo img {
    height: 42px;
  }
  .header-buttons {
    flex-wrap: wrap;
    gap: 8px;
  }
  .menu-toggle {
    display: block;
    margin-left: auto;
    margin-top: 10px;
  }
  .main-menu ul {
    display: none;
    flex-direction: column;
    width: 100%;
    background-color: var(--dark-bg);
    padding: 10px 0;
  }
  .main-menu ul.active {
    display: flex;
  }
  .has-dropdown .dropdown {
    position: static;
    display: none;
    background-color: #111;
  }
  .has-dropdown .dropdown.active {
    display: flex;
  }
  .lang-switch {
    align-self: flex-end;
    margin-top: 10px;
  }
}