/* Keep the existing ticker appearance; isolate only the loop geometry. */
.lion-lang-en .ticker > .ticker-track,
.lion-lang-ar .ticker > .ticker-track {
  display: flex;
  flex-flow: row nowrap;
  width: max-content;
  min-width: 0;
  max-width: none;
  gap: 0;
  padding: 0;
  margin: 0;
  direction: ltr;
  overflow: visible;
  animation: lasp-ticker-loop 52s linear infinite !important;
  will-change: transform;
}
.lion-lang-en .ticker > .ticker-track > .ticker-segment,
.lion-lang-ar .ticker > .ticker-track > .ticker-segment {
  display: flex;
  flex: 0 0 auto;
  width: max-content;
  min-width: max-content;
  max-width: none;
  gap: 0;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
.ticker > .ticker-track > .ticker-segment > .ticker-phrase {
  flex: 0 0 auto;
  width: auto;
  white-space: nowrap;
}
@keyframes lasp-ticker-loop {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(var(--lasp-ticker-end, -50%), 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .lion-lang-en .ticker > .ticker-track,
  .lion-lang-ar .ticker > .ticker-track {
    animation: none !important;
    transform: none;
    will-change: auto;
  }
}

/* The site's theme sets RTL direction even on its English page. The containing
   block must be LTR too, otherwise the oversized track is right-aligned offscreen. */
.lion-lang-en .ticker {
  direction: ltr;
}