/* Homepage-safe MatzoTech product-card standard. */
body.home .products .product .add-to-compare-link{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}
html body.home section.matzo-deals-week-groupings .product .hover-area a.add-to-compare-link{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}
html body.home #page section.matzo-deals-week-groupings .product .hover-area a.add-to-compare-link.compare.button{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}
body.home .products-carousel .product .product-inner{position:relative;overflow:hidden!important;border:1px solid #d8e2ec!important;border-radius:10px!important;background:#fff!important;box-shadow:0 6px 18px rgba(15,42,70,.07)!important}
body.home .products-carousel .product .product-inner>a.woocommerce-LoopProduct-link{display:block!important;width:100%;padding:10px 16px 4px!important;background:#fff;box-sizing:border-box}
body.home .products-carousel .product .product-inner img.attachment-woocommerce_thumbnail{display:block;width:100%!important;height:224px!important;min-height:224px!important;max-height:224px!important;max-width:none!important;margin:0 auto!important;padding:10px!important;object-fit:contain!important;object-position:center!important;background:#fff!important;box-sizing:border-box!important}
body.home .products-carousel .product .price{position:static!important;display:flex!important;align-items:baseline;justify-content:flex-start!important;gap:7px;min-height:29px;margin:8px 0 7px!important;color:#14253d!important;font-size:20px!important;font-weight:800!important;line-height:1.2!important;text-align:left!important}
body.home .products-carousel .product .price del{order:2;color:#66758a!important;font-size:12px!important;font-weight:600!important;opacity:1!important}
body.home .products-carousel .product .price ins{order:1;color:#14253d!important;background:transparent!important;text-decoration:none!important}
body.home .products-carousel .product .woocommerce-loop-product__title{display:-webkit-box!important;min-height:58px;margin:0 0 8px!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#33465d!important;font-size:14px!important;font-weight:500!important;line-height:1.38!important;text-align:left!important}
body.home .products-carousel .product .wootomic-stock-tag,body.home .products-carousel .product .matzo-card-stock{display:block!important;min-height:22px;margin:6px 0 11px!important;text-align:left!important}
body.home .products-carousel .product .hover-area{gap:0!important;padding-bottom:14px!important}
body.home .matzo-home-pcwfp .product-inner:before,body.home .matzo-home-dwtc-refurbished .product-inner:before{position:absolute;top:14px;left:-34px;z-index:7;width:126px;padding:7px 0;transform:rotate(-45deg);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;line-height:1;text-align:center;text-transform:uppercase;box-shadow:0 3px 8px rgba(15,42,70,.18)}
body.home .matzo-home-pcwfp .product-inner:before{content:'Featured';background:#5b4bdb}
body.home .matzo-home-dwtc-refurbished .product-inner:before{content:'Refurbished';background:#0f8f83}
body.home .matzo-home-pcwfp .product-inner:before,body.home .matzo-home-dwtc-refurbished .product-inner:before{top:16px;left:-36px;width:136px;padding:8px 0;font-size:11px}
body.home .product .onsale.matzo-deal-badge{display:none!important}
body.home section:not(.matzo-home-pcwfp):not(.matzo-home-dwtc-refurbished):not(.matzo-deals-week-groupings) .product-inner:has(>.matzo-deal-badge):after{content:'Sale'!important;position:absolute!important;top:17px!important;right:-37px!important;left:auto!important;z-index:8!important;display:block!important;width:138px!important;height:auto!important;margin:0!important;padding:8px 0!important;transform:rotate(45deg)!important;border:0!important;border-radius:0!important;background:#2563eb!important;box-shadow:0 3px 8px rgba(15,42,70,.18)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.06em!important;line-height:1!important;text-align:center!important;text-transform:uppercase!important}
body.home .matzo-best-deal-card .product-inner{position:relative!important;overflow:hidden!important}
body.home .matzo-best-deal-card .onsale.matzo-best-deal-ribbon{position:absolute!important;top:17px!important;right:-37px!important;left:auto!important;z-index:9!important;display:block!important;width:138px!important;height:auto!important;margin:0!important;padding:8px 0!important;transform:rotate(45deg)!important;border:0!important;border-radius:0!important;background:#1d4ed8!important;box-shadow:0 3px 8px rgba(15,42,70,.18)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;letter-spacing:.035em!important;line-height:1!important;text-align:center!important;text-transform:uppercase!important}
html body.home #page .products .product .product-inner>.onsale.matzo-deal-badge{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
html body.home #page .matzotech-on-sale-now .products .product .product-inner:after,html body.home #page .matzo-home-pcwsb-hot-right-now .product-inner:has(>.matzo-deal-badge):after,html body.home #page .matzotech-best-sellers-wide .media:has(>.matzo-deal-badge):after{content:'Sale'!important;position:absolute!important;top:17px!important;right:-37px!important;bottom:auto!important;left:auto!important;z-index:8!important;display:block!important;width:138px!important;height:auto!important;margin:0!important;padding:8px 0!important;transform:rotate(45deg)!important;border:0!important;border-radius:0!important;background:#2563eb!important;box-shadow:0 3px 8px rgba(15,42,70,.18)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.06em!important;line-height:1!important;text-align:center!important;text-transform:uppercase!important}
html body.home #page section.matzo-deals-week-groupings .matzo-best-deal-card.product .product-inner>.onsale.matzo-best-deal-ribbon{position:absolute!important;top:17px!important;right:-37px!important;bottom:auto!important;left:auto!important;z-index:9!important;display:block!important;width:138px!important;height:auto!important;margin:0!important;padding:8px 0!important;transform:rotate(45deg)!important;border:0!important;border-radius:0!important;background:#1d4ed8!important;box-shadow:0 3px 8px rgba(15,42,70,.18)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;letter-spacing:.035em!important;line-height:1!important;text-align:center!important;text-transform:uppercase!important}
.products .product .matzo-whatsapp-notify img,.matzo-floating-whatsapp img{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}
.matzo-whatsapp-glyph{display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin:0!important;padding:0!important;background-color:#fff!important;-webkit-mask:url('../../plugins/yith-woocommerce-wishlist/assets/images/icons/whatsapp.svg') center/contain no-repeat!important;mask:url('../../plugins/yith-woocommerce-wishlist/assets/images/icons/whatsapp.svg') center/contain no-repeat!important}
html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify,html body.woocommerce #page .products .product .hover-area>a.button.matzo-whatsapp-notify,html body.woocommerce-page #page .products .product .hover-area>a.button.matzo-whatsapp-notify{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:44px!important;margin:0!important;padding:0 10px!important;border:1px solid #128c4b!important;border-radius:8px!important;background:#128c4b!important;background-color:#128c4b!important;box-shadow:none!important;color:#fff!important;font-weight:700!important;line-height:1.2!important;text-align:center!important;text-decoration:none!important;white-space:nowrap!important}
html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify:hover,html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify:focus-visible{border-color:#0d713c!important;background:#0d713c!important;background-color:#0d713c!important;color:#fff!important}
html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify>img[src*="service-whatsapp.svg"]{position:static!important;display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;object-fit:contain!important;filter:brightness(0) invert(1)!important;transform:none!important}
body.home .products-carousel .slick-track{align-items:stretch!important}
body.home .products-carousel .slick-slide,body.home .products-carousel .slick-slide>div,body.home .products-carousel .product{height:auto!important}
body.home .products-carousel .product .product-inner{display:flex!important;flex-direction:column!important;height:100%!important;min-height:500px!important}
body.home .products-carousel .product .product-inner>a.woocommerce-LoopProduct-link{display:flex!important;flex:1 1 auto!important;flex-direction:column!important}
body.home .products-carousel .product .hover-area{margin-top:auto!important}
.matzo-floating-whatsapp{position:fixed;right:22px;bottom:88px;z-index:9998;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#128c4b;box-shadow:0 8px 24px rgba(18,140,75,.28);color:#fff!important;font-size:14px;font-weight:750;text-decoration:none!important}
.matzo-floating-whatsapp img{width:25px;height:25px;filter:invert(1)}
@media(max-width:782px){body.home .products-carousel .product .product-inner>a.woocommerce-LoopProduct-link{padding:8px 10px 2px!important}body.home .products-carousel .product .product-inner img.attachment-woocommerce_thumbnail{height:164px!important;min-height:164px!important;max-height:164px!important;padding:7px!important}body.home .products-carousel .product .price{flex-wrap:wrap;font-size:17px!important}.matzo-floating-whatsapp{right:14px;bottom:calc(78px + env(safe-area-inset-bottom,0px));width:50px;height:50px;min-height:50px;padding:0}.matzo-floating-whatsapp span:not(.matzo-whatsapp-glyph){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%)}}

/* Figma-approved Product Card / Desktop + Mobile (2026-09-01).
 * This is the final shared layer. WooCommerce still owns every text value,
 * price, stock quantity, wishlist action and purchase URL. */
:root{
	--mt-card-surface:#fff;
	--mt-card-media:#f8fafc;
	--mt-card-border:#e2e8f0;
	--mt-card-ink:#0f172a;
	--mt-card-copy:#1e293b;
	--mt-card-muted:#64748b;
	--mt-card-action:#2563eb;
	--mt-card-action-hover:#1d4ed8;
	--mt-card-stock:#128c4b;
	--mt-card-sale:#d8342a;
	--mt-card-gold:#8a5a00;
	--mt-card-gold-hover:#704900;
	--mt-card-featured:#5b4bdb;
	--mt-card-refurbished:#14865b;
}

html body #page .products .product .product-inner{
	container-type:inline-size;
	position:relative!important;
	display:flex!important;
	flex-direction:column!important;
	height:100%!important;
	min-height:475px!important;
	border:1px solid var(--mt-card-border)!important;
	border-radius:12px!important;
	background:var(--mt-card-surface)!important;
	overflow:hidden!important;
	box-shadow:0 8px 24px rgba(15,23,42,.10)!important;
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
html body #page .products .product:hover .product-inner{
	transform:translateY(-2px);
	border-color:#cbd5e1!important;
	box-shadow:0 12px 28px rgba(15,23,42,.14)!important;
}

html body #page .products .product .product-inner>a.woocommerce-LoopProduct-link{
	position:relative;
	display:flex!important;
	flex:1 1 auto!important;
	flex-direction:column!important;
	align-items:stretch!important;
	gap:12px!important;
	width:100%!important;
	min-width:0!important;
	padding:16px 16px 0!important;
	background:var(--mt-card-surface)!important;
	box-sizing:border-box!important;
	color:inherit!important;
	text-decoration:none!important;
}
html body #page .products .product .product-inner>a.woocommerce-LoopProduct-link>img.attachment-woocommerce_thumbnail{
	order:1;
	display:block!important;
	flex:0 0 auto!important;
	width:100%!important;
	height:min(240px,calc(100cqi - 32px))!important;
	min-height:0!important;
	max-height:240px!important;
	max-width:none!important;
	margin:0 0 4px!important;
	padding:0!important;
	border-radius:8px!important;
	background:var(--mt-card-media)!important;
	object-fit:contain!important;
	object-position:center!important;
	box-sizing:border-box!important;
}

html body #page .products .product .product-inner .price{
	order:2;
	position:static!important;
	display:flex!important;
	align-items:baseline!important;
	justify-content:flex-start!important;
	gap:8px!important;
	min-height:28px!important;
	margin:0!important;
	color:var(--mt-card-ink)!important;
	font-size:20px!important;
	font-weight:700!important;
	line-height:26px!important;
	letter-spacing:-.01em!important;
	text-align:left!important;
	white-space:nowrap!important;
}
html body #page .products .product .product-inner .price ins{
	order:1;
	color:var(--mt-card-ink)!important;
	background:transparent!important;
	font-weight:700!important;
	text-decoration:none!important;
}
html body #page .products .product .product-inner .price del{
	order:2;
	margin:0!important;
	color:var(--mt-card-sale)!important;
	font-size:18px!important;
	font-weight:400!important;
	line-height:24px!important;
	opacity:1!important;
	text-decoration:line-through!important;
}
html body #page .products .product .woocommerce-loop-product__title{
	order:3;
	display:-webkit-box!important;
	min-height:57px!important;
	margin:0!important;
	overflow:hidden!important;
	-webkit-box-orient:vertical!important;
	-webkit-line-clamp:3!important;
	line-clamp:3!important;
	color:var(--mt-card-copy)!important;
	font-size:14px!important;
	font-weight:400!important;
	line-height:19px!important;
	letter-spacing:0!important;
	text-align:left!important;
	white-space:normal!important;
	overflow-wrap:anywhere!important;
}

html body #page .products .product .product-inner>.hover-area{
	display:flex!important;
	flex-direction:column!important;
	gap:12px!important;
	margin-top:auto!important;
	padding:0 16px 16px!important;
}
html body #page .products .product .matzo-card-stock,
html body #page .products .product .wootomic-stock-tag{
	display:block!important;
	min-height:20px!important;
	margin:0!important;
	padding:2px 0 2px 8px!important;
	border-left:3px solid var(--mt-card-stock)!important;
	color:var(--mt-card-stock)!important;
	font-size:12px!important;
	font-weight:600!important;
	line-height:16px!important;
	text-align:left!important;
	white-space:normal!important;
}
html body #page .products .product .hover-area>a.button.add_to_cart_button,
html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:100%!important;
	height:44px!important;
	min-height:44px!important;
	margin:0!important;
	padding:0 12px!important;
	border-radius:8px!important;
	font-size:14px!important;
	font-weight:700!important;
	line-height:18px!important;
	text-align:center!important;
	box-sizing:border-box!important;
}
html body #page .products .product .hover-area>a.button.add_to_cart_button{
	border:1px solid var(--mt-card-action)!important;
	background:var(--mt-card-action)!important;
	color:#fff!important;
}
html body #page .products .product .hover-area>a.button.add_to_cart_button:hover,
html body #page .products .product .hover-area>a.button.add_to_cart_button:focus-visible{
	border-color:var(--mt-card-action-hover)!important;
	background:var(--mt-card-action-hover)!important;
	color:#fff!important;
}

/* Wishlist stays attached to the media's top-left corner. */
html body #page .products .product .yith-add-to-wishlist-button-block{
	position:absolute!important;
	top:28px!important;
	right:auto!important;
	left:28px!important;
	z-index:12!important;
	display:block!important;
	width:40px!important;
	height:40px!important;
}
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:40px!important;
	height:40px!important;
	min-width:40px!important;
	min-height:40px!important;
	padding:0!important;
	border:0!important;
	border-radius:50%!important;
	background:rgba(255,255,255,.96)!important;
	box-shadow:0 4px 12px rgba(15,23,42,.10)!important;
	color:#dc2626!important;
}

