/**
 * PATCH-STICKY-001 — Horizontal sticky media sections fix
 *
 * Problem: Salient applies anime translateX to the same element that is
 * position:sticky. Transformed sticky elements break pinning → first panel
 * glitches/stays put and a tall empty pin spacer remains.
 *
 * Fix: sticky wrap stays transform-free; an inner .track receives translateX.
 * Also force direction:ltr on the track so scroll math is physical LTR
 * (panel text inside stays RTL via its own text_direction attrs).
 */
@media only screen and (min-width: 1000px) {
	.nectar-sticky-media-sections.type--horizontal-scrolling .nectar-sticky-media-section__content__wrap {
		display: block;
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		direction: ltr;
		/* keep sticky; do NOT put transform here */
	}

	.nectar-sticky-media-sections.type--horizontal-scrolling .nectar-sticky-media-section__track {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		width: max-content;
		gap: var(--section-gap, 20px);
		direction: ltr;
		will-change: transform;
	}
}

@media only screen and (max-width: 999px) {
	.nectar-sticky-media-sections.type--horizontal-scrolling .nectar-sticky-media-section__track {
		display: flex;
		flex-direction: column;
		gap: var(--section-gap, 20px);
		width: 100%;
	}
}