.widget_sp_image{
	margin-bottom:40px;
	&:hover{
		img{
			opacity:0.85;
		}
	}
	img{
		max-width:100%;
	}
}
h1.page-title{
	font-weight: 700 !important;
	color:@body-color;
	text-transform:uppercase;
	font-size:18px;
	margin:0;
}
.term-description{
	margin-top: 20px;
}
.icon-svg  svg{
	display: block;
	width: 1em;
	height: 1em;
}
.yith-wcwl-add-to-wishlist.exists .yith-wcwl-wishlistaddedbrowse{ display:block;}
a.sw-quickview, a.compare, .item-bottom a.button, .woocommerce .item-bottom a.button{
	display: flex;
	width: 32px;
	height: 32px;
	background: #666;
	line-height: 32px;
	border-radius: 3px;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: center center;
	&:hover{
		background-color: var(--color);
	}
	svg{
		fill: #fff;
	}
}
a.sw-quickview{
	&:hover{
		background-color: var(--color);
	}
}
a.compare{
	&:hover{
		background-color: var(--color);
	}
	.blockOverlay{
		border-radius: 3px;
	}
	&.added{ 
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
		background-color: var(--color); 
		background-position: center;
		background-size: 14px;
		font-size:0; 
	}
}
.item-bottom a.button, .woocommerce .item-bottom a.button{
	font-size: 0;
	background-size: 14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 1000 1000'%3E%3Cpath d='M810.667 213.333h-597.333l64-85.333h469.333zM929.877 230.059l-127.744-170.325c-8.363-11.136-21.077-17.024-34.133-17.067h-512c-13.909 0-26.283 6.656-34.133 17.067l-127.744 170.325c-1.835 2.389-3.456 4.992-4.736 7.765-2.773 5.845-4.096 12.075-4.053 18.176v597.333c0 35.328 14.379 67.413 37.504 90.496s55.168 37.504 90.496 37.504h597.333c35.328 0 67.413-14.379 90.496-37.504s37.504-55.168 37.504-90.496v-597.333c0-9.344-3.029-18.005-8.064-24.96-0.171-0.213-0.299-0.427-0.469-0.64zM170.667 298.667h682.667v554.667c0 11.776-4.736 22.4-12.501 30.165s-18.389 12.501-30.165 12.501h-597.333c-11.776 0-22.4-4.736-30.165-12.501s-12.501-18.389-12.501-30.165zM640 426.667c0 35.371-14.293 67.285-37.504 90.496s-55.125 37.504-90.496 37.504-67.285-14.293-90.496-37.504-37.504-55.125-37.504-90.496c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667c0 58.88 23.936 112.299 62.464 150.869s91.989 62.464 150.869 62.464 112.299-23.936 150.869-62.464 62.464-91.989 62.464-150.869c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667z' fill='%23fff'/%3E%3C/svg%3E");
	&:hover{
		background-color: var(--color);
	}
	&.added{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
		background-color: var(--color);
	}
}
.yith-wcwl-add-to-wishlist{
	margin: 0;
	.yith-wcwl-add-button{
		align-items: unset;
		>a{
			display: flex;
			align-items: center;
			justify-content: center;
			background: #666;
			width: 32px;
			height: 32px;
			line-height: 32px;
			border-radius: 3px;
			text-align: center;
			color: #fff;
			margin: 0;
			span{
				display: none;
			}
			svg.yith-wcwl-icon-svg{
				display: block;
				width: 1em;
				height: 1em;
				margin: 0;
				font-size: 16px;
				color: #fff;
			}
		}
		.feedback{
			display: none;
		}		
	}
	.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{
		align-items: unset;
		> a{
			display: none;
		}
		.feedback{
			display: flex;
			column-gap: 0;
			align-items: center;
			justify-content: center;
			font-size: 0;
			background: var(--color);
			width: 32px;
			height: 32px;
			line-height: 32px;
			border-radius: 3px;
			text-align: center;
			color: #fff;
			margin: 0;
			svg.yith-wcwl-icon-svg{
				font-size: 16px;
				display: block;
				width: 1em;
				fill: #fff;
			}
		}
	}
	&.exists, &:hover{
		.yith-wcwl-add-button > a{
			background: var(--color);
			color: #fff;
		}
	}
}

.item-wrap{
	.item-categories{
		margin-bottom: 5px;
		a{
			color: #999;
			font-size: 12px;
			&:hover{
				color: var(--color);
			}
		}
	}
	.woocommerce-loop-product__link .woocommerce-loop-product__title{
		font-size: 14px;
		color: #222;
		font-weight: 400;
		margin-bottom: 10px;
		text-transform: capitalize;
		padding: 0;
		&:hover{
			color: var(--color);
		}
	}	
	.item-img{
		position: relative;
		overflow: hidden;
		margin-bottom: 15px;
		display: flex;
		justify-content: center;
		width: 100%;
		flex-wrap: wrap;
		.image1{
			transition: all 0.3s ease-out;
		}
		.hover-image1 {
			left: 0;
			right: 0;
			bottom: 0;
			position: absolute;
			top: 0;
			opacity: 0;
			transition: all 0.3s ease-in-out 0s;
		}
	}
	.item-bottom{
		position: absolute;
		top: 20px;
		left: 20px;
		display: grid;
		grid-row-gap: 5px;
		transition: all 0.2s;
		transform: translateX(-100px);
		opacity: 0;
		z-index: 2;
		&.center{
			left: 50%;
			transform: translate(0, -50%);
			top: 50%;
		}
		&.list{
			left: 0;
			right: 0;
			grid-template-columns: repeat(3, 45px);
			justify-content: center;
			transform: translate(0, 50%);
		}
		&.right{
			left: auto;
			right: 20px;			
		}
		&.show{
			opacity: 1;
			transform: translateX(0);
		}
	}
	.item-description{
		display: none;
	}
	.price{
		justify-content: center;
	}
	.item-content{
		padding: 0 10px 18px;
		text-align: center;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		> *{
			width: 100%;
		}		
		a.button{			
			display: none;			
		}
	}
	.item-bottom-content{
		display: flex;
		flex-wrap: wrap;
		column-gap: 5px;
		transition: all 0.2s;
		row-gap: 5px;
		a.button{
			display: block;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 1000 1000'%3E%3Cpath d='M810.667 213.333h-597.333l64-85.333h469.333zM929.877 230.059l-127.744-170.325c-8.363-11.136-21.077-17.024-34.133-17.067h-512c-13.909 0-26.283 6.656-34.133 17.067l-127.744 170.325c-1.835 2.389-3.456 4.992-4.736 7.765-2.773 5.845-4.096 12.075-4.053 18.176v597.333c0 35.328 14.379 67.413 37.504 90.496s55.168 37.504 90.496 37.504h597.333c35.328 0 67.413-14.379 90.496-37.504s37.504-55.168 37.504-90.496v-597.333c0-9.344-3.029-18.005-8.064-24.96-0.171-0.213-0.299-0.427-0.469-0.64zM170.667 298.667h682.667v554.667c0 11.776-4.736 22.4-12.501 30.165s-18.389 12.501-30.165 12.501h-597.333c-11.776 0-22.4-4.736-30.165-12.501s-12.501-18.389-12.501-30.165zM640 426.667c0 35.371-14.293 67.285-37.504 90.496s-55.125 37.504-90.496 37.504-67.285-14.293-90.496-37.504-37.504-55.125-37.504-90.496c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667c0 58.88 23.936 112.299 62.464 150.869s91.989 62.464 150.869 62.464 112.299-23.936 150.869-62.464 62.464-91.989 62.464-150.869c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667z' fill='%23fff'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-position: 10px center;
			background-size: 14px;
			background-color: #666;
			padding: 0 15px 0 30px;
			height: 32px;
			line-height: 32px;
			color: #fff;
			border-radius: 3px;
			&:hover{
				background-color: var(--color);
			}
			&.added{
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
				background-color: var(--color);
			}
			&.loading:before{
				background-color:var(--color);
			}
		}
	}
	a.button{
		&.loading{
			&:before{
				background-size: 20px;
			}
		}
	}
	&:hover{
		.item-bottom{
			transform: translateX(0);
			opacity: 1;
			&.center{
				transform: translate(-50%, -50%);
			}
			&.center.list{
				transform: translate( 0, -50%);
			}
		}
		.item-img{
			.image1{
				opacity: 0;
			}
			.hover-image1{
				opacity: 1;
			}
		}
	}
}
.product-items-default{
	.product .item-wrap{
		background: #f5f5f5;
		.item-bottom{		
			a.button{
				transition: all 0.2s;
				overflow: hidden; margin:0;
				&:hover{
					background-position: 9px center;
					padding: 0 10px 0 30px;
					width: auto;
					font-size: 12px;
					text-transform: capitalize;
					color: #fff;
				}
				&.added:after{ content:''; }
			}
		}
	}
	.image-left{
		.item-wrap{
			background: none;
		}
	} 
	.woocommerce-loop-product__link{
		order: 1;
	}
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{ content:'';}
.product-items-layout1{
	.content_product_detail .yith-wcwl-add-to-wishlist .yith-wcwl-add-button > a{ border-radius:0; }
	a.sw-quickview, a.compare{
		background-color: #fff;
		border: 1px solid var(--color);
		border-radius: 50%;
		svg{
			fill: var(--color);
		}
		&:hover, &.added{
			background-color: var(--color);
			svg{
				fill: #fff;
			}
		}
	}
	a.sw-quickview{
		background-color: var(--color);
		svg{
			fill: #fff;
		}
		&:hover{
			background-color: var(--darken5);
		}
	}
	.yith-wcwl-add-to-wishlist{
		.yith-wcwl-add-button > a{
			background: #fff;
			border-radius: 50%;
			border: 1px solid var(--color);
			svg.yith-wcwl-icon-svg{
				fill: var(--color);
			}
		}	
		.yith-wcwl-wishlistaddedbrowse , .yith-wcwl-wishlistexistsbrowse{
			> a{
				display: none;
			}
			.feedback{
				background: var(--color);
				border: 1px solid var(--color);
				border-radius: 50%;
				flex-wrap: wrap;
				column-gap: 0;
				svg.yith-wcwl-icon-svg{
					fill: #fff;					
				}
			}
		}
		&.exists, &:hover{
			.yith-wcwl-add-button > a{
				background: var(--color);
				color: #fff;
				svg{
					fill: #fff;
				}
			}
		}
	}
	.product .item-wrap{
		.star-rating{
			width: 6em;
		}		
		.item-content{
			position: relative;
		}
		.item-bottom-content{
			position: absolute;
			bottom: 0;
			left: 0;
			justify-content: center;
			opacity: 0;
			transition: all 0.2s ease-out;
			a.button{
				background: var(--color);
				color: #fff;
				padding: 0 15px;
				border-radius: 30px;
				&:hover, &.added{
					background:var(--darken5);
				}
				&.loading{
					opacity:0.6;
					&:before{
						background-color:transparent;
					}
				}
				&.added{
					&:after{
						font-family: WooCommerce;
						content: "\e017";
						margin-left: .53em;
						vertical-align: bottom;
					}
				}
			}
		}
		&:hover{
			.star-rating, .woocommerce-loop-product__link{
				opacity: 0;
			}
			.item-bottom-content{
				bottom: ~"calc( 100% - 30px )";
				opacity: 1;
			}
		}
	}
	.image-left .item-wrap{
		&:hover{
			.star-rating, .woocommerce-loop-product__link{
				opacity: 1;
			}
		}
	}
	.image-left{
		.item-wrap{
			.item-bottom-content{
				justify-content: unset;
			}
			&:hover{
				.item-bottom-content{
					bottom: -2px;
				}
			}
		}
	}
	&.woocommerce ul.products{
		li.product .item-wrap .item-content{
			a.button{
				display: block;
				margin: 0;
			}
			.woocommerce-loop-product__title{ margin-top:10px;}
		}
		&.list2 .item-wrap{
			.item-bottom-content{
				position: static;
				opacity: 1;
				justify-content: flex-start;
				margin-top: 15px;
				a.button{
					padding: 0 20px;
					border-radius: 30px;
					border-color: var(--color);
					color: var(--color);
				}
			}
			&:hover{
				.star-rating, .woocommerce-loop-product__link{
					opacity: 1;
				}
			}
		}
	}
}

.product-items-layout2{
	.item-wrap{
		display: grid;
		.star-rating{
			font-size: 11px;
			color: #ff5c00;
			&:before{
				content: 'sssss';	
				color: #ff5c00;
			}
		}
		.item-img{
			order: 1;
			margin-bottom: 0;
		}
		.item-content{
			justify-content: flex-start;
			text-align: start;
			padding: 14px 15px 3px 15px;
		}
	}
	.image-left .item-wrap{
		.item-img{
			order: unset;
		}
	}
	.price{
		color: #000;
		justify-content: flex-start;
		ins{
			color: var(--color);
		}
	}
	&.woocommerce{
		ul.products li.product .item-wrap{ border:1px solid #ebebeb; }
		ul.products.list2 li.product .item-wrap .item-img, .elementor-widget-wc-archive-products .woocommerce ul.products.list2 li.product .item-wrap .item-img{
			order: unset;
		}
	}
}

.product-items-layout3{
	a.sw-quickview, a.compare{
		width: 40px;
		height: 40px;
		background: #f3f3f3;
		line-height: 40px;
		border-radius: 3px;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		color: #222;
		&:hover{
			background-color: var(--color);
		}
		svg{
			fill: #222;
			color: #222;
		}
	}
	a.sw-quickview{
		border-radius: 50%;
		font-size: 20px;
		width: 50px;
		height: 50px;
	}
	.yith-wcwl-add-to-wishlist{
		.yith-wcwl-add-button{
			>a{
				background: #f3f3f3;
				width: 40px;
				height: 40px;
				line-height: 40px;
				color: #222;				
				svg.yith-wcwl-icon-svg{					
					font-size: 18px;
					color: #222;
				}
			}					
		}
		.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
			.feedback{				
				background: var(--color);
				width: 40px;
				height: 40px;
				line-height: 40px;
				color: #222;
				svg.yith-wcwl-icon-svg{
					font-size: 18px;
					fill: #222;
				}
			}
		}
		&.exists, &:hover{
			.yith-wcwl-add-button > a{
				color: #222;
				background: var(--color);
			}
		}
	}
	.item-wrap{
		.star-rating{
			font-size: 12px;
			color: #ffd200;
			&:before{
				content: 'sssss';	
				color: #ccc;
			}
		}
		.item-img{
			border: 1px solid #ddd;
			border-radius: 5px;
		}
		.item-content{
			justify-content: flex-start;
			text-align: start;
			row-gap: 4px;
			padding: 0;
		}
		.price{
			color: #000;
			justify-content: flex-start;
			ins{
				color: #ff2d37;
			}
		}
		.item-bottom-content{
			a.button{
				height: 40px;
				line-height: 40px;
				background: #f3f3f3;
				color: #222;
				padding: 0 20px;
				font-weight: 400;
				&:hover{
					background-color: var(--color);
				}
				&.added{
					padding:0 20px; background-color:var(--color);
				}
			}
		}
		&:hover{
			.item-img{
				color: var(--color);
			}
		}
	}
	&.woocommerce{
		ul.products li.product .item-wrap .item-content a.button,.elementor-widget-wc-archive-products .woocommerce ul.products li.product .item-wrap .item-content a.button{
			display: block;
			margin: 0;
			height: 40px;
			line-height: 40px;
			background: #f3f3f3;
			border: 0;
			padding: 0 30px;
		}
	}
}

.product-items-layout4{	
	.sale-off, span.onsale, &.woocommerce ul.products li.product span.onsale {
		display         : block;
		color           : #000;
		font-size       : 11px;
		font-weight     : 300;
		line-height     : 18px;
		text-align      : center;
		height          : 20px;
		width           : 46px;
		left            : 10px;
		top             : 10px;
		background-color: #fff;
		border-radius   : 0;
		border          : 1px solid #000;
	}
	span.onsale, &.woocommerce .onsale{
		left: 10px !important;
		top: 10px !important;
	}
	.item-wrap:hover{
		.sale-off, .onsale{ opacity:0; }
	}
	&.woocommerce{
		ul.products:not(.list2), .elementor-widget-wc-archive-products .woocommerce ul.products:not(.list2){
			grid-row-gap: 60px;
			.item-wrap{
				position: relative;
				&:before{
					content: '';
					position: absolute;
					left: -15px;
					height: 100%; 
					top: 0;
					width: 1px;
					background: #ddd;
				}
				
				&:after{
					content: '';
					position: absolute;
					left: -15px;
					right: -15px;
					height: 1px; 
					top: -30px;
					background: #ddd;
				}
				.item-content{
					padding: 0 10px;
				}
			}
			&.columns-2{
				.product{
					&:nth-child(2n){
						.item-wrap:after{
							left: 0;
						}
					}
					&:nth-child(2n+1){
						.item-wrap:after{
							right: 0;
						}
					}
					&:nth-child(1), &:nth-child(2){
						.item-wrap:after{
							display: none;
						}
					}
				}
			}
			&.columns-3{
				.product{
					&:nth-child(3n){
						.item-wrap:after{
							right: 0;
						}
					}
					&:nth-child(3n+1) .item-wrap{
						&:before{
							display: none;
						}
						&:after{
							left: 0;
						}
					}
					&:nth-child(1), &:nth-child(2), &:nth-child(3){
						.item-wrap:after{
							display: none;
						}
					}
				}
			}
			&.columns-4{
				.product{
					&:nth-child(4n){
						.item-wrap:after{
							right: 0;
						}
					}
					&:nth-child(4n+1) .item-wrap{
						&:before{
							display: none;
						}
						&:after{
							left: 0;
						}
					}
					&:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4){
						.item-wrap:after{
							display: none;
						}
					}
				}
			}
			&.columns-5{
				.product{
					&:nth-child(5n){
						.item-wrap:after{
							right: 0;
						}
					}
					&:nth-child(5n+1) .item-wrap{
						&:before{
							display: none;
						}
						&:after{
							left: 0;
						}
					}
					&:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5){
						.item-wrap:after{
							display: none;
						}
					}
				}
			}
			&.columns-6{
				.product{
					&:nth-child(6n){
						.item-wrap:after{
							right: 0;
						}
					}
					&:nth-child(6n+1) .item-wrap{
						&:before{
							display: none;
						}
						&:after{
							left: 0;
						}
					}
					&:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4), &:nth-child(5), &:nth-child(6){
						.item-wrap:after{
							display: none;
						}
					}
				}
			}
		}
	}
}

