/* Quem corre de Just Runner (19/10): faixa de fotos de clientes rolando na PDP */
.emuso { padding: 56px 0 48px; background: #fff; color: var(--paper-ink); overflow: hidden; }
.emuso .wrap { margin-bottom: 24px; }
.emuso h2 { margin: 0; }
.emuso-faixa { overflow: hidden; outline: none; }
.emuso-trilho { display: flex; gap: 10px; width: max-content; animation: emuso-rola 140s linear infinite; }
/* 19/10: não pausa no mouse (pedido do dono); só pausa quando focada pelo teclado */
.emuso-faixa:focus-visible .emuso-trilho { animation-play-state: paused; }
.emuso-trilho img { height: 360px; width: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--radius-lg, 14px); display: block; background: #f3f2ee; }
@keyframes emuso-rola { to { transform: translateX(calc(-50% - 5px)); } }
@media (max-width: 749px) {
  .emuso { padding: 40px 0 32px; }
  .emuso-trilho img { height: 260px; }
  .emuso-trilho { animation-duration: 110s; }
}
/* 19/10: anda sempre, mesmo com "Reduzir movimento" no celular (pedido do dono: no iPhone dele ficava parado) */

/* 19/10: comparador + pilares em seção própria abaixo da faixa; a margem do comparador vazava e mostrava o fundo preto */
.pdp-mid { padding-top: 8px; }
.pdp-mid .compare-wrap { margin-top: 0; }
@media (prefers-reduced-motion: reduce) {
  /* vence o "* { animation: none !important }" geral do style.css só pra esta faixa */
  .emuso .emuso-trilho { animation: emuso-rola 140s linear infinite !important; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 749px) { .emuso .emuso-trilho { animation-duration: 110s !important; } }
