/* =========================================
   Testimonial Slick Slider Styling
========================================= */

.xv-slider.testimonials .ticker {
  --item-w: calc(100cqw / 3);   /* 3 visible on desktop */
  --seconds-per-item: 5s;
  container-type: inline-size;
  overflow: hidden;
}

.ticker__track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: ticker-scroll calc(var(--ticker-count) * var(--seconds-per-item)) linear infinite;
}

.ticker__item {
  flex: 0 0 var(--item-w);
  box-sizing: border-box;
  padding: 0 1rem;
  text-align: center;
}

.ticker__item img {
  max-height: 90px;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

@keyframes ticker-scroll {
  to { transform: translateX(calc(var(--ticker-count) * var(--item-w) * -1)); }
}

/* two at a time on tablets */
@media (max-width: 991px) {
  .xv-slider.testimonials .ticker { --item-w: 50cqw; }
}

/* one at a time on phones (your existing rule) */
@media (max-width: 767px) {
  .xv-slider.testimonials .ticker { --item-w: 100cqw; }
}

/* pause on hover/focus (hover devices only), or via the button */
@media (hover: hover) {
  .ticker:hover .ticker__track { animation-play-state: paused; }
}
.ticker:focus-within .ticker__track,
.ticker.is-paused .ticker__track { animation-play-state: paused; }

.ticker__toggle {
  display: block;
  margin: .5rem auto 0;
}

/* reduced motion: no animation, show everything in a static grid */
@media (prefers-reduced-motion: reduce) {
  .ticker__track { animation: none; flex-wrap: wrap; width: 100%; }
  .ticker__item--clone,
  .ticker__toggle { display: none; }
}