.wc-cat-wrapper{
text-align:center;
padding:50px 20px;
}

.cat-heading{
font-size:36px;
margin-bottom:8px;
}

.cat-sub{
color:#777;
margin-bottom:35px;
font-size:15px;
}

/* slider width */
.myCategorySlider{
max-width:1200px;
margin:auto;
}

/* card */
.cat-card{
position:relative;
display:block;
border-radius:16px;
overflow:hidden;
}

/* image */
.cat-card img{
width:100%;
height:380px;
object-fit:cover;
display:block;
transition:transform .4s ease;
}

/* hover zoom */
.cat-card:hover img{
transform:scale(1.05);
}

/* overlay gradient for better text visibility */
.cat-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:35px 25px;

background:linear-gradient(
to top,
rgba(0,0,0,0.75),
rgba(0,0,0,0.35),
transparent
);

color:#fff;
text-align:left;
}

/* category title */
.cat-overlay h3{
font-size:28px;
margin-bottom:6px;
font-weight:600;
}

/* view category */
.cat-overlay span{
font-size:14px;
opacity:.9;
}

/* arrows */
.swiper-button-next,
.swiper-button-prev{
color:#333;
}

/* ---------- TABLET ---------- */

@media (max-width:1024px){

.cat-card img{
height:320px;
}

.cat-overlay{
padding:28px 20px;
}

.cat-overlay h3{
font-size:24px;
}

}

/* ---------- MOBILE ---------- */

@media (max-width:768px){

.myCategorySlider{
padding:0 10px;
}

.cat-card img{
height:260px;
}

.cat-overlay{
padding:20px 16px;
}

.cat-overlay h3{
font-size:20px;
}

.cat-overlay span{
font-size:13px;
}

.swiper-button-next,
.swiper-button-prev{
display:none;
}

}

/* ---------- SMALL MOBILE ---------- */

@media (max-width:480px){

.cat-card img{
height:220px;
}

.cat-overlay{
padding:18px 14px;
}

.cat-overlay h3{
font-size:18px;
}

.cat-overlay span{
font-size:12px;
}

}