.product-items-layout5, .product-items-layout7{
	.item-wrap{
		.item-bottom{
			top: 35px;
		}
		.star-rating{
			font-size: 11px;
			width: 6em;
			&:before{
				content: 'sssss';	
				color: #ddd;
			}
		}
		.item-content{
			row-gap: 5px;
			padding: 0 10px 13px;
		}
	}	
}

.product-items-layout6{
	.item-wrap{
		background: #fff;
		border-radius: 7px;
		border: 1px dashed #ddd;
		overflow: hidden;
		a.sw-quickview{
			background: var(--color);
			font-size: 16px;
			color: #fff;
			height: 30px;
			width: 30px;
			&:hover{
				background: var(--darken10);
			}
		}
		.price{
			margin-bottom: 15px;
		}
		.item-content{
			padding: 12px;
		}
		.item-bottom-content{
			width: 100%;
			justify-content: center;
			a.button{
				display: block;
				order: 1;
				padding: 0 10px;
				font-weight: 400;
				height: 30px;
				line-height: 30px;
				background: var(--color);
				color: #fff;
				&:hover{
					background: var(--darken10);
				}
				&.added{
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
					background-color: var(--color);
					padding:0 5px 0 20px;
					background-repeat:no-repeat;
					background-position:top 2px left 0px;
				}
			}
			a.compare{
				background-color: #fff;
				border: 1px solid var(--color);
				border-radius: 3px;
				height: 30px;
				width: 30px;
				svg{
					fill: var(--color);
				}
				&:hover, &.added{
					background-color: var(--color);
					svg{
						fill: #fff;
					}
				}
			}			
			.yith-wcwl-add-to-wishlist{
				order: 2;
				.yith-wcwl-add-button > a{
					background: #fff;
					border-radius: 3px;
					border: 1px solid var(--color);
					height: 30px;
					width: 30px;
					svg.yith-wcwl-icon-svg{
						fill: var(--color);
					}
				}	
				.yith-wcwl-wishlistaddedbrowse , .yith-wcwl-wishlistexistsbrowse{
					> a{
						display: none;
					}
					.feedback{
						background: var(--color);
						border: 1px solid var(--color);
						border-radius: 3px;
						flex-wrap: wrap;
						column-gap: 0;
						height: 30px;
						width: 30px;
						svg.yith-wcwl-icon-svg{
							fill: #fff;					
						}
					}
				}
				&.exists, &:hover{
					.yith-wcwl-add-button > a{
						background: var(--color);
						color: #fff;
						svg{
							fill: #fff;
						}
					}
				}
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{
					a.button{
						display: block;
						margin: 0;
						&.added{ background-image:none; }
					}
					.price{
						margin-bottom: 15px;
					}
				}
			}
			&.list2{
				li.product .item-wrap{
					.item-bottom-content{
						justify-content: unset;
						a.button{
							border-color: var(--color);
							padding: 0 15px;
							border-radius: 3px;
							color: #fff;
							background: var(--color);
							&:hover{
								background: var(--darken10);
							}
						}
					}
				}
			}
		}
	}
}

.product-items-layout7{
	.sale-off{
	    display: block;
		color: #fff;
		font-size: 11px;
		font-weight: 300;
		line-height: 20px;
		text-align: center;
		height: 20px;
		width: 42px;
		left: 10px;
		top: 10px;
		background-color: #c80e00;
		border-radius: 0;
	}
	.item-wrap{
		.item-bottom.center{
			left:8px; 
		}
		a.sw-quickview, a.compare{
			width: 40px;
			height: 40px;
			background: #fff;
			line-height: 38px;
			border: 1px solid var(--color);
			border-radius: 3px;
			align-items: center;
			justify-content: center;
			font-size: 14px;
			color: var(--color);
			&:hover{
				background-color: var(--color);
				color: #fff;
				svg{
					fill: #fff;
					color: #fff;
				}
			}
			&.added{
				font-size:0;
					&:after{
						font-family: WooCommerce;
						content: "\e017";
						margin-left: 0;
						vertical-align: bottom;
						font-size:14px;
						color:var(--color);
					}
				}
			svg{
				fill: var(--color);
				color: var(--color);
			}
		}	
		.yith-wcwl-add-to-wishlist{
			.yith-wcwl-add-button{
				>a{
					background: #fff;
					width: 40px;
					height: 40px;
					line-height: 38px;
					border: 1px solid var(--color);
					color: #222;				
					svg.yith-wcwl-icon-svg{					
						font-size: 18px;
						color: var(--color);
					}
				}					
			}
			.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
				.feedback{				
					background: var(--color);
					width: 40px;
					height: 40px;
					line-height: 38px;
					color: #fff;
					svg.yith-wcwl-icon-svg{
						font-size: 18px;
						fill: #fff;
					}
				}
			}
			&.exists, &:hover{
				.yith-wcwl-add-button > a{
					color: #fff;
					background: var(--color);
					svg{
						fill: #fff;
					}
				}
			}
		}
		.woocommerce-loop-product__title{
			font-size: 16px;
		}
		.item-content{
			padding: 5px 0 30px;
			a.button{
				display: inline-block;
				vertical-align: top;
				height: 40px;
				line-height: 40px;
				width: auto;
				padding: 0 25px;
				font-size: 14px;
				color: #fff;
				border-radius: 3px;
				display: inline-block;
				background-color: var(--color);
				font-weight: 700;
				text-transform: capitalize;
				&:hover{
					background: var(--darken15);
				}
				&.added{
					&:after{
						font-family: WooCommerce;
						content: "\e017";
						margin-left: .53em;
						vertical-align: bottom;
					}
				}
				&.loading:before{
					background: url(../assets/img/loadingp.gif) no-repeat center center var(--color);
				}
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{
					.woocommerce-loop-product__title{
						font-size: 16px;
					}
					a.button{
						display: inline-block;
					}
				}
			}
			&.list2{
				li.product .item-wrap{
					.item-content{						
						a.button{
							padding: 0 30px;
							border-radius: 3px;
							color: var(--color);
							border-color: var(--color);
							&:hover{
								background: var(--color);
								color: #fff;
							}
						}
					}
				}
			}
		}
	}
}
.product-items-layout8{
	.item-wrap{
		background: #f5f5f5;
		border-radius: 10px;
		.woocommerce-loop-product__title{
			font-size: 16px;
			margin-bottom: 13px;
			text-transform: capitalize;
		}
		.item-categories{
			margin-bottom: 5px;
		}
		.item-img{
			border-radius: 10px;
		}
		.item-content{
			justify-content: flex-start;
			text-align: start;
			padding: 10px 30px 20px;
			.price{
				justify-content: flex-start;
				color: #222;
				.ins{
					color: var(--color);
				}
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{
					.woocommerce-loop-product__title{
						font-size: 16px;
					}
					.price{
						color: #222;
						ins{
							color: #222;
						}
					}
				}
			}			
		}
	}
}

.product-items-layout9{
	.sale-off, .sw-newlabel, .sw-outstock{
		height: 24px;
		line-height: 24px;
		border-radius: 0;
		width: auto;
		padding: 0 12px;
	}
	.item-wrap{
		.item-bottom.list{
			top: auto;
			left: 50%;
			right: auto;
			bottom: 10px;
			background: #fff;
			transform: translate(-50%, 50px);
			grid-template-columns: repeat(3,30px);
			padding: 0 15px;
		}
		a.sw-quickview, a.compare{
			background: none;
			position: relative;
			&:before{
				content: '';
				background: #555;
				left: 0;
				top: 11px;
				bottom: 11px;
				width: 1px;
				position: absolute;
			}
			svg{
				fill: #555;
			}
			&:hover{
				svg{
					fill: var(--color);
				}
			}
		}
		a.compare{
			&.added{ 
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
				background-position: center;
				background-size: 14px;
				font-size:0; 
				background-repeat:no-repeat;
			}
		}
		.yith-wcwl-add-to-wishlist{
			.yith-wcwl-add-button{
				>a{
					background: none;					
					color: #555;				
					svg.yith-wcwl-icon-svg{					
						font-size: 18px;
						color: #555;
					}					
				}					
			}
			.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
				.feedback{				
					background: none;
					color: var(--color);
					svg.yith-wcwl-icon-svg{
						font-size: 18px;
						fill: var(--color);
					}
				}
			}
			&.exists, &:hover{
				.yith-wcwl-add-button > a{
					color: var(--color);
					background: none;
					svg{
						fill: var(--color);
						color: var(--color);
					}
				}
			}
		}
		.item-categories a{
			color: #7c6e65;
			font-size: 14px;
			&:hover{
				color: var(--color);
			}
		}
		.woocommerce-loop-product__title{
			font-size: 24px;
		}
		a.button{
			display: block;
			background: none;
			font-size: 16px;
			text-transform: uppercase;
			font-weight: 400;
			position: absolute;
			opacity: 0;
			bottom: -50px;
			left: 0;
			right: 0;
			transition: all 0.3s;
			color: var(--color);
			&:hover{
				color: var(--darken15);
			}
			&.loading{
				position:relative; opacity:0.7;
				&:before{
					background: url(../assets/img/loadingp.gif) no-repeat center center transparent;
					background-size:20px;
				}
				&:after{
					content:'';
				}
			}
			&.added{
				&:after{
					font-family: WooCommerce;
					content: "\e017";
					margin-left: .53em;
					vertical-align: bottom;
				}
			}
			&.loading{
				height: auto;
			}
		}
		.item-content{
			position: relative;
			overflow: hidden;
			padding-bottom: 0;
			.price{
				font-size: 20px;
			}
		}
		&:hover{
			.item-bottom.list{
				transform: translate(-50%, 0);
			}
			.item-content{
				.price{
					opacity: 0;
				}
				a.button{
					opacity: 1;
					bottom: 5px; position:absolute;
				}
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{
					a.button{
						display: block;
					}
					.woocommerce-loop-product__title{
						font-size: 24px;
					}
					.price{
						font-size: 20px;
					}
				}
			}
		
			&.list2{
				li.product .item-wrap{
					.item-content{
						a.button{
							display: inline-block;
							position: static;
							opacity: 1;
							&.loading{
								position:relative;
							}
						}
					}
					&:hover{
						.item-content{
							.price{
								opacity: 1;
							}
						}
					}
				}
			}
		}
	}
}

.product-items-layout10{
	.sale-off {
		display: block;
		width: 50px;
		height: 20px;
		background-color: var(--color);
		color: #fff;
		line-height: 20px;
		text-align: center;
		background: url(../assets/img/icon-sale-21.png) no-repeat;
		position: absolute;
		left: 10px;
		top: 10px;
		border-radius: 0;
		font-weight: 400;
	}
	.item-wrap{		
		.item-categories{
			margin-bottom: 10px;
			a{
				color: #999;
				font-size: 12px;
				&:hover{
					color: var(--color);
				}
			}
		}
		.woocommerce-loop-product__title{
			font-size: 18px;
			margin-bottom: 5px;
			font-weight: 700;
			font-style: italic;
			color: var(--color);
			&:hover{
				color: var(--darken20);
			}
		}		
		.price{
			font-size: 20px;
		}
		&:hover{
			background: #fff;
			border-radius: 10px;
			.item-img{
				border-radius: 10px;
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{					
					.woocommerce-loop-product__title{
						font-size: 18px;
						margin-bottom: 5px;
					}
					.price{
						font-size: 20px;
					}
				}
			}			
		}
	}
}

.product-items-layout11{	
	.sale-off{
		display: block;
		color: #fff;
		font-size: 11px;
		font-weight: 300;
		line-height: 22px;
		text-align: center;
		height: 20px;
		width: 42px;
		left: 10px;
		top: 10px;
		background-color: #c80e00;
		border-radius: 0;
	}
	.price{
		color:#e52323;
		ins{
			color:#e52323;
		}
	}	
	.item-wrap{			
		background: #fff;	
		.item-content{
			justify-content: unset;
			text-align: start;
			.price{
				color:#e52323 !important;
				ins{
					color:#e52323;
				}
			}
		}
		.price{
			justify-content: unset;
		}		
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				
			}			
		}
	}
}

