.hero-gradient {
	background: linear-gradient(135deg, #551a8b 0%, #7b2cbf 100%);
}
.card-hover {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	position: relative;
	padding-bottom: 80px !important;
}
.card-hover:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
		0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.product-card {
	background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
}
.product-card .flex.justify-between.items-center {
	position: absolute;
	bottom: 1.25rem;
	left: 1.5rem;
	right: 1.5rem;
}