/* Four-slide homepage hero. Loaded after styles.css so it wins. */
.home-showdown-track {
  display: flex;
  width: 400%;
  animation: home-showdown-slide 20s ease-in-out infinite;
}
.home-showdown-track img {
  display: block;
  flex: 0 0 25%;
  width: 25%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
/* 4s hold + 1s slide per poster. Existing Saudi + showdown heroes stay in rotation. */
@keyframes home-showdown-slide {
  0%, 20% { transform: translateX(0); }
  25%, 45% { transform: translateX(-25%); }
  50%, 70% { transform: translateX(-50%); }
  75%, 95% { transform: translateX(-75%); }
  100% { transform: translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
  .home-showdown-track { animation: none; }
}