/* MPA Client Ticker v1.2.2 */
.mpa-ticker{
  --mpa-logo-h: 64px;
  --mpa-logo-h-mobile: 44px;
  --mpa-gap: 56px;
  --mpa-line: var(--mpa-divider, #eaeaea);
  position: relative;
  overflow: hidden;
}
.mpa-ticker.mpa--dividers{ border-block: 1px solid var(--mpa-line); }
.mpa--no-pointer, .mpa--no-pointer * { pointer-events: none !important; }

.mpa-track{ width: 100%; overflow: hidden; }
.mpa-belt{
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
  animation: mpa-ticker-scroll var(--mpa-duration, 20s) linear infinite;
}
.mpa--pause-hover .mpa-belt{ animation-play-state: running; }
.mpa--pause-hover:hover .mpa-belt{ animation-play-state: paused; }

.mpa-row{
  display: inline-flex;
  align-items: center;
  gap: var(--mpa-gap);
  padding-block: clamp(10px, 1.6vw, 14px);
  margin: 0 var(--mpa-gap) 0 0; /* seam gap */
  list-style: none;
  white-space: nowrap;
}
.mpa-item{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.mpa-item img{
  height: var(--mpa-logo-h) !important;
  width: auto;
  max-width: clamp(120px, 12vw, 220px);
  object-fit: contain;
  filter: grayscale(0);
  opacity: 1;
}
@media (max-width: 768px){
  .mpa-item img{ height: var(--mpa-logo-h-mobile) !important; }
}

/* Edge fade only if class present */
.mpa-ticker.mpa--edge-fade::before,
.mpa-ticker.mpa--edge-fade::after{
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  width: 8%;
  pointer-events: none;
  z-index: 2;
}
.mpa-ticker.mpa--edge-fade::before{
  left: 0;
  background: linear-gradient(90deg, var(--mpa-bg, #fff), transparent);
}
.mpa-ticker.mpa--edge-fade::after{
  right: 0;
  background: linear-gradient(270deg, var(--mpa-bg, #fff), transparent);
}

@keyframes mpa-ticker-scroll{
  from{ transform: translate3d(0,0,0); }
  to  { transform: translate3d(calc(-1 * var(--mpa-row-w, 0px)), 0, 0); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .mpa-belt{ animation: none !important; transform: none !important; }
}