/* =============================================
   CAROUSEL & SCROLL ANIMATIONS
   ============================================= */

/* Continuous horizontal scroll */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-scroll {
  animation: scroll 25s linear infinite;
}

/* Zigzag floating motion */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  25% { transform: translateY(-10px); }
  50% { transform: translateY(10px); }
  75% { transform: translateY(-6px); }
}

.animate-float {
  animation: float 3.5s ease-in-out infinite;
}

/* Adjust scroll speed for smaller screens */
@media (max-width: 640px) {
  .animate-scroll {
    animation-duration: 16s;
  }
}

/* Slider container */
.slider {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100vw;
  margin: 0 auto;
  padding: 1.5rem 0;
}

/* Track container */
.track {
  display: flex;
  align-items: center;
  gap: 0;
}