/* layout */

.isphani-shop-layout{
display:flex;
gap:30px;
max-width:1440px;
margin:30px auto;
padding:0;
align-items:flex-start;
}


/* sidebar */

.isphani-shop-sidebar{
width:320px;
flex:0 0 320px;
position:sticky;
top:20px;
}

#primary{
flex:1;
min-width:0;
}


/* banner */

.shop-banner img {
    width: 100%;
    border-radius: 10px;
    margin: 25px auto 0;
    margin-top: 25px;
    max-width: 1440px ! IMPORTANT;
}


/* widget */

.shop-filter{

background:#fff;
border:1px solid #eee;
padding:15px;
margin-bottom:15px;
border-radius:8px;

}


/* widget title */

.widget-title{

font-size:16px;
font-weight:600;
margin-bottom:10px;

}


/* mobile */

@media(max-width:768px){

.isphani-shop-sidebar{

display:none;

}

.isphani-shop-layout{
margin:0px auto ;

}

.archive .woocommerce-breadcrumb {
    margin: 0 !important;
    padding: 0;
}

}


/* mobile filter bar */

.mobile-filter-bar{
display:none;
}

@media(max-width:768px){

.mobile-filter-bar{
display:flex;
position:fixed;
bottom:0;
left:0;
right:0;
background:#fff;
padding:12px;
justify-content:space-around;
box-shadow:0 -4px 10px rgba(0,0,0,0.1);
z-index:999;
}

}

#filterPopup{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background:#fff;
z-index:9999;
transform:translateY(100%);
transition:0.35s ease;
display:flex;
flex-direction:column;
}

#filterPopup.active{
transform:translateY(0);
}


.filter-header{
position:relative;
height:60px;
border-bottom:1px solid #eee;
}

#closeFilter{
position:absolute;
right:20px;
top:15px;
font-size:22px;
background:none;
border:none;
cursor:pointer;
}


.filter-inner{
padding:0;
overflow:auto;
flex:1;
}

.filter-inner .shop-filter{
border-bottom:1px solid #eee;
padding:15px 20px;
margin:0;
}

@media(max-width:768px){

.isphani-shop-sidebar{
display:none;
}

}

.isphani-banner-wrap{
width:100%;
margin-bottom:10px;
}

.shop-banner img{
width:100%;
border-radius:10px;
display:block;
}


/* each filter group */
.isphani-shop-sidebar .shop-filter .wpc-filters-section{
border-bottom:1px solid #e5e5e5;
}

h4.widget-title {
    font-size: 25px ! IMPORTANT;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.wpc-filter-set-widget-title {
    padding-bottom: 10px;
}
/* remove border from last filter */
.isphani-shop-sidebar .shop-filter .wpc-filters-section:last-child{
border-bottom:none;
margin-bottom:0;
}
.isphani-shop-sidebar .shop-filter .wpc-filters-section:first-child {
    padding-top: 10px !important;
}
/* filter titles */
.isphani-shop-sidebar .widget-title{
font-size:15px;
font-weight:600;
display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
}