/** START new structure for mobile header */
@media screen and (max-width: 991px) {
  /* hide replaced/unused elements */
  .header--v2 #logo,
  .header--v2 .btn-fast-cust,
  .header--v2 .cart-box,
  .header--v2 #header-menu,
  .header--v2 #phone .main-phone,
  .header--v2 #phone .phone > a[href^="https://www.instagram"],
  .header--v2 #phone .phone > a[href^="https://vk"],
  .header--v2 .btn-menu.dropdown-toggle {
    display: none;
  }
  /* change header structure */
  header {
    padding-top: 50px;
  }
  .header--fixed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 45px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    border-bottom: 1px solid #ddd;
    z-index: 1022;
  }
  .header--v2 .logo {
    order: -5;
  }
  .header--v2 .button_wrap--contact {
    order: -4;
  }
  .header--v2 #top {
    order: -3;
  }
  .header--v2 .button_wrap--cart {
    order: -2;
  }
  .header--v2 .button_wrap--menu {
    order: -1;
  }
  .header--v2 .logo--mobile {
    display: block;
    width: 30px;
    overflow: hidden;
  }
  .header--v2 .logo_image {
    height: 30px;
    max-width: 200px;
  }
  .header--v2 .button {
    background: #f5f5f5;
    line-height: 26px;
    border-color: #ddd;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .header--v2 .icon {
    color: #777;
  }
  /* fix style after chenge structure */
  .header--fixed:before,
  .header--fixed:after {
    content: none;
  }
  .header--fixed.container .container {
    width: auto;
  }
  .header--fixed.container > .container {
    position: absolute;
    z-index: -1;
  }
  .header--fixed.container #top > .container {
    padding: 0;
  }
  .header--v2 #top {
    border-bottom: none;
    box-shadow: none;
  }
  .header--v2 #top .container {
    display: flex;
  }
  .header--v2 .menu-box {
    z-index: 1022;
  }
  .header--v2 #menu .dropdown-menu#menu-list,
  .header--v2 #phone .dropdown-menu.allcontacts {
    position: fixed;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    overflow: auto;
    padding-top: 10px;
    margin-top: 0;
    border-top: none;
  }
  .header--v2 .dropdown-menu#menu-list:before,
  .header--v2 .dropdown-menu.allcontacts:before {
    display: block;
    background-color: #d9534f;
    color: white;
    padding: 10px 20px 8px 13px;
    border-color: #d43f3a;
  }
  .header--v2 .dropdown-menu#menu-list:before {
    content: "Категории";
  }
  .header--v2 .dropdown-menu.allcontacts:before {
    content: "Контакты";
  }
  .header--v2 .dropdown-menu.allcontacts a {
    white-space: normal;
  }
  .header--v2 .dropdown-menu.allcontacts a[href^="https://www.instagram"],
  .header--v2 .dropdown-menu.allcontacts a[href^="https://vk"]
  {
    display: inline-block;
    margin: 20px 0;
    font-size: 0;
  }
  .header--v2 .dropdown-menu.allcontacts a[href^="https://www.instagram"]:before
  {
    content: url(/image/catalog/instagram.png);
  }
  .header--v2 .dropdown-menu.allcontacts a[href^="https://vk"]:before
  {
    content: url(/image/catalog/vk.png);
  }
  .header--v2 .dropdown-menu#menu-list img {
    display: none;
  }
  #vk_community_messages {
    z-index: 1 !important;
  }
  .header--v2 .dropdown-menu#menu-list a[href="/gde-posylka/"]{
    border-top: 3px dotted #aaa;
  }
}
@media screen and (min-width: 992px) {
  /* fix style */
  .header--fixed.container {
    width: 100%;
  }
  /** hide new elements added in html (should be visible only on mobile) */
  .header--v2 .logo--mobile,
  .header--v2 .button_wrap,
  .header--v2 .dropdown-menu#menu-list a[href="/gde-posylka/"],
  .header--v2 .dropdown-menu#menu-list a[href="/"],
  .header--v2 .dropdown-menu#menu-list a[href="/dostavka"],
  .header--v2 .dropdown-menu#menu-list a[href="/akcii"],
  .header--v2 .dropdown-menu#menu-list a[href="/news"],
  .header--v2 .dropdown-menu#menu-list a[href="/partners"],
  .header--v2 .dropdown-menu#menu-list a[href="/o-nas"],
  .header--v2 .dropdown-menu#menu-list a[href="/contacts"],
  .header--v2 .dropdown-menu.allcontacts a[href^="https://www.instagram"],
  .header--v2 .dropdown-menu.allcontacts a[href^="https://vk"]
  {
    display: none;
  }
}
/** END new structure for mobile header */