/* Переключение desktop / mobile */
.desktop-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  max-height: 90px;
}
.mobile-header {
  display: none;
}

/*  ___________________________________________1920px ______________________________________*/
.header_container {
  width: 100%;
}
.icon_logo {
  width: 194px;
}
.navbar {
  display: flex;
  align-items: center;
  gap: 44px;
}
.links_container {
  display: flex;
  align-items: center;
  gap: 30px;
  white-space: nowrap;
  list-style: none;
}
.links_container a {
  text-decoration: none;
  font-weight: var(--fw-regular);
  font-size: clamp(var(--fs-2), 1.2vw, var(--fs-1));
  color: var(--color-1);
}
.links_container a.active {
  color: var(--color-blue);
  font-weight: 500;
}
.btns_container {
  display: flex;
  align-items: center;
  gap: 30px;
}
button {
  min-height: 40px;
  line-height: 1;
  white-space: nowrap;
}
.btns_lang {
  display: flex;
  align-items: center;
  gap: 16px;
}
.btns_blue_white {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* __________________________________________________1280px___________________________*/
@media (max-width: 1280px) {
  .header_container {
    display: flex;
    align-items: center;
  }
  .icon_logo {
    width: 160px;
  }
  .navbar {
    gap: 45px;
  }
  .links_container {
    gap: 20px;
  }
  .btns_container {
    gap: 25px;
  }
  .btns_lang {
    gap: 6px;
  }
  .btns_blue_white {
    gap: 5px;
  }
}

/* _________________________________________1024px___________________________________ */
@media (max-width: 1024px) {
  .desktop-header {
    gap: 5px;
  }
  .icon_logo {
    width: 120px;
  }
  .navbar {
    gap: 35px;
  }
  .links_container {
    gap: 25px;
  }
  .btns_blue_white {
    gap: 5px;
  }
  #btn-header {
    max-width: 150px;
  }
}

/* __________________________________________768px__________________________________________ */
@media (max-width: 768px) {
  .desktop-header {
    display: none;
  }
  .mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px;
    max-height: 60px;
  }
  .btn_icon_menu,
  .btn_icon_account {
    border: none;
    background-color: inherit;
    cursor: pointer;
  }
  .icon_logo_mobile {
    width: 150px;
  }
  .icon_menu_mobile {
    width: 45px;
  }
  .icon_account_mobile {
    width: 45px;
  }
}

/* ____________________________________________430px_____________________________________________ */
@media (max-width: 430px) {
  .icon_logo_mobile {
    width: 120px;
  }
  .icon_menu_mobile {
    width: 30px;
  }
  .icon_account_mobile {
    width: 30px;
  }
}

/* _________________________________________320px______________________________________________ */
@media (max-width: 320px) {
  .icon_logo_mobile {
    width: 80px;
  }
  .icon_menu_mobile {
    width: 16px;
  }
  .icon_account_mobile {
    width: 16px;
  }
}