@media(max-width:1100px){
  .header__line-nav .form--search{
    max-width:320px;
  }
  .header__line-nav .btn-main{
    min-width:unset;
    width:130px;
  }
  body{
    --body-margin:120px;
  }
  .card-product{
    flex:1 1 calc(33.33% - 2vw)
  }
}
@media(max-width:1000px){
  .product-category-popular__item{
    flex:unset!important;
    width:calc(50% - 15px);
  }
  .card-product{
    flex:1 1 calc(50% - 2vw);
  }
  .card-product__title{
    word-break:break-all;
  }
  .copyright-line{
    padding: 30px 0;
  }
  .tpl-1 main{
    padding:0 0 40px 0;
  }
  body{
    --body-margin:120px;
  }
  .header__line-nav{
    display:none;
  }
  .footer__map-contacts-container{
    position:relative;
  }
  .news-item__content{
    transform:translateY(0);
  }
  .content{
    flex:1 1 100%;
  }
  .form--search{
    flex:unset;
  }
  .header-mobile{
    display:flex;
    flex-direction:column;
    gap:5px;
  }
  .header-mobile__main{
    padding:10px;
    background:var(--c-main);
    color:white;
    font-size:12px;
  }
  .header-mobile__main a{
    color:inherit;
  }
  .header-mobile__search-block{
    padding:0 10px;
  }
  .bottom-sticky-mobile{
    display:block;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    padding:10px 12px;
    background:var(--c-main);
    color:white;
    z-index:999;
    font-size:12px;
    border-top: 1px solid;
  }
  .bottom-sticky-mobile *{
    color:inherit;
    flex-shrink:0;
    gap:5px;
  }
  .bottom-sticky-mobile__item svg{
    width:16px;
    height:16px;
  }
  .footer{
    margin:0 0 55px 0;
  }
  .btn-main--to-top{
    bottom:95px;
    right:10px;
  }
  .btn-callback-fixed{
    bottom:160px;
    right:5px;
  }
  .filter-spoiler{
    display:flex;
    flex-direction:column;
    gap:20px;
  }
  .filter-spoiler__header{
    display:flex;
  }
  .filter-spoiler__body{
    display:none;
  }
  .filter-spoiler.active .filter-spoiler__body{
    display:block;
  }
  .page-product__options-item{
    flex-direction:column;
    align-items:flex-start;
    padding-bottom:20px;
  }
  .pagination li a{
    padding:4px 8px;
    font-size:12px;
  }
}
@media(max-width:800px){
  .footer__block{
    max-width:100%;
    width:100%;
  }
}
@media(max-width:500px){
  .product-category-popular__item{
    width:100%;
  }
  
}