.product-cat-section{ background:#fff; }

.cat-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:all 0.4s ease;
  height:100%;
  position:relative;
}
.cat-card:hover{
  transform:translateY(-12px);
  box-shadow:0 25px 50px rgba(200,16,46,0.2);
}

.cat-img{
  height:220px;
  overflow:hidden;
}
.cat-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.6s ease;
}
.cat-card:hover .cat-img img{
  transform:scale(1.15) rotate(2deg);
}

.cat-body{
  padding:30px 25px;
  text-align:center;
  position:relative;
}

.cat-icon{
  width:65px;
  height:65px;
  background:linear-gradient(135deg, var(--primary-red), var(--dark-red));
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:26px;
  margin:-58px auto 18px;
  border:5px solid #fff;
  box-shadow:0 10px 25px rgba(200,16,46,0.35);
  transition:all 0.4s ease;
  position:relative;
  z-index:2;
}
.cat-card:hover .cat-icon{
  background:linear-gradient(135deg, var(--gold), #e6a800);
  transform:rotateY(360deg);
}

.cat-body h5{
  font-family:var(--font-primary);
  font-weight:600;
  font-size:19px;
  margin-bottom:10px;
  color:var(--dark);
}
.cat-body p{
  color:#777;
  font-size:14px;
  margin-bottom:18px;
  line-height:1.6;
}

.cat-link{
  color:var(--primary-red);
  font-weight:600;
  font-size:14px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transition:0.3s;
}
.cat-link i{ transition:0.3s; }
.cat-link:hover{ color:var(--gold); gap:10px; }

@media(max-width:767px){
  .cat-img{ height:180px; }
}