.product-items-layout12{	
	.sale-off, .sw-newlabel, .sw-outstock{
		left: 15px;
		right: auto;
	}
	.item-wrap{			
		background: #fff;
		.yith-wcwl-add-to-wishlist{
			.yith-wcwl-add-button{
				>a{
					background: none;					
					color: #999;				
					svg.yith-wcwl-icon-svg{					
						font-size: 20px;
						color: #999;
					}					
				}					
			}
			.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
				.feedback{				
					background: none;
					color: var(--color);
					svg.yith-wcwl-icon-svg{
						font-size: 20px;
						fill: var(--color);
					}
				}
			}
			&.exists, &:hover{
				.yith-wcwl-add-button > a{
					color: var(--color);
					background: none;
					svg{
						fill: var(--color);
						color: var(--color);
					}
				}
			}
		}
		.item-img{
			margin: 0;
		}
		.woocommerce-loop-product__title{
			font-size: 16px;
		}
		.item-content{
			justify-content: unset;
			text-align: start;
			padding: 20px;
			transition: all 0.2s;
			background: #fff;
			position: relative;
		}
		.item-bottom-content{
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 0;
			overflow: hidden;
			transition: all 0.2s;
			a.button{
				display: inline-block;
				padding: 0;
				background: none;
				font-weight: normal;
				color: #000;
				text-transform: uppercase;
				&:hover{
					color: var(--color);
				}
				&.loading{
					opacity:0.7;
					&:before{
						background-color:transparent;
					}
				}
				&.added{
					color:var(--color);
					&:after{
						font-family: WooCommerce;
						content: "\e017";
						margin-left: .53em;
						vertical-align: bottom;
					}
				}
			}
			.sw-quickview{
				background: none;
				height: auto;
				width: auto;
				font-size: 20px;
			}
		}
		.price{
			justify-content: unset;
			color: #222;
			ins{
				color: var(--color);
			}
		}
		&:hover{
			box-shadow: 0 10px 15px rgba(0,0,0,0.05);
			.item-content{
				margin-top: -32px;
				z-index: 2;
				.item-bottom-content{
					height: 32px;
				}
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{
					.woocommerce-loop-product__title{
						font-size: 16px;
					}
					.price{
						color: #222;
						ins{
							color: var(--color);
						}
					}
					a.button{
						display: block;
					}					
				}				
			}			
			&.list2{
				li.product .item-wrap{
					.item-content{					
						.item-bottom-content{
							margin-top: 15px;
							height: auto;
							justify-content: unset;
							column-gap: 20px;
							a.button{
								height: auto;
								line-height: 38px;
								padding:0 40px;
							}
							.sw-quickview{ display:none; }
						}
					}
					&:hover{
						.item-content{
							margin-top: 0;
							.item-bottom-content{
								height: auto;							
							}
						}
					}
				}
			}
		}
	}
}

.product-items-layout13{	
	.sale-off{
		display: block;
		color: var(--color);
		font-size: 10px;
		font-weight: 400;
		line-height: 20px;
		text-align: center;
		text-transform: uppercase;
		height: 20px;
		left: 10px;
		top: 10px;
		background-color: #ffdcdc;
		border-radius: 10px;
		border-top-left-radius: 0;
		width: auto;
		padding: 0 10px;
		max-width: 60px;
		vertical-align: top;
	}
	.item-wrap{
		background: #fff;
		.item-content{
			text-align: start;
			justify-content: unset;
			padding: 0 15px 18px;
			.price{
				justify-content: unset;
			}
		}
	}
}

.product-items-layout14{	
	.item-wrap{
		.item-content{
			text-align: start;
			justify-content: start;
			.woocommerce-loop-product__link{
				order: 1;
				.woocommerce-loop-product__title{
					line-height: 22px;
				}
			}
			.item-rating{
				order: 2;				
				column-gap: 20px;
				.star-rating{
					font-size: 10px;					
					span:before{
						color: #000;
					}
				}
				.item-rating-count{
					color: #000;
				}
			}
			.price{
				justify-content: unset;
			}
		}
	}	
}

.product-items-layout15{	
	.item-wrap{
		background: #fff;
		.item-content{
			text-align: start;
			justify-content: start;
			.woocommerce-loop-product__title{
				font-size: 15px;
				line-height: 22px;
			}
			.price{
				justify-content: unset;
				color: #222;
				margin-bottom: 0;				
			}
			.sale-off{
				position: static;
				background: none;
				color: #f03149;
				height: auto;
				width: auto;
				line-height: unset;
				font-weight: 400;
				font-size: 12px;
				text-transform: uppercase;
			}
			.item-price-bottom{
				display: flex;
				flex-wrap: wrap;
				column-gap: 10px;
				row-gap: 5px;
				align-items: center;
			}
		}
	}	
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{
					.woocommerce-loop-product__title{
						font-size: 15px;
					}
					.price{
						color: #222;	
						margin-bottom: 0;
					}
				}
			}
			&.list2{
				li.product .item-wrap{
					.item-price-bottom{
						margin-bottom: 20px;
					}
				}
			}
		}
	}
}

.product-items-layout16{
	.item-wrap{	
		.woocommerce-loop-product__title{
			font-weight: 700;
			color: #000;
			text-transform: uppercase;
			letter-spacing: 1.5px;
			line-height: 20px;
			&:hover{
				color: var(--color);
			}
		}
		a.button{
			display: flex;
			background: none;
			font-size: 12px;
			text-transform: uppercase;
			font-weight: 700;
			left: 0;
			right: 0;
			transition: all 0.3s;
			color: #000;
			border: 2px solid var(--color);
			border-radius: 0;
			padding: 0;
			height: 36px;
			width: auto;
			justify-content: center;
			align-items: center;
			column-gap: 5px;
			padding: 0 20px;
			&.added{
				background: var(--color);
				color: #fff;
				&:after{
					content: '';
					background: url(../assets/img/check.png) no-repeat center center;
					width: 14px;
					height: 10px;
					display: block;
				}
			}
			&:hover{
				color: #fff;
				background: var(--color);
			}
		}
		.item-content{
			position: relative;
			overflow: hidden;
			row-gap: 5px;
			.price{
				font-size: 13px;
				font-style: italic;
				color: #000;
				margin-bottom: 10px;
				font-weight: 400;
				letter-spacing: 0.16rem;
			}
		}			
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{
					a.button{
						display: inline-block;
						padding: 0 30px;
						line-height:34px;
					}					
					.price{
						font-size: 13px;
						color: #000;
					}
				}
			}
			&.list2{
				li.product .item-wrap{
					.item-content a.button{
						&.added{
							background-color:var(--color);
							color:#fff; border-color:var(--color);
							&:after{
								position:absolute;
								top:10px; display:inline-block;
							}
						}
					}
				}
			}
		}
	}
}

.product-items-layout17{
	span.onsale, &.woocommerce .onsale{
		background: none;
		border: 1px solid #000;
		color: #000;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 12px;
		height: 18px;
		line-height: 18px;
		width: auto;
		padding: 0 7px;
		border-radius: 0;
		min-height: unset;
		margin: 0;
	}
	a.sw-quickview, a.compare{
		width: 40px;
		height: 40px;
		background: #f5f5f5;
		line-height: 40px;
		border-radius: 50%;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		color: #222;
		&.added{
			font-size:0; background-color:var(--color);
			&:after{
				font-family: WooCommerce;
				content: "\e017";
				margin-left: 0;
				vertical-align: bottom;
				font-size:16px; color:#fff;
			}
		}
		&:hover{
			background-color: var(--color);
			svg{
				fill: #fff;
				color: #fff;
			}
		}
		svg{
			fill: #222;
			color: #222;
		}
	}
	a.sw-quickview{
		font-size: 20px;
		width: 50px;
		height: 50px;
	}
	.yith-wcwl-add-to-wishlist{
		.yith-wcwl-add-button{
			>a{
				background: #f5f5f5;
				width: 40px;
				height: 40px;
				line-height: 40px;
				color: #222;	
				border-radius: 50%;
				svg.yith-wcwl-icon-svg{					
					font-size: 18px;
					color: #222;
				}
			}					
		}
		.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
			.feedback{				
				background: var(--color);
				width: 40px;
				height: 40px;
				line-height: 40px;
				color: #222;
				border-radius: 50%;
				svg.yith-wcwl-icon-svg{
					font-size: 18px;
					color: #fff;
				}
			}
		}
		&.exists, &:hover{
			.yith-wcwl-add-button > a{
				background: var(--color);
				svg{
					color: #fff;
				}
			}
		}
	}
	.item-wrap{			
		background: #fff;
		.item-categories a{
			font-size: 14px;
			color: #777;
			&:hover{
				color: var(--color);
			}
		}
		.item-content{
			justify-content: flex-start;
			text-align: start;
			row-gap: 4px;
			padding: 0;
		}
		.item-price-bottom{
			display: flex;
			flex-wrap: wrap;
			row-gap: 5px;
			column-gap: 20px;
			align-items: center;
			margin-bottom: 20px;
			.sale-off{
				position: relative;
				top: auto;
				left: auto;
				right: auto;
				height: 20px;
				width: auto;
				line-height: 20px;
				border-radius: 0;
				padding: 0 5px;
				font-weight: normal;
				&:after{
					content: '';
					position: absolute;
					right: -10px;
					top: 0;
					border-left: 10px solid var(--color);
					border-top: 10px solid transparent;
					border-bottom: 10px solid transparent;
				}
			}
		}
		.price{
			order: 1;
			font-size: 18px;
			justify-content: flex-start;
			margin: 0;
		}
		.woocommerce-loop-product__title{
			font-size: 24px;
			font-weight: 400;
			text-transform: uppercase;
		}
		.item-bottom-content{
			column-gap: 10px;
			a.button{
				display: block;
				margin: 0;
				height: 40px;
				line-height: 40px;
				background: var(--color);
				border: 0;
				border-radius: 30px;
				padding: 0 35px 0 60px;
				font-size: 12px;
				text-transform: uppercase;
				font-weight: 400;
				color: #fff;
				background: url("../assets/img/shopping-cart-30.svg") no-repeat var(--color);
				background-size: 16px;
				background-position: 35px center;
				&:hover{
					background-color: var(--darken15);
				}
			}
		}
		&:hover{
			.item-img{
				color: var(--color);
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap .item-content{
				.woocommerce-loop-product__title{
					font-size: 24px;
				}
				a.button{
					display: block;
					margin: 0;
					height: 40px;
					line-height: 40px;
					background: url("../assets/img/shopping-cart-30.svg") no-repeat var(--color);
					border: 0;
					border-radius: 30px;
					padding: 0 35px 0 60px;
					background-size: 16px;
					background-position: 35px center;
					color: #fff;
					&:hover{
						background-color: var(--darken15);						
					}
				}
				.price{
					font-size: 18px;	
					margin: 0;
				}
			}			
		}
	}
}

.product-items-layout16, .product-items-layout18{
	.sale-off{
		height: 20px;
		line-height: 20px;
		border-radius: 20px;
		width: auto;
		padding: 0 10px;
		color: #000;
		background: #fff;
		font-weight: 400;
	}
	.item-wrap{
		.item-bottom.list{
			top: auto;
			left: 15px;
			right: 15px;
			bottom: 15px;
			background: #fff;
			transform: translate(0, 50px);
			grid-template-columns: repeat(3,1fr);
			padding: 0 15px;
			justify-content: center;
			padding: 7px 0;
			box-shadow: 0 5px 8px rgba(0,0,0,0.05);
		}
		a.sw-quickview, a.compare{
			background: none;
			position: relative;
			font-size: 20px;
			width: 100%;
			&:before{
				content: '';
				background: #eee;
				left: 0;
				top: 0;
				bottom: 0;
				width: 1px;
				position: absolute;
			}
			&.added{
				font-size:0;
				&:after{
					font-family: WooCommerce;
					content: "\e017";
					margin-left: 0;
					vertical-align: bottom;
					font-size:16px; color:var(--color);
				}
			}
			svg{
				fill: #555;
			}
			&:hover{
				svg{
					fill: var(--color);
				}
			}
		}
		.yith-wcwl-add-to-wishlist{
			.yith-wcwl-add-button{
				>a{
					background: none;					
					color: #555; width:100%; 			
					svg.yith-wcwl-icon-svg{					
						font-size: 20px;
						color: #555;
					}					
				}					
			}
			.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
				.feedback{				
					background: none;
					color: var(--color); width:auto;
					svg.yith-wcwl-icon-svg{
						font-size: 20px;
						fill: var(--color);
					}
				}
			}
			&.exists, &:hover{
				.yith-wcwl-add-button > a{
					color: var(--color);
					background: none;
					svg{
						fill: var(--color);
						color: var(--color);
					}
				}
			}
		}
		&:hover{
			.item-bottom.list{
				transform: translate(0, 0 );
			}
		}
	}
}

.product-items-layout18{	
	.item-wrap{
		padding: 20px;
		.item-content{
			padding: 0;
			text-align: start;
			justify-content: unset;
			.price{
				justify-content: unset;
				color: #000;
			}
			.woocommerce-loop-product__title{
				font-size: 16px;
			}
			.star-rating{
				margin-bottom: 15px;
			}
			a.button{
				display: flex;
				font-weight: 400;
				font-size: 11px;
				color: #fff;
				height: 30px;
				padding: 0;
				justify-content: center;
				align-items: center;
				border-radius: 0;
				line-height: 30px;
				background: url("../assets/img/bg-cart-31.png") no-repeat center center #000;
				text-transform: uppercase;
				&:before{
					content: '';
					display: block;
					background: url("../assets/img/shopping-cart-btn-31.svg") no-repeat center center;
					height: 15px;
					width: 16px;
					margin: 0 5px;
					position:relative;
				}
				&.added{
					background-color:var(--color) !important;
					&:after{
						font-family: WooCommerce;
						content: "\e017";
						margin-left: 7px;
						vertical-align: bottom;
						font-size:14x; color:#fff;
					}
				}
				&.loading{
					&:after{
						background: url(../assets/img/loadingp.gif) no-repeat center center var(--color);
						background-size: 30px 30px;
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						bottom: 0;
						right: 0;
						z-index: 99;
						display: block; animation:none;
					}
				}
			}
		}
		&:hover{
			box-shadow: 4px 0 20px rgba(0,0,0, 0.05);
			a.button{
				background-color: var(--color);
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{
					.woocommerce-loop-product__title{
						font-size: 16px;
					}
					.star-rating{
						font-size: 10px;
					}
					a.button{
						display: flex;
						font-weight: 400;
						font-size: 11px;
						color: #fff;
						height: 30px;
						padding: 0;
						justify-content: center;
						align-items: center;
						border-radius: 0;
						line-height: 30px;
						background: url("../assets/img/bg-cart-31.png") no-repeat center center #000;
						text-transform: uppercase;
						&:before{
							content: '';
							display: block;
							background: url("../assets/img/shopping-cart-btn-31.svg") no-repeat center center;
							height: 15px;
							width: 16px;
							margin: 0 5px;
						}
					}
				}
				&:hover{
					.item-content{
						a.button{
							background-color: var(--color);
							border-color: var(--color);
						}
					}
				}
			}
			&.list2{
				li.product .item-wrap{
					.item-content{
						a.button{
							max-width: 200px; border:none;
						}
					}
				}
			}
		}
	}
}

