.productShowcase{
	background-color: var(--background_color);
	color: var(--primary_text);
	display: block;
}


.productShowcase--products{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

product-recommendations .productShowcase--products{
	gap: 1px 0.5px;
}

@media screen and (min-width: 1024px){
	product-recommendations .productShowcase--products{
		gap: 1.25px;
	}

.productShowcase--products_3{
	grid-template-columns: repeat(3, 1fr);
}

.productShowcase--products_4{
	grid-template-columns: repeat(4, 1fr);
}

.productShowcase--products_5{
	grid-template-columns: repeat(5, 1fr);
}

.productShowcase--products_6{
	grid-template-columns: repeat(6, 1fr);
}

}