/* Desktop/tablet standaard: niets doen */
.fx-divi-marquee-mobile {
  overflow: visible;
}

/* Alleen mobiel */
@media (max-width: 767px) {
  .fx-divi-marquee-mobile {
    --gap: 1.25rem;
    --duration: 40s;

    overflow: hidden !important;
    max-width: 100% !important;
  }

  .fx-divi-marquee-mobile .et_pb_column {
    overflow: hidden !important;
  }

  .fx-divi-marquee-mobile .fx-marquee-track {
    display: inline-flex !important;
    align-items: center;
    gap: var(--gap);
    width: max-content;
    max-width: none;
    white-space: nowrap;
    flex-wrap: nowrap;
    animation: fx-divi-marquee-mobile-scroll var(--duration) linear infinite;
    will-change: transform;
    transform: translate3d(0,0,0);
  }

  .fx-divi-marquee-mobile .fx-marquee-set {
    display: inline-flex !important;
    align-items: center;
    gap: var(--gap);
    white-space: nowrap;
    flex-wrap: nowrap;
  }

  .fx-divi-marquee-mobile .fx-marquee-set > * {
    flex: 0 0 auto !important;
    margin-bottom: 0 !important;
  }

  .fx-divi-marquee-mobile:hover .fx-marquee-track {
    animation-play-state: paused;
  }

  @keyframes fx-divi-marquee-mobile-scroll {
    from {
      transform: translate3d(0,0,0);
    }
    to {
      transform: translate3d(-50%,0,0);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .fx-divi-marquee-mobile .fx-marquee-track {
    animation: none !important;
  }
}