/* Purpose: Phones — stacked card groups become horizontal swipe carousels
 * (native scroll-snap, the next card peeking in), matching the home series
 * carousel. Loaded sitewide after the page styles so it wins over their
 * single-column mobile grids. The journal archive stays a vertical list
 * (paginated browsing), and form choices (PDP add-ons) stay stacked. */

@media (max-width: 767px) {
	.partnership__pacts,
	.dna__stats,
	.range__families,
	.proof-usps__grid,
	.insights__grid,
	.series-install__steps,
	.series-variants__grid,
	.series-compat__grid,
	.series-xcompare__grid,
	.buy-cmp__grid,
	.support-links__grid,
	.support-contact__grid,
	.about-mv__grid,
	.career-perks__grid,
	.contact-methods__grid,
	.downloads-list {
		display: grid;
		grid-template-columns: none;
		grid-template-rows: none;
		grid-auto-flow: column;
		grid-auto-columns: 84%;
		align-items: stretch;
		gap: var(--space-4);
		/* Bleed to the screen edges; cards snap to the page gutter. */
		margin-inline: calc(-1 * var(--space-6));
		padding-inline: var(--space-6);
		scroll-padding-inline: var(--space-6);
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		list-style: none;
		/* Y locked — `overflow-x: auto` alone leaves the block axis scrollable,
		   which clipped the hover lift and hijacked page scroll on phones.
		   (user, 2026-09-17) */
		overflow-y: hidden;
		padding-block: 10px 40px;
		margin-block: -10px -40px;
	}

	.partnership__pacts::-webkit-scrollbar,
	.dna__stats::-webkit-scrollbar,
	.range__families::-webkit-scrollbar,
	.proof-usps__grid::-webkit-scrollbar,
	.insights__grid::-webkit-scrollbar,
	.series-install__steps::-webkit-scrollbar,
	.series-variants__grid::-webkit-scrollbar,
	.series-compat__grid::-webkit-scrollbar,
	.series-xcompare__grid::-webkit-scrollbar,
	.buy-cmp__grid::-webkit-scrollbar,
	.support-links__grid::-webkit-scrollbar,
	.support-contact__grid::-webkit-scrollbar,
	.about-mv__grid::-webkit-scrollbar,
	.career-perks__grid::-webkit-scrollbar,
	.contact-methods__grid::-webkit-scrollbar,
	.downloads-list::-webkit-scrollbar { display: none; }

	.partnership__pacts > *,
	.dna__stats > *,
	.range__families > *,
	.proof-usps__grid > *,
	.insights__grid > *,
	.series-install__steps > *,
	.series-variants__grid > *,
	.series-compat__grid > *,
	.series-xcompare__grid > *,
	.buy-cmp__grid > *,
	.support-links__grid > *,
	.support-contact__grid > *,
	.about-mv__grid > *,
	.career-perks__grid > *,
	.contact-methods__grid > *,
	.downloads-list > * {
		min-width: 0;
		grid-row: auto;
		scroll-snap-align: start;
	}

	/* Grids that are themselves the page container already carry the gutter. */
	.support-links__grid.container,
	.contact-methods__grid.container,
	.about-mv__grid.container { margin-inline: 0; }

	/* Small info tiles: show more of the next one. */
	.support-contact__grid,
	.dna__stats { grid-auto-columns: 62%; }
}