.product-recommendations .border {
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--border)
}

.product-recommendations .product-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 3rem;
	list-style: none;
	padding: 0;
}

.product-recommendations .product-grid .grid__item {
	max-width: 100%;
	width: 100%;
}

@media (max-width: 869px) {
	.product-recommendations .product-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 649px) {
	.product-recommendations .product-grid {
		gap: 1rem;
	}
}