.product-items-layout19{
	.sale-off{
		font-weight: 400;
		height: 22px;
		border-radius: 0;
		line-height: 22px;
		width: auto;
		padding: 0 10px;
		top: 10px;
		right: 10px;
	}
	.item-wrap{
		a.sw-quickview, a.compare{
			background: #000;
			position: relative;
			font-size: 16px;			
			width: 40px;
			height: 40px;
			border-radius: 0;
			&.added{
				font-size:0; background-color:var(--color);
				&:after{
					font-family: WooCommerce;
					content: "\e017";
					margin-left: 0;
					vertical-align: bottom;
					font-size:16px; color:#fff;
				}
			}
			svg{
				fill: #fff;
			}
			&:hover{
				background-color: var(--color);
			}
		}
		.yith-wcwl-add-to-wishlist{
			.yith-wcwl-add-button{
				>a{
					background: #000;
					width: 40px;
					height: 40px;
					line-height: 40px;
					color: #fff; border-radius:0;				
					svg.yith-wcwl-icon-svg{					
						font-size: 18px;
						color: #fff;
					}					
				}					
			}
			.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
				.feedback{				
					background: var(--color);
					width: 40px;
					height: 40px;
					line-height: 40px;
					color: #fff;
					svg.yith-wcwl-icon-svg{
						font-size: 18px;
						fill: #fff;
						color: #fff;
					}
				}
			}
			&.exists, &:hover{
				.yith-wcwl-add-button > a{
					background: var(--color);
					svg{
						fill: #fff;
						color: #fff;
					}
				}
			}
		}
		.item-bottom{
			top: auto;
			bottom: 10px;
			&.right{
				right: 10px;
			}
		}
		.item-categories{
			margin-bottom: 7px;
			a{
				text-transform: uppercase;
			}
		}
		.woocommerce-loop-product__title{
			font-size: 16px;
			line-height: 22px;
		}
		.item-content{
			text-align: start;
			justify-content: unset;
			.price{
				justify-content: unset;
				display: grid;
				margin: 0;
				del{
					order: 1;
				}
			}
			.item-price-bottom{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}
			a.button{
				display: flex;
				align-items: center;
				justify-content: center;
				min-width: 40px;
				height: 40px;
				line-height: 40px;
				font-weight: 400;
				font-size: 0;						
				background-size: cover;
				background-color: #000;
				border-radius: 0;
				color: #fff;
				text-transform: uppercase;
				transition: all 0.2s;
				padding: 0 1em;
				&:before{
					content: '';
					display: block;
					width: 26px;
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' viewBox='0 0 32 28' fill='%23fff'%3E%3Cg transform='scale(0.02734375 0.02734375)'%3E%3Cpath d='M1097.143 438.857c40.571 0 73.143 32.571 73.143 73.143s-32.571 73.143-73.143 73.143h-8.571l-65.714 378.286c-6.286 34.857-36.571 60.571-72 60.571h-731.429c-35.429 0-65.714-25.714-72-60.571l-65.714-378.286h-8.571c-40.571 0-73.143-32.571-73.143-73.143s32.571-73.143 73.143-73.143h1024zM277.143 896c20-1.714 35.429-19.429 33.714-39.429l-18.286-237.714c-1.714-20-19.429-35.429-39.429-33.714s-35.429 19.429-33.714 39.429l18.286 237.714c1.714 18.857 17.714 33.714 36.571 33.714h2.857zM512 859.429v-237.714c0-20-16.571-36.571-36.571-36.571s-36.571 16.571-36.571 36.571v237.714c0 20 16.571 36.571 36.571 36.571s36.571-16.571 36.571-36.571zM731.429 859.429v-237.714c0-20-16.571-36.571-36.571-36.571s-36.571 16.571-36.571 36.571v237.714c0 20 16.571 36.571 36.571 36.571s36.571-16.571 36.571-36.571zM932.571 862.286l18.286-237.714c1.714-20-13.714-37.714-33.714-39.429s-37.714 13.714-39.429 33.714l-18.286 237.714c-1.714 20 13.714 37.714 33.714 39.429h2.857c18.857 0 34.857-14.857 36.571-33.714zM272 166.857l-53.143 235.429h-75.429l57.714-252c14.857-66.857 73.714-113.714 142.286-113.714h95.429c0-20 16.571-36.571 36.571-36.571h219.429c20 0 36.571 16.571 36.571 36.571h95.429c68.571 0 127.429 46.857 142.286 113.714l57.714 252h-75.429l-53.143-235.429c-8-33.714-37.143-57.143-71.429-57.143h-95.429c0 20-16.571 36.571-36.571 36.571h-219.429c-20 0-36.571-16.571-36.571-36.571h-95.429c-34.286 0-63.429 23.429-71.429 57.143z'/%3E%3C/g%3E%3C/svg%3E");
					background-repeat: no-repeat no-repeat;
					background-position: center center;
					background-size: 16px;
					height: 26px;
				}
				&:hover{
					background-color: var(--color);
					font-size: 14px;
				}
				&.loading{
					&:before{
						background: url(../assets/img/loading.gif) no-repeat center center #000;
						width: 100%;
						height: 100%;
						background-size: 20px;
					}
				}
				&.added{
					background-color:var(--color);
				}
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{
					.woocommerce-loop-product__title{
						font-size: 16px;
						line-height: 22px;
					}
					a.button{
						display: flex;
						align-items: center;
						justify-content: center;
						min-width: 40px;
						height: 40px;
						line-height: 40px;
						font-weight: 400;
						font-size: 0;						
						background-size: cover;
						background-color: #000;
						border-radius: 0;
						color: #fff;
						text-transform: uppercase;
						transition: all 0.2s;	
						padding: 0 1em;
						&:hover{
							background-color: var(--color);
							font-size: 14px;
						}
					}
					.price{
						display: grid;
						margin: 0;
					}
				}				
			}
			&.list2{
				li.product .item-wrap{
					.item-price-bottom{
						display: block;
						.price{
							margin-bottom: 20px;
						}
						a.button{
							font-size: 14px;
							max-width: 200px;
							column-gap: 5px;
						}
					}
				}
			}
		}
	}
}

.product-items-layout20{	
	.item-wrap{
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 5px;
		overflow: hidden;
		.item-categories{
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			column-gap: 5px;
			svg{
				fill: #999;
				width: 20px;
			}
			a{
				text-transform: uppercase;
			}
			&:hover{
				svg{
					fill: var(--color);
				}
				a{
					color: var(--color);
				}
			}
		}
		.star-rating{
			font-size: 10px;
			width: 6em;
			margin-bottom: 10px;
		}
		.item-content{
			text-align: start;
			justify-content: start;		
			padding: 0 20px 20px;
			.price{
				justify-content: unset;
				margin-bottom: 0;		
				font-size: 18px;
				width: ~"calc( 100% - 50px )";
			}
			.sale-off{
				position: absolute;
				background: var(--color);
				color: #fff;
				height: 20px;
				width: auto;
				line-height: 20px;
				border-radius: 0;
				font-weight: 400;
				font-size: 12px;
				text-transform: uppercase;
				top: 50%;
				transform: translateY(-50%);
				left: auto;
				right: -20px;
				padding: 0 8px 0 12px;
				&:before{
					content: "";
					position: absolute;
					width: 0;
					height: 0;
					border-bottom: 10px solid transparent;
					border-top: 10px solid transparent;
					border-left: 5px solid #fff;
					left: 0;
					top: 0;
				}
			}
			.item-price-bottom{
				position: relative;
			}
		}
	}	
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{
					.star-rating{
						font-size: 10px;
					}
					.price{
						margin: 0;	
						font-size: 18px;
					}
				}
			}
			&.list2{
				li.product .item-wrap{
					.item-price-bottom{
						margin-bottom: 20px;
					}
				}
			}
		}
	}
}

.product-items-layout21{
	.sale-off {
		font-size       : 15px;
		font-weight     : 500;
		color           : #fff;
		text-align      : center;
		display         : inline-block;
		width           : auto;
		height          : 20px;
		border-radius   : 0;
		line-height     : 19px;
		background-color: #fa4444;
		padding         : 0 10px;
		border          : 0;
		text-transform  : uppercase;
		position        : absolute;
		top             : 20px;
		right           : 20px;
		left            : auto;

		&:before {
			content     : '';
			border-left : solid 7px transparent;
			border-right: solid 0px transparent;
			border-top  : solid 7px #fa4444;
			height      : 0;
			width       : 0;
			position    : absolute;
			right       : 0;
			bottom      : -6px;
		}
	}
	.item-wrap{
		background: #fff;
		border-radius: 5px;
		.item-categories{			
			a{
				text-transform: uppercase;
				font-size: 14px;
				color: #666;
				&:hover{
					color: var(--color);
				}
			}			
		}
		.woocommerce-loop-product__title{
			font-size: 18px;
			font-weight: 700;
			line-height: 22px;
		}
		.item-content{
			row-gap: 5px;
		}
	}	
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{	
					.woocommerce-loop-product__title{
						font-size: 18px;
					}					
				}
			}			
		}
	}
}

.product-items-layout22{
	.sale-off {
		font-weight: 400;
		height: 22px;
		line-height: 22px;
		width: auto;
		padding: 0 5px;
		border-radius: 3px;
	}
	.item-wrap{
		a.sw-quickview, a.compare{
			background: #fff;
			position: relative;
			font-size: 18px;			
			width: 38px;
			height: 38px;
			border-radius: 10px;
			border: 1px solid var(--color);
			color: var(--color);
			svg{
				fill: var(--color );
			}
			&:hover{
				background-color: var(--color);
				color: #fff;
				svg{
					fill: #fff;
				}
			}
		}
		.yith-wcwl-add-to-wishlist{
			.yith-wcwl-add-button{
				>a{
					background: #fff;
					width: 38px;
					height: 38px;
					line-height: 36px;
					border-radius: 10px;
					color: #fff;	
					border: 1px solid var(--color);
					svg.yith-wcwl-icon-svg{					
						font-size: 18px;
						color: var(--color);
					}					
				}					
			}
			.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
				.feedback{				
					background: var(--color);
					width: 38px;
					height: 38px;
					line-height: 36px;
					border-radius: 10px;
					color: #fff;	
					border: 1px solid var(--color);
					svg.yith-wcwl-icon-svg{
						font-size: 18px;
						fill: #fff;
						color: #fff;
					}
				}
			}
			&.exists, &:hover{
				.yith-wcwl-add-button > a{
					background: var(--color);
					svg{
						fill: #fff;
						color: #fff;
					}
				}
			}
		}
		.star-rating{
			font-size: 10px;
		}
		.item-content{
			text-align: start;
			justify-content: start;	
			padding: 0 0 20px;
			.price{
				justify-content: unset;
				color:#ea2b0f; font-size:20px;
				del{
					font-size:14px; font-weight:300;
				}
			}
			.woocommerce-loop-product__title{
				font-weight: 700;
				margin-bottom: 15px;
			}
			.item-description{
				max-width: ~"calc( 100% - 40px )";
			}
			.box-istock{
				margin-bottom: 15px;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				font-size: 12px;
				color: #999;
				.stock{
					margin-bottom: 0;
					display: flex;
					align-items: center;
					column-gap: 5px;
					svg{
						width: 14px;
						height: 14px;
						fill: #67c82c;
					}
					&.out-of-stock{
						svg{
							fill: #ea2b0f;
						}
					}
				}
			}
			.item-bottom-content{
				position: relative;
				form{
					display: flex;
					justify-content: space-between;
					align-items: center;
					width: 100%;
					div.quantity{	
						margin: 0;
						&:before{
							display: none;
						}
						input.qty{
							width: 26px;
							height: 26px;
							background: none;
							border: 0;
							padding: 0;
							text-align: center;
							margin: 0;
						}
						.minus, .plus{
							background: none;
							border-radius: 50%;
							border-color: #ddd;
							margin: 0;
							color: #999;
							width: 20px;
							height: 20px;
							line-height: 18px;
							&:hover{
								color: #fff;
								background: var(--color);
								border-color: var(--color);
							}
						}
						.plus{
							text-indent:-2px;
						}
					}
				}			
				a.button, button.button{
					display: block;
					width: 38px;
					height: 38px;
					font-size: 0;
					background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAMlQTFRFDJFFDJFFDJFFAAAADJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFKX1crwAAAEN0Uk5T//mJAC1GYNSvkOCd01Cz6kFKePcC0KNRHwkQl+IODXEuQwHXumlMReGPwdK9y3RdmOQGT65AFqKEyXkxh/JyM+bICnCXtpcAAACWSURBVHicVc3HGoIwEIXRqxdQ0NgbKBZs2Hvvvv9DGQIs/BfJfGcxAyCRJKnpDINhpNLyN60YyEyWmsjlhc6CEEUJpXLFhMxiFahJqKNhO82W47LdQVeChl60w+sPgh02hvJxJYwwDoD+JLownXkK5gtDtcRKneUaUZttCH8p2O0P5PF09mLwcSGvwC2G++NJvt6fr5x/I08LRIuJGJoAAAAASUVORK5CYII=') no-repeat center #fff;
					border-radius: 10px;
					border: 1px solid var(--color);
					padding: 0;
					margin: 0;
					margin-left: auto;
					&:hover{
						background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAMlQTFRF////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////aS0+NQAAAEN0Uk5T//mJAC1GYNSvkOCd01Cz6kFKePcC0KNRHwkQl+IODXEuQwHXumlMReGPwdK9y3RdmOQGT65AFqKEyXkxh/JyM+bICnCXtpcAAACWSURBVHicVc3HGoIwEIXRqxdQ0NgbKBZs2Hvvvv9DGQIs/BfJfGcxAyCRJKnpDINhpNLyN60YyEyWmsjlhc6CEEUJpXLFhMxiFahJqKNhO82W47LdQVeChl60w+sPgh02hvJxJYwwDoD+JLownXkK5gtDtcRKneUaUZttCH8p2O0P5PF09mLwcSGvwC2G++NJvt6fr5x/I08LRIuJGJoAAAAASUVORK5CYII=');
						background-color: var(--color);
					}
				}
				.item-bottom{
					bottom: 48px;
					right: 0;
					top: auto;
					grid-row-gap: 10px;
				}
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{	
					.woocommerce-loop-product__title{
						margin-bottom: 15px;
					}
					.star-rating{
						font-size: 10px;
					}
					a.button, button.button{
						display: block;
						width: 38px;
						height: 38px;
						font-size: 0;
						background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAMlQTFRFDJFFDJFFDJFFAAAADJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFDJFFKX1crwAAAEN0Uk5T//mJAC1GYNSvkOCd01Cz6kFKePcC0KNRHwkQl+IODXEuQwHXumlMReGPwdK9y3RdmOQGT65AFqKEyXkxh/JyM+bICnCXtpcAAACWSURBVHicVc3HGoIwEIXRqxdQ0NgbKBZs2Hvvvv9DGQIs/BfJfGcxAyCRJKnpDINhpNLyN60YyEyWmsjlhc6CEEUJpXLFhMxiFahJqKNhO82W47LdQVeChl60w+sPgh02hvJxJYwwDoD+JLownXkK5gtDtcRKneUaUZttCH8p2O0P5PF09mLwcSGvwC2G++NJvt6fr5x/I08LRIuJGJoAAAAASUVORK5CYII=') no-repeat center #fff;
						border-radius: 10px;
						border: 1px solid var(--color);
						padding: 0;
						margin: 0;
						margin-left: auto;
						&:hover{
							background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAMlQTFRF////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////aS0+NQAAAEN0Uk5T//mJAC1GYNSvkOCd01Cz6kFKePcC0KNRHwkQl+IODXEuQwHXumlMReGPwdK9y3RdmOQGT65AFqKEyXkxh/JyM+bICnCXtpcAAACWSURBVHicVc3HGoIwEIXRqxdQ0NgbKBZs2Hvvvv9DGQIs/BfJfGcxAyCRJKnpDINhpNLyN60YyEyWmsjlhc6CEEUJpXLFhMxiFahJqKNhO82W47LdQVeChl60w+sPgh02hvJxJYwwDoD+JLownXkK5gtDtcRKneUaUZttCH8p2O0P5PF09mLwcSGvwC2G++NJvt6fr5x/I08LRIuJGJoAAAAASUVORK5CYII=');
							background-color: var(--color);
						}
					}					
				}
			}			
		}
	}
}

