/*
 * Mobile Event Slider only.
 * Desktop and tablet carousel styles are intentionally untouched.
 */
@media screen and (max-width: 767.98px) {

	[id^="pl_carousel_"][id$="_mobile"] .pl_carouselm-inner {
		padding-right: 0;
		overflow: hidden;
	}

	[id^="pl_carousel_"][id$="_mobile"] .pl_carouselm-inner > .carousel-inner {
		display: flex;
		gap: 12px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		padding-right: 52px;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	[id^="pl_carousel_"][id$="_mobile"]
		.pl_carouselm-inner
		> .carousel-inner::-webkit-scrollbar {
		display: none;
	}

	[id^="pl_carousel_"][id$="_mobile"]
		.pl_carouselm-inner
		> .carousel-inner
		> .carousel-item {
		display: block !important;
		position: relative;
		flex: 0 0 calc(100% - 52px);
		width: calc(100% - 52px);
		margin-right: 0;
		float: none;
		transform: none !important;
		transition: none !important;
		scroll-snap-align: start;
		scroll-snap-stop: always;
	}

	[id^="pl_carousel_"][id$="_mobile"] .pl_carousel_card {
		width: 100%;
		min-width: 0;
		margin-right: 0;
	}
}