/* Card-corner wishlist: use one dependable Font Awesome heart instead of the
   plugin SVG, whose own custom property otherwise turns black on mobile. */
html body #page .products .product .yith-add-to-wishlist-button-block{
	top:10px!important;
	left:10px!important;
}
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button{
	--add-to-wishlist-icon-color:#dc2626!important;
	--added-to-wishlist-icon-color:#dc2626!important;
	color:#dc2626!important;
}
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button>svg,
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button>img{
	display:none!important;
}
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button::before{
	content:'\f08a'!important;
	display:block!important;
	color:#dc2626!important;
	font-family:FontAwesome!important;
	font-size:21px!important;
	font-style:normal!important;
	font-weight:400!important;
	line-height:1!important;
}
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button:hover::before,
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button:focus-visible::before,
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button--added::before{
	content:'\f004'!important;
	color:#dc2626!important;
}

/* The calculated saving is an independent gold ticket. */
html body.home #page .products .product .product-inner>.onsale.matzo-deal-badge,
html body.woocommerce #page .products .product .product-inner>.onsale.matzo-deal-badge,
html body.woocommerce-page #page .products .product .product-inner>.onsale.matzo-deal-badge{
	position:absolute!important;
	top:min(223px,calc(100cqi - 48px))!important;
	right:auto!important;
	left:16px!important;
	z-index:11!important;
	display:flex!important;
	visibility:visible!important;
	align-items:center!important;
	justify-content:center!important;
	gap:5px!important;
	width:151px!important;
	height:47px!important;
	min-width:0!important;
	margin:0!important;
	padding:0 8px!important;
	transform:none!important;
	border:1px solid var(--mt-card-gold-border)!important;
	border-radius:6px!important;
	background:var(--mt-card-gold)!important;
	box-shadow:none!important;
	color:#132541!important;
	font-size:20px!important;
	font-weight:700!important;
	line-height:20px!important;
	letter-spacing:0!important;
	text-align:center!important;
	text-transform:uppercase!important;
	opacity:1!important;
	pointer-events:none!important;
	box-sizing:border-box!important;
}
html body #page .products .product .matzo-deal-badge__pct,
html body #page .products .product .matzo-deal-badge__amt{
	display:inline!important;
	font-size:inherit!important;
	font-weight:inherit!important;
	line-height:inherit!important;
	letter-spacing:inherit!important;
	white-space:nowrap!important;
}

