/**
 * SDM Mobile Carousel
 * Targets Bricks query loop output for the service cards section.
 * Mobile-only — desktop layout is untouched.
 */

@media (max-width: 767px) {

	.block-service-cards-container {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scroll-padding: 1rem;
		gap: 1rem;
		padding: 0 1rem 1rem 1rem;
		margin-left: calc(-1 * var(--carousel-bleed, 0px));
		margin-right: calc(-1 * var(--carousel-bleed, 0px));

		/* Hide scrollbar */
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.block-service-cards-container::-webkit-scrollbar {
		display: none;
	}

	.block-service-cards-container > .block-security-card {
		flex: 0 0 85%;
		max-width: 85%;
		scroll-snap-align: center;
		scroll-snap-stop: always;
	}

	/* Ensure the inner card keeps its layout */
	.block-service-cards-container > .block-security-card > .block-security-card-inner {
		height: 100%;
	}
}