/* Product grid v2 (Add to Cart with UOM select + qty stepper).
   Loaded after stylesheet.css - see _head_meta.tpl for the switch. */
.product-block .product-brand{
	text-align: center;
}
.product-block .product-name{
	text-align: center;
}
.product-block .product-name a{
	color: #000;
}
.product-block .product-details{
	text-align: center;
}
.product-block .product-details .price{
	color: #f58220;
}
.product-block .price .price-new{
	color: #f58220;
}
.product-block .product-uom{
	font-size: calc(11px + .12vw);
	font-weight: bold;
	color: #f58220;
}
.product-action-row{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: calc(4px + .2vw) 0;
}
.product-wishlist-icon{
	background: transparent;
	border: none;
	padding: 4px;
	flex-shrink: 0;
}
.product-wishlist-icon img{
	width: 22px;
	height: 22px;
}
.product-block{
	border-bottom: 4px solid #ffb003!important;
}
.product-cart-control{
	margin-top: calc(4px + .2vw);
	padding: 0 calc(8px + .4vw) calc(8px + .4vw);
}
.product-cart-control .btn-add-to-cart-full{
	width: 100%;
	border: none;
	border-radius: 8px;
	background-color: #ffb003;
	color: #000;
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	font-size: calc(13px + .16vw);
	padding: calc(8px + .3vw) 0;
	cursor: pointer;
}
.product-cart-control .btn-add-to-cart-full:hover{
	background-color: #f58220;
}
.product-cart-control .product-qty-stepper{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	border-radius: 8px;
	background-color: #ffb003;
	overflow: hidden;
}
.product-cart-control .product-qty-stepper button{
	background: transparent;
	border: none;
	color: #000;
	font-weight: bold;
	font-size: calc(15px + .2vw);
	padding: calc(6px + .3vw) calc(10px + .4vw);
	cursor: pointer;
	line-height: 1;
}
.product-cart-control .product-qty-stepper .qty-value{
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	font-size: calc(13px + .16vw);
	color: #000;
}
.product-cart-control .product-uom-select{
	margin-bottom: calc(6px + .2vw);
	height: auto;
	padding: calc(5px + .2vw) calc(8px + .3vw);
	font-size: calc(12px + .12vw);
	border-radius: 6px;
}
.product-gutter{
	position: relative;
}
.product-toast{
	position: absolute;
	top: 100%;
	left: 8px;
	right: 8px;
	z-index: 5;
	margin-top: 6px;
	background: #fff;
	border: 1px solid #ffb003;
	border-radius: 6px;
	padding: calc(6px + .2vw) calc(10px + .3vw);
	font-size: calc(11px + .12vw);
	text-align: center;
	color: #000;
	box-shadow: 0 4px 10px rgba(0,0,0,.12);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity .2s, transform .2s, visibility .2s;
	pointer-events: none;
}
.product-toast.show{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}
.product-toast a{
	color: #f58220;
	text-decoration: underline;
}