/* A single context-aware top-right ribbon. The saving remains gold below. */
html body #page .products .product .product-inner:has(>.matzo-deal-badge)::after,
html body.home #page .matzo-home-pcwfp .product-inner::after,
html body.home #page .matzo-home-dwtc-refurbished .product-inner::after,
html body.home #page .matzo-best-deal-card .product-inner::after{
	position:absolute!important;
	top:22px!important;
	right:-38px!important;
	bottom:auto!important;
	left:auto!important;
	z-index:10!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:132px!important;
	height:26px!important;
	margin:0!important;
	padding:0 14px!important;
	transform:rotate(45deg)!important;
	border:0!important;
	border-radius:2px!important;
	background:var(--mt-card-action)!important;
	box-shadow:none!important;
	color:#fff!important;
	font-size:10px!important;
	font-weight:700!important;
	line-height:14px!important;
	letter-spacing:.08em!important;
	text-align:center!important;
	text-transform:uppercase!important;
	white-space:normal!important;
	overflow-wrap:anywhere!important;
	box-sizing:border-box!important;
	pointer-events:none!important;
}
html body #page .products .product .product-inner:has(>.matzo-deal-badge)::after{content:'Sale'!important}
html body.home #page .matzo-home-pcwfp .product-inner::before,
html body.home #page .matzo-home-dwtc-refurbished .product-inner::before{content:none!important;display:none!important}
html body.home #page .matzo-home-pcwfp .product-inner::after{content:'Featured'!important;background:var(--mt-card-featured)!important}
html body.home #page .matzo-home-dwtc-refurbished .product-inner::after{content:'Refurbished'!important;background:var(--mt-card-refurbished)!important}
html body.home #page .matzo-best-deal-card .product-inner::after{content:'Best Deals'!important;background:var(--mt-card-action-hover)!important}
html body.home #page .matzo-best-deal-card .onsale.matzo-best-deal-ribbon{display:none!important}

