.woocommerce div.products div.product,
.woocommerce-page div.products div.product {
	> div > div.thumbnail-wrap {
		position: relative;
		display: block;
		overflow: hidden;
		margin-bottom: 15px;
	}
	> div.s-padding.img-shadow > div.thumbnail-wrap > a {
		padding: 2px;
		display: block;
	}

	> div.img-shadow > div.thumbnail-wrap img {
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	}
	> div.img-border-round > div.thumbnail-wrap img {
		@include border-radius(2px);
	}

	a > img {
		margin-bottom: 0;
	}

	> div > div.thumbnail-wrap {
		img{
			width: 100%;
		}
		div.thumbnail-hover {
			background-color: rgba(0, 0, 0, 0.2);
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			@include transition(all 0.3s);
		}
		&:hover > div.thumbnail-hover,
		div.thumbnail-hover.active {
			opacity: 1;
			.product-action {
				a {
					opacity: 1;
					transform: translateY(0px);
				}
			}
		}
	}
	> div.img-border-round > div.thumbnail-wrap > div.thumbnail-hover {
		@include border-radius(4px);
	}

	div.thumbnail-hover .product-action {
		position: absolute;
		top: 50%;
		left: 50%;
		@include transform(translate(-50%,-50%));
		@include d-flex();
		width: auto;
		white-space: nowrap;
		text-align: center;
		a {
			display: inline-block;
			padding: 13px;
			@include border-radius(3px);
			line-height: 1;
			background-color: #FDFBFB;
			opacity: 0;
			cursor: pointer;
			font-weight: 400;
			margin: 0 2px;
			&:hover {
				background-color: var(--g5-color-accent);
				color: var(--g5-color-accent-foreground);
			}
		}

		.compare {
			font-size: 0;
			transition: transform 0.4s;
			transform: translateY(15px);
			&:after {
				content: "\f079";
				font-size: 14px;
				font-family: var(--g5-font-icon);
			}
			&.added:after {
				margin-left: 0;
			}
		}
		.product-quick-view {
			transition: transform 0.6s;
			transform: translateY(20px);
		}

		.yith-wcwl-add-to-wishlist {
			margin-top: 0;
			i,
			.feedback,
			+ div.clear,
			img.ajax-loading {
				display: none !important;
			}
			a {
				transition: transform 0.8s;
				transform: translateY(30px);
				font-size: 0;
				&:before {
					font: normal normal normal 14px/1 FontAwesome;
					content: '\f08a';
					font-weight: 400;
					font-size: 14px;
				}
			}

			.yith-wcwl-wishlistaddedbrowse,
			.yith-wcwl-wishlistexistsbrowse {
				a {
					&:before {
						content: '\f004';
					}
				}
			}
		}

		.woocommerce.compare-button {
			display: inline-block;
		}
	}

	.product-action {
		.compare-button {
			margin-bottom: 0;
			padding: 0;
		}
	}

	/** title product **/
	.woocommerce-loop-product__title,
	h3 {
		font-size: 18px;
		line-height: 1.6;
		padding: 5px 45px 0 0;
		@include transition(all 0.3s);
		color: #333;
	}
	.title-wrap {
		position: relative;
		> a:hover h3 {
			color: var(--g5-color-accent);
		}
		.add-to-cart-wrap {
			position: absolute;
			right: 0;
			top: 10px;
			width: 40px;
			height: 40px;
		}

		> a.button {
			position: absolute;
			right: 0;
			top: 10px;
		}
		a.button,
		a.added_to_cart.wc-forward {
			margin-top: 0;
			font-size: 0;
			width: 40px;
			height: 40px;
			text-align: center;
			display: block;
			color: #333;
			background-color: #FDFBFB;
			border: solid 1px #F3F3F3;
			@include border-radius(3px);
			@include transition(all 0.3s);
			&:before {
				font-size: 17px;
				font-family: var(--g5-font-icon);
				content: "\f217";
				line-height: 40px;
				display: block;
			}
			&.loading {
				padding: inherit;
				opacity: 1;
				&:after {
					display: none !important;
				}
				&:before {
					-webkit-animation: fa-spin 2s infinite linear;
					animation: fa-spin 2s infinite linear;
					content: "\f110" !important;
				}
			}

			&:hover {
				background-color: var(--g5-color-accent);
				border-color: var(--g5-color-accent);
				color: #fff;
			}

		}
	}

	/** rating **/
	.star-rating {
		margin-bottom: 0;
		margin-top: 10px;
	}

	/** price **/
	.price {
		line-height: 1;
		font-size: 14px;
		margin-top: 18px;
		font-weight: 400;
		display: inline-block;
		del {
			color: #A9A9A9;
			font-weight: 400;
		}
		ins,
		> .amount {
			font-size: 18px;
			font-weight: 400;
			color: #333;
		}
		del, ins {
			display: inline-block;
		}

		del.active{
			text-decoration: none;
			opacity: 1;
			span{
				color: #333;
				font-size: 18px;
			}

		}
		ins.deactive{
			display: none;
		}
	}

	/** category **/
	.posted_in {
		display: block;
		line-height: 1.4;
		font-size: 14px;
		margin-top: 5px;
		font-family: var(--g5-color-secondary);
	}
	.posted_in a {
		font-style: italic;
	}


}