/* ==========================================================================
   Блок: Бегущая строка (b-marquee)
   Бесконечная лента: два одинаковых списка, трек сдвигается на -50%.
   Пауза при наведении; при prefers-reduced-motion лента статична.
   ========================================================================== */

.b-marquee {
  overflow: hidden;
  background: var(--lavender-soft);
  border-block: 1px solid var(--line);
  padding-block: 12px;
}

/* Трек: две копии списка в ряд, движение зациклено на -50% */
.b-marquee__track {
  display: flex;
  width: max-content;
  animation: b-marquee-scroll 28s linear infinite;
  will-change: transform;
}

.b-marquee:hover .b-marquee__track {
  animation-play-state: paused;
}

.b-marquee__list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.b-marquee__item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-family: var(--font-serif);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--accent);
}

/* Лавандовая звёздочка-разделитель после каждого пункта */
.b-marquee__item::after {
  content: "✳";
  margin-inline: 28px;
  font-size: 12px;
  color: var(--lavender);
}

@keyframes b-marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@media (max-width: 640px) {
  .b-marquee__item { font-size: 15px; }
  .b-marquee__item::after { margin-inline: 20px; }
}

/* Уважение к reduced-motion: лента стоит, текст доступен для чтения */
@media (prefers-reduced-motion: reduce) {
  .b-marquee__track { animation: none; }
}