/* --------------------------------------------------------------------------
 * GRZ Gaming — product hero favorite restoration (v1.9.5)
 *
 * The immersive layer in v1.8.2 hid the favorite control. Restore it as a
 * compact, squared action that is visually quiet but remains discoverable.
 * ----------------------------------------------------------------------- */

body.single-product.grz-product-immersive .grz-tp-hero__inner {
	grid-template-columns: 150px minmax(0, 1fr) auto;
}

body.single-product.grz-product-immersive .grz-tp-hero .grz-favorite-button--product {
	display: inline-flex;
	align-self: start;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 112px;
	min-height: 42px;
	margin: 2px 0 0 auto;
	padding: 0 14px;
	border: 1px solid rgba(255, 255, 255, .38);
	border-radius: 6px;
	background: rgba(7, 18, 38, .26);
	box-shadow: 0 10px 24px rgba(3, 9, 22, .14);
	color: #fff;
	font-size: 12px;
	font-weight: 750;
	line-height: 1;
	-webkit-backdrop-filter: blur(9px);
	backdrop-filter: blur(9px);
	cursor: pointer;
	transition: border-color 150ms ease, background 150ms ease, color 150ms ease, transform 150ms ease;
}

body.single-product.grz-product-immersive .grz-tp-hero .grz-favorite-button--product:hover,
body.single-product.grz-product-immersive .grz-tp-hero .grz-favorite-button--product:focus-visible {
	border-color: rgba(255, 255, 255, .7);
	background: rgba(255, 255, 255, .17);
	color: #fff;
	transform: translateY(-1px);
}

body.single-product.grz-product-immersive .grz-tp-hero .grz-favorite-button--product:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

body.single-product.grz-product-immersive .grz-tp-hero .grz-favorite-button--product .grz-favorite-button__icon {
	width: 16px;
	height: 16px;
	flex: none;
}

body.single-product.grz-product-immersive .grz-tp-hero .grz-favorite-button--product.is-active {
	border-color: rgba(255, 141, 158, .72);
	background: rgba(178, 30, 54, .32);
	color: #fff;
}

body.single-product.grz-product-immersive .grz-tp-hero .grz-favorite-button--product.is-active .grz-favorite-button__icon {
	color: #ff8799;
	fill: #ff8799;
}

@media (max-width: 720px) {
	body.single-product.grz-product-immersive .grz-tp-hero__inner {
		grid-template-columns: 92px minmax(0, 1fr);
	}

	body.single-product.grz-product-immersive .grz-tp-hero .grz-favorite-button--product {
		position: absolute;
		inset-inline-end: 0;
		bottom: -7px;
		width: 42px;
		min-width: 42px;
		height: 42px;
		min-height: 42px;
		margin: 0;
		padding: 0;
		border-radius: 6px;
	}

	body.single-product.grz-product-immersive .grz-tp-hero .grz-favorite-button--product [data-grz-favorite-label] {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.single-product.grz-product-immersive .grz-tp-hero .grz-favorite-button--product {
		transition: none;
	}
}