.navigation.navigation-three-col.desktop {
	--surface-1: #fdfaed;
	--surface-2: transparent;
	--surface-3: transparent;
	position: static;
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item .dropdown-toggle .icon-toggle {
	transform-origin: center;
	transform: rotate(-90deg);
}

.navigation.navigation-three-col.desktop .dropdown-menu {
	position: absolute;
	right: 0;
	width: 100%;
	max-width: 500px;
	background-color: var(--surface-1);
	overflow: hidden;
}

.navigation.navigation-three-col.desktop .dropdown-menu.level-1 {
	display: grid !important;
	grid-template-columns: 400px 850px;
	justify-content: space-between;
	right: 50%;
	width: 100%;
	min-width: calc(100vw - 120px);
	max-width: calc(100vw - 120px);
	overflow: hidden;
	transform: translateX(50%) translateY(32px);
}

.navigation.navigation-three-col.desktop .dropdown-menu.level-1::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1320px;
	height: 320px;
	background-image: url(/includes/public/assets/shared/desktop_nav_element.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	z-index: -1;
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu {
	top: 0;
	left: 33%;
	right: auto;
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu.level-2 {
	background-color: var(--surface-2);
	left: unset;
	right: 101px;
}

.navigation.navigation-three-col.desktop .dropdown-menu.level-3 {
	background-color: var(--surface-3);
	left: 250px;
}

.navigation.navigation-three-col.desktop .dropdown-menu.open {
	opacity: 1;
	pointer-events: all;
}
.navigation.navigation-three-col.desktop.primary .dropdown-menu.open {
	min-height: 313px;
}

.navigation.navigation-three-col.desktop .dropdown-menu.open .items {
	padding-top: var(--space-6);
	padding-bottom: var(--space-6);
}

.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu .nav-item {
	max-width: 50%;
}

.navigation.navigation-three-col.desktop .nav-item .dropdown-helper {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transform: scaleY(0);
	transform-origin: bottom center;
	transition: transform 300ms ease 200ms;
}

.navigation.navigation-three-col.desktop .level-1.nav-item > .dropdown-helper {
	height: calc(100% + 32px) !important;
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item .dropdown-helper {
	transform: scaleX(0);
	transform-origin: right center;
}

.navigation.navigation-three-col.desktop .nav-item .dropdown-helper {
	opacity: 0.3;
}

.navigation.navigation-three-col.desktop .nav-item:not(.level-1) .dropdown-helper {
	right: 0;
	left: 0;
}

.navigation.navigation-three-col.desktop .nav-item .nav-item-control:hover + .dropdown-helper {
	transform: scaleY(1);
	transition: none;
}

.navigation.navigation-three-col.desktop .dropdown-menu .nav-item .nav-item-control:hover + .dropdown-helper {
	transform: scaleX(1);
}

.navigation.navigation-three-col.desktop .nav-item:not(.level-1) .nav-item-control:hover, .navigation.navigation-three-col.desktop .nav-item:not(.level-1).open > .nav-item-control {
	position: relative;
	z-index: 2;
	background-color: var(--yellow-light);
}

.navigation.navigation-three-col.desktop .nav-item .nav-item-control:hover i, .navigation.navigation-three-col.desktop .nav-item:not(.level-1).open > .nav-item-control i {
	color: #d9591f;
}

/* Primary desktop navigation */
.navigation.navigation-three-col.desktop.primary .dropdown-menu .nav-item {
	max-width: 250px;
}

/* Secondary desktop navigation */
.navigation.navigation-three-col.desktop.secondary .dropdown-menu.level-1 {
	min-width: 530px;
	max-width: 530px;
	display: flex !important;
	flex-direction: column;
	right: 500px;
	padding: var(--space-3);
	background-image: url(/includes/public/assets/shared/desktop_nav_secondary_element.jpg);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu.level-1::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 264px;
	height: 269px;
	background-image: url(/includes/public/assets/shared/desktop_nav_secondary_element.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu.level-2 {
	padding: var(--space-3);
	padding-left: 0;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu.open .items {
	padding: 0;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu .nav-item {
	max-width: 50%;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu .nav-item.level-3 {
	max-width: 100%;
}

.navigation.navigation-three-col.desktop.secondary .dropdown-menu .dropdown-menu {
	left: 50%;
	width: 50%;
}

@media (min-width: 64em) and (max-width: 1300px) {
	.navigation.navigation-three-col.desktop .dropdown-menu {
		max-width: 400px;
	}

	.navigation.navigation-three-col.desktop .dropdown-menu.level-1 {
		grid-template-columns: 0.3fr 0.7fr;
		gap: var(--space-3);
		justify-content: flex-start;
	}

	.navigation.navigation-three-col.desktop .dropdown-menu.level-3 {
		left: 199px;
	}
}

@media (min-width: 64em) and (max-width: 1400px) {
	.navigation.navigation-three-col.desktop .dropdown-menu .dropdown-menu.level-2 {
		right: auto;
		left: 55%;
	}
	.navigation.navigation-three-col.desktop.primary .dropdown-menu .nav-item {
		max-width: 180px;
	}
}
@media (min-width: 1200px) and (max-width: 1400px) {
	.navigation.navigation-three-col.desktop.primary .dropdown-menu .nav-item {
		max-width: 240px;
	}
}


.navigation.navigation-three-col.desktop.primary .menu-cta .footer-cta .inner {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}