#search_filters_wrapper {
    padding: 18px;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 400px;
    gap: 15px;
}
#search_filters_wrapper .title_block {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #BABBBD;
}
#search_filters_wrapper .title_block svg {
    color: #000;
    width: 26px;
}
#search_filters_wrapper .title_block span {
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    color: #000;
    margin-left: 1px;
    padding: 0px;
    margin-top: 3px;
}
#search_filters_wrapper .block_content {
    padding-top: 0px;
    flex: 1;
    overflow: auto;
}
#search_filters_wrapper .search_filters__title-left {
    display: flex;
    gap: 10px;
    cursor: pointer;
}
#search_filters_wrapper #js-active-search-filters a {
    font-size: 15px;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    color: #000;
    font-weight: 600;
}
#search_filters_wrapper .ui-slider-handle {
    background: #000;
    border: none;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    top: -.7em;
}
#search_filters_wrapper .custom-input-box {
    display: none;
}
#search_filters_wrapper .facet .facet-label {
    margin-bottom: 0px;
}
#search_filters_wrapper .facet_category {
    margin-top: 18px;
}
#search_filters_wrapper .facet_category .facet-label {
    display: flex;
    align-items: center;
    gap: 8px;
}
#search_filters_wrapper .facet_category .facet-label > span {
    display: flex;
}
#search_filters_wrapper .facet_category .facet-label a {
    color: #000;
    font-weight: 400;
    font-size: 16px;
	text-transform: lowercase;
}
#search_filters_wrapper .facet_category .facet-label a::first-letter {
    text-transform: capitalize;
}
#search_filters_wrapper .facet_category .custom-input-box {
    display: inline-block;
}
#search_filters_wrapper .facet-title {
    font-weight: 600;
    color: #000;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
	text-transform: lowercase;
    width: 100%;
}
#search_filters_wrapper .facet-title span::first-letter {
    text-transform: capitalize;
}
#search_filters_wrapper .facet_filter_box[data-id-group="1"] {
    /* display: flex;
    flex-wrap: wrap; */
    gap: 16px;
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding-right: 15px;
}
#search_filters_wrapper .facet_filter_box[data-id-group="1"] .facet_filter_item_li a {
    color: #000;
    /* width: 42px; */
    height: 40px;
    border: 1px solid #000000;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 600;
}
#search_filters_wrapper .facet_filter_box[data-id-group="1"] .facet_filter_item_li a:hover {
    background: #000;
    color: white;
}
#search_filters_wrapper .facet_filter_box[data-id-group="1"] .facet_filter_item_li .active a {
    background: #000;
    color: white;
}
#search_filters_wrapper .facet[data-label="facet_color"] .facet_filter_box {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}
#search_filters_wrapper .facet[data-label="facet_color"] .facet_filter_box .facet_filter_item_li {
    flex: 1 1 150px;
}
#search_filters_wrapper .facet[data-label="facet_color"] .facet_filter_box .facet_filter_item_li span.name {
    margin-left: 5px;
    color: black;
}


#search_filters_wrapper .facet[data-label="facet_color"] .facet_filter_box .facet_filter_item_li a {
    width: 32px;
    height: 32px;
    border: 1px solid #999B9D;
    cursor: pointer;
}
#search_filters_wrapper .facet[data-label="facet_color"] .facet_filter_box .facet_filter_item_li .active a {
    border: 1px solid #111;
}
#search_filters_wrapper #search_filters .facet {
    padding-top: 22px;
    user-select: none;
}
#search_filters_wrapper #search_filters .facet[data-label="facet_Talla"] {
    padding-top: 7px;
}
#search_filters_wrapper #search_filters .facet_price {
    margin-top: 18px;
}
#search_filters_wrapper #search_filters p {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    text-align: center;
}
#search_filters_wrapper #search_filters .facet ul.faceted-slider {
    width: 85%;
    margin: 0 auto;
}
#search_filters_wrapper .search_filters__apply {
    background: #000;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
}
#search_filters_wrapper .search_filters__apply:hover {
    background: white;
    color: #000;
    border: 2px solid #000;
}
#search_filters_wrapper .facet-title {
    cursor: pointer;
}
#search_filters_wrapper .facet-closer,
#search_filters_wrapper .facet-opener {
    width: 27px;
    cursor: pointer;
    display: none;
}
#search_filters_wrapper .facet:not(.showing) .facet-opener,
#search_filters_wrapper .facet.showing .facet-closer {
    display: block !important;
}

#search_filters_wrapper .search_filters__sort_orders-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
#search_filters_wrapper .search_filters__sort_orders-content {
    margin-top: 18px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
#search_filters_wrapper .search_filters__sort_orders a {
    border: 1px solid #000;
    padding: 9px 18px;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
#search_filters_wrapper .search_filters__sort_orders a:hover {
    background: #111;
    color: white;
}
#search_filters_wrapper .search_filters__sort_orders a:is(.current, .active) {
    background: #111;
    color: white;
}
#search_filters_wrapper .facet:not(.showing) .facet_filter_box {
    display: none !important;
}
#search_filters_wrapper #js-product-list-top {
    padding-top: 22px;
}
#search_filters_wrapper .search_filters__sort_orders-title {
    display: flex;
    justify-content: space-between;
}
#search_filters_wrapper .js-search-filters-clear-all:not(.active) {
    opacity: 0.3;
}

/* scroll bars */

#search_filters_wrapper > .block_content::-webkit-scrollbar {
    display: none;
}

#search_filters_wrapper ul.facet_filter_box::-webkit-scrollbar {
    width: 2px;
}
#search_filters_wrapper ul.facet_filter_box::-webkit-scrollbar-track {
    background: #f1f1f1;
}
#search_filters_wrapper ul.facet_filter_box::-webkit-scrollbar-thumb {
    background-color: lightgray;
    border-radius: 8px;
}
#search_filters_wrapper ul.facet_filter_box::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* price filter */

#search_filters_wrapper #search_filters .facet_price .ui-widget-content {
    border: 1px solid #959595;
    background: #EBEBEB;
    border-radius: 15px;
    height: 8px;
}
#search_filters_wrapper #search_filters .facet_price .ui-slider-range {
    left: 25.7305%;
    width: 55.3716%;
    background: #000;
    height: 8px;
    top: -1px;
}
.search_filters__apply.disabled {
    cursor: not-allowed !important;
	/*pointer-events: none;*/
    opacity: 0.3;
}

#search_filters_wrapper .loading_backdrop {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0;
    background: rgb(255 255 255 / 80%);
    z-index: 10;
    align-items: center;
    justify-content: center;
    font-size: 29px;
    color: #111;
    flex-direction: column;
    gap: 15px;
    display: flex;
    transform: translateX(100%);

}   
#search_filters_wrapper .loading_backdrop.show {
    transform: translateX(0);
}