.product-items-layout23{
	.sale-off {
		font-weight: 400;
		height: 22px;
		line-height: 22px;
		width: auto;
		padding: 0 5px;
		border-radius: 3px;
		background: #fe0000;
	}
	.item-wrap{
		.item-img{
			border-radius: 5px;
		}
		.woocommerce-loop-product__title{
			font-weight: 500;
			margin-bottom: 7px;
		}
		.item-content{
			text-align: start;
			justify-content: start;	
			padding: 0;
			.price{
				justify-content: unset;
				color: #000;
				ins{
					color: #fe0000;
				}
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{
				.item-content{	
					.woocommerce-loop-product__title{
						margin-bottom: 7px;
					}
					.price{
						color: #000;
						ins{
							color: #fe0000;
						}
					}
				}
			}
			&.list2{
				.item-content{	
					.woocommerce-loop-product__title{
						margin-bottom: 10px;
					}
					.price{
						margin-bottom: 20px;
					}
				}
			}
		}
	}
}

.product-items-layout24{
	.sale-off {
		font-weight: 400;
		height: 22px;
		line-height: 22px;
		width: auto;
		padding: 0 10px;
		border-radius: 0;
		background: #000;
	}	
	.item-wrap{	
		a.sw-quickview, a.compare{
			background: #fff;
			position: relative;
			font-size: 18px;			
			width: 46px;
			height: 46px;
			border-radius: 0;
			border: 1px solid #222;
			color: #222;
			svg{
				fill: #222;
			}
			&:hover{
				background-color: var(--color);
				color: #fff;
				border-color: var(--color);
				svg{
					fill: #fff;
				}
			}
		}
		.yith-wcwl-add-to-wishlist{
			.yith-wcwl-add-button{
				>a{
					background: #fff;
					width: 46px;
					height: 46px;
					line-height: 44px;
					border-radius: 0;
					color: #222;	
					border: 1px solid #222;
					svg.yith-wcwl-icon-svg{					
						font-size: 18px;
						color: #222;
					}					
				}					
			}
			.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
				.feedback{				
					background: var(--color);
					width: 46px;
					height: 46px;
					line-height: 44px;
					border-radius: 0;
					color: #fff;	
					border: 1px solid var(--color);
					svg.yith-wcwl-icon-svg{
						font-size: 18px;
						fill: #fff;
						color: #fff;
					}
				}
			}
			&.exists, &:hover{
				.yith-wcwl-add-button > a{
					background: var(--color);
					border-color: var(--color);
					svg{
						fill: #fff;
						color: #fff;
					}
				}
			}
		}
		.item-categories{
			a{
				text-transform: uppercase;
			}
		}
		.woocommerce-loop-product__title{
			font-weight: 700;
			font-size: 18px;
		}
		.star-rating{
			color: #000;
			font-size: 11px;
			margin-bottom: 10px;
		}
		.item-content{
			row-gap: 5px;
			text-align: start;
			justify-content: start;	
			padding: 0 0 10px;
			position: relative;
			.price{
				justify-content: left;
				flex-direction:row-reverse;
				font-size: 22px;
				color: #000;
				ins{
					color: var(--color);
				}
				del{
					font-size:16px; color:#bbb; font-weight:400;
				}
			}
			.item-bottom-content{
				display: flex;
				flex-wrap: wrap;
				column-gap: 10px;
				row-gap: 10px;
				position: absolute;
				bottom: -50px;
				left: 0;
				opacity: 0;
				width: 100%;
				transition: all 0.2s;
				a.button{
					display: block;
					height: 46px;
					border-radius: 0;
					line-height: 44px;
					border: 1px solid #222;
					color: #222;
					font-size: 15px;
					background: #fff;
					padding: 0 30px;
					font-weight: 400;
					text-transform: uppercase;
					&:hover{
						background-color: var(--color);
						border-color: var(--color);
						color: #fff;
					}
				}
				.item-bottom{
					position: static;
					display: flex;
					column-gap: 10px;
					transform: unset;
					opacity: 1;
				}
			}
		}
		&:hover{
			.item-content{
				.price{
					opacity: 0;
				}
				.item-bottom-content{
					opacity: 1;
					bottom: 0;
				}
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{				
				.item-content{	
					.woocommerce-loop-product__title{
						font-size: 18px;
					}
					.star-rating{
						font-size: 11px;
					}
					.price{
						color: #000;
						font-size: 22px;
						ins{
							color: var(--color);
						}
					}
					a.button{
						display: block;
						height: 46px;
						border-radius: 0;
						line-height: 44px;
						border: 1px solid #222;
						color: #222;
						font-size: 15px;
						background: #fff;
						padding: 0 30px;
						font-weight: 400;
						text-transform: uppercase;
						&:hover{
							background-color: var(--color);
							border-color: var(--color);
							color: #fff;
						}
					}
				}
			}
			&.list2{
				.item-content{	
					.woocommerce-loop-product__title{
						margin-bottom: 10px;
					}
					.price{
						margin-bottom: 20px;
					}
					.item-bottom-content{
						position: static;
						opacity: 1;
					}
				}
			}
		}
	}
}

.product-items-layout25{
	.custom-onsale{
		position: absolute;
		top: 15px;
		left: -5px;
		background-color: #ff7a00;
		height: 20px;
		line-height: 22px;
		padding: 0 8px;
		font-size: 15px;
		color: #fff;
		text-transform: uppercase;
		z-index: 3;
		font-weight: 400;
		border-radius: 0;
		clip-path: polygon(100% 0,100% 75%,90% 100%,1% 100%,0 0);
		&:before{
			content: '';
			position: absolute;
			bottom: 0;
			right: 0;
			border-top: 6px solid #feb779;
			border-left: 0px solid transparent;
			border-right: 6px solid transparent;
		}
	}
	.item-wrap{
		background: #fff;
		border-radius: 10px;
		.yith-wcwl-add-to-wishlist{
			.yith-wcwl-add-button{
				>a{
					background: rgba(255,255,255,0.3);
					transition: all 0.2s;
					border-radius: 50%;
					color: #fff;	
					svg.yith-wcwl-icon-svg{					
						font-size: 18px;
						color: #fff;
						fill: #fff;
					}					
				}					
			}
			.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
				.feedback{				
					background: #fff;
					border-radius: 50%;
					color: var(--color );	
					border: 1px solid var(--color);
					svg.yith-wcwl-icon-svg{
						font-size: 18px;
						fill: var(--color );
						color: var(--color );
					}
				}
			}
			&.exists, &:hover{
				.yith-wcwl-add-button > a{
					background: #fff;
					svg{
						fill: var(--color );
						color: var(--color );
					}
				}
			}
		}
		.item-img{
			overflow: visible;
			img{
				border-radius: 10px;
			}
		}
		.woocommerce-loop-product__title{
			font-weight: 700;
			font-size: 17px;
			display: flex;
			column-gap: 5px;
			align-items: center;
			&:before{
				content: '';
				background: no-repeat center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplYmJmZWI4YS0zN2JlLTVmNGMtYjZiMi1kNDRkZmNlYzIyYzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVFM0VFNkY2NkUzMTFFQzlCOEI4NTFGNDBBNTYwQjIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVFM0VFNkU2NkUzMTFFQzlCOEI4NTFGNDBBNTYwQjIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjJGNzFBOTU2NkUyMTFFQzk0N0RDQTk0MTBCRTI5OTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjJGNzFBOTY2NkUyMTFFQzk0N0RDQTk0MTBCRTI5OTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4TL5ZFAAAA5klEQVR42mLkO36JAQuIBuJOKLsciJeiK2BBYtsCsS8QqwKxPxAzQsUXA3EIEN8G4s1AfBgkyAi1EaTpIJJiXOA/VO1RJqiALxGaGKBqQK5hgGlUZiAeKMM0RgBxIA5F34DYFYjzkMRAaiNAfnwOZEggSawE4h9AHArEfkB8Doj3ALERkpoXTFhseQvEiVCF2DSBwF+QxkJoaMFAFhC3QA3ApgmktgQWHWuBOIjIwFkHxMEwp94lIVTvIkfHZjTn4ksAm5CTHCgZ2eNIciDFG5GS3BH0tHoYlg6hibwbqqkMWyIHCDAAqFc1FkoDEfUAAAAASUVORK5CYII=');
				display: block;
				width: 14px;
				height: 14px;
				
				
			}
		}
		.item-content{
			text-align: start;
			justify-content: start;	
			padding: 0 15px 15px;
			position: relative;
			.item-description{
				display: block;
				margin-bottom: 10px;
			}
			.item-rating-wrap{
				display: flex;
				flex-wrap: wrap;
				column-gap: 15px;
				align-items: center;
				margin-bottom: 15px;
				.item-rating{
					column-gap: 2px;
					background: #fffae5;
					padding: 2px 5px;
					font-size: 12px;
					color: #999;
					margin: 0;
					.average{
						color: #000;
					}
					&:before{
						content: 'S';
						color: #ffcc00;
						font-family: 'WooCommerce';
						font-size: 10px;
					}
				}
			}
			.price{
				justify-content: unset;
				font-size: 17px;
				margin: 0;
			}		
			a.button{
				display: flex;
				width: auto;
				background: #fff;
				border: 1px solid var(--color);
				color: var(--color);
				font-weight: 400;
				padding: 0 25px;
				height: 36px;
				line-height: 34px;
				column-gap: 5px;
				&:hover{
					background: var(--color);
					color: #fff;
				}
				&:before{
					content: '+';
					font-size: 18px;
				}
			}
		}		
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{				
				.item-content{	
					.woocommerce-loop-product__title{
						font-size: 17px;
					}					
					.price{
						font-size: 17px;		
					}		
					a.button{
						display: flex;						
					}
				}
			}	
			&.list2{
				li.product .item-wrap{				
					.item-content{	
						a.button{
							display: inline-block;
							padding: 0 30px;
							border-color: var(--color);
							color: var(--color);
							border-radius: 5px;
							text-transform: capitalize;
							&:hover{
								background: var(--color);
								color: #fff;
							}
						}
					}
				}
			}
		}
	}
}

