/*
--------------------------------------
Container
--------------------------------------
*/

.e-commerce-products-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr) );
	grid-auto-flow: dense;
	grid-gap: 20px;
}

/*
--------------------------------------
Item
--------------------------------------
*/

.e-commerce-products-container .product-item-container {
	background: #fff;
	border: 1px solid var(--e-global-color-secondary, #FE9B00);
	box-shadow: 0 4px 34px 0 rgba(32, 34, 43, 0.10);
	text-align: center;
	padding: 1em;
}

/*Title*/

.e-commerce-products-container .product-title-container {
	line-height: 1.25;
	padding-top: 0.5em;
}

.e-commerce-products-container .product-title {
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
	color: var(--e-global-color-secondary);
	transition: all 0.3s ease-in-out;
}

.e-commerce-products-container .product-link {
	transition: all 0.3s ease-in-out;
}

.e-commerce-products-container .product-link:hover .product-title {
	color: var(--e-global-color-primary);
}