/* A continuous category ribbon that stays readable on small screens. */
.marquee {
  display: block;
  overflow: hidden;
  height: 73px;
  padding: 0;
}

.marquee-track {
  display: flex;
  width: max-content;
  min-width: 100%;
  height: 100%;
  animation: pulzzy-marquee 28s linear infinite;
  will-change: transform;
}

.marquee-group {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: space-around;
  gap: 34px;
  min-width: 100vw;
  padding-right: 34px;
}

.marquee-group span,
.marquee-group i {
  flex: none;
}

@keyframes pulzzy-marquee {
  to { transform: translateX(-50%); }
}

@media (max-width: 780px) {
  .marquee { height: 58px; }
  .marquee-track { animation-duration: 22s; }
  .marquee-group { gap: 17px; padding-right: 17px; }
}

@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none; }
}