:root {
	--etg-mega-ink: #172b35;
	--etg-mega-muted: #53646b;
	--etg-mega-teal: #009ba5;
	--etg-mega-orange: #f7931e;
	--etg-mega-soft: #eef8f8;
	--etg-mega-border: #e4eded;
}

@media (min-width: 1025px) {
	body.etg-header-enhanced .qodef-page-header .qodef-main-menu > ul > li.etg-dynamic-mega > .second.etg-dynamic-mega-panel {
		position: fixed !important;
		top: var(--etg-mega-top, 80px) !important;
		left: 50% !important;
		right: auto !important;
		display: block !important;
		visibility: hidden !important;
		box-sizing: border-box;
		width: min(900px, calc(100vw - 48px)) !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		opacity: 0 !important;
		pointer-events: none;
		transform: translate(-50%, 10px) !important;
		transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease !important;
		z-index: 99999 !important;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-main-menu > ul > li.etg-dynamic-mega:hover > .second.etg-dynamic-mega-panel,
	body.etg-header-enhanced .qodef-page-header .qodef-main-menu > ul > li.etg-dynamic-mega:focus-within > .second.etg-dynamic-mega-panel {
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto;
		transform: translate(-50%, 0) !important;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-panel > .inner.etg-dynamic-mega-inner {
		display: grid !important;
		grid-template-columns: minmax(280px, 0.9fr) minmax(370px, 1.1fr);
		gap: 28px;
		box-sizing: border-box;
		width: 100% !important;
		max-height: calc(100vh - var(--etg-mega-top, 80px) - 20px);
		margin: 0 !important;
		padding: 28px !important;
		overflow: hidden;
		background: rgba(255, 255, 255, 0.985) !important;
		border: 1px solid var(--etg-mega-border);
		border-radius: 0 0 20px 20px;
		box-shadow: 0 22px 55px rgba(23, 43, 53, 0.18);
	}

	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-panel .etg-dynamic-mega-list {
		position: static !important;
		display: block !important;
		box-sizing: border-box;
		width: 100% !important;
		max-height: 410px;
		margin: 0 !important;
		padding: 0 6px 0 0 !important;
		overflow-x: hidden;
		overflow-y: auto;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list > li {
		position: relative !important;
		display: block !important;
		float: none !important;
		width: 100% !important;
		margin: 0 0 3px !important;
		padding: 0 !important;
		border: 0 !important;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list > li > a {
		position: relative;
		display: block !important;
		box-sizing: border-box;
		width: 100% !important;
		margin: 0 !important;
		padding: 11px 14px 11px 20px !important;
		color: var(--etg-mega-ink) !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 9px;
		box-shadow: none !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		line-height: 22px !important;
		letter-spacing: 0 !important;
		text-align: left !important;
		text-transform: none !important;
		transition: color 150ms ease, background-color 150ms ease, padding-left 150ms ease;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list > li > a::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 4px;
		width: 3px;
		height: 0;
		background: var(--etg-mega-orange);
		border-radius: 3px;
		transform: translateY(-50%);
		transition: height 150ms ease;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list > li > a:hover,
	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list > li > a:focus-visible,
	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list > li.etg-mega-preview-active > a,
	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list > li.current-menu-item > a,
	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list > li.current_page_item > a {
		padding-left: 24px !important;
		color: var(--etg-mega-teal) !important;
		background: var(--etg-mega-soft) !important;
		font-weight: 700 !important;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list > li > a:hover::before,
	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list > li > a:focus-visible::before,
	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list > li.etg-mega-preview-active > a::before,
	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list > li.current-menu-item > a::before,
	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list > li.current_page_item > a::before {
		height: 18px;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list .item_outer,
	body.etg-header-enhanced .qodef-page-header .qodef-main-menu .etg-dynamic-mega-list .item_text {
		display: block !important;
		width: auto !important;
		padding: 0 !important;
	}

	body.etg-header-enhanced .qodef-page-header .etg-mega-preview-card {
		position: relative;
		display: block;
		min-height: 350px;
		overflow: hidden;
		background: linear-gradient(145deg, #d29a46, #8a5528 48%, #163b47);
		border-radius: 13px;
		box-shadow: 0 12px 30px rgba(23, 43, 53, 0.16);
		isolation: isolate;
	}

	body.etg-header-enhanced .qodef-page-header .etg-mega-preview-card::after {
		content: '';
		position: absolute;
		inset: 0;
		z-index: 2;
		background: linear-gradient(180deg, transparent 35%, rgba(10, 20, 24, 0.82) 100%);
		pointer-events: none;
	}

	body.etg-header-enhanced .qodef-page-header .etg-mega-preview-card::before {
		content: '';
		position: absolute;
		inset: 0;
		z-index: 1;
		background: linear-gradient(
			105deg,
			rgba(255, 255, 255, 0.04) 30%,
			rgba(255, 255, 255, 0.32) 48%,
			rgba(255, 255, 255, 0.04) 66%
		);
		background-size: 220% 100%;
		opacity: 0;
		pointer-events: none;
	}

	body.etg-header-enhanced .qodef-page-header .etg-mega-preview-card.etg-mega-preview-loading::before {
		opacity: 1;
		animation: etg-mega-skeleton 1.15s linear infinite;
	}

	body.etg-header-enhanced .qodef-page-header .etg-mega-preview-image {
		position: absolute;
		inset: 0;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: cover;
		object-position: center;
		opacity: 1;
		transition: opacity 180ms ease, transform 500ms ease;
	}

	body.etg-header-enhanced .qodef-page-header .etg-mega-preview-loading .etg-mega-preview-image {
		opacity: 0;
	}

	body.etg-header-enhanced .qodef-page-header .etg-mega-preview-card:hover .etg-mega-preview-image,
	body.etg-header-enhanced .qodef-page-header .etg-mega-preview-card:focus-visible .etg-mega-preview-image {
		transform: scale(1.035);
	}

	body.etg-header-enhanced .qodef-page-header .etg-mega-preview-copy {
		position: absolute;
		right: 24px;
		bottom: 23px;
		left: 24px;
		z-index: 3;
		display: block;
		color: #fff;
		text-align: left;
	}

	body.etg-header-enhanced .qodef-page-header .etg-mega-preview-eyebrow {
		display: block;
		margin-bottom: 6px;
		color: #fff;
		font-size: 12px;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		opacity: 0.8;
	}

	body.etg-header-enhanced .qodef-page-header .etg-mega-preview-title {
		display: block;
		color: #fff;
		font-size: 21px;
		font-weight: 700;
		line-height: 1.35;
		letter-spacing: 0;
		text-transform: none;
	}

	body.etg-header-enhanced .qodef-page-header .etg-mega-preview-card:focus-visible {
		outline: 3px solid var(--etg-mega-teal);
		outline-offset: 3px;
	}
}

@keyframes etg-mega-skeleton {
	0% {
		background-position: 140% 0;
	}

	100% {
		background-position: -120% 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.etg-header-enhanced .etg-dynamic-mega-panel,
	body.etg-header-enhanced .etg-dynamic-mega-panel * {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}

	body.etg-header-enhanced .etg-mega-preview-card.etg-mega-preview-loading::before {
		animation: none !important;
		background-position: 50% 0;
	}
}