/* Two-column mobile card, matching the approved 390px Figma preview. */
@media(max-width:767px){
	html body #page .woocommerce ul.products:not(.slick-slider){
		display:grid!important;
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		gap:12px!important;
		margin-right:0!important;
		margin-left:0!important;
	}
	html body #page .woocommerce ul.products:not(.slick-slider)>li.product{
		float:none!important;
		width:100%!important;
		max-width:none!important;
		margin:0!important;
		padding:0!important;
	}
	html body #page .products .product .product-inner{
		min-height:369px!important;
		border-radius:10px!important;
	}
	html body #page .products .product .product-inner>a.woocommerce-LoopProduct-link{
		gap:8px!important;
		padding:10px 10px 0!important;
	}
	html body #page .products .product .product-inner>a.woocommerce-LoopProduct-link>img.attachment-woocommerce_thumbnail{
		flex:0 0 auto!important;
		width:100%!important;
		height:auto!important;
		min-height:0!important;
		max-height:none!important;
		aspect-ratio:1/1!important;
		margin:0 0 8px!important;
		padding:0!important;
		border-radius:8px!important;
	}
	html body #page .products .product .product-inner .price{
		flex-direction:column!important;
		align-items:flex-start!important;
		gap:0!important;
		min-height:38px!important;
		font-size:17px!important;
		line-height:22px!important;
		white-space:nowrap!important;
	}
	html body #page .products .product .product-inner .price del{
		font-size:10px!important;
		line-height:14px!important;
	}
	html body #page .products .product .woocommerce-loop-product__title{
		min-height:48px!important;
		font-size:12px!important;
		line-height:16px!important;
	}
	html body #page .products .product .product-inner>.hover-area{
		gap:16px!important;
		padding:0 10px 10px!important;
	}
	html body #page .products .product .matzo-card-stock,
	html body #page .products .product .wootomic-stock-tag{
		min-height:18px!important;
		padding:2px 0 2px 6px!important;
		font-size:10px!important;
		line-height:14px!important;
	}
	html body #page .products .product .hover-area>a.button.add_to_cart_button,
	html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify{
		height:44px!important;
		min-height:44px!important;
		padding:0 6px!important;
		font-size:13px!important;
		line-height:18px!important;
	}
	html body #page .products .product .yith-add-to-wishlist-button-block{
		top:10px!important;
		left:10px!important;
		width:30px!important;
		height:30px!important;
	}
	html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button{
		width:30px!important;
		height:30px!important;
		min-width:30px!important;
		min-height:30px!important;
	}
	html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button svg{
		width:18px!important;
		height:18px!important;
	}
	html body #page .products .product .product-inner>.onsale.matzo-deal-badge{
		top:calc(100cqi - 26px)!important;
		left:10px!important;
		gap:3px!important;
		width:108px!important;
		height:32px!important;
		padding:0 4px!important;
		font-size:13px!important;
		line-height:16px!important;
	}
	html body #page .products .product .product-inner:has(>.matzo-deal-badge)::after,
	html body.home #page .matzo-home-pcwfp .product-inner::after,
	html body.home #page .matzo-home-dwtc-refurbished .product-inner::after,
	html body.home #page .matzo-best-deal-card .product-inner::after{
		top:14px!important;
		right:-25px!important;
		width:96px!important;
		height:22px!important;
		padding:0 7px!important;
		font-size:10px!important;
		line-height:12px!important;
	}
}