.product-items-layout26{
	.sale-off, .onsale, &.woocommerce .onsale, .woocommerce .onsale{
		background-color: #df4546;
		height: 26px;
		line-height: 26px;
		width: auto;
		border-radius: 3px;
		padding: 0 10px;
		font-size: 12px;
		font-weight: 400;
		text-transform: uppercase;
		left: 0 !important;
		right: auto !important;
		min-height: unset;
	}
	.item-wrap{
		.item-bottom{
			grid-template-columns: repeat(3,44px);
			grid-column-gap: 5px;
			transform: translate(0,-100%);
			opacity: 0;
		}
		 a.compare{
			&.added{ 
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
				background-color: var(--color); 
				background-position: center;
				background-size: 14px;
				font-size:0; 
				background-repeat:no-repeat;
			}
		}
		a.sw-quickview, a.compare{
			background: #fff;
			position: relative;
			font-size: 18px;			
			width: 44px;
			height: 44px;
			border-radius: 2px;
			color: #222;
			svg{
				fill: #222;
			}
			&:hover{
				background-color: var(--color);
				color: #fff;
				border-color: var(--color);
				svg{
					fill: #fff;
				}
			}
		}
		.yith-wcwl-add-to-wishlist{
			.yith-wcwl-add-button{
				>a{
					background: #fff;
					width: 44px;
					height: 44px;
					line-height: 44px;
					border-radius: 2px;
					color: #222;	
					svg.yith-wcwl-icon-svg{					
						font-size: 18px;
						color: #222;
					}					
				}					
			}
			.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
				.feedback{				
					background: var(--color);
					width: 44px;
					height: 44px;
					line-height: 44px;
					border-radius: 2px;
					color: #fff;	
					border: 1px solid var(--color);
					svg.yith-wcwl-icon-svg{
						font-size: 18px;
						fill: #fff;
						color: #fff;
					}
				}
			}
			&.exists, &:hover{
				.yith-wcwl-add-button > a{
					background: var(--color);
					border-color: var(--color);
					svg{
						fill: #fff;
						color: #fff;
					}
				}
			}			
		}
		.item-img{
			.button{
				background: #fff;
				font-size: 16px;
				height: 44px;
				line-height: 44px;
				padding: 0 10px;
				position: absolute;
				bottom: -30px;
				left: 10px;
				right: 10px;
				color: #222;
				text-align: center;
				opacity: 0;
				transition: all 0.2s;
				&:hover{
					background: var(--color);
					color: #fff;
				}
			}
		}
		.item-content{
			justify-content: unset;
			text-align: start;
			row-gap: 5px;
			.item-categories{
				a{
					font-size: 13px;
					text-transform: uppercase;
					color: #aaa;
					&:hover{
						color: var(--color);
					}
				}
			}
			.woocommerce-loop-product__title{
				font-size: 16px;
				font-weight: 700;
			}
			.star-rating{
				font-size: 11px;
				color: #df4646;
			}
			.price{
				justify-content: unset;
				color: #000;
				font-weight: 400;
			}
			
		}
		.sw-custom-variation .sw-radio-variation{
			border: 1px solid transparent;
			vertical-align: top;
			margin: 0 2px;
			span.variation-color {			
				border-radius: 50%;
				min-width: initial;
				min-height: initial;
				width: 26px;
				height: 26px;
				&:after{
					display: none;
				}
			}
			&.selected, &:hover{
				border: 1px solid #111;
				border-radius: 50%;
				span.variation-color{
					border: 4px solid #fff;
				}
			}
		}
		&:hover{
			.item-bottom{
				transform: translate(0,-50%);
				opacity: 1;
			}
			.item-img{
				.button{
					opacity: 1;
					bottom: 10px;
				}
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{				
				.item-content{	
					.woocommerce-loop-product__title{
						font-size: 16px;
					}					
					.price{
						color: #000;
						font-weight: 400;
					}				
				}
			}	
			&.list2{
				li.product .item-wrap{				
					.item-img .button{	
						display: none;
					}
				}
			}
		}
	}
}
.product-items-layout27{
	.sale-off, .onsale, &.woocommerce .onsale, .woocommerce .onsale{
		background-color: #111;
		height: 26px;
		line-height: 26px;
		width: auto;
		border-radius: 3px;
		padding: 0 10px;
		font-size: 12px;
		font-weight: 400;
		color: #fff;
		text-transform: uppercase;
		min-height: unset;
	}
	.item-wrap{
		.item-img{
			>a{
				&:before {
					content: '';
					height: 100%;
					width: 100%;
					background-color: rgba(0,0,0,0.3);
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
					opacity: 0;
					transition: all 0.3s ease;
				}
			}
			.sw-variation-frontend{
				position: absolute;
				bottom: 20px;
				left: 20px;
				.sw-custom-variation .sw-radio-variation{
					margin: 0 2px;
					span{
						background: #fff;
						&:hover{
							background: #222;
							color: #fff;
						}
						&:after{
							display: none;
						}
					}
				}
			}
		}
		.item-bottom{
			position: static;
			opacity: 0;
			transform: translate(0, 100px);
			display: flex;
			flex-wrap: wrap;
			a.button{
				display: block;
				height: 40px;
				line-height: 40px;
				border-radius: 0;
				background: none;
				font-size: 12px;
				font-weight: 700;
				text-transform: uppercase;
				width: auto;
				padding: 0 15px;
				color: #222;
				&:hover{
					color: #fff;
					background: #222;
				}
			}
			 a.compare{
				&.added{ 
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
					background-color: #222; 
					background-position: center;
					background-size: 14px;
					font-size:0; 
					background-repeat:no-repeat;
				}
			}
			a.sw-quickview, a.compare{
				background: none;
				position: relative;
				font-size: 18px;			
				width: 40px;
				height: 40px;
				border-radius: 0;
				color: #222;
				order: 1;
				svg{
					fill: #222;
				}				
				&:hover{
					background-color: #222;
					color: #fff;
					border-color: var(--color);
					svg{
						fill: #fff;
					}
				}
			}
			a.button, a.sw-quickview, a.compare, .yith-wcwl-add-to-wishlist{
				position: relative;
				&:after{
					content: '';
					position: absolute;
					border: 1px dashed #111;
					left: 0;
					top: 0;
					width: ~"calc( 100% + 1px )";
					height: 100%;
				}			
				&:hover{
					&:after{
						border-style: solid;
					}
				}
			}
			.yith-wcwl-add-to-wishlist{	
				order: 1;
				.yith-wcwl-add-button{
					>a{
						background: none;
						width: 40px;
						height: 40px;
						line-height: 40px;
						border-radius: 0;
						color: #222;	
						position:relative; z-index:2; 
						svg.yith-wcwl-icon-svg{					
							font-size: 18px;
							color: #222;
						}					
					}					
				}
				.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
					.feedback{				
						background: #222;
						width: 40px;
						height: 40px;
						line-height: 40px;
						border-radius: 0;
						color: #fff;	
						svg.yith-wcwl-icon-svg{
							font-size: 18px;
							fill: #fff;
							color: #fff;
						}
					}
				}
				&.exists, &:hover{
					.yith-wcwl-add-button > a{
						background: #222;
						svg{
							fill: #fff;
							color: #fff;
						}
					}
				}			
			}			
		}
		.item-content{
			justify-content: unset;
			text-align: start;
			padding: 0;
			overflow: hidden;
			.price{
				justify-content: unset;
				color: #000;
				margin-bottom: 10px;
			}
		}
		&:hover{
			.item-bottom{
				transform: translate(0,0);
				opacity: 1;
			}
			.item-img > a:before{
				opacity: 1;
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{				
				.item-content{	
					a.button{
						display: block;
						&.loading:after{
							animation:none;
						}
						&.added{
							background-color:#222; color:#fff;
							&:after{ margin:0; }
						}
					}
					.price{
						color: #000;
						margin-bottom: 10px;
					}
				}
			}	
			&.list2{
				li.product .item-wrap{				
					.item-img .button{	
						display: none;
					}
					.item-bottom{
						position: relative;
						opacity: 1;
						transform: none;
						display: flex
						;
						flex-wrap: wrap;
						top: auto;
						left: auto;
						margin-top: 30px;
					}
					a.button{
						display:block !important;
						margin: 0;
						padding: 0 40px;
						border: 0;
						&:hover{
							background-color:#222;
							&:after{ border-color:#222; }
						}
					}
				}
			}
		}
	}
}

.product-items-layout29{
	.sale-off, .onsale, &.woocommerce .onsale, .woocommerce .onsale{
		height: 26px;
		line-height: 26px;
		width: auto;
		border-radius: 3px;
		padding: 0 10px;
		font-size: 12px;
		font-weight: 400;
		color: #fff;
		text-transform: uppercase;
		min-height: unset;
	}
	.item-wrap{
		.item-img{
			border-bottom: 1px solid #eee;
			.sw-variation-frontend{
				position: absolute;
				bottom: 20px;
				left: 20px;
				.sw-custom-variation .sw-radio-variation{
					margin: 0 2px;
					span{
						background: #fff;
						&:hover{
							background: #222;
							color: #fff;
						}
						&:after{
							display: none;
						}
					}
				}
			}
		}
		.star-rating{
			font-size: 13px;
			color: #ffaa2f;
			&:before{
				content: 'sssss';	
				color: #aaa;
			}
			 span:before{
				content: 'sssss';
			 }
		}
		.item-bottom{
			position: static;
			opacity: 1;
			transform: translate(0);
			display: flex;
			flex-wrap: wrap;
			column-gap: 3px;
			a.button{
				display: block;
				height: 40px;
				line-height: 40px;
				border-radius: 3px;
				background: #f5f5f5;
				font-size: 12px;
				font-weight: 400;
				text-transform: uppercase;
				width: auto;
				padding: 0 20px;
				color: #111;
				&:hover{
					color: #fff;
					background: var(--color);
				}
			}
			a.sw-quickview, a.compare{
				background: #fff;
				position: relative;
				font-size: 18px;			
				width: 40px;
				height: 40px;
				border-radius: 3px;
				color: #111;
				order: 1;
				svg{
					fill: #111;
				}				
				&:hover{
					background-color: var(--color);
					color: #fff;
					svg{
						fill: #fff;
					}
				}
			}
			a.compare{
				&.added{ 
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
					background-color: var(--color); 
					background-position: center;
					background-size: 14px;
					font-size:0; 
					background-repeat:no-repeat;
				}
			}
			a.sw-quickview, a.compare, .yith-wcwl-add-to-wishlist{
				transform: translateY(100px);
				transition: all 0.3s;
				opacity: 0;
			}
			.yith-wcwl-add-to-wishlist{	
				order: 1;
				.yith-wcwl-add-button{
					>a{
						background: #fff;
						width: 40px;
						height: 40px;
						line-height: 40px;
						border-radius: 3px;
						color: #111;	
						svg.yith-wcwl-icon-svg{					
							font-size: 18px;
							color: #111;
						}					
					}					
				}
				.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
					.feedback{				
						background: var(--color );
						width: 40px;
						height: 40px;
						line-height: 40px;
						border-radius: 0;
						color: #fff;	
						svg.yith-wcwl-icon-svg{
							font-size: 18px;
							fill: #fff;
							color: #fff;
						}
					}
				}
				&.exists, &:hover{
					.yith-wcwl-add-button > a{
						background: var(--color );
						svg{
							fill: #fff;
							color: #fff;
						}
					}
				}			
			}			
		}
		.item-content{
			justify-content: unset;
			text-align: start;
			padding: 5px 20px 30px;
			overflow: hidden;
			row-gap: 5px;
			.price{
				justify-content: unset;
				margin-bottom: 10px;
				color: #ff4466;
			}
		}
		&:hover{
			box-shadow: 0 0 30px rgba(0, 0, 0,10%);
			a.sw-quickview, a.compare, .yith-wcwl-add-to-wishlist{
				opacity: 1;
				transform: translateY(0);
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{				
				.item-content{	
					a.button{
						display: block;
					}
					.star-rating{
						font-size: 13px;
					}
					.price{
						margin-bottom: 10px;
						color: #ff4466;
					}
				}
			}	
			&.list2{
				li.product .item-wrap{				
					.item-img .button{	
						display: none;
					}
				}
			}
		}
	}
}

.product-items-layout31{	
	.item-wrap{
		.item-bottom{
			top: 10px;
			left: auto;
			right: 10px;
			a.button{
				height: 40px;
				width: 40px;
				line-height: 40px;
				border-radius: 0;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23111' viewBox='0 0 256 256'%3E%3Cpath d='M216 64h-40a48 48 0 0 0-96 0H40a16 16 0 0 0-16 16v120a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16m-88-32a32 32 0 0 1 32 32H96a32 32 0 0 1 32-32m88 168H40V80h40v16a8 8 0 0 0 16 0V80h64v16a8 8 0 0 0 16 0V80h40Z'/%3E%3C/svg%3E");
				background-repeat: no-repeat no-repeat;
				background-position: center center;
				background-size: 22px;
				background-color: #fff;
				&:hover{
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 256 256'%3E%3Cpath d='M216 64h-40a48 48 0 0 0-96 0H40a16 16 0 0 0-16 16v120a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16m-88-32a32 32 0 0 1 32 32H96a32 32 0 0 1 32-32m88 168H40V80h40v16a8 8 0 0 0 16 0V80h64v16a8 8 0 0 0 16 0V80h40Z'/%3E%3C/svg%3E");
					background-color: var(--color);
				}
			}
			a.compare{
				&.added{ 
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
					background-color: #222; 
					background-position: center;
					background-size: 14px;
					font-size:0; 
					background-repeat:no-repeat;
				}
			}
		}		
		.item-content{
			padding: 0;
			row-gap: 5px;
			.item-categories{
				a{
					text-transform: uppercase;
					font-size: 12px;
				}
			}
		}		
	}
}
.product-items-layout30, .product-items-layout31, .product-items-layout32, .product-items-layout38{
	.sale-off, .onsale, &.woocommerce .onsale, .woocommerce .onsale{
		height: 26px;
		line-height: 26px;
		width: auto;
		border-radius: 3px;
		padding: 0 10px;
		font-size: 12px;
		font-weight: 400;
		color: #fff;
		left:10px !important;
		right: auto !important;
		text-transform: uppercase;
		min-height: unset;
	}
	.product .item-wrap{
		.item-img .product-thumb-hover{
			position:relative;
			&:before{
				content: '';
				height: 100%;
				width: 100%;
				background-color: rgba(0, 0, 0, 0.1);
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				top: 0;
				display: block;
				opacity: 0;
				transition: all 0.3s;
				z-index: 2;
			}
		}
		a.sw-quickview, a.compare{
			background: #fff;
			position: relative;
			font-size: 16px;			
			width: 40px;
			height: 40px;
			border-radius: 0;
			color:#000;
			svg{
				fill: #000;
			}
			&:hover{
				background-color: #000;
				svg{
					fill:#fff;
				}
			}
		}
		a.compare{
			&.added{ 
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");
				background-color: #000; 
				background-position: center;
				background-size: 14px;
				font-size:0; 
				background-repeat:no-repeat;
			}
		}
		.yith-wcwl-add-to-wishlist{
			.yith-wcwl-add-button{
				>a{
					background: #fff;
					width: 40px;
					height: 40px;
					line-height: 40px;
					color: #000;
					border-radius:0;
					svg.yith-wcwl-icon-svg{					
						font-size: 18px;
						color: #000;
					}					
				}					
			}
			.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
				.feedback{				
					background: #000;
					width: 40px;
					height: 40px;
					line-height: 40px;
					color: #fff; border-radius:0;
					svg.yith-wcwl-icon-svg{
						font-size: 18px;
						fill: #fff;
						color: #fff;
					}
				}
			}
			&.exists, &:hover{
				.yith-wcwl-add-button > a{
					background: #000;
					svg{
						fill: #fff;
						color: #fff;
					}
				}
			}
		}		
		&:hover{
			.item-img .product-thumb-hover:before{
				opacity: 1;
			}
		}
	}
}
.product-items-layout30 .product .item-wrap .yith-wcwl-add-to-wishlist .yith-wcwl-add-button >a svg.yith-wcwl-icon-svg{ font-size:20px;}
.product-items-layout31, .product-items-layout32, .product-items-layout38{
	.product .item-wrap{
		.item-img{
			overflow: visible;
			.sw-variation-frontend{
				position: absolute;
				bottom: -50px;
				opacity: 0;
				z-index: 2;
				left: 0;
				right: 0;
				padding: 10px;
				box-shadow: 0 0 15px rgba(0, 0, 0, 5%);
				transition: all 0.2s;
				background: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
				.sw-radio-variation{
					span.variation-color{
						width: 28px;
						height: 28px;
						border: 3px solid #fff;
						&:after{
							content: '';
							position: absolute;
							left: -5px;
							right: -5px;
							top: -5px;
							bottom: -5px;
							display: block;
							border: 1px solid #fff;
							background: #fff;
							z-index: -1;
							border-radius: 50%;
						}						
					}
					&.selected, &:hover{
						span.variation-color:after{
							border-color: #111;
						}
					}
				}
			}		
		}
		&:hover{
			.item-img{
				.sw-variation-frontend{
					bottom: 0;
					opacity: 1;
				}
			}
		}
	}	
}
.product-items-layout38{
	.product .item-wrap .item-img .sw-variation-frontend{
		padding:15px 0;
		.sw-radio-variation{
			span.variation-color{
				border-radius:0;
				&:after{
					border: 2px solid #f7f7f7; border-radius:0;
				}
			}
		}
	}
}
.product-items-layout32{
	.responsive-slider{
		.slick-list{
			margin: 0;
			.slick-slide{
				padding: 0;
				grid-row-gap: 0;
			}
		}
	}
	.product .item-wrap{
		padding: 10px;		
		height: 100%;
		position: relative;
		background: #fff;
		&:before{
			content: '';
			border: 1px solid #f5f5f5;
			position: absolute;
			top: 0;
			width: ~"calc(100% + 1px )";
			left: 0;
			height: ~"calc( 100% + 1px )";
		}
		.item-bottom{
			top: 10px;
			right: 10px;
			opacity: 0;
		}
		.item-content{
			padding: 0;
			position: relative;
			z-index: 1;
			row-gap: 5px;
			.price{
				margin-bottom: 10px;
				color: #000;
			}
			a.button{
				display: block;
				font-size: 14px;
				text-transform: uppercase;
				height: 50px;
				line-height: 50px;
				background: #f5f5f5;
				border-radius: 0;
				padding: 0 10px;
				&:hover{
					background: var(--color);
					color: #fff;
				}
			}
		}
		&:hover{			
			.item-bottom{
				opacity: 1;
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			grid-row-gap: 0;
			grid-column-gap: 0;
			li.product .item-wrap{				
				.item-content{	
					a.button{
						display: block;
					}	
					.price{
						margin-bottom: 10px;
						color: #000;
					}
				}
			}	
			&.list2{
				li.product .item-wrap{				
					.item-content{
						a.button{
							display: inline-block;
							padding-top: 0;
							padding-bottom: 0;
						}
					}
				}
			}
		}
	}
}

.product-items-layout36{
	.responsive-slider{
		.slick-track{
			position: relative;
			top: 0;
			left: 0;
			display: inline-flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-items: stretch;
			margin-left: auto;
			margin-right: auto;
			.slick-slide{
				height: inherit;
			}
		}
		&[data-slides_to_rows="2"]{
			.slick-slide{
				grid-template-rows: 1fr 1fr;
			}
		}
		&[data-slides_to_rows="3"] {
			.slick-slide{
				grid-template-rows: repeat(3, 1fr);
			}
		}
		.slick-list{
			padding-bottom: 50px;
		}
	}
	.slick-slide > div{
		display: flex;
		height: 100%;
	}
	.sale-off, .onsale, &.woocommerce .onsale, .woocommerce .onsale{
		height: 26px;
		line-height: 26px;
		width: auto;
		border-radius: 3px;
		padding: 0 10px;
		font-size: 12px;
		font-weight: 400;
		background: #ff465c;
		color: #fff;
		left:10px !important;
		right: auto !important;
		text-transform: uppercase;
		min-height: unset;
	}
	.product{
		position: relative;
	}
	.product .item-wrap{
		height: 100%;
		position: relative;
		box-shadow: 0 0 0 1px #eee;
		border-radius: 20px;
		background: #fff;		
		overflow: hidden;	
		transition: all 0.2s;
		.item-bottom{
			height: 0;
			overflow: hidden;
			background: var(--color);
			opacity: 1;
			position: static;
			display: grid;
			grid-template-columns: repeat(4,1fr);
			transform: translate(0, -50px);
			opacity: 0;
			transition: all 0.3s;
			width: 100%;
			a.button{
				height: 44px;
				line-height: 44px;
				width: 100%;
				background-color: transparent;
				border-radius: 0;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath d='M2.997 3.496a.5.5 0 0 1 .5-.5h.438c.727 0 1.145.473 1.387.945c.165.323.284.717.383 1.059H16a1 1 0 0 1 .962 1.272l-1.496 5.275A2 2 0 0 1 13.542 13H8.463a2 2 0 0 1-1.93-1.473l-.642-2.355l-.01-.032l-1.03-3.498l-.1-.337c-.1-.346-.188-.652-.32-.909c-.159-.31-.305-.4-.496-.4h-.438a.5.5 0 0 1-.5-.5M6.845 8.87l.653 2.396a1 1 0 0 0 .965.736h5.08a1 1 0 0 0 .961-.727L16 6H6zM10 15.499a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m-1 0a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0m6 0a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m-1 0a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0'/%3E%3C/svg%3E");
				background-repeat: no-repeat no-repeat;
				background-position: center center;
				background-size: 20px;
				&:hover{
					background-color: var(--lighten5);
				}
			}
		}
		a.sw-quickview, a.compare{
			order: 2;
			background: none;
			position: relative;
			font-size: 18px;			
			width: 100%;
			height: 44px;
			border-radius: 0;
			color:#fff;
			text-align: center;
			svg{
				fill: #fff;
			}
			&:hover{
				background-color: var(--lighten5);
				svg{
					fill:#fff;
				}
			}
		}
		.yith-wcwl-add-to-wishlist{
			order: 1;
			.yith-wcwl-add-button{
				>a{
					background: none;
					width: 100%;
					height: 44px;
					line-height: 44px;
					color: #fff;
					border-radius:0;
					svg.yith-wcwl-icon-svg{					
						font-size: 18px;
						color: #fff;
					}					
				}					
			}
			.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
				.feedback{				
					background: var(--lighten5);
					width: 100%;
					height: 44px;
					line-height: 44px;
					color: #fff; border-radius:0;
					svg.yith-wcwl-icon-svg{
						font-size: 18px;
						fill: #fff;
						color: #fff;
					}
				}
			}
			&.exists, &:hover{
				.yith-wcwl-add-button > a{
					background: var(--lighten5);
					svg{
						fill: #fff;
						color: #fff;
					}
				}
			}
		}
		
		.item-content{
			row-gap: 5px;
			.woocommerce-loop-product__title{
				font-size: 16px;
				font-weight: 500;
				color: var(--color);
				&:hover{
					color: #000;
				}
			}		
			.star-rating{
				width: 6em;
				font-size: 13px;
				color: #ffd200;
				margin-bottom: 10px;
				&:before{
					content: 'sssss';	
					color: #ccc;
				}
				span:before{
					content: 'sssss';
				}
			}
		}
		&:hover{	
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			z-index: 2;
			box-shadow: 0 0 30px rgba(0, 0, 0, 8%);
			height: ~"calc( 100% + 44px )";
			.item-bottom{
				height: auto;
				opacity: 1;
				transform: translate(0);
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap{				
				.woocommerce-loop-product__title{
					font-size: 16px;
				}
				.star-rating{
					font-size: 13px;
				}
			}	
			&.list2{
				li.product{
					height: auto !important;
					.item-wrap{				
						.item-bottom{
							position: absolute;
							top: auto;
							left: 0;
							right: 0;
							bottom: 0;
							grid-template-columns: 1fr 1fr 1fr;
						}
						.item-content{
							.price{
								margin-bottom: 20px;
							}
						}
						&:hover{
							height: 100%;
							position: static;
						}
					}
				}
			}
		}
	}
}

.product-items-layout38{
	.sale-off, .onsale, &.woocommerce .onsale, .woocommerce .onsale{
		height: 26px;
		line-height: 26px;
		width: auto;
		border-radius: 3px;
		padding: 0 10px;
		font-size: 12px;
		font-weight: 400;
		background: #ff465c;
		color: #fff;
		left:10px !important;
		right: auto !important;
		text-transform: uppercase;
		min-height: unset;
	}
	.product .item-wrap{
		.item-bottom{
			right: 10px;
			top: 10px;
			left: auto;
			a.button{
				background-color: #fff;
				width: 40px;
				height: 40px;
				border-radius: 0;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 1000 1000'%3E%3Cpath d='M810.667 213.333h-597.333l64-85.333h469.333zM929.877 230.059l-127.744-170.325c-8.363-11.136-21.077-17.024-34.133-17.067h-512c-13.909 0-26.283 6.656-34.133 17.067l-127.744 170.325c-1.835 2.389-3.456 4.992-4.736 7.765-2.773 5.845-4.096 12.075-4.053 18.176v597.333c0 35.328 14.379 67.413 37.504 90.496s55.168 37.504 90.496 37.504h597.333c35.328 0 67.413-14.379 90.496-37.504s37.504-55.168 37.504-90.496v-597.333c0-9.344-3.029-18.005-8.064-24.96-0.171-0.213-0.299-0.427-0.469-0.64zM170.667 298.667h682.667v554.667c0 11.776-4.736 22.4-12.501 30.165s-18.389 12.501-30.165 12.501h-597.333c-11.776 0-22.4-4.736-30.165-12.501s-12.501-18.389-12.501-30.165zM640 426.667c0 35.371-14.293 67.285-37.504 90.496s-55.125 37.504-90.496 37.504-67.285-14.293-90.496-37.504-37.504-55.125-37.504-90.496c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667c0 58.88 23.936 112.299 62.464 150.869s91.989 62.464 150.869 62.464 112.299-23.936 150.869-62.464 62.464-91.989 62.464-150.869c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667z' fill='%23111'/%3E%3C/svg%3E");
				&:hover{
					background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 1000 1000'%3E%3Cpath d='M810.667 213.333h-597.333l64-85.333h469.333zM929.877 230.059l-127.744-170.325c-8.363-11.136-21.077-17.024-34.133-17.067h-512c-13.909 0-26.283 6.656-34.133 17.067l-127.744 170.325c-1.835 2.389-3.456 4.992-4.736 7.765-2.773 5.845-4.096 12.075-4.053 18.176v597.333c0 35.328 14.379 67.413 37.504 90.496s55.168 37.504 90.496 37.504h597.333c35.328 0 67.413-14.379 90.496-37.504s37.504-55.168 37.504-90.496v-597.333c0-9.344-3.029-18.005-8.064-24.96-0.171-0.213-0.299-0.427-0.469-0.64zM170.667 298.667h682.667v554.667c0 11.776-4.736 22.4-12.501 30.165s-18.389 12.501-30.165 12.501h-597.333c-11.776 0-22.4-4.736-30.165-12.501s-12.501-18.389-12.501-30.165zM640 426.667c0 35.371-14.293 67.285-37.504 90.496s-55.125 37.504-90.496 37.504-67.285-14.293-90.496-37.504-37.504-55.125-37.504-90.496c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667c0 58.88 23.936 112.299 62.464 150.869s91.989 62.464 150.869 62.464 112.299-23.936 150.869-62.464 62.464-91.989 62.464-150.869c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667z' fill='%23fff'/%3E%3C/svg%3E");
					background-color: #000;
				}
			}
			a.sw-quickview, a.compare{
				order: 2;
			}
			.yith-wcwl-add-to-wishlist{
				order: 1;
			}
		}
		.item-content{
			.woocommerce-loop-product__link .woocommerce-loop-product__title{ font-size:15px;}
			.price{
				color:#000;
			}
		}
	}
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			&.list2{
				li.product .item-content{
					padding:30px 0 0;
					a.button{
						margin:30px 0 0;
						background-color:#000;
						color:#fff; border:0;
						&:hover{
							background-color:var(--color);
						}
					}
				}
			}
		}
	}
}
.product-items-layout41{
	.slick-slider.slick-initialized .slick-slide{
		gap: 0;
	}
	.responsive-slider .slick-arrow{
		width: 40px;
		height: 40px;
		border-radius: 50%;
		box-shadow: 0 0 0 1px #ddd;
		background: #fff;
		left: -20px;
		z-index: 6;
		&.slick-next{
			left: auto;
			right: -20px;
		}
		&:hover{
			background-color: #000;
			box-shadow: 0 0 0 1px #000;
			svg{
				fill: #fff;
			}
		}
	}
	.sale-off, .onsale, &.woocommerce .onsale, .woocommerce .onsale{
		height: 26px;
		line-height: 26px;
		width: auto;
		border-radius: 3px;
		padding: 0 10px;
		font-size: 12px;
		font-weight: 400;
		background: #ff465c;
		color: #fff;
		left:10px !important;
		right: auto !important;
		text-transform: uppercase;
		min-height: unset;
	}
	.responsive-slider .product{
		padding-bottom: 40px;
	}
	.product .item-wrap{
		background: #f7f7f7;
		border-radius: 20px;
		.item-img{
			border-radius: 20px;
		}
		.item-bottom{
			.yith-wcwl-add-to-wishlist{
			.yith-wcwl-add-button{
				>a{
					width: 100%;
					height: 40px;
					background-color: #fff;
					line-height: 40px;
					color: #000;
					border-radius:50%;
					svg.yith-wcwl-icon-svg{					
						font-size: 18px;
						color: #000;
					}					
				}					
			}
			.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse{			
				.feedback{				
					background: var(--color);
					width: 100%;
					height: 40px;
					line-height: 40px;
					color: #fff; border-radius:50%;
					svg.yith-wcwl-icon-svg{
						font-size: 18px;
						fill: #fff;
						color: #fff;
					}
				}
			}
			&.exists, &:hover{
				.yith-wcwl-add-button > a{
					background: var(--color);
					svg{
						fill: #fff;
						color: #fff;
					}
				}
			}
		}
			a.sw-quickview, a.compare{
				width: 40px;
				height: 40px;
				background-color: #fff;
				border-radius: 50%;
				svg{
					fill: #000;
				}
				&:hover, &.added{
					background-color: var(--color);
					svg{
						fill: #fff;
					}
				}
			}
		}
		.item-categories{
			margin-bottom: 13px;
			a{
				font-size: 14px;
			}
		}
		.woocommerce-loop-product__link .woocommerce-loop-product__title{
			font-size: 18px;
			font-weight: 700;		
			max-width: 80%;
			margin: 0 auto 10px;
		}
		.item-content{
			position: relative;
			padding-bottom: 30px;
			transition: transform 0.3s;
			background: #f7f7f7;
			border-radius: 0 0 20px 20px;
			a.button{
				height: 50px;
				visibility: hidden;
				display: flex;
				position: absolute;
				justify-content: center;
				background: #000;
				border-radius: 30px;
				align-items: center;
				color: #fff;
				width: auto;
				top: -70px;
				left: 15px;
				right: 15px;
				transition: height 0.2s;
				text-transform: uppercase;
				gap: 5px;
				&.loading{
					opacity: 0.7;
					&:before{
						position: static;
						border: 3px solid transparent;
						border-top-color: #ffffff;
						border-right-color: #ffffff;
						border-radius: 50%;
						background: none;
						animation: button-loading-spinner 1s ease infinite;
						width: 20px;
						height: 20px;
					}
				}
				&:hover, &.added{
					background-color: var(--color);
				}
			}
		}
		&:hover{
			.item-content{
				transform: translateY( 40px );				
				
				a.button{
					opacity: 1;
					visibility: visible;
				}
			}
		}
	}	
	&.woocommerce{
		ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
			li.product .item-wrap .item-content a.button{
				display: flex;
			}
			&.list2{
				li.product .item-wrap{
					background: none;
					.item-content{
						padding:30px 0 0;
						background: none;
						a.button{
							position: static;
							opacity: 1;
							visibility: visible;
							&:hover{
								background-color:var(--color);
							}
						}
					}
					&:hover{
						.item-content{
							transform: none;
						}
					}
				}
			}
		}
	}
}

