/* --------------------------------------------------------------------------
 * GRZ Gaming — source homepage merchandising + banner colour field (v1.7.9)
 *
 * Restores the approved compact Featured Offers composition and lets the
 * active banner drive a bright, continuous colour field across the page.
 * The header remains part of that same field and uses the shared glass hover
 * language already used by the cart and account controls.
 * ----------------------------------------------------------------------- */

body.home {
	background: color-mix(in srgb, var(--grz-home-atmosphere-color, #6f8fb6) 18%, #eef3f9);
}

body.home::before {
	background: var(--grz-home-atmosphere-img, var(--grz-home-header-img, none)) center / 100% 100% no-repeat;
	filter: blur(58px) saturate(1.58) brightness(1.2) contrast(.96);
	opacity: .84;
	transform: translateX(-50%) scale(1.018);
}

body.home::after {
	background-image:
		linear-gradient(180deg, rgba(4, 14, 28, .2) 0%, rgba(7, 20, 37, .1) 14%, rgba(238, 243, 249, .25) 28%, rgba(238, 243, 249, .56) 42%, rgba(238, 243, 249, .74) 66%, color-mix(in srgb, var(--grz-home-atmosphere-color, #6f8fb6) 8%, #eef3f9) 100%),
		radial-gradient(ellipse 88% 42% at 5% 12%, color-mix(in srgb, var(--grz-home-atmosphere-color, #6f8fb6) 56%, transparent), transparent 76%),
		radial-gradient(ellipse 82% 46% at 96% 42%, color-mix(in srgb, var(--grz-home-atmosphere-color, #6f8fb6) 42%, transparent), transparent 78%),
		radial-gradient(ellipse 94% 40% at 12% 76%, color-mix(in srgb, var(--grz-home-atmosphere-color, #6f8fb6) 27%, transparent), transparent 82%),
		url("../images/product-atmosphere-smoke-v1.png");
	background-blend-mode: normal, screen, soft-light, soft-light, soft-light;
}

body.home .grz-primary-menu > li > a {
	border-radius: 8px;
	transition: color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.home .grz-primary-menu > li > a:hover,
body.home .grz-primary-menu > li > a:focus-visible,
body.home .grz-primary-menu > li.current-menu-item > a,
body.home .grz-primary-menu > li.current-menu-ancestor > a {
	color: #fff;
	background: rgba(255, 255, 255, .1);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 7px 18px rgba(2, 10, 22, .1);
	text-decoration: none;
	transform: translateY(-1px);
}

body.home .grz-primary-menu > li > a::after {
	display: none;
	content: none;
}

/* The approved Featured Offers module is intentionally not a large card. */
body.home .grz-home-section--featured-offers {
	margin: 0;
	padding: 16px 22px;
}

body.home .grz-home-section--featured-offers > .grz-container {
	width: min(calc(100% - (2 * var(--grz-home-gutter, 22px))), var(--grz-container, 1392px));
	margin-inline: auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body.home .grz-home-section--featured-offers .grz-home-section__head {
	margin-bottom: 14px;
}

body.home .grz-home-section--featured-offers .grz-home-section__title {
	position: relative;
	padding-left: 14px;
	color: #101d33;
}

body.home .grz-home-section--featured-offers .grz-home-section__title::before {
	position: absolute;
	top: 3px;
	bottom: 3px;
	left: 0;
	width: 4px;
	border-radius: 999px;
	background: var(--grz-blue, #0762e6);
	content: "";
}

body.home .grz-home-section--featured-offers .grz-home-section__desc {
	color: #536783;
}

body.home .grz-home-section--featured-offers .grz-home-section__more--button {
	min-height: 38px;
	padding-inline: 18px;
	border-color: rgba(8, 20, 38, .9);
	background: #0b1627;
	color: #fff;
	box-shadow: 0 7px 18px rgba(5, 14, 28, .15);
}

body.home .grz-home-section--featured-offers .grz-home-section__more--button:hover,
body.home .grz-home-section--featured-offers .grz-home-section__more--button:focus-visible {
	border-color: #0762e6;
	background: #0762e6;
	color: #fff;
	transform: translateY(-1px);
}

body.home .grz-home-section--featured-offers .grz-fx-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
}

body.home .grz-home-section--featured-offers .grz-fx-card {
	min-width: 0;
	border: 1px solid rgba(203, 215, 231, .9);
	border-bottom: 3px solid var(--grz-blue, #0762e6);
	border-radius: 9px;
	background: rgba(255, 255, 255, .95);
	box-shadow: 0 8px 18px rgba(16, 34, 58, .07);
}

@media (max-width: 760px) {
	body.home::before {
		filter: blur(44px) saturate(1.48) brightness(1.18) contrast(.96);
		opacity: .82;
	}

	body.home::after {
		background-image:
			linear-gradient(180deg, rgba(4, 14, 28, .2) 0%, rgba(7, 20, 37, .1) 13%, rgba(238, 243, 249, .3) 27%, rgba(238, 243, 249, .6) 43%, rgba(238, 243, 249, .78) 68%, color-mix(in srgb, var(--grz-home-atmosphere-color, #6f8fb6) 7%, #eef3f9) 100%),
			radial-gradient(ellipse 100% 34% at 4% 8%, color-mix(in srgb, var(--grz-home-atmosphere-color, #6f8fb6) 52%, transparent), transparent 76%),
			radial-gradient(ellipse 98% 38% at 98% 44%, color-mix(in srgb, var(--grz-home-atmosphere-color, #6f8fb6) 38%, transparent), transparent 80%),
			radial-gradient(ellipse 100% 34% at 10% 74%, color-mix(in srgb, var(--grz-home-atmosphere-color, #6f8fb6) 24%, transparent), transparent 82%),
			url("../images/product-atmosphere-smoke-v1.png");
	}

	body.home .grz-home-section--featured-offers {
		padding-inline: 16px;
	}

	body.home .grz-home-section--featured-offers > .grz-container {
		width: 100%;
	}
}

@media (max-width: 640px) {
	body.home .grz-home-section--featured-offers .grz-fx-grid {
		grid-template-columns: none;
	}
}

@media (forced-colors: active) {
	body.home .grz-home-section--featured-offers .grz-home-section__title::before {
		background: Highlight;
	}
}