/* Hover effect to make the card move and lift */
.product-card:hover {
  transform: translateY(-8px); /* Moves the card up */
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); /* Increases shadow on hover */
}

/* Hover effect for button */
.btn-add-cart:hover {
  background-color: #e74c3c;
  transform: scale(1.1); /* Slightly increase button size */
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}