/* ISSA VZ product card 0.1.0 */
ul.products li.product .rey-productInner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	text-align: center;
}
ul.products li.product .rey-productThumbnail {
	grid-area: 1 / 1;
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
	transform: none !important;
}
ul.products li.product .woocommerce-loop-product__title {
	grid-row: 2;
	margin: 14px 0 2px !important;
	min-height: 0 !important;
	line-height: 1.4 !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}
ul.products li.product .woocommerce-loop-product__title a {
	font-size: inherit !important;
	letter-spacing: inherit !important;
	text-transform: inherit !important;
}
ul.products li.product .rey-productLoop-footer {
	display: contents !important;
}
ul.products li.product .rey-productLoop-footer > .__break {
	display: none !important;
}
ul.products li.product .rey-loopPrice {
	grid-row: 3;
	justify-self: center;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	position: static !important;
	font-size: 12px !important;
	color: #6f685f;
}
/* The theme slides the price contents away on hover to make room for its footer button, which now sits on the photo. */
ul.products li.product .rey-loopPrice * {
	transform: none !important;
	opacity: 1 !important;
}

/* Discounted price stays as quiet as the regular price */
ul.products li.product .rey-loopPrice:has(.custom-price-wrapper) {
	justify-self: stretch;
	text-align: center;
}
ul.products li.product .custom-price-wrapper {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 1px;
	width: 100%;
	text-align: center !important;
}
ul.products li.product .custom-price-wrapper .old-price,
ul.products li.product .custom-price-wrapper .sale-price {
	width: auto !important;
	margin: 0 !important;
}
ul.products li.product .custom-price-wrapper .amount {
	display: inline !important;
}
ul.products li.product .custom-price-wrapper .old-price,
ul.products li.product .custom-price-wrapper .old-price .amount,
ul.products li.product .custom-price-wrapper .old-price .woocommerce-Price-currencySymbol {
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #6f685f !important;
}
ul.products li.product .custom-price-wrapper .sale-price,
ul.products li.product .custom-price-wrapper .sale-price .amount,
ul.products li.product .custom-price-wrapper .sale-price .woocommerce-Price-currencySymbol {
	font-size: 12px !important;
	font-weight: 500 !important;
	color: #8c2f39 !important;
}
ul.products li.product .custom-price-wrapper .sale-price {
	display: inline-flex;
	align-items: baseline;
	gap: 3px;
}
ul.products li.product .custom-price-wrapper .sale-price small {
	font-size: 11px !important;
	font-weight: 400 !important;
	color: #6f685f !important;
}

/* Hover actions on the photo */
ul.products li.product .rey-productFooter-item--addtocart,
ul.products li.product .rey-productFooter-item--quickview {
	display: block !important;
	grid-area: 1 / 1;
	align-self: end;
	z-index: 3;
	width: auto !important;
	height: auto !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	opacity: 0;
	transform: translateY(16px) !important;
	visibility: visible !important;
	transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
}
ul.products li.product .rey-productFooter-item--addtocart {
	justify-self: stretch;
	margin-left: 12px !important;
	margin-right: 62px !important;
}
ul.products li.product .rey-productFooter-item--quickview {
	justify-self: end;
	margin-right: 12px !important;
}
ul.products li.product:hover .rey-productFooter-item--addtocart,
ul.products li.product:hover .rey-productFooter-item--quickview,
ul.products li.product:focus-within .rey-productFooter-item--addtocart,
ul.products li.product:focus-within .rey-productFooter-item--quickview {
	opacity: 1;
	transform: none !important;
	pointer-events: auto;
}
ul.products li.product .rey-productFooter-item--addtocart .rey-productFooter-inner,
ul.products li.product .rey-productFooter-item--quickview .rey-productFooter-inner {
	opacity: 1 !important;
	transform: none !important;
	visibility: visible !important;
	margin: 0 !important;
}
ul.products li.product .rey-productFooter-item--addtocart a.button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	padding: 0 10px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #121212 !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 500 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
}
ul.products li.product .rey-productFooter-item--addtocart a.button::before,
ul.products li.product .rey-productFooter-item--addtocart a.button::after,
ul.products li.product .rey-quickviewBtn::before {
	display: none !important;
}
ul.products li.product .rey-quickviewBtn {
	position: relative !important;
	display: block !important;
	width: 40px;
	height: 40px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	font-size: 0 !important;
	letter-spacing: 0 !important;
	background: #fff !important;
}
/* On the pseudo-element because Elementor's lazy-load rule strips background-image from the button itself on the homepage. */
ul.products li.product .rey-quickviewBtn::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	margin: -9px 0 0 -9px !important;
	padding: 0 !important;
	border: 0 !important;
	transform: none !important;
	opacity: 1 !important;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.5'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 18px no-repeat !important;
}

