/* --------------------------------------------------------------------------
 * GRZ Gaming — adaptive immersive homepage atmosphere (v1.7.6)
 *
 * The active hero artwork now colours one continuous compositor behind the
 * header, carousel and merchandising sections. It uses the same feathered
 * image, deep veil, smoke texture and pearl-canvas transition as the approved
 * product/cart treatment; content and controls remain unchanged.
 * ----------------------------------------------------------------------- */

:root {
	--grz-home-atmo-deep: #0b1c33;
	--grz-home-atmo-canvas: #eef3f9;
}

/* The header belongs to the active hero artwork instead of sitting on a
 * separate navy rectangle. A controlled veil keeps every logo/link readable. */
body.home .grz-header,
body.home .grz-header__shell {
	background: transparent;
}

body.home .grz-main-header {
	isolation: isolate;
	overflow: hidden;
	background: var(--grz-home-atmo-deep);
}

body.home .grz-main-header::before {
	position: absolute;
	z-index: 0;
	inset: -38px -54px;
	background: var(--grz-home-header-img, none) center 24% / cover no-repeat;
	content: "";
	filter: blur(24px) saturate(1.12) brightness(.7);
	opacity: .76;
	pointer-events: none;
	transform: scale(1.08);
	transition: opacity 360ms ease;
}

body.home .grz-main-header::after {
	position: absolute;
	z-index: 1;
	inset: 0;
	height: auto;
	border-bottom: 1px solid rgba(255, 255, 255, .18);
	background:
		radial-gradient(ellipse 44% 150% at 18% -20%, color-mix(in srgb, var(--grz-home-header-ambient) 24%, transparent), transparent 74%),
		linear-gradient(90deg, rgba(7, 18, 34, .62), rgba(7, 18, 34, .42) 44%, rgba(5, 15, 29, .72));
	content: "";
	pointer-events: none;
}

body.home .grz-main-header__inner,
body.home .grz-mobile-search {
	position: relative;
	z-index: 2;
}

/* One full-page compositor. The image remains present through the main store
 * modules, then feathers into the neutral canvas before the footer. */
.grz-home.has-ambient {
	background: var(--grz-home-atmo-canvas);
	transition: --grz-hero-ambient 520ms ease;
}

.grz-home.has-ambient::before,
.grz-home.has-ambient::after {
	position: absolute;
	inset-inline: -86px;
	display: block;
	width: auto;
	border: 0;
	border-radius: 0;
	content: "";
	pointer-events: none;
	transform: none;
}

.grz-home.has-ambient::before {
	top: -110px;
	z-index: 0;
	height: calc(100% - 40px);
	min-height: 1240px;
	background: var(--grz-hero-ambient-img, none) center 10% / cover no-repeat;
	filter: blur(58px) saturate(1.14) brightness(.72);
	opacity: .84;
	-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 44%, rgba(0, 0, 0, .92) 58%, rgba(0, 0, 0, .62) 74%, rgba(0, 0, 0, .22) 90%, transparent 100%);
	mask-image: linear-gradient(180deg, #000 0%, #000 44%, rgba(0, 0, 0, .92) 58%, rgba(0, 0, 0, .62) 74%, rgba(0, 0, 0, .22) 90%, transparent 100%);
	transform: scale(1.055);
}

.grz-home.has-ambient::after {
	top: -42px;
	z-index: 0;
	height: calc(100% + 42px);
	background-image:
		radial-gradient(ellipse 58% 46% at 1% 1%, color-mix(in srgb, var(--grz-hero-ambient) 82%, transparent), transparent 70%),
		radial-gradient(ellipse 76% 52% at 99% 2%, rgba(8, 25, 47, .92), transparent 76%),
		linear-gradient(180deg, rgba(7, 21, 40, .08) 0%, rgba(7, 21, 40, .2) 34%, rgba(238, 243, 249, .34) 58%, rgba(238, 243, 249, .72) 76%, rgba(238, 243, 249, .96) 91%, var(--grz-home-atmo-canvas) 100%),
		url("../images/product-atmosphere-smoke-v1.png");
	background-position: center, center, center, center top;
	background-repeat: no-repeat;
	background-size: auto, auto, auto, cover;
	background-blend-mode: normal, normal, normal, soft-light;
	opacity: 1;
	-webkit-mask-image: none;
	mask-image: none;
}

