/* ─── Animación para eliminar de favoritos ─────────────────────────────── */
.wishlist-item-removing {
  animation: fadeOutScale 0.4s ease-out forwards;
}

@keyframes fadeOutScale {
  0% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.95) translateY(-5px);
  }
  100% {
    opacity: 0;
    transform: scale(0.8) translateY(-10px);
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
}

/* ─── Animación para mensaje "No tienes favoritos" ─────────────────────────────── */
.empty-wishlist-message {
  animation: fadeInUp 0.6s ease-out forwards;
  opacity: 0;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Transición suave para el espaciado cuando se elimina */
.row .col-lg-4,
.row .col-md-6 {
  transition: all 0.3s ease-out;
}