/* Desktop/tablet use the real Divi header, in flow, even before JavaScript.
 * Phones retain their existing compact sticky trigger and modal drawer. */
@media screen and (min-width: 767px) {
	body:not(.et-fb) #page-container #et-boc > header.et-l--header:has(.trs-main-navigation) {
		position: sticky !important;
		top: var(--trs-desktop-header-top, 0px) !important;
		z-index: 1000 !important;
		background: #fff;
	}
	body.admin-bar {
		--trs-desktop-header-top: 32px;
	}
	html.trs-desktop-sticky-header {
		scroll-padding-top: var(--trs-desktop-header-offset, 240px);
	}
	/* A long Shop dropdown must remain scrollable below the pinned header. */
	.et-l--header .trs-main-navigation .et-menu > li.mega-menu > ul.sub-menu {
		max-height: calc(100vh - var(--trs-desktop-header-offset, 240px)) !important;
		max-height: calc(100dvh - var(--trs-desktop-header-offset, 240px)) !important;
		overflow-y: auto !important;
		overscroll-behavior: contain;
	}
}
@media screen and (min-width: 767px) and (max-width: 782px) {
	body.admin-bar {
		--trs-desktop-header-top: 46px;
	}
}