/* RC55: keep the mobile layout and artwork, reduce scroll-time compositing. */
@media (max-width: 1120px) {
	/* These Halloween surfaces are opaque; blurring behind them is redundant. */
	body.grz-season-halloween :is(
		.grz-header__shell, .grz-cat-tile, .grz-cat-tile__go,
		.grz-tp-card, .grz-tp-about, .grz-tp-related, .grz-tp-reviews,
		.grz-dash-card, .grz-acct-panel, .grz-acct-content > form,
		.grz-acct-content > .woocommerce-Addresses, .grz-dash-btn--secondary,
		.grz-cart__gcard, .grz-cart__sum, .grz-cart__saved, .grz-cart__saved-item,
		.grz-checkout-site-header, .grz-customer-site-header
	) {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}
	body.grz-season-halloween.grz-checkout-page :is(
		#customer_details > .col-1, .woocommerce-additional-fields,
		.woocommerce-checkout-review-order-table, .wc_payment_methods,
		.place-order, .grz-co-trust
	) {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}

	/* A soft radial glow needs no extra filtered surface for every game icon. */
	body.home .grz-product-library__media::before {
		filter: none;
		opacity: .45;
	}

	/* Keep cards/panels laid out on return scroll instead of deferring them. */
	body.grz-brand-approved-immersive :is(.grz-blp-card, .grz-blp-info-grid, .grz-blp-guides) {
		content-visibility: visible;
		contain-intrinsic-size: none;
	}
}

@media (max-width: 900px) {
	/* The artwork already ends near 130vh. Do not filter a page-height layer
	 * beneath the rest of a long catalogue. svh stays stable as browser UI moves. */
	body.grz-season-halloween .grz-site-content::before,
	body.grz-season-halloween:is(.grz-acct-page-auth, .grz-cart-page.grz-cart-atmosphere, .grz-checkout-page, .grz-loyalty-page, .grz-wallet-redeem-body, .grz-reviews-hub-page) .grz-site-content::before {
		bottom: auto !important;
		height: 140vh !important;
		height: 140svh !important;
		max-height: 100% !important;
		-webkit-mask-image: linear-gradient(#000 80%, transparent) !important;
		mask-image: linear-gradient(#000 80%, transparent) !important;
	}
}