.facets-vertical-sort{display: none !important;}

.custom-sorting-wrap{flex: 0 0 20%;max-width: 20%; position: relative; align-self: stretch;display: flex;flex-direction: column;align-items: flex-end;justify-content: center;}

.section-title-wrap .custom-sorting-wrap{
    @media(max-width:750px){
        display: none;
    }
}


.cg-sorting-wrap{text-align: left; display: flex; justify-content: flex-end;

    .sorting-title{border: none; outline: none; background: transparent; font-weight: 400; font-size: 1.8rem; display: flex; align-items: center; font-family: var(--font-body-family); cursor: pointer;
        .svg-wrapper{width: 10px; margin-right: 10px;}
    }


    .sorting-options{ position: absolute; top: calc(100% + 30px); left: 0; width: 100%;border: 1px solid #ECECEC; z-index: 10; background: #FFF; display: none;

        &.active{display: block;}

        .custom-option{display: block; width: 100%; text-align: right; font-size: 1.8rem; font-weight: 400; padding: 1.6rem 1.9rem; border: none; border-bottom: 1px solid #ECECEC;outline: none; background: transparent; cursor: pointer;  font-family: var(--font-body-family);
            &:last-child{border-bottom: none;}
            &:hover{background: #ECECEC;}
        }

    }

}


.facets-container{padding-top: 0!important;}
.facets__disclosure-vertical:first-of-type{border: none;
    .facets__summary{padding-top: 0;}
}
.facets-vertical .active-facets{display: none;}
.facet-checkbox>svg{width: 20px;height: 20px;}
.facet-checkbox .svg-wrapper>svg{display: none;}
.facet-checkbox .svg-wrapper{display: none;}
.facet-checkbox>input[type=checkbox]:checked~svg{background: #000;}

.mobile-facets__label{align-items: center;

    &>input[type=checkbox]:checked~svg{background: #000;}
    .facet-checkbox__text-label{color: rgb(var(--color-foreground));font-size: 1.6rem; font-weight: 600;}

}




@media(max-width:991px){

    .facets-vertical .facets-container{grid-template-columns: 1fr 1fr; gap: 0; padding-right: 0;padding-left: 0; margin-right: -1.5rem; margin-left: -1.5rem;}

    .custom-sorting-wrap{width: 100%; max-width: initial;border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC;padding-right: 14px;
    
        .cg-sorting-wrap{align-self: baseline;}

        .sorting-options{top: 100%;left: initial; right: 0; width: 90%;}

    }

    .mobile-facets__wrapper{width: 100%; border-left: 1px solid #ECECEC;border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; padding-top: 10px; padding-bottom: 10px;
    
        .mobile-facets__open-label{font-size: 1.8rem; padding-right: 11px; margin-left: 0;}
        .mobile-facets__open .svg-wrapper{margin-right: 14px;width: 1.4rem;}
    
    }

}