.recommended-products {
    margin-top: 40px;
	background: #e3ddd4;
	padding: 30px 0;
}

.recommended-products .title {
    margin-bottom: 30px;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
}


@media (min-width: 0px) and (max-width: 565px) {
    .recommended-products .title span {
        font-size: 1.25rem
    }
}

.recommended-products .products {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 0px) and (max-width: 768px) {
    .recommended-products .products {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.recommended-products .products .product {
    position: relative;
    margin-bottom: 40px;
    width: 15rem;
}

@media (min-width: 0px) and (max-width: 565px) {
    .recommended-products .products .product {
        width: 100%;
        margin-bottom: 1rem
    }
}

.recommended-products .products .product .top {
    position: relative;
    width: 100%;
    height: auto
}

.recommended-products .products .product .top:hover .image {
    opacity: 0.5
}

.recommended-products .products .product .top:hover .cta {
    opacity: 1
}

.recommended-products .products .product .top:hover .cta .btn {
    background: #62564a;
    color: #fff;
    border-color: #62564a
}

.recommended-products .products .product .image {
    position: relative;
    display: block;
    width: 11.3rem;
    height: 14.15rem;
    margin: auto;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer
}

@media (min-width: 0px) and (max-width: 768px) {
    .recommended-products .products .product .image {
        -webkit-background-size: contain;
        background-size: contain;
        width: 100%;
        height: 15rem
    }
}

.recommended-products .products .product .cta {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.recommended-products .products .product .cta .btn {
    display: block;
    white-space: nowrap
}

.recommended-products .products .product .title {
    padding: 0 1rem;
    margin: 0;
    margin-bottom: 0.5rem;
    text-align: left;
    border: none
}

.recommended-products .products .product .title a,
.recommended-products .products .product .title h4 {
    font-size: 0.75rem;
    text-transform: none;
    margin: 0;
    color: #000
}

@media (min-width: 0px) and (max-width: 565px) {
    .recommended-products .products .product .title a,
    .recommended-products .products .product .title h4 {
        font-size: 1.25rem
    }
}

.recommended-products .products .product .title:hover a {
    text-decoration: underline
}

.recommended-products .products .product .pricing {
    font-size: 0.8rem;
    height: auto;
    padding: 0 1rem
}

@media (min-width: 0px) and (max-width: 565px) {
    .recommended-products .products .product .pricing span {
        font-size: 1.25rem
    }
}

.recommended-products .products .product .pricing .old-price span {
    color: #7a7a7a;
    text-decoration: line-through
}

.recommended-products .products .product .pricing .price._on-sale span {
    text-decoration: line-through
}

.recommended-products .products .product .pricing .sale-price span {
    color: #e74c3c;
    font-weight: 900
}

.recommended-products .products .product .pricing .divider {
    width: 1px;
    margin: 0 0.25rem;
    background: #7a7a7a;
    height: 0.75rem
}

.recommended-products .products .product .rating {
    margin: 0.25rem auto;
    padding: 0 1rem;
}

.recommended-products .products .product .rating .stars {
    height: 1rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.recommended-products .products .product .rating .stars .star {
    width: 1.25rem
}

@media (min-width: 0px) and (max-width: 565px) {
    .recommended-products .products .product .rating .stars .star {
        width: 2rem
    }
}

.recommended-products .products .product .rating .stars .star svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: #fac747
}

.recommended-products .products .product .rating .count {
    margin-left: 0.25rem
}

.recommended-products .products .product .rating .count span {
    display: block;
    font-size: 0.7rem;
    color: #62564a
}

.recommended-products .products .product .rating .count span:hover {
    color: #62564a;
    text-decoration: underline
}

.recommended-products .products .product .rating .product-tag,
.recommended-products .products .product .rating .sale-tag {
    text-transform: uppercase;
    border: 1px solid #e74c3c;
    padding: 0.25rem 0.5rem;
    color: #e74c3c;
    font-size: 0.65rem;
    margin-left: 0.5rem;
    letter-spacing: 0.08em;
    white-space: nowrap;
    font-weight: 700
}


.tps_productRecommended_list {
	display: grid;
	grid-gap: 20px;
	width: 100%;
	grid-template-columns: 1fr 1fr;
}

.tps_productRecommended_list .tps_productItem {
	background: #fff;
}

.tps_productRecommended_list .tps_productItemRating {
	margin-bottom: 10px;
}

.tps_productItem_footer {
	flex-direction: column;
}
@media (min-width: 768px) {
	.recommended-products .title {
		text-align: left;
	}

	.tps_productRecommended_list {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.tps_productItem_footer {
		flex-direction: row;
	}

	.tps_productRecommended_list .tps_productItemRating {
		margin-bottom: 0;
	}
}