.filtr {
   background: #FFFFFF;
   border: 1px solid #E9E9E9;
   border-radius: 4px;
   padding: 20px;
   max-width: 390px;
   width: 100%;

}

.filtr__head {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

.filtr__title {
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   color: #414141;
   margin-right: 10px;
}

.filtr__clear {
   border: 1px solid #F56505;
   border-radius: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   line-height: 19px;
   color: #F56505;
   width: 105px;
   height: 26px;
   cursor: pointer;
}

.filtr__clear svg {
   margin-right: 10px;
}

.filtr__close {
   margin-left: auto;
   background: #FFFFFF;
   border: 1px solid #E9E9E9;
   border-radius: 4px;
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   display: none;
}


.filtr__item {
   margin-bottom: 15px;
}

.filtr__name {
   font-weight: 600;
   font-size: 18px;
   line-height: 22px;
   color: #616161;
   margin-bottom: 15px;
}

.filtr__choise {
   display: flex;
   align-items: center;
}

.filtr__choise svg {
   opacity: 0;
   transition: 0.2s;
}

.filtr__choise:not(:last-child) {
   margin-bottom: 10px;
}

.filtr__choise.active svg {
   /* background-image: url(../img/arrow-filtr.svg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 12px 8.25px; */
   opacity: 1;
   transition: 0.2s;
}

.filtr__checkbox {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 10px;
   width: 24px;
   height: 24px;
   background: #FFFFFF;
   border: 1px solid #E9E9E9;
   border-radius: 4px;
}

.filtr__value {
   font-size: 16px;
   line-height: 19px;
   color: #616161;
}

/* 
.filtr__slide {}

.filtr__slider-top {}

.filtr__slide-line {
   width: 100%;
   height: 2px;
   background: #FF8F44;
   display: none;
}

.filtr__slide-bottom {
   display: flex;
   justify-content: space-between;
}

.filtr__slide-choise {
   display: flex;
   align-items: center;
   font-size: 16px;
   line-height: 19px;
   color: #616161;
}

.filtr__slide-input {
   margin-left: 5px;
   width: 70px;
   height: 30px;
   background: #FFFFFF;
   border: 1px solid #E9E9E9;
   border-radius: 4px;
   padding: 0 5px;
}

.filtr__slide-input::placeholder {
   font-size: 16px;
   line-height: 19px;
   color: #C1C1C1;
   text-align: right;
   padding-right: 10px;
} */

.filtr .orange-button {
   width: 100%;
   text-align: center;
}

.catalog-d__block {
   flex-wrap: nowrap;
}

.one {
   min-width: 390px;
}

.two {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
}

.filtr-popup {
   background: #FFFFFF;
   border: 1px solid #E9E9E9;
   border-radius: 5px;
   position: fixed;
   left: 0;
   top: 0;
   opacity: 0;
   visibility: hidden;
   transition: 0.3s;
   overflow-y: auto;
   height: 100%;
}

.filtr-popup.active {
   opacity: 1;
   visibility: visible;
   transition: 0.3s;
}

.open-filter {
   width: 50px;
   height: 50px;
   background: #FFFFFF;
   border: 1px solid #E9E9E9;
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   margin-bottom: 26px;
   display: none;
}

@media(max-width: 1270px) {
   .one {
      display: none;
   }

   .two {
      justify-content: center;
      width: -webkit-fill-available;
   }

   .filtr {
      max-width: unset;
      width: unset;
   }

   .filtr-popup {
      width: 100%;
      height: 100%;
      z-index: 1000;
   }

   .filtr__close {
      display: flex;
   }

   .open-filter {
      display: flex;
   }
}