.section-catalog{background: #202025}
.products-list{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.products-list .products-item-wrap{ width: calc(50% - 7px); background: #fff; padding: 7px; box-sizing: border-box; margin-bottom: 15px}
.products-list .products-item{ border: 1px solid rgba(153, 133, 90, 1) }
.products-list .products-item .product-img{ padding-top: 100%}
.products-list .products-item .product-img img{ position: absolute;top:10px; left: 10px; right: 10px; bottom: 10px; margin: auto;  object-fit: contain; width: calc(100% - 20px); height: calc(100% - 20px); cursor: zoom-in;}
.products-list .products-item .product-content{ margin: 10px 10px 0 10px; border: 1px solid rgba(153, 133, 90, 1); padding: 10px}
.product-name{ color: rgba(153, 133, 90, 1); font-size: 14px }
.product-name p{ padding: 0; margin: 0; font-size: 16px; font-weight: 600; line-height: 1.3em}
.product-name span{ display: none}

.product-price{ color: #000; margin-top: 15px;}
.product-price > span{ display: block; text-align: center}
.product-price .price-base{ font-size: 18px;}
.product-price .price-metr{ font-size: 14px;}
.product-price .price > span{ font-family: sans-serif; margin-left: 5px; font-size: 0.9em }

.product-detale{ color: rgba(125, 125, 125, 1); font-size: 12px; text-align: center; padding: 5px; display: block; }

.empty-text{border: 1px solid #EFEAD7; padding: 30px; text-align: center; border-radius: 10px;}

.filter-container{display: none}
.filter{ background: #35353D}
.filter-box{/*max-height:0;*/ overflow: hidden;  }
.filter-box-title{ display: none}
.filter-button{ margin-bottom: 15px }
.filter-button a{ display: flex; justify-content: space-between; align-items: center; border: 1px solid #EFEAD7; border-radius: 10px;padding: 5px 15px;}
.filter-icon{ display: block; background: none; border: none; width: 26px; height: 26px; background: url(filter-icon.svg);}

.over-container .over-content{ background: #202025}
.overheight_close_button{box-sizing: border-box;height: 34px !important;width: 34px!important;border: 1px solid #EFEAD7; border-radius: 50%}
.overheight_close_button:before,
.overheight_close_button:after{ background: #EFEAD7 !important; width: 50% !important; height: 2px !important;}

.filter-item-delimiter{ display: none}

.ui-slider-horizontal { height: 1px; background: #7D7D7D }
.ui-widget-content { border: none}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border: none; background: #99855A;}
.ui-slider .ui-slider-handle{ height: 11px; border-radius: 3px; transform: translateY(-50%); top:0;}
.ui-widget.ui-widget-content{ border: none}
.ui-slider-horizontal .ui-slider-range{ background: #99855A; height: 2px; top:0;transform: translateY(-50%);}

.range-nums { display: flex; justify-content: space-between;  margin: 0 -10px;  margin-bottom: 15px;}
.range-nums > div{display: flex;}
.range-nums span{color: #7D7D7D}
.range-nums input {display: block;border: none;background: transparent;color: #EFEAD7;width: 34px; text-align: center}
.price .range-nums input {width: 85px; text-align: right}

.filter-slider-range{width: 100%;  padding: 20px 10px;  box-sizing: border-box;  min-width: 260px;}
.filter-slider-range .filter-prop-value{padding: 0; margin-top: 0; height: 0; width: 0; position: absolute; z-index: -1; visibility: hidden}

.over-content .filter-container{display: block; height: 100%;  background: #35353D}
.over-content .filter{ padding: 30px; padding-top: 60px; }
.over-content .filter-item{border: 1px solid #EFEAD7; border-radius: 10px;padding:15px; margin-bottom: 15px; max-width: 480px; margin-right: auto; margin-left: auto}

.filter-box{ cursor: auto}
.prop6 .filter-box-vals{ display: flex; }
.prop6 .filter-box-vals input{ width: 0; height: 0; overflow: hidden}
.prop6 .filter-box-vals label{display: block;min-width: 40px;height: 40px;border-radius: 25px;line-height: 40px;text-align: center;border:1px solid rgb(239 234 215 / 25%);margin-right: 10px;cursor: pointer;flex-shrink: 0;text-align: center;padding: 0 13px;box-sizing: border-box; }
.prop6 .filter-box-vals label.is-active{ border:1px solid rgb(239 234 215 / 100%);}

a.filter-close{ display: block;  padding: 10px; margin: 20px auto; text-align: center; background: #202025; justify-content: center !important; border: 1px solid #EFEAD7; border-radius: 10px; max-width: 200px; }
a.filter-clear{ display: block;  padding: 10px; margin: 20px auto; text-align: center;  justify-content: center;  max-width: 200px;}

.pages_num{ display: flex; align-items: center; justify-content: center}
.pages_num > *{ margin: 0 10px; border-radius: 50%; width: 35px; line-height: 35px; text-align: center; height: 35px; border: 1px solid rgb(239 234 215 / 25%);}
.pages_num > .current{ border: 1px solid rgb(239 234 215 / 100%);}
.pages_num > *:hover{ border: 1px solid rgb(239 234 215 / 70%);}

@media only screen and (min-width: 768px) {

    .over-container.is_show .over-content{ transform: unset !important; }


}

@media only screen and (min-width: 1024px) {
    .products-list{justify-content: flex-start; margin: 0 -15px }
    .products-list .products-item-wrap{ width: calc(25% - 30px); margin:0px 15px 30px 15px }

    a.filter-close{ display: none}
    a.filter-clear{ display: none}
    .filter-button{ display: none }

    .filter{display: flex; justify-content: space-around; align-items: center;  margin-bottom: 25px;  border: 1px solid #EFEAD7; border-radius: 10px;}

    .filter-item{ box-sizing: border-box; flex-shrink: 1;   padding-right: 35px; flex-grow: 1; flex-basis: 33%; display: flex; justify-content: center}

    .filter-item-delimiter{ display: block; width: 1px; background:#EFEAD7; height: 20px; }

    .filter-item .filter-title{padding: 10px; padding-right: 30px; text-align: center}
    .filter-item .filter-title:after{content: ''; display: block; position: absolute; top:0; bottom: 0; right: 10px; margin: auto; width: 12px; height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(arrow.svg)}


    .filter-container{display: block}


    .filter-item-delimiter{ display: block; width: 1px; background:#EFEAD7; height: 20px; }




    .filter{   margin-bottom: 40px;}
    .filter-item:hover{cursor: pointer}
    .filter-box{  transition: all 0.5s ease; position: absolute; top:100%; left: 0; z-index: 100; max-height: 0; width: 100% }
    .filter-box-inner{background: rgb(53 53 61 / 87%);   margin-top: 10px;   border: 1px solid #EFEAD7; border-radius: 10px;backdrop-filter: blur(5px); transition: padding 0.2s ease 1s; }
    .filter-box-title{ display: block}

    .filter-item:hover .filter-box,
    .filter-box.is-open { max-height: 200px;  }

    .filter-item:hover .filter-box .filter-box-inner,
    .filter-box.is-open .filter-box-inner{ padding: 20px; transition: padding 0.2s ease; }

    }




@media only screen and (min-width: 1280px) {
    .products-list .products-item .product-content {margin: 20px 10px 0 10px;}
    .product-name{   font-size: 20px   }
    .product-name p{   font-size: 20px   }


    .products-list .products-item .product-content { padding: 20px 10px;}
    .product-name{ display: flex; justify-content: center;  font-size: 18px; line-height: 1;   }
    .product-name p{font-size: 18px; line-height: 1  }
    .product-name span{ display: block; margin: 0 15px}
    .product-price{ display: flex; justify-content: space-between;  align-items: flex-end; line-height: 1;}

    .product-price .price-base{ font-size: 20px; letter-spacing: -1px}
    .product-price .price-metr{ font-size: 15px;letter-spacing: -.5px}
    .product-detale{ padding: 15px}







    }