/* Produtc */
#wrapper .store-product { overflow: hidden; }

/* Item */
#wrapper .store-product-item
{
	height: 100%;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 0;
}

#wrapper .store-product.catalog-mode .store-product-item { padding-bottom: 10px; }

/* Image */
#wrapper .store-product-item-image
{
	max-width: 100%;
	margin: 0;
	overflow: hidden;
}

/* Name */
#wrapper .store-product-item-name
{
	font-size: 1em;
	font-weight: bold;
	color: #000;
}

/* Price */
#wrapper .store-product-item .store-price
{
	margin-top: 5px;
	font-size: 1.15em;
	font-weight: 700;
	color: var(--theme-light-color);
}

[dir="rtl"] #wrapper .store-product-item .store-price small { margin-right: 5px; }
[dir="ltr"] #wrapper .store-product-item .store-price small { margin-left: 5px; }

/* Price discount */
#wrapper .store-product-item .store-price .store-discount
{
	font-size: .75em;
	color: #b4b4b4;
}

/* Price currency */
#wrapper .store-product-item .store-price .store-currency { color: var(--theme-light-color); }

/* Discount */
#wrapper .store-product-item-discount
{
	width: auto;
	min-width: 40px;
	height: 30px;
	position: absolute;
	top: 15px;
	font-size: 1.3em;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background-color: var(--theme-color);
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

[dir="rtl"] #wrapper .store-product-item-discount { left: 5px; }
[dir="ltr"] #wrapper .store-product-item-discount { right: 5px; }

#wrapper .store-product-item-discount:before
{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -9px;
	left: 0;
	border-right: 20px solid transparent;
	border-bottom: 10px solid var(--theme-color);
	border-left: 20px solid transparent;
}

#wrapper .store-product-item-discount:after
{
	content: "";
	width: 4px;
	height: 4px;
	position: absolute;
	top: -5px;
	left: 50%;
	background-color: #fff;
	border-radius: 5px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#wrapper .store-product-item-discount small
{
	opacity: .6;
	margin-top: 2px;
	font-size: .5em;
	line-height: 30px;
}

[dir="rtl"] #wrapper .store-product-item-discount small { margin-right: 2px; }
[dir="ltr"] #wrapper .store-product-item-discount small { margin-left: 2px; }

/* Stock */
#wrapper .store-product-item-stock
{
	width: auto;
	padding: 0 10px;
	position: absolute;
	top: 5px;
	font-size: .7em;
	font-weight: 600;
	line-height: 22px;
	border: 1px solid transparent;
	border-radius: 5px;
}

#wrapper .store-product-item-in-stock
{
	color: #fff;
	background-color: var(--theme-light-color);
	border-color: var(--theme-light-color);
}

#wrapper .store-product-item-out-of-stock
{
	color: #fff;
	background-color: #ababab;
}

[dir="rtl"] #wrapper .store-product-item-stock { left: 5px; }
[dir="ltr"] #wrapper .store-product-item-stock { right: 5px; }

/* Attributes */
#wrapper .store-product-item .store-product-attributes { margin-top: 10px; }

#wrapper .store-product-item .store-product-attribute
{
	font-size: .8em;
	line-height: 24px;
	color: #444;
}

#wrapper .store-product-item .store-product-attribute-label, #wrapper .store-product-item .store-product-attribute-value
{
	margin-top: 0;
	margin-bottom: 0;
}

/* Store color */
#wrapper .store-product-attribute .store-color
{
	width: 20px;
	height: 20px;
}

[dir="rtl"] #wrapper .store-product-attribute .store-color { margin-left: 5px; }
[dir="ltr"] #wrapper .store-product-attribute .store-color { margin-right: 5px; }

/* Parent cart */
#wrapper .store-add-to-cart-parent { pointer-events: none; }

#wrapper .store-product .store-add-to-cart-parent
{
	width: 100%;
	margin-top: 10px;
}

/* Cart */
#wrapper .store-add-to-cart, #wrapper .store-go-to-cart
{
	pointer-events: all;
	width: auto;
	max-width: 100%;
	height: 40px;
	padding: 0 10px;
	color: #fff;
	background-color: var(--theme-light-color);
	border-radius: 5px;
}

#wrapper .store-go-to-cart
{
	color: var(--theme-light-color);
	background-color: #fff;
	border: 2px solid var(--theme-light-color);
}

#wrapper .store-add-to-cart, #wrapper .store-go-to-cart.in-cart { display: flex; }
#wrapper .store-add-to-cart.in-cart, #wrapper .store-go-to-cart { display: none; }

#wrapper .store-add-to-cart span, #wrapper .store-go-to-cart span
{
	font-size: 1.15em;
	line-height: 20px;
}

#wrapper .store-add-to-cart span + div, #wrapper .store-go-to-cart span + div
{
	margin-top: 2px;
	font-size: .9em;
	font-weight: 700;
	line-height: 20px;
}

/* Cart change */
#wrapper .store-add-to-cart-change
{
	width: auto;
	max-width: 100%;
}

#wrapper .store-add-to-cart-parent:not(.in-cart) .store-add-to-cart-change { display: none; }

#wrapper .store-add-to-cart-change-btn
{
	display: flex;
	pointer-events: all;
	width: 40px;
	height: 40px;
	min-height: 30px;
	padding: 0;
	font-size: 1.15em;
	line-height: 30px;
	color: var(--theme-light-color);
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 8px;
}

/* #wrapper .store-product .store-add-to-cart-change-btn { margin-top: 10px; } */
#wrapper .store-add-to-cart-change-btn[disabled] { color: #9e9e9e; }

[dir="rtl"] #wrapper .store-increase-number-cart, [dir="ltr"] #wrapper .store-decrease-number-cart
{
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

[dir="ltr"] #wrapper .store-increase-number-cart, [dir="rtl"] #wrapper .store-decrease-number-cart
{
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#wrapper .store-add-to-cart-change-btn span
{
	margin: 0;
	line-height: 20px;
}

#wrapper .store-add-to-cart-number
{
	cursor: default;
	pointer-events: all;
	width: 40px;
	height: 40px;
	line-height: 30px;
	color: var(--theme-light-color);
	background-color: #fff;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

/* #wrapper .store-product .store-add-to-cart-number { margin-top: 10px; } */

/* Price range */
#wrapper .store-product-range { color: #666; }

/* Change price */
#wrapper .store-change-price
{
	cursor: default;
	width: auto;
	padding: 0 10px;
	line-height: 30px;
	color: #222;
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 8px;
}

#wrapper .store-change-price.btn { cursor: pointer; }
[dir="rtl"] #wrapper .store-change-price { margin-left: 5px; }
[dir="ltr"] #wrapper .store-change-price { margin-right: 5px; }
[dir="rtl"] #wrapper .store-change-price:last-child { margin-left: 0; }
[dir="ltr"] #wrapper .store-change-price:last-child { margin-right: 0; }

/* Cart remove, Cart save in next, Cart save in cart */
#wrapper .store-remove-from-cart, #wrapper .store-save-in-next, #wrapper .store-save-in-cart
{
	display: flex;
	pointer-events: all;
	width: auto;
	height: 40px;
	line-height: 30px;
	color: #222;
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 8px;
}

/* #wrapper .store-product .store-remove-from-cart, #wrapper .store-product .store-save-in-next, #wrapper .store-product .store-save-in-cart { margin-top: 10px; } */
[dir="rtl"] #wrapper .store-decrease-number-cart ~ .store-remove-from-cart { margin-right: 10px; }
[dir="ltr"] #wrapper .store-decrease-number-cart ~ .store-remove-from-cart { margin-left: 10px; }

#wrapper .store-remove-from-cart span
{
	font-size: 1.15em;
	line-height: 20px;
	color: #f44336;
}

#wrapper .store-save-in-next span, #wrapper .store-save-in-cart span
{
	font-size: .8em;
	line-height: 20px;
	color: #1565C0;
}

#wrapper .store-remove-from-cart span + div, #wrapper .store-save-in-next span + div, #wrapper .store-save-in-cart span + div
{
	margin-top: 2px;
	font-size: .8em;
	line-height: 20px;
}

/* Cart message */
#wrapper .store-add-to-cart-message
{
	cursor: default;
	pointer-events: none;
	width: auto;
	max-width: 100%;
	height: 40px;
	padding: 0 10px;
	color: #888;
	border-radius: 5px;
}

/* Buttons */
#wrapper .store-product-buttons
{
	pointer-events: none;
	width: auto;
	position: absolute;
	top: 5px;
	z-index: 1;
}

[dir="rtl"] #wrapper .store-product-buttons { right: 5px; }
[dir="ltr"] #wrapper .store-product-buttons { left: 5px; }

#wrapper .store-product-btn
{
	display: flex;
	pointer-events: all;
	width: 40px;
	height: 40px;
	font-size: 1em;
	color: var(--theme-color);
	background-color: #fff;
	border: 1px solid #ebebeb;
	border-radius: 50%;
}

#wrapper .store-product-btn span
{
	margin: 0;
	line-height: 30px;
}

#wrapper .store-add-to-favorites.in-favorites
{
	font-size: 1.3em;
	color: #f44336;
	border-color: #f44336;
}

@media (max-width: 35.4375em)
{
	#wrapper .store-product-item-image-link { width: 30vw; }
	#wrapper .store-product-item-image { height: 30vw; }
	#wrapper .store-product-item-information { width: calc(100% - 30vw - 10px); }
	[dir="rtl"] #wrapper .store-product-item-information { margin-right: 10px; }
	[dir="ltr"] #wrapper .store-product-item-information { margin-left: 10px; }
}

@media (min-width: 35.5em)
{
	#wrapper .store-product-item-image
	{
		width: 245px;
		height: 245px;
		margin-bottom: 15px;
	}

	#wrapper .store-product-item-information, #wrapper .store-product-item-link { position: static; }

	#wrapper .store-product-item-discount
	{
		min-width: 50px;
		height: 40px;
		top: 20px;
		font-size: 1.6em;
	}

	#wrapper .store-product-item-in-stock + .store-product-item-discount { top: 45px; }

	#wrapper .store-product-item-discount:before
	{
		top: -14px;
		border-right-width: 25px;
		border-bottom-width: 15px;
		border-left-width: 25px;
	}

	#wrapper .store-product-item-discount:after
	{
		width: 6px;
		height: 6px;
		top: -10px;
	}

	[dir="rtl"] #wrapper .store-product:nth-child(even) .store-product-buttons { right: 15px; }
	[dir="ltr"] #wrapper .store-product:nth-child(even) .store-product-buttons { left: 15px; }
	[dir="rtl"] #wrapper .store-save-in-next, [dir="rtl"] #wrapper .store-save-in-cart { margin-right: 10px; }
	[dir="ltr"] #wrapper .store-save-in-next, [dir="ltr"] #wrapper .store-save-in-cart { margin-left: 10px; }
}

@media (min-width: 48em)
{
	#wrapper .store-product-item { padding: 15px; }

	#wrapper .store-product-item-image
	{
		width: 202px;
		height: 202px;
	}

	#wrapper .store-product-buttons
	{
		top: -60px;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}

	#wrapper .store-product:hover .store-product-buttons, #wrapper .store-product.in-favorites .store-product-buttons { top: 5px; }

	#wrapper .store-product-btn
	{
		width: 50px;
		height: 50px;
	}

	#store-cart .store-remove-from-cart, #store-cart .store-save-in-next, #store-cart .store-save-in-cart { height: 30px; }

	#store-cart .store-add-to-cart-change-btn, #store-cart .store-add-to-cart-number
	{
		width: 30px;
		height: 30px;
	}
}

@media (min-width: 64em)
{
	#wrapper .store-product-item-image
	{
		width: 184px;
		height: 184px;
	}

	[dir="rtl"] #wrapper .store-product:nth-child(3n+2) .store-product-buttons { right: 10px; }
	[dir="ltr"] #wrapper .store-product:nth-child(3n+2) .store-product-buttons { left: 10px; }
	[dir="rtl"] #wrapper .store-product:nth-child(3n+3) .store-product-buttons { right: 15px; }
	[dir="ltr"] #wrapper .store-product:nth-child(3n+3) .store-product-buttons { left: 15px; }
	#store-products .store-remove-from-cart { height: 30px; }

	#store-products .store-add-to-cart-change-btn, #store-products .store-add-to-cart-number
	{
		width: 30px;
		height: 30px;
	}

	#store-cart .store-remove-from-cart, #store-cart .store-save-in-next, #store-cart .store-save-in-cart { height: 40px; }

	#store-cart .store-add-to-cart-change-btn, #store-cart .store-add-to-cart-number
	{
		width: 40px;
		height: 40px;
	}
}

@media (min-width: 80em)
{
	#wrapper .store-product-item-image
	{
		width: 261px;
		height: 261px;
	}

	#wrapper .store-product-item { padding: 20px; }
	[dir="rtl"] #wrapper .store-product:nth-child(3n+2) .store-product-buttons { right: 11.666666px; }
	[dir="ltr"] #wrapper .store-product:nth-child(3n+2) .store-product-buttons { left: 11.666666px; }
	[dir="rtl"] #wrapper .store-product:nth-child(3n+3) .store-product-buttons { right: 18.333333px; }
	[dir="ltr"] #wrapper .store-product:nth-child(3n+3) .store-product-buttons { left: 18.333333px; }
	#store-products .store-remove-from-cart { height: 40px; }

	#store-products .store-product .store-add-to-cart-change-btn, #store-products .store-product .store-add-to-cart-number
	{
		width: 40px;
		height: 40px;
	}
}