ul.product-list
{
	display: grid;
    width: 100%;
    row-gap: 20px;
    column-gap: 20px;	
	float: left;
	width: 100%;
	margin-top: 20px;
	transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}

ul.product-list[data-grid-cols="3"]
{
    grid-template-columns: repeat(6, 1fr);
}

ul.product-list[data-grid-cols="4"]
{
    grid-template-columns: repeat(8, 1fr);
}

ul.product-list.active
{
	opacity: 1 !important;
}

	.product-card
	{
		grid-column: span 2;
		position: relative;
		list-style-type: none;
		float: left;
		width: 100%;
		height: 535px;
		border: 1px solid #eee;
		box-sizing: border-box;
		border-radius: 5px;
		background: #fff;
		overflow: hidden;
	}
	
	.product-card.grayscale
	{
		opacity: 0.5;
	}
	
	.product-card.list
	{
		grid-column: span 3;
		width: 100%;
		height: 250px;
	}

		.product-card:hover div.settings_menu
		{
			display: block;
		}

			div.product-actions
			{
				position: absolute;
				top: 10px;
				left: 0px;
				z-index: 1;
			}
			
				div.product-actions span.action
				{
					position: relative;
					float: left;
					display: block;
					line-height: 24px;
					padding: 0px 5px 0px 15px;
					font-size: 10px;
					font-weight: 100;
					text-transform: uppercase;
					color: #fff;
				}
				
				div.product-actions span.action:first-child
				{
					padding: 0px 5px;
				}
				
					div.product-actions span.action:before
					{
						position: absolute;
						content: '';
						top: 0px;
						left: 100%;
						border: 12px solid transparent;
						border-left: none;
						z-index: 1;
					}
					
					
				div.product-actions span.action.best
				{
					background: #c52c2c;
				}
				
					div.product-actions span.action.best:before
					{
						border-top: 12px solid #c52c2c;
						border-bottom: 12px solid #c52c2c;
					}
				
				div.product-actions span.action.new
				{
					background: #31b404;
				}
				
					div.product-actions span.action.new:before
					{
						border-top: 12px solid #31b404;
						border-bottom: 12px solid #31b404;
					}
				
				div.product-actions span.action.discount
				{
					background: #ff3b3b;
				}
				
					div.product-actions span.action.discount:before
					{
						border-top: 12px solid #ff3b3b;
						border-bottom: 12px solid #ff3b3b;
					}
				
				div.product-actions span.action.empty
				{
					background: #969696;
				}
		
					div.product-actions span.action.empty:before
					{
						border-top: 12px solid #969696;
						border-bottom: 12px solid #969696;
					}
					
				div.product-actions span.action.negative-balance
				{
					background: #37abe3;
				}
		
					div.product-actions span.action.negative-balance:before
					{
						border-top: 12px solid #37abe3;
						border-bottom: 12px solid #37abe3;
					}
		
		.product-card table
		{
			border-collapse: collapse;
			width: 100%;
			height: 100%;
		}
		
			td.product-img
			{
				width: 100%;
				height: 270px;
			}
			
			td.product-img.list
			{
				width: 150px;
				height: 100%;
				vertical-align: bottom;
			}
			
				div.product-img-block
				{
					position: relative;
					width: 100%;
					height: 100%;
					padding: 10px;
					box-sizing: border-box;
				}
				
				td.product-img a
				{
					position: relative;
					display: block;
					height: 270px;
				}
				
					img.lazy-product
					{
						position: absolute;
						top: 0px;
						left: 0px;
						width: 100%;
						height: 100%;
						object-fit: cover;
						opacity: 1;
						transition: 0.5s;
						-o-transition: 0.5s;
						-webkit-transition: 0.5s;
					}
					
						i.product-img-slider-nav
						{
							position: absolute;
							top: 0px;
							height: 100%;
							font-size: 20px;
							padding: 0px 10px;
							display: flex;
							justify-content: center;
							flex-direction: column;
							color: var(--color-main);
							cursor: pointer;
						}
						
						i.product-img-slider-nav.prev
						{
							left: 0px;
						}
						
						i.product-img-slider-nav.next
						{
							right: 0px;
						}
					
				td.product-img.list a
				{
					height: 100%;
				}
				
				div.product-action
				{
					position: absolute;
					bottom: 0px;
					width: 100%;
					font-size: 12px;
					line-height: 16px;
					text-align: center;
					padding: 5px 10px;
					box-sizing: border-box;
					background: rgba(255, 255, 255, 0.8);
				}
				
					div.product-action-wrap
					{
						float: left;
						width: 100%;
					}
					
					div.product-delivery-wrap
					{
						float: left;
						width: 100%;
					}
				
					span.action-countdown
					{
						color: #ff6666;
						font-weight: 700;
						margin-left: 10px;
					}
					
					span.delivery-countdown
					{
						color: #31b404;
						font-weight: 700;
						margin-left: 10px;
					}
				
			td.product-feedback
			{
				height: 20px;
				padding: 10px;
			}
			
				div.star-wrap
				{
					float: left;
				}

					i.feedback-star
					{
						float: left;
						font-size: 18px;
						color: #aaa;
						cursor: pointer;
					}
					
					i.feedback-star.l
					{
						font-size: 22px;
					}
					
					i.feedback-star.active
					{
						color: #f7ca18;
					}

				div.form-star-wrap
				{
					float: left;
					width: 100%;
				}
				
					i.form-star
					{
						font-size: 40px;
						color: #aaa;
						cursor: pointer;
					}
					
					i.form-star.hover
					{
						color: #f7ca18;
					}
					
					i.form-star.active
					{
						color: #f7ca18;
					}
				
				div.comment-wrap
				{
					float: right;
					cursor: pointer;
				}
			
					i.feedback-comment
					{
						font-size: 18px;
						color: var(--color-main);
						float: left;
						margin-right: 5px;
					}
					
					span.feedback-qty
					{
						line-height: 18px;
						color: #000;
						float: left;
					}
			
			td.product-name
			{
				height: 40px;
				text-align: center;
				padding: 0px 10px;
			}
			
			td.product-name.list
			{
				text-align: left;
			}
			
				td.product-name a
				{
					color: #000;
					font-size: 13px;
					line-height: 20px;
					font-weight: 600;
				}
			
			td.product-availability
			{
				height: 16px;
				text-align: center;
				font-size: 14px;
				font-weight: 600;
				line-height: 16px;
				padding: 5px 10px;
			}
			
			td.product-availability.list
			{
				text-align: left;
			}
			
				span.product-availability.red
				{
					color: #ff3b3b;
				}
				
				span.product-availability.grey
				{
					color: #969696;
				}
				
				span.product-availability.green
				{
					color: #31b404;
				}
				
				span.product-qty
				{
					color: #f00;
				}
				
				span.product-qty.blue
				{
					color: #2980b9;
				}
				
				span.product-qty.small
				{
					font-size: 12px;
				}
			
				span.product-barcode
				{
					display: block;
				}
			
			td.product-barcode
			{
				height: 16px;
				text-align: center;
				font-size: 14px;
				font-weight: 100;
				line-height: 16px;
				color: #000;
				padding: 5px 10px;
			}
			
			td.product-barcode.list
			{
				text-align: left;
			}
			
			td.product-price
			{
				height: 50px;
				font-size: 30px;
				line-height: 50px;
				font-weight: 400;
				text-align: center;
				color: #000;
				padding: 0px 10px;
			}
			
				td.product-price font.currency
				{
					font-size: 14px;
				}
			
			td.product-price.action
			{
				font-size: 36px;
				color: #ff3b3b;
			}
			
				span.old-price
				{
					position: relative;
					font-size: 16px;
					line-height: 20px;
					color: #000;
					vertical-align: super;
				}
			
				span.old-price:after
				{
					position: absolute;
					content: '';
					top: 50%;
					width: 100%;
					left: 0px;
					border-top: 1px solid #ff3b3b;
				}
				
					span.old-price font.currency
					{
						font-size: 12px;
					}
				
			td.product-price.list
			{
				text-align: left;
			}
			
				font.currency
				{
					line-height: 8px;
					margin-left: 2px;
				}
			
			td.product-buttons
			{
				vertical-align: bottom;
				padding: 10px;
			}
			
			td.product-buttons.list
			{
			}
			
				.cart-button
				{
					display: flex;
					justify-content: center;
					align-items: center;
					background: var(--color-main);
					color: #fff;
					border-radius: 3px;
					cursor: pointer;
					transition: 0.2s;
					-o-transition: 0.2s;
					-webkit-transition: 0.2s;
				}
				
				.cart-button.btn-card
				{
					padding: 8px 0px;
				}
				
					.cart-button i
					{
						font-size: 18px;
						margin-right: 5px;
					}
					
					.cart-button span
					{
						font-size: 16px;
						line-height: 20px;
					}
					
				.cart-button.active
				{
					background: var(--color-main-dark);
				}
				
				.cart-button.active:hover
				{
					background: var(--color-main);
				}
				
				.cart-button:hover
				{
					background: var(--color-main-dark);
				}
				
	div.product-card-small
	{
		grid-column: span 3;
		position: relative;
		display: table;
		float: left;
		width: 100%;
		height: 130px;
		padding: 10px;
		border: 1px solid #eee;
		box-sizing: border-box;
		border-radius: 5px;
		box-sizing: border-box;
		background: #fff;
	}
	
	div.product-card-small:nth-child(2n)
	{
		float: right;
	}

	div.product-card-small.grayscale
	{
		opacity: 0.5;
	}
	
		div.product-actions-small
		{
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 1;
		}
		
			div.product-actions-small span.action
			{
				position: relative;
				float: left;
				display: block;
				line-height: 14px;
				padding: 0px 5px 0px 10px;
				font-size: 10px;
				font-weight: 100;
				text-transform: uppercase;
				color: #fff;
			}
			
			div.product-actions-small span.action:first-child
			{
				padding: 0px 5px;
			}
			
				div.product-actions-small span.action:before
				{
					position: absolute;
					content: '';
					top: 0px;
					left: 100%;
					border: 7px solid transparent;
					border-left: none;
					border-bottom: none;
					z-index: 1;
				}
				
				
			div.product-actions-small span.action.best
			{
				background: #c52c2c;
			}
			
				div.product-actions-small span.action.best:before
				{
					border-top: 14px solid #c52c2c;
				}
			
			div.product-actions-small span.action.new
			{
				background: #31b404;
			}
			
				div.product-actions-small span.action.new:before
				{
					border-top: 14px solid #31b404;
				}
			
			div.product-actions-small span.action.discount
			{
				background: #ff3b3b;
			}
			
				div.product-actions-small span.action.discount:before
				{
					border-top: 14px solid #ff3b3b;
				}
			
			div.product-actions-small span.action.empty
			{
				background: #969696;
			}
	
				div.product-actions-small span.action.empty:before
				{
					border-top: 14px solid #969696;
				}
				
			div.product-actions-small span.action.negative-balance
			{
				background: #37abe3;
			}
	
				div.product-actions-small span.action.negative-balance:before
				{
					border-top: 14px solid #37abe3;
				}
				
		div.product-action-small
		{
			position: absolute;
			width: 100%;
			top: 0px;
			right: 0px;
			padding: 0px 5px;
			box-sizing: border-box;
			background: #eee;
			text-align: right;
		}
		
			div.product-action-small span
			{
				display: inline-block;
				font-size: 12px;
				line-height: 14px;
			}

		div.product-cell
		{
			display: table-cell;
			vertical-align: top;
			height: 100px;
		}
		
		div.product-cell.img
		{
			width: 100px;
		}

			div.product-cell.img a
			{
				position: relative;
				display: block;
				height: 100%;
			}
			
		div.product-cell.info
		{
			padding: 0px 10px;
		}
		
			div.product-cell-wrap
			{
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 100%;
			}
			
				a.product-name
				{
					font-weight: 700;
					color: #000;
				}

		div.product-cell.commerce
		{
			width: 120px;
		}
		
			div.product-price-small
			{
				font-size: 16px;
				font-weight: 700;
				text-align: right;
			}
			
				div.product-price-small font.currency
				{
					font-size: 12px;
				}
				
			div.product-price-small.action
			{
				color: #ff3b3b;
			}
			
				span.old-price-small
				{
					position: relative;
					font-size: 12px;
					line-height: 20px;
					color: #000;
					vertical-align: super;
					font-weight: 600;
				}
				
					span.old-price-small:after
					{
						position: absolute;
						content: '';
						top: 50%;
						width: 100%;
						left: 0px;
						border-top: 1px solid #ff3b3b;
					}
			
			div.product-line.btns
			{
				text-align: right;
			}
			
				i.cart-button-small
				{
					font-size: 18px;
					color: #fff;
					display: inline-block;
					background: var(--color-main);
					margin-left: 3px;
					padding: 10px;
					cursor: pointer;
					transition: 0.2s;
					-o-transition: 0.2s;
					-webkit-transition: 0.2s;
				}
				
				i.cart-button-small:first-child
				{
					margin: 0px;
				}
				
				i.cart-button-small.active,
				i.cart-button-small:hover
				{
					background: var(--color-main-dark);
				}
			
	div.products-list
	{
		position: relative;
		float: left;
		width: 100%;
		margin-top: 20px;
		padding-bottom: 36px;
		overflow: hidden;
	}
		
	div.stock-slider
	{
		margin: 0px 10px;
	}