.products{
	display:flex;
	flex-wrap:wrap;
	gap:30px; 
	overflow:hidden;
}

.products .product{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.products.four .product{
	flex-basis:calc((100% / 4) - 22.5px);
}

.products.three .product{
	flex-basis:calc((100% / 3) - 20px);
}

.products.four .product:nth-child(4n){
	margin-right:0px;
}

.products.three .product:nth-child(3n){
	margin-right:0px;
}

.products .product .image{
	position:relative;
	width:100%;
	aspect-ratio:4/3;
}

.products .product .image img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.products .product .title{
	text-align:center;
	font-size: 16px;
	margin-top:10px;
	height:36px;
	line-height:18px;
	letter-spacing:-0.5px;
}

.products .product .title a{
	text-decoration:none;
}

.products .product .price{
	text-align:center;
	font-size: 18px;
	font-weight:900;
	margin-top:10px;
}

.products .product .price .old-price{
	font-size: 16px;
	color:grey;
	margin-left:10px;
	text-decoration:line-through;
	display:inline-block;
}

@media (max-width: 1024px) {
	.products.four .product,
	.products.three .product {
		flex-basis: calc((100% / 2) - 15px);
	}
	.products.four .product:nth-child(4n),
	.products.three .product:nth-child(3n) {
		margin-right:0;
	}
}

@media (max-width: 767px) {
	.products.four .product,
	.products.three .product {
		flex-basis: 100%;
	}
	.products .product .title{
		font-size: 15px;
	}
	.products .product .price{
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.products .product .title{
		font-size: 14px;
	}
	
	.products .product .image{
		height:auto;
		aspect-ratio:auto;
	}
	
	.products .product .price{
		font-size: 15px;
	}
	.products{
		gap:15px;
	}
}