.header {
  padding: 8px 0 12px;
  position: fixed;
  width: 100%;
  background: #fff;
  top: -1px;
  z-index: 50; 
}
#sp_top_text_block {
  display:none;
  margin-top: -8px;
  margin-bottom: 8px;
}
.header._header-scroll {
  top: 0 !important;
  padding: 6px 0;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px)
}
.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%
}
.header__logo {
  display: block;
  width: 150px;
  height: 60px;
  transition: all .6s ease
}
.header._header-scroll .header__logo {
  height: 40px
}
.header__autorization .header__top-ico,
.header__favorite .header__top-ico {
  transition: all .5s ease
}
.header__container {
  display: flex;
  align-items: center
}
.header__nav ul {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 20px
}
.header__link a {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-transform: uppercase;
  position: relative
}
.header__link.cat-item a {
  color: #c21111
}
.search {
  display: none;
  opacity: 0;
  height: 0;
  visibility: hidden;
  position: relative;
  width: 90%;
  margin: 36px auto 42px;
  transition: all .5s ease;
  align-items: center
}
.search form {
  width: 100%
}
.search__top .search__label .search__input {
  padding-bottom: 20px;
  border-bottom: 1px solid #8e8e8e!important;
  padding-left: 50px;
  width: 100%
}
.search__input::-webkit-input-placeholder {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.2px;
  color: #000
}
.search__input:-ms-input-placeholder {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.2px;
  color: #000
}
.search__input::-ms-input-placeholder {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.2px;
  color: #000
}
.search__input::placeholder {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.2px;
  color: #000
}
.search > svg {
  position: absolute;
  z-index: 2;
  bottom: 18px
}
.search__clear {
  position: absolute;
  right: 0;
  z-index: 2;
  bottom: 18px
}
.header.search-open .search {
  display: flex;
  flex-direction: column;
  gap: 20px;
  opacity: 1;
  height: -webkit-max-content;
  height: max-content;
  visibility: visible
}
.header.search-open .search .search__top {
  width: 100%;
  position: relative
}
.header.search-open .search .search__top > a {
  position: absolute;
  bottom: 12px;
  z-index: 2;
}
.header.search-open {
  z-index: 150
}
.header__actions {
  display: flex;
  gap: 14px;
  align-items: center
}
.header__toPage {
  position: relative;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}
.header__toPage a,
.header__toPage button {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease
}
.header__toPage a:hover svg,
.header__toPage button:hover svg {
  stroke: #c21111
}
.search-icon {
  transition: all .3s ease
}
.search-icon:hover svg {
  stroke: #c21111
}
.header__cart {
  transition: all .3s ease
}
.header__cart:hover svg {
  fill: #c21111
}
.header__top-ico {
  display: block;
  width: 24px;
  height: 24px;
  fill: transparent;
  stroke: #000;
  flex-shrink: 0
}
.header__toPage-in {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(30%,0);
  transform: translate(30%,0);
  background: #c21111;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 3px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #fff;
  min-width: 18px
}
.top__selection-currency {
  width: 64px;
  transition: all .3s ease;
  height: -webkit-max-content;
  height: max-content;
  position: relative
}
.header__left {
  display: flex;
  gap: 27px;
  align-items: center
}
.top__selection-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-wrap: nowrap;
  display: flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase
}
.top__selection-body {
  display: none
}
.top__selection-currency.open .top__selection-body {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 6px);
  left: -4px;
  right: -4px;
  width: calc(100% + 14px);
  border: 1px solid #d8d8d8;
  background: #fff;
  gap: 8px;
  padding: 9px 10px
}
.top__selection-currency.open .top__selection-body a,
.top__selection-currency.open .top__selection-body button {
  font-size: 14px;
  line-height: 17px;
  display: flex;
  gap: 2px
}
.top__selection-currency.open .top__selection-body a:hover,
.top__selection-currency.open .top__selection-body button:hover{
  color: #c21111
}
.top__selection-lang.open .top__selection-body {
 /* display: flex;
  flex-direction: column;*/
  display: block;
  position: absolute;
  top: calc(100% + 6px);
  left: -11px;
  right: -11px;
  min-width: calc(100% + 22px);
  border: 1px solid #d8d8d8;
  background: #fff;
  gap: 8px;
  padding: 9px 11px;
  width: max-content;
}

  @media screen and (min-width: 768px) {
    .top__selection-lang.open .top__selection-body {
      display: flex;
      flex-direction: column;
    }
  }

  
.top__selection-lang.open .top__selection-body a {
  font-size: 14px;
  line-height: 17px;
  display: flex;
  gap: 2px;
  text-transform: uppercase
}
.top__selection-lang.open .top__selection-body a:hover {
  color: #c21111
}
.header__menu {
  display: none
}
.header__cart .header__top-ico {
  fill: unset;
  stroke: unset
}
.header__selects {
  display: flex;
  align-items: center
}
.top__selection-lang {
  transition: all .3s ease;
  height: -webkit-max-content;
  height: max-content;
  position: relative
}
.header__link {
  position: relative
}
.header__link::before {
  content: "";
  bottom: -2px;
  left: 0;
  position: absolute;
  width: 0%;
  height: 1px;
  background-color: #c21111;
  transition: all .5s ease
}
.header__link:hover:before {
  width: 100%
}
 
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,20%,0);
    transform: translate3d(0,20%,0)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,20%,0);
    transform: translate3d(0,20%,0)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@media (max-width:47.99875em) {
  .header.search-open .search .search__top svg {
    height: 22px;
    width: 22px;
    display: block
  }

 
  
 

  .header.search-open .search .search__top>a {
    bottom: 4px
  }

  .header__actions {
    gap: 12px
  }

  .header__toPage {
    height: 22px;
    width: 22px
  }

  .header__logo {
    max-width: 100px;
    width: 100%;
    height: auto
  }

  .header__selects {
    gap: 24px
  }
}

.menu__body {
  display: none;
}