@media (max-width: 1024px) {
	#mobile-drawer.popup-drawer {
		--te-mobile-nav-color: #016d9c;
		--te-mobile-nav-color-soft: #014a6b;
		--te-mobile-nav-border: #e8edf1;
		--te-mobile-nav-surface: #f6f9fb;
		--te-mobile-nav-accent: rgba(1, 109, 156, 0.08);
		--te-mobile-nav-serif: minion-pro, "Minion Pro", Georgia, "Times New Roman", serif;
		--te-mobile-nav-sans: "Roboto", sans-serif;
	}

	#mobile-drawer .drawer-overlay {
		background: rgba(1, 38, 56, 0.42);
	}

	#mobile-drawer.popup-drawer:not(.active) .drawer-overlay {
		pointer-events: none !important;
	}

	#mobile-drawer:not(.active) .mobile-menu-container {
		pointer-events: none;
	}

	#mobile-drawer .drawer-inner {
		width: 100% !important;
		max-width: 100% !important;
		background: #fff !important;
		box-shadow: none !important;
	}

	/* min-height + flex-shrink:0 clear the close button off the breadcrumb
	   bar below it. The button's hit area is 52px tall (14 -> 66) but its
	   visible X is only 14px (33 -> 47), and the grey breadcrumb strip
	   started at 72 — 6px under the button box — so the X read as sitting
	   on, or tucked behind, the breadcrumb.

	   Padding alone cannot fix this. The header is a flex item in a
	   fixed-height column, so it absorbs any change: adding padding-bottom
	   left the height at 72px, and adding padding-top to the sibling
	   .drawer-content instead just shrank the header from 72px to 52px, so
	   the breadcrumb stayed exactly where it was both times. Pinning the
	   height is what actually moves it. 88px = 52px button + the 0.85rem
	   padding either side, with room to spare. */
	#mobile-drawer .drawer-header {
		padding: 0.85rem 1rem;
		border-bottom: 1px solid var(--te-mobile-nav-border);
		background: #fff;
		min-height: 88px;
		flex: 0 0 auto;
	}

	#mobile-drawer .drawer-header .drawer-toggle {
		color: var(--te-mobile-nav-color);
		opacity: 0.85;
	}

	#mobile-drawer .drawer-content.mobile-drawer-content {
		padding: 0;
		background: #fff;
		color: var(--te-mobile-nav-color);
	}

	#mobile-drawer .mobile-menu-container {
		position: relative;
		overflow: hidden;
		min-height: calc(100vh - 72px);
		background: #fff;
	}

	#mobile-drawer .te-mobile-panel--root {
		display: flex;
		flex-direction: column;
		min-height: 100%;
		background: #fff;
	}

	#mobile-drawer .mobile-navigation .menu,
	#mobile-drawer .te-mobile-panel__list,
	#mobile-drawer .te-mobile-panel__links {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#mobile-drawer .mobile-navigation .menu > li,
	#mobile-drawer .te-mobile-panel__list > li,
	#mobile-drawer .te-mobile-panel__links > li {
		margin: 0;
		padding: 0;
		border-bottom: 1px solid var(--te-mobile-nav-border);
	}

	#mobile-drawer .drawer-nav-drop-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.75rem;
		min-height: 3.75rem;
	}

	#mobile-drawer .mobile-navigation .menu a,
	#mobile-drawer .te-mobile-panel__label {
		display: flex;
		align-items: center;
		flex: 1 1 auto;
		width: auto;
		min-height: 3.75rem;
		padding: 0.95rem 0.5rem 0.95rem 1.35rem;
		border: 0;
		background: transparent;
		color: var(--te-mobile-nav-color);
		font-family: var(--te-mobile-nav-serif) !important;
		/* 1.3rem (20.8px) was undersized ~13% vs the mobile PSB comp's
		   24.0px target ("new mobile design 17 meganav.psb", see
		   mobile_psb_audit_findings memory) — bumped to 1.5rem. */
		font-size: 1.5rem !important;
		font-weight: 400 !important;
		line-height: 1.3;
		letter-spacing: 0.012em;
		text-align: left;
		text-decoration: none;
		box-sizing: border-box;
		-webkit-tap-highlight-color: transparent;
	}

	#mobile-drawer .drawer-nav-drop-wrap > .te-mobile-panel__label,
	#mobile-drawer .drawer-nav-drop-wrap > a {
		padding-right: 0;
	}

	#mobile-drawer .drawer-sub-toggle {
		flex-shrink: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		margin: 0 1rem 0 0;
		padding: 0;
		border: 0;
		border-radius: 999px;
		background: var(--te-mobile-nav-accent);
		color: var(--te-mobile-nav-color);
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	#mobile-drawer .drawer-sub-toggle .kadence-svg-iconset,
	#mobile-drawer .drawer-sub-toggle svg {
		display: none !important;
	}

	#mobile-drawer .drawer-sub-toggle::after {
		content: "›";
		font-family: var(--te-mobile-nav-serif);
		font-size: 1.45rem;
		font-weight: 600;
		line-height: 1;
		transform: translateX(1px);
	}

	#mobile-drawer .menu-item-955 {
		display: none;
	}

	#mobile-drawer .menu-item.te-mobile-nav-hidden,
	#mobile-drawer .te-mobile-panel__item.te-mobile-nav-hidden {
		display: none !important;
	}

	#mobile-drawer .mobile-navigation .menu > li > .sub-menu,
	#mobile-drawer .sub-menu .sub-menu,
	#mobile-drawer .te-mobile-panel--nested {
		position: absolute;
		inset: 0;
		z-index: 3;
		display: flex;
		flex-direction: column;
		margin: 0;
		padding: 0;
		background: #fff;
		overflow-x: hidden;
		overflow-y: auto;
		transform: translateX(100%);
		visibility: hidden;
		pointer-events: none;
	}

	#mobile-drawer .sub-menu .sub-menu {
		z-index: 4;
	}

	#mobile-drawer .te-mobile-panel--nested {
		z-index: 5;
	}

	#mobile-drawer.active .menu-item.te-mobile-nav-active > .sub-menu.te-mobile-panel-open,
	#mobile-drawer.active .sub-menu .menu-item.te-mobile-nav-active > .sub-menu.te-mobile-panel-open,
	#mobile-drawer.active .te-mobile-panel__item.te-mobile-nav-active > .te-mobile-panel--nested.te-mobile-panel-open {
		display: flex !important;
		flex-direction: column;
		grid-template-columns: none !important;
		grid-template-rows: none !important;
		transform: translateX(0);
		visibility: visible;
		pointer-events: auto;
	}

	#mobile-drawer .sub-menu.te-mobile-panel-open > .te-mobile-panel__back,
	#mobile-drawer .te-mobile-panel--nested.te-mobile-panel-open > .te-mobile-panel__back {
		flex: 0 0 auto;
		height: auto;
	}

	#mobile-drawer .sub-menu.te-mobile-panel-open > .te-mobile-panel__list,
	#mobile-drawer .sub-menu.te-mobile-panel-open > .menu,
	#mobile-drawer .te-mobile-panel--nested > .te-mobile-panel__links {
		flex: 1 1 auto;
		overflow-y: auto;
	}

	#mobile-drawer .te-mobile-panel__back {
		display: flex;
		align-items: center;
		flex-shrink: 0;
		gap: 0.5rem;
		width: 100%;
		min-height: 3.35rem;
		padding: 0.85rem 1.35rem;
		border: 0;
		border-bottom: 1px solid var(--te-mobile-nav-border);
		background: var(--te-mobile-nav-surface);
		color: var(--te-mobile-nav-color-soft);
		font-family: var(--te-mobile-nav-sans);
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 1.2;
		letter-spacing: 0.01em;
		text-align: left;
		cursor: pointer;
		box-sizing: border-box;
		-webkit-tap-highlight-color: transparent;
	}

	#mobile-drawer .te-mobile-panel__back--root {
		cursor: default;
	}

	#mobile-drawer .te-mobile-panel__back::before {
		content: "‹";
		flex-shrink: 0;
		font-family: var(--te-mobile-nav-serif);
		font-size: 1.125rem;
		font-weight: 600;
		line-height: 1;
		color: var(--te-mobile-nav-color);
	}

	#mobile-drawer .te-mobile-panel__crumb {
		font-family: var(--te-mobile-nav-sans);
		font-size: 0.875rem;
		font-weight: 400;
		line-height: 1.2;
		color: #5b7f92;
		white-space: nowrap;
	}

	#mobile-drawer .te-mobile-panel__crumb--current {
		color: var(--te-mobile-nav-color);
		font-weight: 500;
	}

	#mobile-drawer .te-mobile-panel__crumb-sep {
		font-family: var(--te-mobile-nav-sans);
		font-size: 0.875rem;
		font-weight: 400;
		line-height: 1.2;
		color: #b8c9d4;
		padding: 0 0.15rem;
	}

	#mobile-drawer .te-mobile-panel__links a {
		display: flex;
		align-items: center;
		min-height: 3.35rem;
		padding: 0.85rem 1.35rem 0.85rem 1.65rem;
		border-left: 3px solid transparent;
		color: var(--te-mobile-nav-color);
		font-family: var(--te-mobile-nav-serif) !important;
		font-size: 1.12rem !important;
		font-weight: 400 !important;
		line-height: 1.35;
		text-decoration: none;
		box-sizing: border-box;
	}

	#mobile-drawer .te-our-tours-mega,
	#mobile-drawer .te-our-tours-mega__promo,
	#mobile-drawer .te-our-tours-mega__categories,
	#mobile-drawer .te-our-tours-mega__panels,
	#mobile-drawer .te-our-tours-mega__mobile-stack {
		display: none !important;
	}

	#mobile-drawer .menu-item-757 > .sub-menu,
	#mobile-drawer .menu-item-758 > .sub-menu,
	#mobile-drawer .menu-item-772 > .sub-menu,
	#mobile-drawer .menu-item-773 > .sub-menu {
		flex-direction: column;
		grid-template-rows: none !important;
		opacity: 1 !important;
		background: #fff;
	}

	#mobile-drawer .menu-item-757 > .sub-menu > li > a,
	#mobile-drawer .menu-item-758 > .sub-menu > li > a,
	#mobile-drawer .menu-item-772 > .sub-menu > li > a,
	#mobile-drawer .menu-item-773 > .sub-menu > li > a {
		display: none;
	}

	#mobile-drawer .menu-item-757 > .sub-menu > li,
	#mobile-drawer .menu-item-758 > .sub-menu > li,
	#mobile-drawer .menu-item-772 > .sub-menu > li,
	#mobile-drawer .menu-item-773 > .sub-menu > li {
		opacity: 1 !important;
		overflow: visible;
		min-height: 0;
		padding: 0;
		margin: 0;
		border: 0;
	}
}