/* .product-item {
	position: relative;
	padding: 16px;
	background: #FFFFFF;
	border: 1px solid #FBFBFB;
	box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.04);
	border-radius: 16px;
	margin-bottom: 30px;
	transition: box-shadow 0.3s ease-out;
}

.product-item:hover {
	box-shadow: 0px 21px 44px rgba(0, 0, 0, 0.08);
}

.product-item h3 {
	display: block;
	width: 100%;
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	text-transform: capitalize;
	color: #333333;
	margin: 0;
}

.product-item .tab-image {
	width: 100%;
	height: 210px;
	object-fit: cover;
	border-radius: 16px;
}

.product-item figure {
	background: #F9F9F9;
	border-radius: 12px;
	text-align: center;
}

.product-item figure img {
	max-height: 210px;
	height: auto;
}

.product-item .btn-wishlist {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #732C7F;
	    border: 1px solid #d8d8d8; 
	transition: all 0.3s ease-out;
}

.product-item .btn-wishlist:hover {
	background: #732C7F;
	color: #fff;
}

.product-item .qty {
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #9D9D9D;
}

.product-item .rating {
	font-weight: 600;
	font-size: 13px;
	line-height: 18px;
	text-transform: capitalize;
	color: #222222;
}

.product-item .rating iconify-icon {
	color: #B57EDC;
}

.product-item .price {
	font-weight: 600;
	font-size: 20px;
	line-height: 33px;
	text-transform: capitalize;
	color: #2c2c2c;
}

.product-item .product-qty {
	width: 85px;
}

.product-item .btn-link {
	text-decoration: none;
}

.product-item #quantity {
	height: auto;
	width: 28px;
	text-align: center;
	border: none;
	margin: 0;
	padding: 0;
}

.product-item .btn-number {
	width: 26px;
	height: 26px;
	line-height: 1;
	text-align: center;
	background: #FFFFFF;
	border: 1px solid #E2E2E2;
	border-radius: 6px;
	color: #222;
	padding: 0;
} */

.product-item {
	position: relative;
	padding: 16px;
	background: #FFFFFF;
	border: 1px solid #FBFBFB;
	box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.04);
	border-radius: 16px;
	margin-bottom: 30px;
	transition: box-shadow 0.3s ease-out;
}

.product-item:hover {
	box-shadow: 0px 21px 44px rgba(0, 0, 0, 0.08);
}

.product-item h3 {
	display: block;
	width: 100%;
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	text-transform: capitalize;
	color: #333333;
	margin: 0;
}

.product-item .tab-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 16px;
}

.product-item figure {
	background: #F9F9F9;
	border-radius: 12px;
	text-align: center;
}

.product-item figure img {
	max-height: 210px;
	height: auto;
}

.product-item .btn-wishlist {
	position: absolute;
	top: 20px;
	right: 20px;
	/* width: 35px;
    height: 35px; */
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #732C7F;
	border: none;
	transition: all 0.3s ease-out;
}


.product-wishlist-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	background-color: rgb(185 185 185 / 70%);
	border-radius: 50%;
	border: 0px;
}


.wishlist-icon {
	font-style: normal;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	font-size: 20px;
	color: var(--primary-color);
	padding: 10px;
	transition: color 0.2s ease-in-out;
}

.btn-wishlist:hover {
	background-color: var(--primary-color);
	transition: color 0.2s ease-in-out;
}

.btn-wishlist:hover .wishlist-icon {
	color: var(--light-color) !important;
	transition: color 0.2s ease-in-out;
}

.btn-wishlist:hover .bi-heart-fill {
	color: var(--light-color) !important;
	transition: color 0.2s ease-in-out;
}

/* Filled heart icon */
.wishlist-icon.bi-heart-fill {
	color: var(--primary-color);
	/* Change to red when filled */
}





.product-item .qty {
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #9D9D9D;
}

.input-number {
	border: none;
}

.input-group-btn {
	outline: none;
}

.product-item .rating {
	font-weight: 600;
	font-size: 13px;
	line-height: 18px;
	text-transform: capitalize;
	color: #222222;
}

.product-item .rating iconify-icon {
	color: #B57EDC;
}

.price {
	font-weight: 600;
	font-size: 22px;
	/* line-height: 30px; */
	text-transform: capitalize;
	color: #2c2c2c;
}

.discounted-original-price {
	font-size: 14px;
	color: #888;
	margin-right: 5px;
}

.original-price {
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	text-transform: capitalize;
	color: #2c2c2c;
}

.discounted-price {
	font-weight: 600;
	font-size: 20px;
	/* line-height: 30px; */
	text-transform: capitalize;
	color: #2c2c2c;
}


.product-item .product-qty {
	width: 85px;
}

.product-item .btn-link {
	text-decoration: none;
}

.product-item #quantity {
	height: auto;
	width: 28px;
	text-align: center;
	border: none;
	margin: 0;
	padding: 0;
}

.product-item .btn-number {
	width: 26px;
	height: 26px;
	line-height: 1;
	text-align: center;
	background: #FFFFFF;
	border: 1px solid #E2E2E2;
	border-radius: 6px;
	color: #222;
	padding: 0;
}

/* floating image */
.image-float {
	margin-top: -140px;
	margin-bottom: -140px;
}

/*Trending Products Start */
.one-line-truncate-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.info {
	display: flex;
	justify-content: space-between;
}

.rating-container {
	display: flex;
}

.badge {
	background-color: rgb(139, 75, 134);
}

/*Trending Products end */

@media (max-width: 575.98px) {
	.product-item {
		padding: 10px;
	}

	.product-item .btn-wishlist {
		width: 28px;
		height: 28px;
	}

	.product-item .btn-wishlist svg {
		width: 20px;
		height: 20px;
	}

	.product-item .tab-image {
		height: 140px;
		border-radius: 12px;
	}

	.product-item figure {
		margin-bottom: 10px;
	}

	.product-item .price {
		font-size: 17px;
	}

	.product-item .rating-container svg {
		width: 25px;
		height: 30px;
	}

	.product-item .rating-container p {
		font-size: 17px;
	}

	.nav-link {
		padding: 8px 0px 0px 0px;
	}
}

.add-cart-btn {
	border-radius: 8px;
	border: none;
}

@media (max-width: 500px) {
	.no-padding {
		padding: 0px;
	}
}