/* ==========================================================================
   Related pieces

   Two sections below the fold, both reusing the listing's product grid. Four
   across on a wide screen, because these are a companion set rather than a
   result set and the row reads better closed.
   ========================================================================== */

.tfs-product-relations > * {
	margin-block-start: 0;
}

.tfs-product-relations__heading {
	margin: 0 0 var(--wp--preset--spacing--40);
}

@media (min-width: 1024px) {
	.tfs-product-relations .tfs-product-grid__items {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}