/* reference slider — posuvne reference, zastaveni na hover/tap */

#dynamic_list_reference {
	overflow: hidden;
	-webkit-mask-image: linear-gradient( to right, transparent 0%, black 8%, black 92%, transparent 100% );
	mask-image: linear-gradient( to right, transparent 0%, black 8%, black 92%, transparent 100% );
}

.mc-reference-track {
	display: flex;
	align-items: stretch;
	animation: mc-reference-scroll 20s linear infinite;
}

/* hover pauza jen pro skutecna hover zarizeni (ne mobil) —
   na mobilu :hover "drzi" po tapnuti a blokoval by znovurozjeti */
@media (hover: hover) {
	#dynamic_list_reference:hover .mc-reference-track {
		animation-play-state: paused;
	}
}

.mc-reference-track.paused {
	animation-play-state: paused;
}

@keyframes mc-reference-scroll {
	from { transform: translateX( 0 ); }
	to   { transform: translateX( var( --track-original-width ) ); }
}

/* karty — pevna sirka, margin-right misto gap (zajistuje presnych -50% pro smycku) */
#dynamic_list_reference .mc-reference-track > .text-ramecek {
	flex: 0 0 330px;
	width: 330px;
	max-width: 85vw;
	margin: 0 28px 0 0;
	box-sizing: border-box;
}