.consult__info-sochial img{
    height: 29px;
    
}
header{

    padding: 0;
}
.header{
    transition: .3s;
    position: relative;
    z-index: 149;

}
.header__scroll{

    position: fixed;
    top: 0;
    width:100%;
    height: auto;
    left: 0;
    animation: header__animation .3s ease-out;
    box-shadow: 0 0 0 1px #F3F3F3;

}
@keyframes header__animation {

    0%{

        top: -100%;
    }

    100%{

        top: 0;
    }
    
}

.header__margin-to-scroll{
    display: none;
}
.header.header__scroll + .header__margin-to-scroll{
    display: flex;
    padding-top: 263px;
}
.header{
    padding: 0;
}
.header__wrapper{
    max-width: 1205px;
}
.header__wrapper__top{

    height: auto;
    padding: 20px 0;
}
.yandex-reviews{

    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    margin-right:29.6px;

}
.yandex-reviews svg{

    max-width: 32px;

}

.yandex-reviews p{

    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    max-width: 210px;

}

.header__wrapper__top .nav__ul a{

    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    color: #303030;
    margin-right: 20px;
}
.header__wrapper__top .nav__ul a:last-child{
    margin-right: 0;
}
.header__wrapper-sochial{

    margin-left: auto;
}
.call__photo{

    margin-right: 13px;
}
.call__photo img{

    max-width:55px;
    height: 55px;

}
.header__wrapper-phone p{


    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

.order__call{

font-size: 12px;
font-weight: 400;
line-height: 14px;


}
.social__media{
    gap: 18px;
}
.social__media img{

    max-width: 24px;
    height: 24px;
    margin-right: 0;

}

.phone__tel{


    font-size: 14px;
    font-weight: 600;
    line-height: 17px;


}
.header__wrapper-phone{

    margin-left: 20px;
}


.header__wrapper__middle{

    height: auto;
    padding:13px 0 22px 0;

}


.header__wrapper-logo img{

    max-width: 160px;
    margin-right: 25px;
}
.header__wrapper-logo p{


    font-size: 13px;
    font-weight: 400;
    line-height: 15px;


}
.header-search{
    position: relative;
    width: 380px;
    margin-left: auto;
}
.header-search form{

    padding: 0;
}
.header-search__input input{

    border:none;
    width: 430px;
    background: #E7E7E7;
    border-radius: 3px;
    outline: none;
    transition: .3s;
    padding: 15px 0 15px 20px;
}

.header-search__input input::placeholder{

    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    color:#303030;

}
.header-search__input input:hover,.header-search__input input:focus,.header-search__input input:active{

box-shadow: inset 0 0 0 1px #30303050;
}
.header-search__submit{

background: none;
padding: 0;
margin: 0;
position: absolute;

right: 17px;
top: 26%;


}
.header-search__submit svg{

width: 16px;
height: 18px;
}
.header-search__clear{

    right: auto;
    left: 0;
}
.header-middle__buttons{

    margin-left:auto;
    gap: 13px;
}


.basket__icon{

    margin-left: 0;

}
.basket__icon svg{
    max-width: 25px;
    height: 18px;
}
.loginst {

font-size: 10px;
font-weight: 400;
line-height: 12px;

  
}
.loginst svg{

    max-width:16.5px;
}
.wishlist__icon, .account__icon {

    margin-left: 0;
}

.wishlist__icon svg, .account__icon svg{

    
max-width: 25px;
    height: 18px;
}

.basket__count, .wishlist__count{
    top: -19px;
    right: -14px;
    min-width: 15px;
    height: 15px;
    font-size: 10px;
    font-weight: 400;
}
.deal__day{
    margin-left: 20.5px;
}
.deal__day a{

    background: radial-gradient(87.05% 100% at 52.62% 100%, #FFC412 0%, #FED456 100%, #FED456 100%);

    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    border-radius:3px;
    padding: 13px 12px;

    
}
.header__wrapper__bottom{
    transition: .3s;
    padding: 14px 0 0px 0;
    height: auto;
}
.header__wrapper__bottom .header__wrapper-nav{

    margin-right: auto;
    margin-left: 25px;
}
.header__wrapper__bottom .header__wrapper-nav .nav__ul a{

    font-size: 15px;
    font-weight: 400;
    line-height: 18px;

}
.header__wrapper__bottom .categories-box{
  width: auto;
    flex-basis: inherit;
    
}
.header__wrapper__bottom  .categories-box__btn{

    width: auto;
    flex-basis: inherit;
}
.header__wrapper__bottom  .categories-box__btn span{

    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}
.header__decor{

    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;

}
.header__decor span{

    width: 100%;
    height: 1px;
    background: #F3F3F3;

}

.header__decor span:first-child{
       margin-top: 93px;
    margin-bottom: 128px;

}

.btn-group__fixed{

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center;
    cursor: pointer;
}

.btn-group__fixed a{

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center;
     transition: .3s;

}
.btn-group__fixed a p {

    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    color: #969696;
}

.btn-group__fixed button{

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .3s;
    padding: 0;
}
.btn-group__fixed button:hover,.btn-group__fixed a:hover{

    transform:scale(1.1);
}
.btn-group__fixed button p{

    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    color: #969696;

}


.header__wrapper__bottom .header__wrapper-sochial__action{


    margin-left: 10px;
}
.header.header__scroll .header__wrapper__top,
.header.header__scroll .header__wrapper__middle,
.header.header__scroll .header__decor{

    display: none;
}

.header__logo__fixed,
.header__wrapper__bottom .header-middle__buttons,
.header__wrapper__bottom .header__wrapper-sochial__action{


    display: none;
}
.header.header__scroll .header__wrapper__bottom{

    padding: 19px 0 ;
}


.header.header__scroll .header__logo__fixed,
.header.header__scroll .header__wrapper-sochial__action{

    display: flex;
    flex-direction: column;
}
.header.header__scroll .header-middle__buttons{
    display: flex;
    flex-direction: row;

}
.header__logo__fixed{

    margin-right: 28px;
}
.header__logo__mobile{

    display: none;
}
.btn-group__fixed .hidden_search {

    position: absolute;
    left:100%;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s opacity ease-out;
    z-index: 2000;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    opacity: 0;
    
}


.btn-group__fixed .hidden_search.search_open{
    left: 0%;
    opacity: 1;


}
.btn-group__fixed .hidden_search.opas__header {
  opacity:0;
  left: 0%;
 
}

.btn-group__fixed .hidden_search.search_open .header-search,
.btn-group__fixed .hidden_search.opas__header .header-search{

    width: 100%;
    max-width:1204px;

    margin:0 auto;
}

.btn-group__fixed .hidden_search.search_open .header-search__input input{

    width: 100%;

}


.header-search__back{

    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 15px;
    cursor: pointer;
}


@media (max-width:1240px){
    .header{

        display: flex;
        flex-direction: row;
        width:100%;
        
    }
    .header__wrapper__top,.header__wrapper__middle{

        display: none;
    }

    .header.header__scroll .header__logo__mobile{

        display: none;
    }
    .header__decor{
        display: none;
    }
    .header__wrapper__bottom{
        width: 100%;
        padding: 20px 20px;
    }
    .header__logo__mobile{

        display: flex;
        flex-direction: row;
        gap: 12px;
        margin-right: 27px;
        align-items: center;
    }

    .header__logo__mobile img{
        width: 100%;
        max-width: 150px;
    }
    .header__logo__mobile p {


        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        max-width: 176px;


    }
    .header__wrapper__bottom .header-middle__buttons{

        display: flex;
    }
    .header__wrapper__bottom .header__wrapper-sochial__action{
        display: flex;
    }

    .header__wrapper__bottom .toggle-button span>div{

        max-width:116px ;
        font-size: 12px;
        font-weight: 500;
        line-height: 14px;
       

    }
    .btn-group__fixed .hidden_search.search_open .header-search,
    .btn-group__fixed .hidden_search.opas__header .header-search{

        padding: 0 20px;

    }
    .header__wrapper__bottom .hidden_search.search_open .header-search{

        height: auto;
    }
    .header-search__input input{

        padding: 12px 0 12px 25px;
    }

    .header-search__submit{

        right: 37px;
    }
    .hidden_search.opas__header .header-search{

        display: block;
    }

    .header.header__scroll .header__wrapper__bottom{

        padding: 10px 20px;
    }
    .header.header__scroll .header__logo__fixed img{

        max-width: 62px;
    }
    .header__wrapper__bottom .toggle-button span>div:hover{

        text-decoration: underline;
    }
    .header__wrapper__bottom .toggle-button span>div::after{

        display: none;
    }

}
@media screen and (max-width:915px) {
    .btn-group.comparison.comparison-product.can_compare{

        display: none;
    }
    .header__wrapper__bottom .header__wrapper-sochial__action{

        display: none;
    }

    .toggle-button{

        order: inherit;
        max-width: 100%;
        margin-left: 0;

    }

    .header__wrapper__bottom{

        padding: 10px 38px;
    }
    .header.header__scroll .header__wrapper__bottom{

         padding: 10px 38px;
    }
    .header-middle__buttons{

        margin-right: 0;
    }
    .header.header__scroll .header-middle__buttons{
        order: inherit;
    }

    .header.header__scroll .header__wrapper-sochial__action{

        order: inherit;
    }
    .header-middle__buttons{
        gap: 11px;
    }
}
@media screen and (max-width:760px) {
    
    .header__logo__mobile{
        width: 100%;
    }
    .header.header__scroll .header__wrapper__bottom{

        padding: 10px 15px ;
    }
    .header__logo__mobile img{

        max-width: 120px;
    }

    .header.header__scroll .header__logo__fixed img{

        max-width: 40px;
    }
    .header__logo__mobile{
        gap: 15px;
    }

    .header__wrapper__bottom{
        padding: 20px 15px;

        row-gap: 14px;
    }
    .header.header__scroll .header__wrapper-sochial__action{
        display: none;
    }

    .header__logo__fixed{

        margin-right: 12px;

    }
    .toggle-button{

        padding: 0;
    }
    .header.header__scroll .header__wrapper__bottom > .toggle-button .burger{

        display: none;
    }
    .header__wrapper__bottom .toggle-button span>div{

            max-width: 101px;
    }
}
/* MENU SIDEBAR*/
.menu-show{
    width: 360px;
    padding:  0 17px 39px 17px;
    overflow: hidden;
    box-sizing: border-box;
}
.menu-show li {
     list-style-type: none;
}
.menu-sidebar{

    display: flex;
    flex-direction: column;
    height: 100%;
}
.menu-sidebar__logo{

    display: flex;
    flex-direction: row;
    gap: 18px;
    align-items: center;
    margin-bottom: 18px;
}
.menu-sidebar__logo p {

    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    text-align: left;
    max-width: 205px;

}
.menu-sidebar__logo img{

    max-width: 40px;

}

.menu-sidebar__yandex-reviews{
display:flex;
flex-direction: row;
gap: 5px;
    align-items: center;
margin-bottom: 32px;

}
.menu-sidebar__yandex-reviews svg{

max-width: 31px;
}
.menu-sidebar__yandex-reviews p {

    text-align: left;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    max-width: 209px;

}
.menu-sidebar .toggle-button{

position: absolute;
right: 19px;
top: 40px;

}

.menu-wrap ul.navbar-nav{

    width: 100%;
    max-width: 301px;

}
.navbar__scroll{
    height: 40vh;
    overflow-y:auto ;
}
.navbar__scroll::-webkit-scrollbar{
    
    width: 6px;


}
.navbar__scroll::-webkit-scrollbar-thumb{

    background: #E2E2E2;
}

.navbar__scroll::-webkit-scrollbar-track{
    background: #F2F2F2;
}


.header-mob__contacts{

    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-top:auto;
}
.header-mob__contacts__btn{


    display: flex;
    flex-direction: column;
    gap: 9px;
}
.header-mob__contacts__block{

    display: flex;
    flex-direction: column;

}
.header-mob__contacts-sochial{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
}

.header-mob__contacts-sochial .call__photo{

    margin-right: 0;
}
.header-mob__contacts-sochial .social__media {

    gap: 9px;
}
.header-mob__contacts__btn .mobile__btn{

    border-radius: 3px;
    padding:  13px 0;
    width: 155px;
}
.header-mob__contacts__btn .mobile__btn:nth-of-type(1){

    background: radial-gradient(87.05% 100% at 52.62% 100%, #FFC412 0%, #FED456 100%, #FED456 100%) 

}
.header-mob__contacts__btn .mobile__btn:nth-of-type(2){

margin: 0;

}
.header-mob__contacts .header__wrapper-phone{
    display: flex;
    margin-left:0;
    align-items: flex-start;
    gap: 10px;
}
.header-mob__contacts .header__wrapper-phone .call__text{

    margin-left: 10px;
}
.header-mob__contacts .header__wrapper-phone p{
    margin:0;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
}
.header-mob__contacts .phone__tel a:last-child{
    display: block;
    margin: 0;
}
.menu-sidebar .nav__a{

    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    color: #7C7C7C;
    text-align: left;
    display: flex;
    flex-direction: row;
    gap: 5px;

}
@media screen and (max-width:580px) {
    
    .menu-show{
        width: 100%;
    }
    .menu-wrap ul.navbar-nav{
        max-width: 100%;
    }

}

@media only screen and (max-height:800px) {

    .navbar__scroll{

        height: 50vh;
    }
    
}

#snowCanvas {
        display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* canvas не будет мешать кликам */
  z-index: 9999; /* поместим canvas перед body, но за другими элементами */
}


@media screen and (max-width:1200px) {
    #snowCanvas {
        display: none;
    }
}

.brand_row .filter__item { opacity: 1 !important; }