/* AJAX carousel fragments can place the out-of-stock action outside the
   usual hover-area wrapper. The state class alone is authoritative. */
html body #page a.button.matzo-whatsapp-notify,
html body #page a.button.matzo-whatsapp-notify:hover,
html body #page a.button.matzo-whatsapp-notify:focus,
html body #page a.button.matzo-whatsapp-notify:focus-visible,
html body #page a.button.mtw-product-card__notify,
html body #page a.button.mtw-product-card__notify:hover,
html body #page a.button.mtw-product-card__notify:focus,
html body #page a.button.mtw-product-card__notify:focus-visible{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:8px!important;
	border-color:#128c4b!important;
	background:#128c4b!important;
	background-color:#128c4b!important;
	box-shadow:none!important;
	color:#fff!important;
	text-decoration:none!important;
}

/* Subtle interaction states shared by the new gold and green actions. */
html body #page .products .product .hover-area>a.button.matzo-sale-card__action:hover,
html body #page .products .product .hover-area>a.button.matzo-sale-card__action:focus-visible,
html body #page .mtw-product-card .mtw-product-card__action--sale:hover,
html body #page .mtw-product-card .mtw-product-card__action--sale:focus-visible{
	border-color:#a66f00!important;
	background:#a66f00!important;
	background-color:#a66f00!important;
}
html body #page a.button.matzo-whatsapp-notify:hover,
html body #page a.button.matzo-whatsapp-notify:focus-visible,
html body #page a.button.mtw-product-card__notify:hover,
html body #page a.button.mtw-product-card__notify:focus-visible,
html body #page .matzo-floating-whatsapp:hover,
html body #page .matzo-floating-whatsapp:focus-visible{
	border-color:#0d713c!important;
	background:#0d713c!important;
	background-color:#0d713c!important;
}

