/*
 * New Arrivals: centered heading, product grid on plain background.
 */

.new-arrivals__heading {
	margin-bottom: var(--space-2xl);
	text-align: center;
}

/*
 * Mobile: swipeable product carousel (peek-next-card pattern) instead of
 * an endless single-column stack, per PROJECT_PLAN.md Section 1. Pure CSS
 * scroll-snap. Reverts to the static grid at tablet+ (layout.css).
 */
@media (max-width: 599px) {
	.new-arrivals__grid {
		display: flex;
		grid-template-columns: none;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		padding-bottom: var(--space-sm);
		scrollbar-width: none;
	}

	.new-arrivals__grid::-webkit-scrollbar {
		display: none;
	}

	.new-arrivals__grid .product-card {
		flex: 0 0 70%;
		scroll-snap-align: start;
	}
}