.product-details {
	display: flex;
	flex-direction: column;
	gap: 1.8rem;
}

@media (max-width: 575px) {
	.product-details {
		gap: 1rem;
	}
}

.product-details .ratings-area {
	margin-top: 3px;
}

.product-detail-price {
	margin-top: 8px;
}

.product-types {
	gap: 6px;
}

.product-details-label,
.product-share b {
	font-size: 0.875rem;
	font-weight: 600;
}

.product-types span a {
	color: hsl(var(--body-color));
}

.product-types span a:hover {
	color: hsl(var(--base));
}

.product-details .ratings {
	font-size: 1rem;
}

.product-details .product-price {
	line-height: 1;
	font-weight: 600;
	font-size: 1.1rem;
}

.product-details .product-price {
	color: hsl(var(--heading-color));
}

.product-details .product-price del {
	color: hsl(var(--heading-color) / 0.6);
}

.product-add-to-cart {
	display: flex;
	gap: 0.8rem;
}

.product-details .product-share a {
	background: hsl(var(--white));
	padding: 5px 12px;
	color: hsl(var(--white));
	border-radius: 3px;
	margin: 0 2px;
	border: 1px solid #ccc;
	color: #424242;
	transition: 0.3s;
}

.product-details .product-share a:hover {
	color: hsl(var(--base));
}

.product-details .add-to-wishlist-btn {
	border: 1px solid hsl(var(--border));
	padding: 8px 14px;
	font-size: 0.875rem;
	border-radius: 3px;
}

.product-details .add-to-wishlist-btn .wish-icon {
	content: "";
	font-family: "Line Awesome Free";
	font-weight: 400;
}

.product-details .add-to-wishlist-btn .wish-icon::after {
	content: "\f004";
}

.product-details .add-to-wishlist-btn.active .wish-icon,
.product-details .add-to-wishlist-btn.active .compare-icon {
	font-weight: 900;
	color: hsl(var(--base));
}

.product-details-video {
	max-width: 600px;
	height: 400px;
	width: 100%;
	border-radius: 8px;
}

@media (max-width: 767px) {
	.product-details-video {
		height: 320px;
	}
}

@media (max-width: 425px) {
	.product-details-video {
		height: 200px;
	}
}
.review--image {
	display: flex;
	gap: 5px;
	margin-top: 5px;
}

.review--image a {
	display: inline-block;
	width: 90px;
	height: 90px;
	border: 1px solid #e7e7e7;
	border-radius: 3px;
	padding: 5px;
}

.review--image img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}

.review-reply-items .review-item .thumb {
	height: 45px !important;
	width: 45px !important;
	padding: 8px;
}

.review-reply-items .posted-by {
	font-size: 16px;
}

.review-reply-items .posted-by .posted-on {
	font-size: 13px;
}

.review-reply-items .review--image a {
	height: 80px;
	width: 80px;
}

.review-reply-items .review-item__reply-msg {
	font-size: 15px;
}


    .coupon-slider {
        display: flex;
        /* border: 1px solid #ccc; */
        border-radius: 12px;       
        padding: 4px;                      
        background: #00000000;       
        filter: drop-shadow(0 0px 5px rgba(0,0,0,0.25));
        gap: 1rem;     
        overflow: hidden !important;
        padding: 5px !important;
        margin-top: 20px;     
    }

    .card-coupon {
        display: flex;
        align-items: center;
        border-radius: 12.5px;
        padding: 20px;
        /* min-width: 340px;
        max-width: 350px; */
        background:
            repeating-linear-gradient(
                to bottom,
                #000 0,
                #000 8px,
                transparent 8px,
                transparent 16px
            ),
            #fff;

        background-position: 109px 0, 0 0;
        background-size: 1px 16px, auto;
        background-repeat: repeat-y, no-repeat;

        -webkit-mask-image:
            radial-gradient(circle at 111px 18px, transparent 18px, red 18.5px),
            linear-gradient(transparent 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, transparent 0);
        -webkit-mask-repeat: repeat, no-repeat;
        -webkit-mask-position: 0 -18px, 0 0;
        -webkit-mask-size: 100%, 100%;

    }


    .card-left-coupon{
    width: 88px;
    text-align: center;
    font-size: 24px;
    color: #F22424
    }
    .card-left-coupon span{
    font-size: 10px;
    }
    .card-right-coupon{
    padding: 12px 0px 12px 16px;
    display: flex;
    flex: 1;
    flex-direction: column;
    }
    .card-info-coupon{
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    }
    .card-time-coupon{
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #F22424;
    margin-top: 4px;
    }