/* Wishlist and New label */
ul.products li.product .rey-thPos--bottom-right {
	top: 12px !important;
	right: 12px !important;
	bottom: auto !important;
	left: auto !important;
	z-index: 4;
}
ul.products li.product .rey-thPos--bottom-left {
	top: 12px !important;
	left: 12px !important;
	bottom: auto !important;
	right: auto !important;
	z-index: 4;
}
ul.products li.product .rey-wishlistBtn {
	display: flex !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

ul.products li.product .rey-wishlistBtn:not(.--in-wishlist) svg {
	fill: none !important;
}
ul.products li.product .rey-wishlistBtn.--in-wishlist svg {
	fill: currentColor !important;
}
/* Keep the main photo on hover, like the prototype */
ul.products li.product .rey-productThumbnail__second {
	display: none !important;
}
ul.products li.product .rey-productThumbnail .rey-thumbImg,
ul.products li.product:hover .rey-productThumbnail .rey-thumbImg {
	opacity: 1 !important;
	visibility: visible !important;
	clip-path: none !important;
	transform: none !important;
	transition: transform 0.7s cubic-bezier(0, 0, 0.2, 1) !important;
}
ul.products li.product:hover .rey-productThumbnail .rey-thumbImg,
ul.products li.product:focus-within .rey-productThumbnail .rey-thumbImg {
	transform: scale(1.025) !important;
}
ul.products li.product .rey-wishlistBtn {
	transition: background-color 0.15s, color 0.15s !important;
}
ul.products li.product .rey-wishlistBtn:hover {
	background-color: #121212 !important;
	color: #fff !important;
}
ul.products li.product .rey-productFooter-item--addtocart a.button {
	transition: background-color 0.15s, color 0.15s !important;
}
ul.products li.product .rey-productFooter-item--addtocart a.button:hover {
	background: #b8924b !important;
	color: #121212 !important;
}
ul.products li.product .rey-quickviewBtn {
	transition: background-color 0.15s !important;
}
ul.products li.product .rey-quickviewBtn:hover {
	background-color: #f7f2ea !important;
}
@media (prefers-reduced-motion: reduce) {
	ul.products li.product .rey-productThumbnail .rey-thumbImg,
	ul.products li.product .rey-productFooter-item--addtocart,
	ul.products li.product .rey-productFooter-item--quickview {
		transition: none !important;
	}
}

/* Quickview */
.rey-quickview-container .rey-qvNav,
.rey-quickview-container .rey-productShare,
.rey-quickview-container .__thumbs-wrapper,
.rey-quickview-container .nta-woo-products-button {
	display: none !important;
}
/* Show the whole photo, never cropped */
.rey-quickview-container .woocommerce-product-gallery,
.rey-quickview-container .woocommerce-product-gallery__wrapper,
.rey-quickview-container .woocommerce-product-gallery__image {
	background: #f7f5f1;
}
.rey-quickview-container .woocommerce-product-gallery__image img {
	object-fit: contain !important;
	object-position: center !important;
	width: 100% !important;
	height: 100% !important;
}
.rey-quickview-container .product_title {
	margin-bottom: 10px !important;
	font-size: 32px !important;
	line-height: 1.15 !important;
}
.rey-quickview-container .rey-innerSummary > .price {
	margin-bottom: 22px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
}
.rey-quickview-container .single_add_to_cart_button {
	font-size: 11px !important;
	letter-spacing: 0.14em !important;
}
/* Two lines reserved on phones so prices stay level across a row */
@media (max-width: 767px) {
	ul.products li.product .woocommerce-loop-product__title {
		min-height: 2.8em !important;
		font-size: 11px !important;
		letter-spacing: 0.06em !important;
	}
}

/* Touch screens have no hover: photo opens the product, heart stays visible */
@media (hover: none) and (pointer: coarse) {
	ul.products li.product .rey-productFooter-item--addtocart,
	ul.products li.product .rey-productFooter-item--quickview {
		display: none !important;
	}
}