.woocommerce{
	ul.products, .elementor-widget-wc-archive-products .woocommerce ul.products{
		&:before, &:after{
			display: none;
		}
		display: grid;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		margin-bottom: 40px;
		&.columns-2{
			grid-template-columns: 1fr 1fr;
		}
		&.columns-3{
			grid-template-columns: repeat(3, 1fr );
		}
		&.columns-4{
			grid-template-columns: repeat(4, 1fr);
		}
		&.columns-5{
			grid-template-columns: repeat(5, 1fr);
		}
		&.columns-6{
			grid-template-columns: repeat(6, 1fr);
		}
		&:before, &:after{
			display: none;
		}
		li.product{
			.item-wrap{
				.item-img a img{
					margin-bottom: 0;
				}
				.woocommerce-loop-product__title{
					font-size: 14px;
					padding: 0;
					margin-bottom: 10px;
				}
				.item-content a.button{
					display: none;
					margin: 0;
				}
			}
		}
		&.list2{
			grid-template-columns: 100% !important;
			li.product{
				.item-wrap{
					padding: 20px;
					border: 1px solid #eee;
					border-radius: 5px;
					display: grid;
					grid-template-columns: 300px 1fr;
					grid-column-gap: 30px;
					background: none;
					.item-img{
						margin-bottom: 0;
					}					
					.item-bottom a.button{
						display: none;
					}
					.item-description{
						display: block;
						margin-bottom: 15px;
						line-height: 22px;
					}
				}
				.item-content{
					text-align: start;
					display: block;
					.woocommerce-loop-product__title{
						font-size: 18px;
						font-weight: 700;
					}
					.price{
						justify-content: flex-start;
					}
					a.button{
						display: inline-block;
						width: auto;
						border: 1px solid #000;
						color: #000;
						background: #fff;
						padding: 15px 40px;
						font-weight: 400;
						transition: all 0.2s;
						text-transform: uppercase;
						border-radius: 0;
						font-size: 16px;
						margin:20px 0 0;
						&.loading{
							height:auto;
							&:before{
								background-color:transparent;
							}
							&:after{
								content:'';
							}
						}
						&:hover{
							background-color: var(--color);
							color: #fff;
							border-color: var(--color);
							
						}
					}
				}
			}
		}
	}
}
@import "product_listing_nghia.less";
.products-wrapper{
	padding: 35px 0;
	.products-nav {
		text-align:center;
		display: inline-block;
		width: 100%;
		vertical-align: top;
		margin-bottom: 20px;
		&:last-child .sw-filter-button{
			display:block;
		}
		.view-top {
			margin-bottom: 12px;
			padding-bottom: 12px;
			border-bottom: 1px solid #dddddd;
		}
		.woocommerce-result-count{
			line-height:33px; color:@body-color; font-weight:400; float:left;
		}
		.view-mode-wrap {
			//display:none;
			margin-left:20px;
			.view-mode {
				display: grid;
				grid-template-columns: 36px 36px;
				grid-column-gap: 5px;
				align-items: center;
				>a {
					position: relative;
					width: 34px;
					height: 34px;					
					border:1px solid #fff;
					border-radius:50%;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 16px;
					svg{
						display: inline-block;
						vertical-align: top;
						width: 1em;
						height: 1em;
					}
					&.active, &:hover{
						border-color: var(--color);
						svg{
							fill: var(--color);
						}
					}
				}
			}
		}	/* end .view-mode-wrap */

		.catalog-ordering {
			display:inline-block;
			position:relative;
			z-index:1;
			float:right; margin-left:10px;
			ul{
				list-style: none;
			}
			.orderby-order-container {
				.show-product {
					line-height: 32px;
					margin: 0;	
					color:#222; font-size:14px; text-transform:capitalize;font-weight: 700;
					margin-right:10px;
				}
				.sort-count {
					min-width: 65px;
				}					
				.order-dropdown {
					margin: 0;
					background-color: #f9f9f9;
					list-style-type: none;
					text-align:left;
					.rtl &{
						text-align:right;
					}
					>li {
						position: relative;
						z-index: 4;
						cursor: pointer;
						.current-li {
							line-height: 32px;
							display: block;
							border: 0;
							padding:0 25px 0 10px;
							a {
								display: block;
								position: relative;
								font-size:14px;
								color:@body-color;
								//text-indent:21px;
								float:left; margin-right:10px;
							}
							> span{
								font-size:14px;
								color:@body-color;
								&:after {
									font-family: 'Font Awesome 5 Free';font-weight:700;
									content: "\f0d7";
									font-size: 14px;
									width: 10px;
									line-height: 32px;
									text-align: center;
									position: absolute;
									right: 7px;
									top: 0px;
									text-indent: initial;
									.rtl & {
										right: auto;
										left: 0;
									}
								}
							}
						}
						>ul {
							opacity:0;
							transform: translateY(-40px);
							position:absolute;
							top:32px; left:-15px;
							transition: all .3s;
							border:1px solid #ededed;
							background-color: #fff;
							width: 96px;
							visibility: hidden;
							>li {
								line-height: 34px;
								a {
									display: block;
									font-size:14px; color:@body-color;
									padding:0;
									position:relative;
									text-align:center;
								}
								&:last-child a{
									&:before{ width:0; }
								}
								&.current a, &:hover a{
									color:var(--color);
								}
							}
						}
						&:hover {
							>ul {
								opacity:1;
								transform: translateY(0px);
								visibility: visible;
							}
						}
					}
				}
			}
		}	/* end .catalog-ordering */
		.product-sortby{
			.sort-by{
				font-weight:700;
				margin-right:15px;
				position:relative; color:@body-color; line-height:34px;
				.rtl &{
					margin-right:0; margin-left:15px;
					&:before{ left:-15px; right:auto; }
				}
			}
		}
		form.woocommerce-ordering{
			float: right;
			margin: 0 10px 0 0;
			.rtl &{
				float:left;
				margin:0 0 0 10px;
			}
			select.orderby{
				height: 34px;
				padding: 0 10px;
				-webkit-appearance: listbox;
				appearance: listbox;
				-ms-appearance: listbox;
				border-color: transparent;
				border-radius: 0;
				background-color:#f9f9f9;
			}
		}
	}	/* end .product-nav */

	.woocommerce-pagination {
		.note {
			line-height: 40px;
			padding: 0 15px;
		}
		.page-numbers {
			margin: 0;
			vertical-align: top;
			background-color: #fff;
			border:0;
			>li {
				float: left;
				border:0;
				margin:0 4px;
				.rtl & {
					float: right;
				}
				.page-numbers {
					width: 40px;
					height: 40px;
					line-height: 38px;
					border:1px solid #ededed;
					display: block; font-size:14px;
					padding: 0;
					color:#999;
					.transition(all .5s);
					&.current,&:hover {
						background-color: var(--color); border:1px solid var(--color);
						color: #fff;
						.transition(all .5s);
					}
					&.prev, &.next {
						font-size: 0;
						&:before {
							font-family: 'Font Awesome 5 Free';font-weight:700;
							font-size: 14px;							
						}
					}
					&.prev {
						&:before {
							content: "\f104";	
							.rtl & {
								content: "\f105";	
							}						
						}
					}
					&.next {
						&:before {
							content: "\f105";	
							.rtl & {
								content: "\f104";	
							}						
						}
					}
				}
			}
		}
	}
}	/* end .products-wrapper */


