:root {
	--product-column-gap: 10px;
	--text-color: darkslategrey;
	--column-count: 4;
}

.bundle_products {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--product-column-gap);
	margin: 3rem 12px 3rem 20px;
}

._product {
	width: calc((100% / var(--column-count)) - var(--product-column-gap));
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background-color: #eeeff0;
	padding: 1.5em 10px;
	row-gap: 8px;
	border-radius: 0.25em;
}

._product:hover {
	background-color: #dfe0e0;
}

._product img {
	width: 200px;
	margin-bottom: 15px;
}

._product a {
	font-size: 19px;
	color: var(--text-color);
}

._product p {
	margin-bottom: 0;
	color: var(--text-color);
}

@media (max-width: 992px) {
	._product {
		--column-count: 3;
	}
}

@media (max-width: 768px) {
	._product {
		--column-count: 2;
	}
}

@media (max-width: 550px) {
	._product {
		--column-count: 1;
	}
}