.detail-header {
    background-color: #0b0c0c !important;
}

.navbar-brand {
    width: 120px;
    margin-right: 10px;
}

.performer-recommendations .slick-track {
	animation: scrollLeftToRight 6400s linear infinite;
	white-space: nowrap;
	overflow: hidden;
	animation-play-state: running;
}

.performer-recommendations .slick-track:hover {
	animation-play-state: paused;
}

@keyframes scrollLeftToRight {

	0%,
	100% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(-200%);
	}
}

@media only screen and (max-width: 767px) {

	/* Disable animations and hover effects on mobile */
	.gallery-recommendations .slick-track,
	.movie-recommendations .slick-track,
	.scene-recommendations .slick-track,
	.performer-recommendations .slick-track,
	.studio-recommendations .slick-track,
	.gallery-recommendations .slick-track:hover,
	.movie-recommendations .slick-track:hover,
	.scene-recommendations .slick-track:hover,
	.performer-recommendations .slick-track:hover,
	.studio-recommendations .slick-track:hover {
		animation: none;
		animation-play-state: running;
		/* Ensure animations are not paused on hover on mobile */
	}
}