.cat-heading .h1{
text-transform:uppercase;
display:inline-block;
}
.cat-total sup{
margin-left:8px;
margin-top:-7px;
font-size:12px;
}
.cat-items{
width:100%;
display:flex;
flex-wrap:wrap;
}
.cat-item-card{
flex: 1 0 20%;
margin:16px;
width:326px;
height:326px;
max-height:326px;
overflow:hidden;
text-align:center;
border:1px solid #eee;
border-radius:6px;
box-shadow:2px 2px 4px rgb(0 0 0 / 10%);
}
.cat-item-card:hover{

}
.cat-item-card-cover{
position:relative;
width:232px;
height:232px;
margin:0 auto;
}
.cat-item-card-cover img{
width:222px;
max-width:222px;
height:222px;
max-height:222px;
border-radius:6px;
overflow:hidden;
object-fit:cover;
-webkit-filter:brightness(100%);
filter:brightness(100%);
transition:2s ease all;
}
.item-labels{
position:absolute;
top:12px;
left:12px;
z-index:25;
}
.item-labels img{
width:32px;
height:32px;
}

.cat-item-card-heading{
margin:1px;
text-transform:uppercase;
font-size:15px;
text-align:center;
}
.cat-item-card-heading a,.cat-item-card-heading a:hover{
color:#777;
text-decoration:none;
}
.cat-item-card-offer{
text-align:center;
}

.cat-item-card-offer del{
color:#ccc;
text-decoration:none;
position:relative;
}
.cat-item-card-offer del:before {
content: " ";
display: block;
width: 100%;
border-top: 2px solid rgba(255,0,0, 0.25);
height: 12px;
position: absolute;
bottom: 0;
left: 0;
transform: rotate(-7deg);
}

.cat-item-card-price{
font-size:20px;
font-weight:600;
margin:0;
text-align:center;
}
.cat-item-card-dims{
font-size:12px;
text-align:center;
}
.cat-item-card-tagline{
font-size:13px;
text-align:center;
}
.item-tags,.btns{
margin-bottom:24px;
}
.btns a{
display:block;
}

.cat-main-text{
font-size:14px;
}

.fltr-attr-wr{
width:100%;
}

.cat-item-card{
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    width: 100%;
    max-width: 280px;
    min-height: 406px;
    height: 100%;
    padding: 10px 10px 15px;
    text-align: left;
    border: 1px solid #fff;
}

.cat-item-card .swiper.cover-slider{
padding-bottom: 30px;
}
.cat-item-card span.swiper-pagination-bullet{
width:8px;
height:8px;
}
.cat-item-card-bullets{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
display:flex;
z-index:12;
}
.cat-item-card-bullets .card-bullet{
flex:1;
height:100%;
}


@media (max-width: 896px) {
.cat-items{
width:100%;
display:block;
}
.cat-item-card{
margin:16px 0;
}