(() => {
  setTimeout(function() {
    const root = document.querySelector('.h_eco_logos');
    const track = root?.querySelector('.h_eco_logos_track');
    if (!root || !track) return;

    const speed = 80;

    track.style.display = 'flex';
    track.style.willChange = 'transform';

    const items = [...track.children];
    items.forEach(n => track.appendChild(n.cloneNode(true)));

    let halfW = 0;
    const measure = () => {
      halfW = items.reduce((w, el) => w + el.offsetWidth, 0);
    };

    requestAnimationFrame(measure);
    addEventListener('resize', measure, { passive: true });

    let x = 0;
    let last = performance.now();

    const loop = (t) => {
      const dt = (t - last) / 1000;
      last = t;

      x -= speed * dt;
      if (-x >= halfW) x += halfW;

      track.style.transform = `translate3d(${x}px,0,0)`;
      requestAnimationFrame(loop);
    };

    requestAnimationFrame(loop);
  }, 500);
})();