.featured-products{
	padding:100px 0;
	background:#fff;
}

.products-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:25px;
}

.product-card{
	background:#fff;
	border-radius:var(--vs-radius);
	overflow:hidden;
	box-shadow:var(--vs-shadow);
	transition:var(--vs-transition);
	display:flex;
	flex-direction:column;
}

.product-card:hover{
	transform:translateY(-8px);
	box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.product-thumb{
	position:relative;
	display:block;
	background:var(--vs-gray-2);
}

.product-thumb img{
	width:100%;
	height:250px;
	object-fit:cover;
}

.product-thumb-placeholder{
	width:100%;
	height:250px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#ccc;
	font-size:38px;
}

.onsale{
	position:absolute;
	top:14px;
	right:14px;
	background:var(--vs-primary);
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:5px 12px;
	border-radius:30px;
	z-index:2;
}

.product-card-body{
	padding:16px 18px 20px;
	display:flex;
	flex-direction:column;
	gap:8px;
	flex:1;
}

.product-title-link h3{
	font-size:17px;
	font-weight:600;
	line-height:1.5;
}

.price{
	font-size:19px;
	font-weight:bold;
	color:var(--vs-primary);
}

.price del{
	color:var(--vs-text-muted);
	font-weight:400;
	font-size:15px;
	margin-left:8px;
}

.product-card-body .button,
.product-card-body a.added_to_cart{
	margin-top:auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:var(--vs-dark);
	color:#fff;
	padding:11px 18px;
	border-radius:var(--vs-radius-sm);
	font-size:14px;
	font-weight:700;
	transition:var(--vs-transition);
}

.product-card-body .button:hover{
	background:var(--vs-primary);
}

.products-empty{
	text-align:center;
	color:var(--vs-text-muted);
	padding:40px 0;
}

.products-more{
	text-align:center;
	margin-top:45px;
}