.filter-slider-range{display: -webkit-flex;	display: flex;  -webkit-justify-content:space-between;  justify-content:space-between; padding: 20px 0}
.filter-slider-range input{ width: calc(50% - 20px); padding: 5px; border-radius: 4px; border: 1px solid #ccc; }
.ui-slider-handle{ cursor: pointer !important}
.ui-slider-handle{    border: 1px solid #00A7E1 !important;    background: #00A7E1 !important; border-radius: 50%}
.ui-widget-header{
    background: rgba(0,167,225, 0.3) !important; border-radius: 0
}
.ui-widget.ui-widget-content{
    border: 1px solid rgba(0,167,225, 0.3) !important;    background: #fff !important;
}


.section__catalog-head{ display: flex; justify-content: space-between;  margin-bottom: 20px}

.search-input{ background: #fff; box-shadow:2px 4px 20px rgba(0, 0, 0, 0.05);border-radius: 5px; padding: 10px; flex-basis: 100% }
.search-input form{ display: flex; justify-content: space-between; width: 100%}
.search-input .text-field{ padding: 5px 15px; border-radius: 5px; border: 1px solid rgb(51 51 51 / 23%); box-sizing: border-box; width: 100%}
.search-input .button{padding: 0 20px;  margin-left: 10px;  background: #333;  color: #fff;  font-size: 14px; background-image: url("data:image/svg+xml,%3Csvg  viewBox='0 -0.5 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.5 11.1455C5.49956 8.21437 7.56975 5.69108 10.4445 5.11883C13.3193 4.54659 16.198 6.08477 17.32 8.79267C18.4421 11.5006 17.495 14.624 15.058 16.2528C12.621 17.8815 9.37287 17.562 7.3 15.4895C6.14763 14.3376 5.50014 12.775 5.5 11.1455Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.989 15.4905L19.5 19.0015' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: center; font-size: 0;
}

.sort-elems{ display: none}

.pagination-container{ margin-top: 20px}
.show-more{ display: none}
.show-more button{width: 100%;	padding: 12px;	background: #fff;	border: 0;	box-shadow: 0px 5px 6px 0px rgb(60 60 60 / 10%);	color: #a0a0a0; cursor: pointer}

.pages_num{ padding: 12px 20px;  display: flex;  background: #fff; box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.05);	margin-top: 20px; gap: 12px; border-radius: 5px}
.pages_num a, .pages_num span{display:block; box-sizing: border-box;  text-align:center;  border:1px solid #BFBFBF; color:#BFBFBF; 	border-radius:3px; text-decoration:none;  width:32px; height:32px; line-height: 32px; }
.pages_num a:hover{background:#E8E8E8; color:#fff}
.pages_num a.current, .pages_num span.current{background:#333333;color:#fff; border:1px solid #333333;}

.filter-selector{ border: 1px solid rgb(51 51 51 / 28%);width: 48px; height: 48px; padding: 4px; margin-bottom: 0; margin-right: 15px}
.filter-selector svg{ display: block; width:22px; height: 22px;}

.filter .filter-prop-rows{ display: flex; flex-wrap: wrap;}
.filter .checkbox-row{  margin-right: 7px; margin-bottom: 7px}
.filter .checkbox-row label{ display: block; padding: 3px 7px; border: 1px solid #d5d5d5;   border-radius: 4px; cursor: pointer  }
.filter .checkbox-row input{ width: 0; height: 0; position: absolute;}
.filter .checkbox-row input:checked + label{background: #00A7E1; color: #fff; border-color: #00A7E1}

.filter-buttons{ padding: 20px 0; max-width: 280px; margin: auto; text-align: center}
.filter-buttons .button{ width: 100%}
.filter-buttons .button-reset{ display: inline-block;color: #28292A; margin-top: 20px; text-decoration: underline;}

.appended-filters{ display: flex; flex-wrap: wrap; margin-bottom: 10px; font-size: 12px;}
.appended-filters .appended-filters-item{ border: 1px solid #d5d5d5;  padding: 3px 7px; border-radius: 6px; display: flex; align-items: center; margin-right: 7px; margin-bottom: 7px;  }
.appended-filters .appended-filters-item .appended-item-cancel{ border: none; background: none; margin-left: 5px; padding: 0 3px;}

.catalog-products-ordered{ margin-bottom: 10px;}
.catalog-products-ordered select{ border-radius: 6px;padding: 5px 15px; padding-left:40px; border: 1px solid #d5d5d5; background-repeat:no-repeat; background-size: 20px; background-position: 10px center; }
.catalog-products-ordered select option{ line-height: 1.3 }

.catalog-products-ordered select.to-max{background-image: url(../../../images/sprite-icons.svg#sort-to-max);}
.catalog-products-ordered select.to-min{background-image: url(../../../images/sprite-icons.svg#sort-to-min);}



@media only screen and (min-width: 768px) {
    .search-input .button {margin-left: 20px; font-size: 14px; background-image: none}

    .filter .filter-prop-rows{ flex-direction: column}
    .filter .checkbox-row{ margin-bottom: 10px;}
    .filter .checkbox-row label{ padding: 0;  border: unset; background: unset; padding-left: 20px;}
    .filter .checkbox-row label::before{ content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 14px; height: 14px;
        border: 1px solid #d5d5d5; border-radius: 4px; padding: 0;    box-sizing: border-box;}
    .filter .checkbox-row input:checked + label{background: unset; color: unset}

    .filter .checkbox-row input:checked + label::before{background: #00A7E1; border-color:#00A7E1 }
}



@media only screen and (min-width: 1024px) {
    .catalog-products-header  {  margin-bottom: 15px; display: flex; align-items: center }
    .catalog-products-ordered{ margin-bottom: 0; margin-right: 15px; }
    .appended-filters{ margin: 0}
    .appended-filters .appended-filters-item{ margin: 0; margin-right: 15px;     background: #eee;}
}