@media(prefers-reduced-motion:reduce){html body #page .products .product .product-inner{transition:none!important}}

/* Desktop readability refinement (approved card, 16px inset retained). */
@media(min-width:768px){
	html body #page .products .product .product-inner .price del{
		font-size:18px!important;
		font-weight:400!important;
		line-height:24px!important;
	}
	html body #page .products .product .product-inner:has(>.matzo-deal-badge)::after,
	html body.home #page .matzo-home-pcwfp .product-inner::after,
	html body.home #page .matzo-home-dwtc-refurbished .product-inner::after,
	html body.home #page .matzo-best-deal-card .product-inner::after{
		font-size:12px!important;
		font-weight:800!important;
		line-height:14px!important;
		letter-spacing:.065em!important;
	}
	html body.home #page .matzotech-on-sale-now .products .product .product-inner::after,
	html body.home #page .matzo-home-pcwsb-hot-right-now .product-inner:has(>.matzo-deal-badge)::after,
	html body.home #page .matzotech-best-sellers-wide .media:has(>.matzo-deal-badge)::after{
		font-size:12px!important;
		font-weight:800!important;
	}
	html body.home #page .products .product .product-inner>.onsale.matzo-deal-badge,
	html body.woocommerce #page .products .product .product-inner>.onsale.matzo-deal-badge,
	html body.woocommerce-page #page .products .product .product-inner>.onsale.matzo-deal-badge{
		font-size:21px!important;
		font-weight:800!important;
	}
	html body #page .products .product .hover-area>a.button.add_to_cart_button,
	html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify{
		font-size:15px!important;
	}
}

/* Three product-card variants: standard, sale, and unavailable. */
html body #page .products .product .product-inner>.onsale.matzo-deal-badge{
	display:none!important;
	visibility:hidden!important;
	opacity:0!important;
}
html body #page .products .product.matzo-sale-card .product-inner::after{
	content:'Sale'!important;
	position:absolute!important;
	top:22px!important;
	right:-38px!important;
	z-index:10!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:132px!important;
	height:26px!important;
	padding:0 14px!important;
	transform:rotate(45deg)!important;
	border:0!important;
	border-radius:2px!important;
	background:var(--mt-card-sale)!important;
	box-shadow:none!important;
	color:#fff!important;
	font-size:12px!important;
	font-weight:800!important;
	line-height:14px!important;
	letter-spacing:.065em!important;
	text-align:center!important;
	text-transform:uppercase!important;
	pointer-events:none!important;
}
html body #page .products .product .hover-area>a.button.matzo-sale-card__action{
	position:relative!important;
	isolation:isolate;
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:8px!important;
	overflow:hidden!important;
	border-color:var(--mt-card-gold)!important;
	background:var(--mt-card-gold)!important;
	color:#fff!important;
	font-weight:800!important;
}
html body #page .products .product .hover-area>a.button.matzo-standard-card__action{
	gap:8px!important;
}
html body #page .products .product .hover-area>a.button.matzo-standard-card__action>.fa-shopping-cart{
	font-size:18px!important;
	line-height:1!important;
}
html body #page .products .product .hover-area>a.button.matzo-sale-card__action::after,
.mtw-product-card__action--sale::after{
	content:'';
	position:absolute;
	top:-50%;
	left:-65%;
	z-index:-1;
	width:34%;
	height:200%;
	transform:skewX(-22deg);
	background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),rgba(215,222,230,.72),transparent);
	animation:matzo-sale-shine 3s ease-in-out infinite;
	pointer-events:none;
}
html body #page .products .product .hover-area>a.button.matzo-sale-card__action:hover,
html body #page .products .product .hover-area>a.button.matzo-sale-card__action:focus-visible{
	border-color:var(--mt-card-gold-hover)!important;
	background:var(--mt-card-gold-hover)!important;
	color:#fff!important;
}

