.product-section{
background:#f6f6f6;
}

.product-card{

background:#ececec;
padding:15px;
text-align:center;
border-bottom:3px solid #f24747;
transition:0.3s;
}

.product-card img{

height:120px;
object-fit:contain;
transition:0.4s;

}

.product-card:hover img{

transform:scale(1.1);

}

.product-card:hover{

box-shadow:0 10px 25px rgba(0,0,0,0.1);

}

.product-title{

font-size:18px;
color:#f33f3f;
margin-top:10px;

}

.product-cat{

font-size:14px;
color:#666;
margin:0;

font-weight: 500;
}






.product-img{

position:relative;
overflow:hidden;

}

.product-img img{

width:100%;
height:auto;
object-fit:contain;
transition:0.4s;

}

/* overlay */

.img-overlay{

position:absolute;
top:0;
left:0;
width:100%;
height:100%;

background:rgba(200,200,200,0.6);

display:flex;
align-items:center;
justify-content:center;

opacity:0;
transition:0.4s;

}

/* zoom icon */

.img-overlay i{

font-size:35px;
color:white;
background:#f4b400;
width:55px;
height:55px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

}

/* hover effect */

.product-img:hover .img-overlay{

opacity:1;

}

.product-img:hover img{

transform:scale(1.1);

}