.category-card:hover, .product-card:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.main-image img {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
}

.small-images img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border: 1px solid #ddd;
  transition: transform 0.3s ease;
}

.small-images img:hover {
  transform: scale(1.1);
  border-color: #007bff;
}

.category-card:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}