:root {
  --font-family: "Heebo", sans-serif;
  --second-family: "Inter", sans-serif;
  --third-family: "Gilroy", sans-serif;
  --font3: "Dela Gothic One", sans-serif;
  --font4: "Anton SC", sans-serif;
  --font5: "SF Pro Text", sans-serif;
  --font6: "Archivo Black", sans-serif;
  --font7: "Yana", sans-serif;
  --font8: "Inder", sans-serif;
  --font9: "Barrio", sans-serif;
  --font10: "Rammetto One", sans-serif;
  --font11: "Anta", sans-serif;
  --font12: "EloquentJFSmallCapsPro", sans-serif;
  --font13: "Finlandica", sans-serif;
  --font14: "Exo", sans-serif;
  --font15: "Plus Jakarta Sans", sans-serif;
  --font16: "Ebrima", sans-serif;
  --font17: "Gill Sans MT", sans-serif;
  --font18: "Dancing Script", sans-serif;
  --font19: "Delicious Handrawn", sans-serif;
  --font20: "Cherry Bomb One", sans-serif;
  --font21: "Roboto", sans-serif;
}

@media (max-width: 1280px) {
  .header__menu {
    background: #1d222a !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .header__menu .main-menu > li > a {
    display: flex;
    align-items: center;
    padding: 0 12px;
    height: 42px;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 14px;
    color: #b7b9bc !important;
  }
  .header__menu .main-menu > li.current-menu-item > a {
    background: #1d283a !important;
    border-radius: 8px;
    color: #2f61cb !important;
  }
  .header__search {
    display: flex;
    margin: 0 !important;
    border: none !important;
    z-index: 55;
  }
  .head__cart {
    z-index: 55;
  }
  .head__btns.active .dropdown-toggle > span {
    background: #fff !important;
  }
  .dropdown-toggle > span {
    background: #fff !important;
  }
  #popup-search {
    z-index: 1000;
  }
}
@media (min-width: 1280px) {
  .mobile-menu__profile,
  .mobile-menu__extra {
    display: none !important;
  }
}
@media (max-width: 1280px) {
  .head__btns,
  .dropdown-toggle {
    padding-right: 0 !important;
  }
  .head__container {
    max-width: calc(100% - 32px) !important;
  }
  .head__cart,
  .head__localize {
    display: none;
  }
  .mobile-menu__profile {
    display: flex;
    align-items: center;
    gap: 0 8px;
    background-color: #272c34;
    border-radius: 8px;
    padding: 0 12px;
    width: 100%;
    height: 62px;
  }
  .mobile-menu__profile-wrap {
    width: 100%;
    padding-top: 16px;
    border-top: 1px solid #31363e;
  }
  .mobile-menu__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 100%;
    background-color: #2f61cb;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 16px;
    color: #fff;
  }
  .mobile-menu__name {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 16px;
    color: #fff;
  }
  .mobile-menu__email {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 12px;
    color: #8f9296;
  }
  .mobile-menu__extra {
    width: 100%;
    border-top: 1px solid #31363e;
    padding-top: 16px;
    margin-top: 16px;
  }
  .mobile-menu__icon {
    display: flex;
    align-items: center;
  }
  .mobile-menu__lang {
    justify-content: space-between;
  }
  .mobile-menu__lang-list {
    padding-left: 38px;
  }
  .mobile-menu__lang-list li {
    list-style: none;
  }
  .mobile-menu__lang-content {
    display: flex;
    align-items: center;
    gap: 0 10px;
  }
  .mobile-menu__lang-btn {
    transition: 0.4s;
    margin-right: 5px;
  }
  .mobile-menu__signin {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
    margin-top: 32px;
    box-shadow: 0 4px 7px 0 rgba(47, 97, 203, 0.34);
    background-color: #2f61cb;
    border-radius: 8px;
    padding: 0 10px;
    height: 48px;
  }
  .mobile-menu__signin span {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.01em;
    color: #fff;
  }
  .menu-item {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0 10px;
    border-radius: 5px;
    padding: 0 12px;
    height: 42px;
  }
  .menu-item--logout span {
    color: #e67874 !important;
  }
  .menu-item-wrap {
    width: 100%;
  }
  .menu-item-wrap.active .mobile-menu__lang-btn {
    transform: rotate(180deg);
  }
  .menu-item span {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 14px;
    color: #b7b9bc;
  }
  .menu-item__count {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 10px;
    right: 16px;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    background-color: #2f61cb;
    font-family: var(--second-family);
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #fff !important;
  }
  .header__menu .main-menu > li > a {
    padding-left: 0;
  }
  .header__menu .main-menu > li > a {
    width: 100%;
  }
  .header__menu {
    padding-top: 81px !important;
  }
  .header__menu nav {
    max-width: none !important;
  }
  .menu-item.current-menu-item {
    background: #1d283a !important;
    border-radius: 8px;
    color: #2f61cb !important;
  }
  .menu-item.current-menu-item span {
    color: #2f61cb !important;
  }
}

/*# sourceMappingURL=header.css.map */