/*
 * Zoom Cars: services "scroll-through" effect.
 * Only layout rules for the pinned state; card styles are untouched.
 */

/* "clip" looks the same as "hidden" but lets the section stay on screen. */
html body .zc-homepage.zc-has-pinned-services {
	overflow-x: clip !important;
}

html body .zc-homepage .zc-services.zc-services-pinned {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	overflow: clip !important;
}

html body .zc-homepage .zc-services.zc-services-pinned > .zc-container {
	position: sticky;
	top: var(--zc-pin-top, 0px);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: var(--zc-pin-height, 100vh);
	padding-top: calc(var(--zc-pin-header, 100px) + 12px) !important;
	padding-bottom: 28px !important;
}

/* The page scroll drives the row, so no manual drag/snap fighting it. */
html body .zc-homepage .zc-services.zc-services-pinned .zc-services-grid {
	overflow-x: hidden !important;
	scroll-snap-type: none !important;
	scroll-behavior: auto !important;
}

/* Short screens only: slightly shorter photos so the text below stays visible. */
html body .zc-homepage .zc-services.zc-services-pinned.zc-pin-compact .zc-service-card img {
	height: var(--zc-pin-img-height) !important;
	min-height: 0 !important;
}