.hcs-slider {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  --hcs-speed: 10s;
  background: transparent;
}

.hcs-track {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  animation: hcs-scroll var(--hcs-speed, 10s) linear infinite;
  will-change: transform;
	width: max-content;
}

/* If direction is LTR: animate other way */
.hcs-ltr .hcs-track {
  animation-name: hcs-scroll-ltr;
}

/* pause on hover */
.hcs-slider:hover .hcs-track {
  animation-play-state: paused;
}

.hcs-slide {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 18px;
  flex: 0 0 auto; /* keep natural width */
  box-sizing: border-box;
}

/* image container: fixed height for consistent slides, adjust as needed */
.hcs-slide-img { width: 120px; height: 80px; flex: 0 0 120px; overflow: hidden; border-radius:6px; }
.hcs-slide-img img { width:100%; height:100%; object-fit:cover; display:block; }

/* text */
.hcs-slide-text { font-size: 15px; line-height:1.2; color:#111; }

/* Duplicate set of slides are appended by shortcode so we animate -50% translation */
@keyframes hcs-scroll {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

/* LTR: go from -50% to 0 so slides appear moving rightwards */
@keyframes hcs-scroll-ltr {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0%); }
}