.infinite-scroll-container {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.infinite-scroll-track {
  display: flex;
  width: max-content;
  animation: scroll-left var(--scroll-speed, 20s) linear infinite;
  /* ✅ Direction controlled by CSS variable */
  animation-direction: var(--scroll-direction, normal);
}

.scroll-item { flex: none; }

.scroll-item img {
  display: block;
  width: auto;
  height: 100px; /* Overridden by Elementor control */
}

/* Single keyframes — we flip direction via animation-direction */
@keyframes scroll-left {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}