/*
 * Mobile navigation interaction layer.
 * Loaded after every product theme so decorative hero stacking contexts cannot
 * sit above the open commercial menu and intercept taps.
 */
@media (max-width: 1080px) {
	body#cpp-marketing-page.mk-page .mk-header.is-open {
		border-bottom-color: rgba(11, 31, 27, .08) !important;
		background: #fff !important;
		z-index: 1100 !important;
	}

	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-brand img {
		filter: none !important;
	}

	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-menu-button span {
		background: #263a35 !important;
		box-shadow: none !important;
	}

	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-header__inner {
		position: relative;
		z-index: 2;
	}

	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-nav {
		-webkit-overflow-scrolling: touch;
		isolation: isolate;
		overflow-y: auto;
		overscroll-behavior: contain;
		pointer-events: auto;
		touch-action: pan-y;
		z-index: 1101 !important;
	}

	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-nav a,
	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-nav summary,
	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-menu-button {
		pointer-events: auto;
		touch-action: manipulation;
	}

	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-nav__link,
	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-nav__login,
	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-nav-dropdown > summary {
		color: #263a35 !important;
		text-shadow: none !important;
	}

	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-nav__link,
	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-nav__login,
	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-nav-dropdown > summary {
		min-height: 54px;
	}

	body#cpp-marketing-page.mk-page .mk-header.is-open .mk-nav .mk-button {
		min-height: 54px;
	}
}