/* =================================================== */
/* List SubCategories ================================ */
.product-categories-listing{
	list-style: none;
	display: grid;
	margin: 0 0 30px;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	&:empty{
		margin: 0;
	}
	&.col-cat-2{
		grid-template-columns: repeat(2, 1fr );
	}
	&.col-cat-3{
		grid-template-columns: repeat(3, 1fr );
	}
	&.col-cat-4{
		grid-template-columns: repeat(4, 1fr );
	}
	&.col-cat-5{
		grid-template-columns: repeat(5, 1fr );
	}
	&.col-cat-6{
		grid-template-columns: repeat(6, 1fr );
	}
	> li.product-category{
		a img{
			margin-bottom: 10px;
		}
		h2.woocommerce-loop-category__title{
			font-size: 14px;
			color: var(--content-color);
			margin-bottom: 0;
			text-align: center;
			font-weight: 500;
			mark{
				background: none;
				color: var(--content-color);
			}
		}
		&:hover{
			h2.woocommerce-loop-category__title{
				color: var(--color);
				mark{
					color: var(--color);
				}
			}
		}
	}
}
.sidebar .widget_layered_nav{
	border:1px solid @border-color;
	margin-bottom:0; border-bottom:0;
	.block-title-widget{
		h2{
			font-size: 14px; text-transform: capitalize; color: @body-color; border-bottom: 0;
			font-weight: 700; margin-bottom:10px; padding:10px 0;
		}
	}
}
.widget_price_filter{
	border:1px solid @border-color;
	padding:0 0px 20px;
	margin-bottom:0 !important; border-bottom:0;
	.price_slider_wrapper{
		padding:0 20px;
	}
	.block-title-widget{
		h2{
			font-size: 14px; text-transform: capitalize; color: @body-color; border-bottom: 0;
			font-weight: 700; margin-bottom:10px; padding:30px 20px 0;
		}
	}
}
.elementor-products-grid .pagination-ajax{ display:none; }
.woocommerce .product-countdown{
	padding: 10px 0 20px;
	text-align: left;
	.countdown-row{
		.flex-display(flex);
		.justify-content(center);
		.countdown-section{
			padding:0;
			display:inline-block;
			width:50px; height:48px; background-color:#fff;
			border:1px solid #ddd; border-radius:3px; margin-right:6px;
			.countdown-amount{
				font-size:18px; color:@body-color;
				text-align: center;
				display: block;
				margin-top: 5px; font-weight:500;
			}
			.countdown-period{
				text-transform: uppercase;
				font-size: 11px; color:#999;
				text-transform:uppercase;
				display:block; text-align:center; font-weight:400;
			}
		}
	}
}
.home-style1 .product-countdown .countdown-row .countdown-section{
	border:0 !important;
}
.rtl.woocommerce .product-countdown .countdown-row .countdown-section{
	margin-left:14px; margin-right:0;
}
.woocommerce.single-product .product-countdown{
	padding: 5px 0 30px;
	.countdown-row{
		.justify-content( flex-start );
	}
}
.woocommerce nav.woocommerce-pagination{
	float: none !important;
	margin:20px 0 60px;
}

.sw-filter-button {
    color: #222;
    float: left;
    height: 34px;
    padding: 0 15px 0 35px;
    background-color: #fff;
    line-height: 34px;
	border:1px solid #222;
    margin: 0 35px 0 0;
	font-size:11px; text-transform:uppercase;
	position:relative; letter-spacing:0.1rem;
	&:hover{
		color:var(--color);border:1px solid var(--color); background-color:#fff;
		i:before{
			background-color:var(--color);
		}
	}
	i{
		position:absolute;
		left:1px; top:9px;
		&:before{
			width:13px; height:13px; display:inline-block;
			content:'';
			-webkit-mask: url(../assets/img/settings.svg) no-repeat 50% 50%;
			mask: url(../assets/img/settings.svg) no-repeat 50% 50%;
			-webkit-mask-size: 13px;
			mask-size: 13px;
			background-color:#000;
		}
	}
    &.off {
		color:var(--color); border:1px solid var(--color); background-color:#fff;
        i {
			top:11px;
			&:before{
				width:11px; height:11px; display:inline-block;
				content:'';
				-webkit-mask: url(../assets/img/close.svg) no-repeat 50% 50%;
				mask: url(../assets/img/close.svg) no-repeat 50% 50%;
				-webkit-mask-size: 11px;
				mask-size: 11px;
				background-color:var(--color);
			}
        }
		&:hover{
			i:before {
				background-color:var(--color);
			}
		}
    }

    .rtl & {
        float: right;
        margin: 0 0 0 35px;
    }

    @media (max-width: 480px) {
        padding: 0 10px;
    }

    i {
        padding: 0 0 0 10px;

        .rtl & {
            padding: 0 10px 0 0;
        }
    }
}


.filter-content {

    position: relative;
    transition: all 0.3s;
    display: block;
    line-height: 30px;

    form {
        display: inline-block;

        .price_slider_wrapper .ui-slider {
            margin-top: 10px;
        }
    }

    .widget-inner h3 {
        margin-bottom: 20px;
    }

    .price_slider_wrapper .price_label {
        //font-size: 0;

        >span {
            padding: 0 5px;
        }
    }

    ul {
        margin: 0;
        list-style: none;
    }

    h3 {
        text-transform: capitalize;
        font-size: 14.22px;
        color: @body-color;
        font-weight: 400;
        margin: 0;
    }

    @media (max-width: 991px) {
        display: block;
    }



    .woocommerce-widget-layered-nav-list li.woocommerce-widget-layered-nav-list__item a {
        color: @body-color;
    }

    .widget_rating_filter {
        ul li .star-rating {
            margin: 10px 0 0;
        }

        .widget-inner ul li span {
            color: var(--color);
        }
    }

}
.rtl .elementor-widget-post-info .elementor-post-info .elementor-icon-list-icon{ margin-left:10px; }
.products-wrapper>.view-mode-wrap {
    display: none;
}
.pagination-ajax{
	text-align:center;
	.button-ajax{
		display: inline-block; border: 1px @border-color solid;text-align:center; border-radius: 50px;
		width:100px; height:100px; font-size:12px; color:#000; text-transform:uppercase;
		margin: 20px auto 60px; background: #fff; .transition(all 0.3s); font-weight:700;
		&:hover{
			background: #fff; .transition(all 0.3s); color: var(--color);
			border:1px solid var(--color);
		}
		&:before{
			content: attr(data-title);
		}
		&.loading{
		 -webkit-animation: spin 1s linear infinite; /* Safari */
			animation: spin 1s linear infinite;
			border-top: 1px solid var(--color);
			&:before{
				content: "";
				background:none;
			}
		}
		&.loaded{
			&:before{
				content: attr(data-loaded);
			}
		}
	}
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width: 1366px) {
	.product-items-layout41	.responsive-slider .slick-arrow{
		left: 0;
		&.slick-next{
			left: auto;
			right: 0;
		}
	}
}
@media (max-width: 991px) {
	.products-wrapper .products-loop.list2 .item .item-wrap .item-detail .item-content{
		padding:30px 20px 0 20px !important;
		text-align:left;
		.rtl &{
			text-align:right;
		}
		h4{ 
			width:100%;
			a{ font-size:18px;}
		}
		.reviews-content{
		}
		.item-price{
			clear:none;
			float:none !important;
			display:block; margin-top:0;
		}
		.item-description{
			clear:none; float:none; width:100%; 
		}
		.item-bottom{
			float:left; margin:20px 0;
			.rtl &{ float:right; }
		}
	}
}

@import "product_detail";
@import "update_pagechil";

.aslq-product-buttons{
	height: 20px;
    display: inline-block;
    width: 100%;
	margin: 28px 0 0;
	.aslq-qty{
		display: inline-block;
	}
	.quantity_input_wrapper{
		display: inline-block !important;
	}
}


	.item{
		>div{
			&:not(.item-wrap16 ){
			form.cart{
				flex-direction: row-reverse;
				align-items: center;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				margin: 5px 0 0 !important;
				.quantity{
					margin: 0 10px !important;
				}
			}
		}
	}
	}

.item-bottom form.cart{

	width: 100%;
	display: inline-block;
	.screen-reader-text{
		display: none;
	}
	.input-text{
		width: 40px;
		text-align: center;
	}
	.quantity{
		width: 80px;
		height: 20px;
		margin: 10px 0 0;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		float: left;
		&::before{
			display: none;
		}
		.minus{
			position: absolute;
			width: 20px;
			height: 20px;
			border-radius: 50%;
			left: 0;
			margin: 0;
			border: 1px solid #dedede;
			background-color: transparent;
			color: #999;
		    padding: 0 0 2px 0;
			text-align: center;
			line-height: 17px;
			&:hover{
				color: #fff;
				background-color: var(--color);
			}
		}
		.input-text{
			position: absolute;
			width: 30px;
			margin: 0;
			left: 20px;
			border: none;
			text-align: center;
			color: #000;
			font-size: 12px;
			line-height: 20px;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-o-border-radius: 0;
			-ms-border-radius: 0;
			-moz-appearance: textfield;
			height: auto;
			background-color: transparent;
		}
		.plus{
			position: absolute;
			width: 20px;
			height: 20px;
			border-radius: 50%;
			right: 0;
			margin: 0;
			border: 1px solid #dedede;
			background-color: transparent;
			color: #999;
			padding: 0 0 2px 0;
			text-align: center;
			line-height: 17px;
			&:hover{
				color: #fff;
				background-color: var(--color);
			}
		}
	}
}
.shop-with-flters .woocommerce-pagination{display:none;}
.style-watch-home42{
	.products-loop >li .item-wrap .item-detail .sw-variation-wrapper{
		margin:0;
		position:absolute;
		left:20px;
		bottom:30px;
		.sw-custom-variation{
			margin:0;
			.sw-radio-variation{
				background-color:#fff;
				color:#272727; margin:0 2px;
				span:after{
					border:0;
				}
				&.selected span{
					background-color:#222; color:#fff;
				}
			}
		}
	}
}
.style-watch-home42 .products-loop.list2 .item .item-wrap .item-detail .sw-variation-wrapper{
	margin:0;
}
@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}