/*
 * Product row (tangens-components.md, Product card): a standalone row of product cards — four
 * columns, 32 apart at 1440 (296 cards), a peek slider below 768 (tokens §5: 260, gap 12, bleeding
 * right only). The PDP's "Also in this collection" and the journal's "Explore the collection".
 */

.product-row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-4);
}

@media (max-width: 767px) {
	.product-row {
		grid-auto-flow: column;
		grid-auto-columns: 16.25rem;
		grid-template-columns: none;
		gap: 0.75rem;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		margin-inline-end: calc(var(--container-pad) * -1);
		padding-inline-end: var(--container-pad);
		scrollbar-width: none;
	}

	.product-row::-webkit-scrollbar {
		display: none;
	}

	.product-row > * {
		scroll-snap-align: start;
	}
}