.ticker-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

.ticker-track {
  display: flex;
  width: max-content;
  animation: scroll 100s linear infinite;
  will-change: transform; /* Performance optimization */
  -webkit-transform: translateZ(0); /* Hardware acceleration */
  transform: translateZ(0);
}

/* Keyframe animation for seamless scrolling */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Hover Effects - only on devices that support hover */
@media (hover: hover) and (pointer: fine) {
  .ticker-wrap:hover .ticker-track {
    animation-play-state: paused;
  }
}

.ticker-item {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center;
  filter: none;
  opacity: 1;
  flex-shrink: 0;
}

/* Mobile optimizations */
@media (max-width: 768px) {
  .ticker-track {
    animation-duration: 100s; /* Slightly faster on mobile */
  }
  
  .ticker-item {
    height: 80px; /* Smaller height on mobile */
  }
  
  /* Ensure touch scrolling doesn't interfere */
  .ticker-wrap {
    touch-action: pan-y pinch-zoom; /* Allow vertical scroll but prevent horizontal interference */
  }
}

/* Performance fix for iOS */
@supports (backdrop-filter: blur(1px)) {
  .ticker-track {
    transform: translate3d(0, 0, 0);
  }
}