/* Let the white modules read as premium glass over the artwork rather than
 * detached opaque blocks pasted onto a different page. */
.grz-home {
	--grz-home-panel: rgba(255, 255, 255, .945);
	--grz-home-panel-soft: rgba(248, 251, 255, .91);
	--grz-home-border: rgba(221, 231, 243, .76);
	--grz-home-border-strong: rgba(196, 213, 234, .92);
	--grz-home-shadow: 0 18px 48px rgba(3, 14, 30, .16), 0 1px 0 rgba(255, 255, 255, .88) inset;
	--grz-home-shadow-hover: 0 23px 56px rgba(3, 14, 30, .2), 0 1px 0 rgba(255, 255, 255, .94) inset;
}

.grz-home-section--featured-offers > .grz-container,
.grz-home .grz-major-panel,
.grz-home .grz-cat-tile,
.grz-home .grz-news-card {
	backdrop-filter: blur(18px) saturate(1.04);
	-webkit-backdrop-filter: blur(18px) saturate(1.04);
}

@media (max-width: 760px) {
	body.home .grz-header__shell,
	body.home .grz-main-header {
		background: var(--grz-home-atmo-deep);
	}

	body.home .grz-main-header::before {
		inset: -28px -34px;
		filter: blur(19px) saturate(1.08) brightness(.66);
		opacity: .72;
	}

	.grz-home.has-ambient {
		background: var(--grz-home-atmo-canvas);
	}

	.grz-home.has-ambient::before {
		top: -72px;
		inset-inline: -48px;
		display: block;
		height: calc(100% - 20px);
		min-height: 1180px;
		background: var(--grz-hero-ambient-img, none) center 8% / cover no-repeat;
		filter: blur(38px) saturate(1.08) brightness(.7);
		opacity: .68;
		-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 34%, rgba(0, 0, 0, .86) 50%, rgba(0, 0, 0, .48) 69%, rgba(0, 0, 0, .16) 84%, transparent 96%);
		mask-image: linear-gradient(180deg, #000 0%, #000 34%, rgba(0, 0, 0, .86) 50%, rgba(0, 0, 0, .48) 69%, rgba(0, 0, 0, .16) 84%, transparent 96%);
		transform: scale(1.04);
	}

	.grz-home.has-ambient::after {
		top: -28px;
		inset-inline: -34px;
		height: calc(100% + 28px);
		background-image:
			radial-gradient(ellipse 82% 38% at 0% 0%, color-mix(in srgb, var(--grz-hero-ambient) 70%, transparent), transparent 70%),
			radial-gradient(ellipse 90% 42% at 100% 1%, rgba(8, 25, 47, .88), transparent 78%),
			linear-gradient(180deg, rgba(7, 21, 40, .16) 0%, rgba(7, 21, 40, .25) 29%, rgba(238, 243, 249, .42) 49%, rgba(238, 243, 249, .78) 68%, rgba(238, 243, 249, .96) 84%, var(--grz-home-atmo-canvas) 100%),
			url("../images/product-atmosphere-smoke-v1.png");
		background-position: center, center, center, 43% top;
		background-size: auto, auto, auto, cover;
		background-blend-mode: normal, normal, normal, soft-light;
	}
}

@media (max-width: 520px) {
	/* v140 hid every span in this compact control, including the icon wrapper. */
	.grz-major-panel__more .grz-icon {
		display: inline-flex;
		width: 15px;
		height: 15px;
		color: #0762e6;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.home .grz-main-header::before,
	.grz-home.has-ambient {
		transition: none;
	}
}

@media (prefers-contrast: more) {
	body.home .grz-main-header::after {
		background: rgba(5, 16, 31, .82);
	}

	.grz-home {
		--grz-home-panel: #fff;
	}
}

@media (forced-colors: active) {
	body.home .grz-main-header::before,
	.grz-home.has-ambient::before,
	.grz-home.has-ambient::after {
		display: none;
		content: none;
	}
}