/**
 * GRZ Gaming — adaptive-contrast embedded Featured Offers (dev78).
 *
 * Five cards still share the 1440px desktop shell. The refined 5:2 ratio adds
 * a small amount of vertical breathing room, while a real feather-mask blends
 * the product artwork into a title band that now shows only the offer value.
 */

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 {
	--grz-fx-band: color-mix(in srgb, var(--grz-fx-accent-dark, #0b2f64) 76%, #071337 24%);
	--grz-fx-title-color: #fff;
	--grz-fx-title-surface: rgba(4, 12, 29, .62);
	--grz-fx-title-surface-end: rgba(4, 12, 29, .1);
	--grz-fx-title-shadow: 0 1px 2px rgba(0, 0, 0, .82), 0 0 7px rgba(0, 0, 0, .34);
	--grz-fx-title-stroke: rgba(2, 8, 20, .52);
	position: relative;
	display: grid;
	grid-template-rows: 70% 30%;
	min-width: 0;
	min-height: 0;
	aspect-ratio: 5 / 2;
	border: 1px solid rgba(237, 243, 252, .98);
	border-radius: 6px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 7px 16px rgba(7, 20, 43, .18), 0 1px 0 rgba(255, 255, 255, .58) inset;
	isolation: isolate;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.home .grz-home-section--featured-offers .grz-fx-card[data-grz-title-tone="dark"] {
	--grz-fx-title-color: #07172c;
	--grz-fx-title-surface: rgba(255, 255, 255, .52);
	--grz-fx-title-surface-end: rgba(255, 255, 255, .1);
	--grz-fx-title-shadow: 0 1px 1px rgba(255, 255, 255, .82), 0 0 6px rgba(255, 255, 255, .45);
	--grz-fx-title-stroke: rgba(255, 255, 255, .5);
}

body.home .grz-home-section--featured-offers .grz-fx-card::before {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	z-index: 8;
	display: block;
	height: 2px;
	background: var(--grz-fx-accent, #0762e6);
	content: "";
	pointer-events: none;
}

body.home .grz-home-section--featured-offers .grz-fx-card:hover,
body.home .grz-home-section--featured-offers .grz-fx-card:focus-visible {
	border-color: rgba(var(--grz-fx-accent-rgb, 7, 98, 230), .72);
	box-shadow: 0 11px 22px rgba(7, 20, 43, .23), 0 0 0 1px rgba(var(--grz-fx-accent-rgb, 7, 98, 230), .12);
	transform: translateY(-2px);
}

body.home .grz-home-section--featured-offers .grz-fx-card:focus-visible {
	outline: 2px solid rgba(var(--grz-fx-accent-rgb, 7, 98, 230), .5);
	outline-offset: 2px;
}

body.home .grz-home-section--featured-offers .grz-fx-main {
	position: relative;
	display: block;
	min-width: 0;
	min-height: 0;
	padding: 0;
	background-color: var(--grz-fx-band, #101c55);
	overflow: hidden;
}

body.home .grz-home-section--featured-offers .grz-fx-main::after {
	position: absolute;
	inset-block: 0;
	inset-inline: 38% 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(3, 10, 30, 0), rgba(3, 10, 30, .16) 18%, rgba(3, 10, 30, .2));
	content: "";
	pointer-events: none;
}

body.home .grz-home-section--featured-offers .grz-fx-backdrop {
	display: none;
}

body.home .grz-home-section--featured-offers .grz-fx-art {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	z-index: 3;
	display: block;
	width: 64%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	overflow: hidden;
	-webkit-mask-image: url('../images/featured-card-art-feather-mask-v1.png');
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-image: url('../images/featured-card-art-feather-mask-v1.png');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
}

body.home .grz-home-section--featured-offers .grz-fx-thumb {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 38%;
	transform: scale(1.01);
	transition: transform 240ms ease;
}

body.home .grz-home-section--featured-offers .grz-fx-main::before {
	position: absolute;
	inset-block: 0;
	inset-inline: 36% 0;
	z-index: 2;
	display: block;
	background-image: url('../images/featured-card-facets-mask-v1.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	mix-blend-mode: screen;
	opacity: .2;
	content: "";
	pointer-events: none;
	transition: opacity 180ms ease;
}

body.home .grz-home-section--featured-offers .grz-fx-card:hover .grz-fx-thumb,
body.home .grz-home-section--featured-offers .grz-fx-card:focus-visible .grz-fx-thumb {
	transform: scale(1.045);
}

body.home .grz-home-section--featured-offers .grz-fx-card:hover .grz-fx-main::before,
body.home .grz-home-section--featured-offers .grz-fx-card:focus-visible .grz-fx-main::before {
	opacity: .25;
}

body.home .grz-home-section--featured-offers .grz-fx-info {
	position: absolute;
	inset-block: 0;
	inset-inline: 52% 1.5%;
	z-index: 4;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
	min-width: 0;
	min-height: 0;
	padding: 7px 8px 7px 9px;
}

body.home .grz-home-section--featured-offers .grz-fx-info::before {
	position: absolute;
	inset: -8px -12px -8px -22%;
	z-index: -1;
	background: radial-gradient(ellipse at 50% 50%, var(--grz-fx-title-surface) 0, var(--grz-fx-title-surface-end) 54%, transparent 82%);
	content: "";
	pointer-events: none;
	transition: background 180ms ease;
}

body.home .grz-home-section--featured-offers .grz-fx-head {
	display: block;
	min-width: 0;
}

body.home .grz-home-section--featured-offers .grz-fx-head > .grz-fx-flag {
	display: none;
}

body.home .grz-home-section--featured-offers .grz-fx-eyebrow {
	display: block;
	max-width: 100%;
	color: rgba(255, 255, 255, .92);
	font-family: Inter, Arial, sans-serif;
	font-size: .47rem;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: .075em;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.home .grz-home-section--featured-offers .grz-fx-title {
	display: -webkit-box;
	width: 100%;
	min-width: 0;
	min-height: 0;
	position: relative;
	z-index: 1;
	color: var(--grz-fx-title-color, #fff);
	font-family: Manrope, Inter, Arial, sans-serif;
	font-size: .8rem;
	font-weight: 820;
	line-height: 1.14;
	letter-spacing: -.018em;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	overflow-wrap: anywhere;
	text-align: center;
	-webkit-text-stroke: .15px var(--grz-fx-title-stroke);
	text-shadow: var(--grz-fx-title-shadow);
	transition: color 160ms ease, text-shadow 160ms ease;
}

body.home .grz-home-section--featured-offers .grz-fx-footer {
	position: relative;
	z-index: 5;
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr) 14px;
	align-items: center;
	gap: 5px;
	min-width: 0;
	min-height: 0;
	padding: 4px 7px 5px;
	border-top: 0;
	background: #fff;
}

body.home .grz-home-section--featured-offers .grz-fx-instant {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	min-width: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #697589;
	font-family: Inter, Arial, sans-serif;
	font-size: .53rem;
	font-weight: 680;
	line-height: 1;
	white-space: nowrap;
}

body.home .grz-home-section--featured-offers .grz-fx-instant__icon,
body.home .grz-home-section--featured-offers .grz-fx-instant .grz-icon,
body.home .grz-home-section--featured-offers .grz-fx-instant svg {
	width: 10px;
	height: 10px;
	color: var(--grz-fx-accent, #0762e6);
	flex: 0 0 10px;
}

body.home .grz-home-section--featured-offers .grz-fx-price {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 3px;
	min-width: 0;
	margin-inline-start: 0;
	white-space: nowrap;
}

body.home .grz-home-section--featured-offers .grz-fx-price__from {
	color: #7c8798;
	font-size: .46rem;
	font-weight: 700;
}

body.home .grz-home-section--featured-offers .grz-fx-price__was {
	color: #747f90;
	font-size: .48rem;
	line-height: 1;
}

body.home .grz-home-section--featured-offers .grz-fx-price .grz-fx-flag {
	margin: 0;
	padding: 1px 4px;
	border: 0;
	border-radius: 4px;
	background: var(--grz-fx-accent, #0762e6);
	color: #fff;
	font-size: .49rem;
	font-weight: 820;
	line-height: 1.25;
	box-shadow: none;
}

body.home .grz-home-section--featured-offers .grz-fx-price__now {
	color: var(--grz-fx-accent, #0762e6);
	font-family: Manrope, Inter, Arial, sans-serif;
	font-size: .8rem;
	font-weight: 850;
	line-height: 1;
	letter-spacing: -.025em;
}

body.home .grz-home-section--featured-offers .grz-fx-price__now .woocommerce-Price-currencySymbol {
	font-size: .82em;
}

body.home .grz-home-section--featured-offers .grz-fx-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	color: #4f5967;
	transition: color 180ms ease, transform 180ms ease;
}

body.home .grz-home-section--featured-offers .grz-fx-arrow .grz-icon,
body.home .grz-home-section--featured-offers .grz-fx-arrow svg {
	display: block;
	width: 11px;
	height: 11px;
	stroke-width: 2.35;
}

body.home .grz-home-section--featured-offers .grz-fx-card:hover .grz-fx-arrow,
body.home .grz-home-section--featured-offers .grz-fx-card:focus-visible .grz-fx-arrow {
	color: var(--grz-fx-accent-dark, #064ec4);
	transform: translateX(1px);
}

@media (max-width: 1120px) {
	body.home .grz-home-section--featured-offers .grz-fx-grid {
		grid-template-columns: none !important;
		grid-template-rows: 1fr;
		grid-auto-flow: column;
		grid-auto-columns: 269px;
		gap: 10px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x proximity;
		scrollbar-width: thin;
	}

	body.home .grz-home-section--featured-offers .grz-fx-card {
		scroll-snap-align: start;
	}
}

@media (max-width: 640px) {
	body.home .grz-home-section--featured-offers .grz-fx-grid {
		grid-template-rows: repeat(2, auto);
		grid-auto-columns: min(82vw, 320px) !important;
		gap: 10px 9px !important;
	}

	body.home .grz-home-section--featured-offers .grz-fx-eyebrow {
		font-size: .48rem;
	}

	body.home .grz-home-section--featured-offers .grz-fx-title {
		font-size: .82rem;
	}

	body.home .grz-home-section--featured-offers .grz-fx-instant {
		font-size: .53rem;
	}

	body.home .grz-home-section--featured-offers .grz-fx-price__was,
	body.home .grz-home-section--featured-offers .grz-fx-price .grz-fx-flag {
		font-size: .5rem;
	}

	body.home .grz-home-section--featured-offers .grz-fx-price__now {
		font-size: .82rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.home .grz-home-section--featured-offers .grz-fx-card,
	body.home .grz-home-section--featured-offers .grz-fx-thumb,
	body.home .grz-home-section--featured-offers .grz-fx-main::before,
	body.home .grz-home-section--featured-offers .grz-fx-arrow {
		transition: none;
	}

	body.home .grz-home-section--featured-offers .grz-fx-card:hover,
	body.home .grz-home-section--featured-offers .grz-fx-card:focus-visible,
	body.home .grz-home-section--featured-offers .grz-fx-card:hover .grz-fx-thumb,
	body.home .grz-home-section--featured-offers .grz-fx-card:focus-visible .grz-fx-thumb {
		transform: none;
	}
}

@media (forced-colors: active) {
	body.home .grz-home-section--featured-offers .grz-fx-main {
		background: CanvasText;
	}

	body.home .grz-home-section--featured-offers .grz-fx-main::before {
		display: none;
	}

	body.home .grz-home-section--featured-offers .grz-fx-card::before {
		background: Highlight;
	}
}