/* =========================================================
   Blok: merken (doorlopende merken-logostrip / marquee)
   1:1 overgenomen uit assets/css/pages/home.css §4b. Zelfde
   selectors, alleen gescoped onder .sellabees-block--merken zodat
   er geen overlap is met andere blokken/pagina's. Gebruikt
   uitsluitend --sellabees-* tokens; geen hardcoded kleuren.
   Zie BLOCKS-GUIDE.md.
   ========================================================= */
.sellabees-block--merken.sellabees-brands { background: var(--sellabees-white); padding-block: 34px; }
.sellabees-block--merken.sellabees-brands .sellabees-container { max-width: 1248px; }   /* even breed als Nieuw binnen (1200) */
.sellabees-block--merken .sellabees-brands__viewport { overflow: hidden; }
.sellabees-block--merken .sellabees-brands__track {
	display: flex;
	align-items: center;
	width: max-content;
	animation: sellabees-brands-scroll 36s linear infinite;
}
.sellabees-block--merken.sellabees-brands:hover .sellabees-brands__track { animation-play-state: paused; }
/* margin-right (i.p.v. gap) op ELK item — ook het laatste — zodat translateX(-50%)
   exact op een itemgrens valt en de loop naadloos is. */
.sellabees-block--merken .sellabees-brands__item { flex: 0 0 auto; display: flex; align-items: center; margin-right: 76px; }
.sellabees-block--merken .sellabees-brands__item img { display: block; }
@keyframes sellabees-brands-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
	.sellabees-block--merken .sellabees-brands__track { animation: none; }
}