/* Infinite Scroll Styles */
.infinite-scroll-sentinel {
  height: 10px;
  opacity: 0;
  pointer-events: none;
}

/* Smooth transitions for loading states */
[data-infinite-scroll-target="loadingSpinner"] {
  transition: opacity 0.3s ease;
}

/* Item cards fade in animation */
.item-card, .bundle-card {
  animation: fadeInUp 0.4s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}