/* All rules depend on the live empty state; a filled cart keeps its own design. */
body.wmw-empty-cart h1:is(.wp-block-heading, .wp-block-post-title),
body.wmw-empty-cart .wp-block-woocommerce-empty-cart-block > .wp-block-heading {
	color: #fff;
	font-family: var(--wp--preset--font-family--unbounded, 'Unbounded', sans-serif);
	word-break: normal;
	overflow-wrap: normal;
}

body.wmw-empty-cart .wp-block-woocommerce-empty-cart-block {
	color: #fff;
}

/* Preserve the portrait photograph and remove the inline-image baseline gap. */
body.wmw-empty-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
	display: block;
	width: 100%;
	height: auto;
}

body.wmw-empty-cart .wp-block-woocommerce-empty-cart-block > .wc-block-cart__empty-cart__title {
	color: #fff;
	text-align: center;
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
	font-size: 16.94px;
	font-style: normal;
	font-weight: 700;
	line-height: 18.634px;
	letter-spacing: -0.169px;
}

body.wmw-empty-cart .wp-block-woocommerce-empty-cart-block > .wp-block-heading:not(.wc-block-cart__empty-cart__title) {
	color: #fff;
	text-align: center;
	font-family: var(--wp--preset--font-family--unbounded, 'Unbounded', sans-serif);
	font-size: 70.4px;
	font-style: normal;
	font-weight: 700;
	line-height: 77.44px;
	letter-spacing: -0.704px;
}

body.wmw-empty-cart .wp-block-woocommerce-empty-cart-block > p a {
	color: #cdff09;
	transition: color 220ms ease;
}

body.wmw-empty-cart .wp-block-woocommerce-empty-cart-block > p a:is(:hover, :focus-visible) {
	color: #fff;
}

body.wmw-empty-cart .wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
	background-color: #cdff09;
	width: 113px;
	height: 113px;
	-webkit-mask-size: contain;
	mask-size: contain;
	margin-bottom: 20px;
}

@media (max-width: 1024px) {
	body.wmw-empty-cart .wp-block-woocommerce-empty-cart-block > .wp-block-heading:not(.wc-block-cart__empty-cart__title) {
		font-size: clamp(24px, 5.5vw, 56px);
		line-height: 1.1;
		letter-spacing: -0.01em;
	}
}

@media (max-width: 600px) {
	body.wmw-empty-cart h1:is(.wp-block-heading, .wp-block-post-title) {
		display: none;
	}

	body.wmw-empty-cart .wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
		width: 70px;
		height: 70px;
	}

	body.wmw-empty-cart .wp-block-woocommerce-empty-cart-block > .wp-block-heading:not(.wc-block-cart__empty-cart__title) {
		font-size: clamp(24px, 8.4vw, 44px);
	}

	body.wmw-empty-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
		display: flex;
		flex-wrap: wrap;
		row-gap: 40px;
	}

	body.wmw-empty-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
		margin-block: 0 !important;
	}
}

body.wmw-empty-cart .wp-block-woocommerce-empty-cart-block > .wp-block-separator {
	color: #cdff09;
}

/* Show recommendations immediately, including cards below the viewport. */
body.wmw-empty-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
	opacity: 1 !important;
	visibility: visible !important;
	translate: none !important;
	transform: none !important;
	animation: none !important;
	transition: none !important;
}