/* The unavailable variant has no merchandising ribbon and uses the Figma red status. */
html body #page .products .product:has(.matzo-whatsapp-notify) .product-inner::before,
html body #page .products .product:has(.matzo-whatsapp-notify) .product-inner::after{
	content:none!important;
	display:none!important;
}
html body #page .products .product:has(.matzo-whatsapp-notify) .matzo-card-stock,
html body #page .products .product:has(.matzo-whatsapp-notify) .wootomic-stock-tag{
	border-left-color:var(--mt-card-sale)!important;
	color:var(--mt-card-sale)!important;
}
@keyframes matzo-sale-shine{
	0%,62%{left:-65%;opacity:0}
	68%{opacity:1}
	88%{left:135%;opacity:1}
	100%{left:135%;opacity:0}
}
@media(max-width:767px){
	html body #page .products .product.matzo-sale-card .product-inner::after{
		top:14px!important;
		right:-25px!important;
		width:96px!important;
		height:22px!important;
		padding:0 7px!important;
		font-size:10px!important;
		line-height:12px!important;
	}
	html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify{
		gap:5px!important;
		font-size:13px!important;
		line-height:18px!important;
		white-space:nowrap!important;
	}
	html body #page .products .product .yith-add-to-wishlist-button-block{
		top:18px!important;
		left:18px!important;
		width:32px!important;
		height:32px!important;
	}
	html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button{
		width:32px!important;
		height:32px!important;
		min-width:32px!important;
		min-height:32px!important;
	}
}
@media(prefers-reduced-motion:reduce){
	html body #page .products .product .hover-area>a.button.matzo-sale-card__action::after,
	.mtw-product-card__action--sale::after{animation:none!important;display:none!important}
}

/* Final shared state locks. These intentionally outrank legacy carousel rules. */
html body.home #page .matzotech-on-sale-now .products .product .product-inner::after,
html body.home #page .matzo-home-pcwsb-hot-right-now .product.matzo-sale-card .product-inner::after,
html body.home #page .matzotech-best-sellers-wide .product.matzo-sale-card .product-inner::after,
html body.home #page .matzo-best-deal-card.product.matzo-sale-card .product-inner::after,
html body.woocommerce #page ul.products li.product.matzo-sale-card .product-inner::after,
html body.woocommerce-page #page ul.products li.product.matzo-sale-card .product-inner::after{
	content:'Sale'!important;
	background:#d8342a!important;
	background-color:#d8342a!important;
	color:#fff!important;
}
html body #page .products .product .hover-area>a.button.matzo-sale-card__action,
html body #page .products .product .hover-area>a.button.matzo-sale-card__action:hover,
html body #page .products .product .hover-area>a.button.matzo-sale-card__action:focus,
html body #page .products .product .hover-area>a.button.matzo-sale-card__action:focus-visible{
	border-color:#a66f00!important;
	background:#c58a00!important;
	background-color:#c58a00!important;
	box-shadow:none!important;
	color:#fff!important;
	transform:none!important;
}

/* Homepage mobile cards use their own renderer; keep its three Figma variants
   aligned with the shared desktop card states. */
