/* Desktop + default */
.jmpp-ticker__track{
  --jmpp-gap: 32px;
  gap: var(--jmpp-gap);
  will-change: transform;
  animation-duration: 15s !important; /* desktop speed */
}

/* Override the keyframes to account for the gap so it loops clean */
@keyframes jmppMarquee{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(calc(-50% - 16px)); }
}

/* MOBILE */
@media (max-width: 768px){
  .jmpp-ticker__track{
    animation-duration: 5s !important; /* ~3x faster than 15s */
  }
}
@media (max-width: 768px) {
  @keyframes jmppMarquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
  }
}
