.header {font-family: 'Manrope', sans-serif; padding: 10px 20px; font-weight: 300; line-height: 100%; letter-spacing: 0%; background: #fff;}
.header .desktop {display: none !important}
.header .header__main {display: flex; align-items: center; justify-content: space-between;}
.header .header__button, .header .header__icons, .header .header__icons .bx_cart_block {display: flex; gap: 20px}
.header__icons img, .header__button img {width: 22px}
.header .header__burger, .header .header__search {background: none; border: none; font-size: 20px; cursor: pointer;}
.header .header__logo img {height: 23px; padding: 11px 0; display: block;}
.header .header__nav { font-size: 18px; display: none; flex-direction: column; position: absolute; z-index: 11; background: white !important; left: 0; width: calc(100% - 40px); height: 100%; padding: 10px 20px;}
.header .header__nav.flex {display: flex}
.header .header__nav a {text-decoration: none; color: #231f20; line-height: 24px; padding: 18px 0; border: 0; font-size: 22px;}
.header .header__nav a.mobile {border-top: 1px solid rgba(35, 31, 32, 0.2); margin-top: 20px; padding-top: 30px}
.header__favorite, .header__basket {position: relative}
.header__icons .count {position: absolute; left: 23px; top: -13px;}

.header_fixed {position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; box-sizing: border-box;}
.header.header_fixed .mobile_menu_fixed {position: fixed; left: 0; z-index: 1000; background-color: #fff; max-width: 100%; width: 100%; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;}

.header .header__search.desktop.show {display: block !important; width: 100vw; position: absolute; z-index: 5; left: 0; top: 65px; background: #fff; padding: 10px 20px;}
.header .header__search input {border: none; border-bottom: 1px solid #231f20; padding: 6px 26px 6px 8px; font-size: 14px; font-family: 'Manrope', sans-serif; outline: none; box-sizing: border-box; background: url(../img/search_ico.svg) right center no-repeat; background-size: 18px; width: calc(100% - 40px); }

@media (min-width: 992px) {
    .header {padding: 10px 0 5px;}
    .header .header__container {max-width: calc(100% - 40px); margin: 0 auto}
    .header .desktop {display: block !important}
    .header .mobile {display: none !important}
    .header .header__main {margin-bottom: 10px}
    .header .header__phone {background: url(../img/phone_ico.svg) 0 center no-repeat; padding: 4px 0 4px 40px; font-size: 16px; margin-bottom: 8px}
    .header .header__phone a {text-decoration: none;}
    .header .header__address {background: url(../img/location_ico.svg) 0 center no-repeat; padding: 3px 0 4px 40px; font-size: 15px}
    .header .header__logo img {height: 65px; padding: 5px 0;}
    .header .header__left, .header .header__right {width: 30%}
    .header .header__right {display: flex; gap: 20px; align-items: center; justify-content: right;}
    .header .header__search input {width: 155px; background-position: 0 center; padding-left: 26px; padding-right: 8px}
    .header .header__search input::placeholder {font-family: 'Manrope', sans-serif; font-weight: 300; color: rgba(35, 31, 32, 0.5);}
    .header .header__icons a {text-decoration: none;}
    .header .header__nav, .header.header_fixed .header__nav {display: flex; flex-direction: row; justify-content: center; gap: 60px; position: static; padding: 0; width: 100%}
    .header .header__nav a { border-bottom: 1px solid transparent; font-size: 18px; padding: 0}
    .header .header__nav a:hover, .header__nav a:active {border-bottom-color: #231f20}
    .header__icons img {width: 24px}
}
@media (min-width: 1200px) {
    .header .header__container {max-width: 1200px;}
}

@media (max-width: 380px) {
    .header__icons img, .header__button img {width: 20px}
    .header .header__button, .header .header__icons, .header .header__icons .bx_cart_block {gap: 18px}
    .header .header__logo img {height: 20px; padding: 12px 0; max-width: calc(100vw - 200px);margin: 0 auto;}
}