.course-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.course-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(6, 74, 158, 0.3);
}

.gallery-slide {
  display: none;
}
.gallery-slide.active {
  display: block;
}

.cart-badge {
  animation: bounce 0.5s ease;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}

.whatsapp-float {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}