/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/

/* 3D Tilt Effect for Product Cards - Simplified */
.tilt-container {
  perspective: 1000px;
  transform-style: preserve-3d;
}

.hover-scale-effect {
  cursor: pointer;
  transition: transform 0.1s ease-out;
  transform-style: preserve-3d;
}

/* Enhanced overlay effect on hover */
.hover-scale-effect:hover .overlay {
  opacity: 1;
  visibility: visible;
}

/* Smooth transitions for all elements */
.hover-scale-effect .card-img-top,
.hover-scale-effect .overlay,
.hover-scale-effect .card-body {
  transition: all 0.3s ease;
}

/* Enhanced button animation on hover */
.hover-scale-effect:hover .btn {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}