html body #page .mtw-product-card .mtw-product-card__action--sale,
html body #page .mtw-product-card .mtw-product-card__action--sale:hover,
html body #page .mtw-product-card .mtw-product-card__action--sale:focus,
html body #page .mtw-product-card .mtw-product-card__action--sale:focus-visible{
	border-color:#a66f00!important;
	background:#c58a00!important;
	background-color:#c58a00!important;
	box-shadow:none!important;
	color:#fff!important;
	transform:none!important;
}
html body #page .mtw-product-card .mtw-product-card__notify,
html body #page .mtw-product-card .mtw-product-card__notify:hover,
html body #page .mtw-product-card .mtw-product-card__notify:focus,
html body #page .mtw-product-card .mtw-product-card__notify:focus-visible{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:7px!important;
	border-color:#128c4b!important;
	background:#128c4b!important;
	background-color:#128c4b!important;
	box-shadow:none!important;
	color:#fff!important;
	transform:none!important;
}
html body #page .mtw-product-card .mtw-product-card__notify>img{
	position:static!important;
	display:block!important;
	flex:0 0 20px!important;
	width:20px!important;
	height:20px!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	filter:brightness(0) invert(1)!important;
	object-fit:contain!important;
}
html body #page .mtw-product-card .mtw-product-card__notify>.matzo-whatsapp-glyph,
html body #page .products .product .matzo-whatsapp-notify>.matzo-whatsapp-glyph{
	display:block!important;
	flex:0 0 20px!important;
	width:20px!important;
	height:20px!important;
	min-width:20px!important;
	min-height:20px!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background-color:#fff!important;
	-webkit-mask:url('../../plugins/yith-woocommerce-wishlist/assets/images/icons/whatsapp.svg') center/contain no-repeat!important;
	mask:url('../../plugins/yith-woocommerce-wishlist/assets/images/icons/whatsapp.svg') center/contain no-repeat!important;
}

/* Keep the floating WhatsApp shortcut crisp and centred on every viewport. */
html body .matzo-floating-whatsapp,
html body .matzo-floating-whatsapp:hover,
html body .matzo-floating-whatsapp:focus-visible{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:8px!important;
	border-color:#128c4b!important;
	background:#128c4b!important;
	background-color:#128c4b!important;
	color:#fff!important;
}
html body .matzo-floating-whatsapp>img{
	position:static!important;
	display:block!important;
	flex:0 0 22px!important;
	width:22px!important;
	height:22px!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	filter:brightness(0) invert(1)!important;
	object-fit:contain!important;
}
html body .matzo-floating-whatsapp>.matzo-whatsapp-glyph{
	position:static!important;
	display:block!important;
	flex:0 0 22px!important;
	width:22px!important;
	height:22px!important;
	min-width:22px!important;
	min-height:22px!important;
	margin:0!important;
	padding:0!important;
	overflow:visible!important;
	clip:auto!important;
	clip-path:none!important;
	background-color:#fff!important;
	-webkit-mask:url('../../plugins/yith-woocommerce-wishlist/assets/images/icons/whatsapp.svg') center/contain no-repeat!important;
	mask:url('../../plugins/yith-woocommerce-wishlist/assets/images/icons/whatsapp.svg') center/contain no-repeat!important;
}

/* Final wishlist state lock — keep this after all responsive legacy rules. */
html body #page .products .product .yith-add-to-wishlist-button-block{
	top:10px!important;
	right:auto!important;
	left:10px!important;
}
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button{
	--add-to-wishlist-icon-color:#dc2626!important;
	--added-to-wishlist-icon-color:#dc2626!important;
	color:#dc2626!important;
}
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button>svg,
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button>img{display:none!important}
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button::before{
	content:'\f08a'!important;
	display:block!important;
	color:#dc2626!important;
	font-family:FontAwesome!important;
	font-size:21px!important;
	font-style:normal!important;
	font-weight:400!important;
	line-height:1!important;
}
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button:hover::before,
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button:focus-visible::before,
html body #page .products .product .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button--added::before{
	content:'\f004'!important;
	color:#dc2626!important;
}
html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify,
html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify:hover,
html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify:focus,
html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify:focus-visible{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:8px!important;
	height:44px!important;
	min-height:44px!important;
	padding:0 12px!important;
	border:1px solid #128c4b!important;
	border-radius:8px!important;
	background:#128c4b!important;
	background-color:#128c4b!important;
	box-shadow:none!important;
	color:#fff!important;
	font-size:14px!important;
	font-weight:700!important;
	line-height:18px!important;
	text-decoration:none!important;
	transform:none!important;
}
html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify>img{
	position:static!important;
	display:block!important;
	flex:0 0 18px!important;
	width:18px!important;
	height:18px!important;
	min-width:18px!important;
	min-height:18px!important;
	max-width:18px!important;
	max-height:18px!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	filter:brightness(0) invert(1)!important;
	object-fit:contain!important;
	transform:none!important;
}
@media(max-width:767px){
	html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify,
	html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify:hover,
	html body #page .products .product .hover-area>a.button.matzo-whatsapp-notify:focus-visible{
		gap:6px!important;
		padding:0 6px!important;
		font-size:13px!important;
	}
}
