/* Buyer photo marquee — shared visual pattern between community/index.html and the product page */

.buyers-marquee {
  width: 100%; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
.buyers-track {
  display: flex; gap: 16px; width: max-content;
  animation: buyers-scroll 90s linear infinite;
}
.buyers-marquee:hover .buyers-track { animation-play-state: paused; }
.buyer-photo {
  flex: 0 0 auto; width: 220px; aspect-ratio: 4/3; object-fit: cover;
  border: 1px solid rgba(200,114,42,0.18);
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
}
@keyframes buyers-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .buyers-track { animation: none; }
}
@media (max-width: 640px) {
  .buyer-photo { width: 150px; }
}