/* facetas */
.block-categories li ul {
    margin-left: .5rem;
    font-size: .9em
}

.block-categories .collapse-icons {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    cursor: pointer
}

.block-categories .collapse-icons .remove,.block-categories .collapse-icons[aria-expanded=true] .add {
    display: none
}

.block-categories .collapse-icons[aria-expanded=true] .remove {
    display: block
}

#products .products-select {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: flex;
    box-align: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

#search_filters .facet,#search_filters_brands .facet,#search_filters_suppliers .facet {
    padding-top: 1rem
}

#search_filters .facet:first-child,#search_filters_brands .facet:first-child,#search_filters_suppliers .facet:first-child {
    padding: 0
}

#search_filters .facet .collapse,#search_filters_brands .facet .collapse,#search_filters_suppliers .facet .collapse {
    display: block
}

#search_filters .facet .facet-type-radio,#search_filters .facet>.facet-type-checkbox,#search_filters_brands .facet .facet-type-radio,#search_filters_brands .facet>.facet-type-checkbox,#search_filters_suppliers .facet .facet-type-radio,#search_filters_suppliers .facet>.facet-type-checkbox {
    max-height: 600px;
    overflow-x: auto
}

#search_filters .facet .facet-label,#search_filters_brands .facet .facet-label,#search_filters_suppliers .facet .facet-label {
    margin-bottom: .3rem
}

#search_filters .facet .facet-label a,#search_filters_brands .facet .facet-label a,#search_filters_suppliers .facet .facet-label a {
    font-size: .9375rem
}

#search_filters .facet_color,#search_filters_brands .facet_color,#search_filters_suppliers .facet_color {
    padding-left: 1px;
    padding-right: 1px
}

#search_filters .facet_color>li,#search_filters_brands .facet_color>li,#search_filters_suppliers .facet_color>li {
    display: inline-block;
    position: relative;
    margin-bottom: .5rem
}

#search_filters .facet_color>li .magnitude,#search_filters_brands .facet_color>li .magnitude,#search_filters_suppliers .facet_color>li .magnitude {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff
}

#search_filters .dropdown-menu-facet,#search_filters_brands .dropdown-menu-facet,#search_filters_suppliers .dropdown-menu-facet {
    padding: 1rem;
    white-space: nowrap;
    min-width: 200px;
    font-size: 0.9rem;
}

#search_filters .dropdown-menu-facet::-webkit-scrollbar,#search_filters_brands .dropdown-menu-facet::-webkit-scrollbar,#search_filters_suppliers .dropdown-menu-facet::-webkit-scrollbar,.ps-shoppingcart.dropdown #blockcart-content .cart-products::-webkit-scrollbar {
    width: 6px
}

#search_filters .dropdown-menu-facet::-webkit-scrollbar-thumb,#search_filters_brands .dropdown-menu-facet::-webkit-scrollbar-thumb,#search_filters_suppliers .dropdown-menu-facet::-webkit-scrollbar-thumb,.ps-shoppingcart.dropdown #blockcart-content .cart-products::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.25)
}

#search_filters .facet-title-dropdown,#search_filters_brands .facet-title-dropdown,#search_filters_suppliers .facet-title-dropdown {
    cursor: pointer
}

#search_filters.dropdown-search-filters .facet,#search_filters_brands.dropdown-search-filters .facet,#search_filters_suppliers.dropdown-search-filters .facet {
    padding: 0
}

#search_filters.dropdown-search-filters .facet-dropdown,#search_filters_brands.dropdown-search-filters .facet-dropdown,#search_filters_suppliers.dropdown-search-filters .facet-dropdown {
    display: inline-block
}

#search_filters.dropdown-search-filters .drop-icon,#search_filters_brands.dropdown-search-filters .drop-icon,#search_filters_suppliers.dropdown-search-filters .drop-icon {
    float: none;
    position: static
}

.facet-dropdown .drop-icon {
    float: right;
    top: 2px;
    position: relative
}

.facet-dropdown .dropdown-menu {
    max-height: 300px;
    overflow-x: auto
}

.active_filters .active-filter-title {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem
}

.active_filters .filter-blocks {
    display: flex;
    vertical-align: middle;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.active_filters .js-search-link  {
   background-color: #fff;
}



#facets_search_center {
    padding: 1rem 1rem 0;
    margin-bottom: 1rem;
    background: rgba(204,204,204,.15);
    display: none
}

