/*********************************************
 * Product Gach List
**********************************************/
.px-product-wrapper {--pw-filter-width:348px; --pw-list-gap:var(--px-spacing-24);}

.px-product-filter--heading [data-toggle="close-product-filter"] {gap:4px; transition:var(--px-transition);}
.px-product-filter--heading [data-toggle="close-product-filter"]:hover i {transform:translateX(-2px);}

.px-product-filter {width:var(--pw-filter-width);}
.px-product-filter-inner {
    padding:30px var(--px-gap-container);
    overflow:auto;
    max-height:calc(100vh - var(--px-header-height-sticky));
}
.px-product-list__filter-search {gap:15px;}

.filter-group:last-child {margin-bottom:0;}

.px-product-list {width:calc(100% - var(--pw-filter-width) - var(--pw-list-gap));}
.px-product-list__inner {--grid-gap-x:var(--px-spacing-24); --grid-gap-y:var(--px-spacing-48);}
.px-product-filter .selected-filter-item {
    padding:3px 5px; border-radius:4px;
    border:1px solid var(--px-color-black); transition:var(--px-transition);
}

.px-product-filter-btn-show [class*="btn_primary"] {min-width:155px; min-height:54px;}
.px-product-filter .selected-filter-item button {background:transparent; color:var(--px-color-text);}

.px-product-filter .selected-filter-item:hover {background:var(--px-color-black); color:var(--px-color-white);}
.px-product-filter .selected-filter-item:hover button {color:var(--px-color-white);}

@media only screen and (min-width:1181px) {
    .px-product-list {min-height:900px}
    html:not(.close-product-filter) .px-product-list {padding-left:var(--pw-list-gap);}
    html:not(.close-product-filter) .px-product-filter-btn-show {display:none;}
    html.close-product-filter .px-product-list {width:100%;}
}
@media only screen and (max-width:1180px) {
    .px-product-filter-inner {padding:20px;}
    .px-product-list {width:100%; padding-left:0;}
    .px-product-filter--heading button {display:none;}
}

@media only screen and (max-width:768px) {
    .px-product-list__inner {--grid-col:2; --grid-gap-x:15px; --grid-gap-y:30px;}
    .px-product-page-content .vc_row:last-child .px-download-pdf {margin-bottom:0 !important;}

    .px-product-filter-btn-show, .px-product-filter-btn-show button {width:100%;}
    .px-product-filter-search {width:100%; order:-1;}
}

@media only screen and (max-width:480px) {
    .px-product-list__inner {--grid-col:1;}
    [data-easy-popup-id="popup-product-filter"] .px-product-filter {}
    [data-easy-popup-id="popup-product-filter"] .px-product-filter-title {margin-bottom:20px;}
    [data-easy-popup-id="popup-product-filter"] .px-product-filter--selected-filters {margin-bottom:24px;}
    [data-easy-popup-id="popup-product-filter"] .ep-close-button { /* left:85vw; */transform:translate(-100%);}

    [data-easy-popup-id="popup-product-filter"] .filter-group {margin-bottom:25px;}
    .filter-group__option-inner {padding-top:15px;}
}

/*********************************************
 * Product Gach List - Popup
**********************************************/
[data-easy-popup-id="popup-product-filter"][data-ep-theme=right-side] .px-product-filter {
    padding:0; inset:0; position:absolute;
}
[data-easy-popup-id="popup-product-filter"][data-ep-theme=right-side] .px-product-filter-inner {
    position:relative; top:0; bottom:0; height:100%;
    max-height:100vh;
}
[data-easy-popup-id="popup-product-filter"][data-ep-theme=right-side] {--ep-max-width:375px;}
[data-easy-popup-id="popup-product-filter"][data-ep-theme=right-side] .easy-popup-overflow {
    overflow:hidden;
}
[data-easy-popup-id="popup-product-filter"][data-ep-theme=right-side] .easy-popup-container {
    margin:0 auto 0 0;
    overflow:hidden;
}
[data-easy-popup-id="popup-product-filter"][data-ep-theme=right-side]:not(.open) {transform:translate(-100%);}

@media only screen and (min-width:561px) {
}
[data-easy-popup-id="popup-product-filter"][data-ep-theme=right-side] .ep-close-button {left:var(--ep-max-width); transform:translateX(-100%); right:unset;}