#facets_search_center #search_filters {
    margin-right: -15px;
    margin-left: -15px;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap
}

#facets_search_center #search_filters .facet {
    position: relative;
    min-height: 1px;
    padding: 0 15px 1rem;
    width: 25%;
    min-width: 160px
}

#facets_search_center #search_filter_controls {
    display: none!important
}

#facets_search_center.show {
    display: block
}

@media (max-width: 700px) {
    #facets_search_center #search_filters .facet {
        width:33%
    }
}

@media (max-width: 530px) {
    #facets_search_center #search_filters .facet {
        width:50%
    }
}

@media (max-width: 362px) {
    #facets_search_center #search_filters .facet {
        width:100%
    }
}


/* CATEGORIAS Y LISTADOS */
#products .products {
    transition: opacity .3s ease
}

#products.-facets-loading #facets-loader-icon {
    display: block;
    position: absolute;
    z-index: 10;
    padding-top: .5rem
}

#products.-facets-loading .products {
    opacity: .4
}

#products #infinity-loader-icon {
    text-align: center;
    padding: 3rem 2rem;
    display: none
}

#products.-infinity-loading #infinity-loader-icon {
    display: block
}

.panel_mobile_filters {
    position: absolute;
    width: 300px;
    top: 0;
    z-index: 111;
    height: 100vh;
    background-color: blue;
    left: 0;
}
#panel_mobile_filters {
    display: none;
}
.js-show-panel-filters {
    overflow: hidden;
}
body.js-show-panel-filters #panel_mobile_filters {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100dvh;
    width: 300px;
    background-color: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
body.js-show-panel-filters #panel_mobile_filters #search_filters.dropdown-search-filters .facet-dropdown {
    display: block;
}
body.js-show-panel-filters #panel_mobile_filters #search_filters.dropdown-search-filters .facet-dropdown .form-control {
    display: block;
    border: none !important;
    text-transform: uppercase;
    font-weight: 500;
}
body.js-show-panel-filters #panel_mobile_filters #search_filters.dropdown-search-filters .facet-dropdown i.drop-icon {
    display: none;
}
body.js-show-panel-filters #panel_mobile_filters #search_filters.dropdown-search-filters ul {
    display: block;
    visibility: visible !important;
    width: 100% !important;
    position: relative !important;
    height: auto !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    padding-top: 0;
    padding-bottom: 2rem;
}
#active-search-filters {
    display: flex;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    font-size: 0.825rem;
    background-color: #f4f4f4;
    padding: 0.5rem 1rem;
}
.active-filter-title {
    width: 150px;
    max-width: 150px;
}
a.js-search-link, .products-sort-nb-dropdown .select-title-name, .facet-and-extras-group .form-control {
    font-size: 0.90rem;
}
body.js-show-panel-filters #panel_mobile_filters #search_filters.dropdown-search-filters ul.facet_color  {
    display: flex;
    gap: 0.5rem;
}

body.js-show-panel-filters #panel_mobile_filters #active-search-filters {
    margin-top: 0;
    padding: 0.6rem;
}

body.js-show-panel-filters #search_filters {
    margin: 0 !important;
}
body.js-show-panel-filters #panel_mobile_filters .content-panel {
    height: calc(100dvh - 4rem);
    overflow-x: hidden;
    overflow-y: auto;
}

body.js-show-panel-filters #panel_mobile_filters .buttons-filter-panel {
    height: 4rem;
    gap: 0.5rem;
    padding: 0.5rem;
}


.category-image {
    position: relative;
    overflow: hidden
}

.category-image .category-description {
    margin-left: 2rem;
    position: absolute
}

.category-description,.category-image {
    margin-bottom: 2rem
}
@media(min-width: 991px) {
    #search_filters {
        display: flex;
        gap: 0.8rem;
    }
}


@media(max-width: 991px) {
    .category-description-top.category-desription-short .rte-content {
        max-height: 150px;
        overflow: hidden;
    }
    .category-description-top .view-more-rte{
        display: none;
    }
    .category-description-top.category-desription-short .view-more-rte {
        display: block;
        font-weight: 500;
        margin-top: -3rem;
        margin-bottom: 3rem;
        height: 4rem;
        line-height: 4rem;
        z-index: 1;
        position: relative;
        background: linear-gradient(to bottom, rgba(245,245,245,.8) 0%, rgb(245,245,245) 50%);        
        cursor: pointer;
    }
}