/* Shared Uncode chrome for every fot-home take-over with the hero wash.
   Overlay the site nav on the wash so there is no gap under the nav.
   Do not zero .menu-wrapper padding (that hid the hamburger).
   Do not force position:fixed or top:32px (that froze the nav). */
body.fot-home-app #page-header, body.fot-home-app .page-header, body.fot-home-app .heading-text, body.fot-home-app .row-breadcrumb {
	display: none !important;
}

/* Uncode #colophon prints leftover vc_row shortcodes after takeovers.
   Leave Circle shop alone (fot-circle-app). */
body.fot-home-app:not(.fot-circle-app) #colophon {
	display: none !important;
}

body.fot-home-app, body.fot-home-app.menu-sticky-fix {
	padding-top: 0 !important;
}

body.fot-home-app .main-wrapper, body.fot-home-app #main-container, body.fot-home-app .main-container, body.fot-home-app .page-wrapper, body.fot-home-app #sections-container, body.fot-home-app .sections-container, body.fot-home-app .page-body, body.fot-home-app .post-content, body.fot-home-app .entry-content, body.fot-home-app .uncont, body.fot-home-app .row-parent, body.fot-home-app .row-container, body.fot-home-app .row-inner, body.fot-home-app .limit-width {
	padding-top: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	max-width: none !important;
	width: 100% !important;
}

/* Overlay nav on the wash. No !important on position so Uncode can still stick on scroll. */
body.fot-home-app .menu-wrapper, body.fot-nav .menu-wrapper {
	position: fixed !important;
	top: 0 !important;
	left: 0;
	right: 0;
	width: 100%;
	height: var(--fot-nav-h) !important;
	z-index: 1000;
	transition: transform .4s cubic-bezier(.25, 1, .5, 1);
}

body.admin-bar.fot-home-app .menu-wrapper {
	top: 32px !important;
}

@media (max-width: 782px) {
	body.admin-bar.fot-home-app .menu-wrapper {
		top: 46px !important;
	}
}

body.fot-home-app .menu-wrapper.fot-nav-away, body.fot-home-app .menu-wrapper.fot-nav-away .menu-container, body.fot-home-app .menu-wrapper.fot-nav-away #masthead {
	transform: translate3d(0, -110%, 0) !important;
}

body.fot-home-app .menu-wrapper:not(.fot-nav-away), body.fot-home-app .menu-wrapper:not(.fot-nav-away) .menu-container, body.fot-home-app .menu-wrapper:not(.fot-nav-away) #masthead {
	transform: translate3d(0, 0, 0) !important;
}

@media (max-width: 959px) {
	body.fot-home-app .menu-wrapper, body.fot-home-app #masthead, body.fot-home-app .navbar, body.fot-home-app .mobile-menu-button, body.fot-home-app a.menu-button, body.fot-home-app .lines-button {
		visibility: visible !important;
		opacity: 1 !important;
	}
}

body.fot-home-app, body.fot-nav {
	--fot-nav-h: 64px;
	--night: #0a0b1c;
	--card: #14162e;
	--mist: #c8c6d4;
	--ivory: #f4f1ea;
	--indigo: #3e3fe8;
	--first: #c4bef2;
}

@media (max-width: 959px) {
	body.fot-home-app, body.fot-nav {
		--fot-nav-h: 72px;
	}
}

@media (max-width: 782px) {
	body.admin-bar.fot-home-app {
		/* 46px WP admin-bar + 72px overlay so the spacer clears the stack. */
		--fot-nav-h: 118px;
	}
}

/* Wash stays full-bleed under the overlay. First content clears the bar. */
body.fot-home-app .fot-home-page .top::before, body.fot-home-app .fot-home-page .hero::before, body.fot-home-app .fot-home-page .mast::before {
	content: "";
	display: block;
	width: 100%;
	height: var(--fot-nav-h);
	flex: 0 0 auto;
	pointer-events: none;
}

/* Mast nested inside .top: only .top::before is the spacer (one nav gap). */
body.fot-home-app .fot-home-page .top .mast::before {
	content: none;
	display: none;
	height: 0;
	flex: none;
}

/* —— Shared listing-mast lock (Topics, All Articles, Search, FAQ).
   Superimposed they line up: same H1, same 24px gap, same field slot, same wash.
   Podcast landing is left-aligned (Family/Messages), not this centered field mast.
   404 (.eyebrow) / profile / single / home keep their own mast. */
body.fot-home-app .fot-home-page .top:has(> .mast):not(:has(.eyebrow)) {
	background: linear-gradient(180deg, rgba(10, 11, 28, .28) 0%, rgba(10, 11, 28, .72) 70%, var(--night) 100%), url("https://cdn-ffdae.nitrocdn.com/cdoJqiqnjlSRIbLVswIxEHQhUANvJkGp/assets/images/optimized/rev-0ece650/familyoftaygeta.com/wp-content/plugins/fot-home/assets/hero-a3-wash.png") center 16%/cover no-repeat, var(--night);
}

body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) {
	padding: 44px 48px 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-width: none;
}

body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) h1 {
	font-family: "Playfair Display", serif;
	font-size: 60px;
	line-height: 1.08;
	font-weight: 500;
	color: var(--ivory);
	margin: 0 0 24px;
	padding: 0;
	text-align: center;
	text-transform: none;
	letter-spacing: 0;
}

body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .find, body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .sort {
	width: 680px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .find {
	height: 52px;
}

body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .sort .sel {
	height: 52px;
}

/* Shared mast field stroke — mist rim that reads on the wash.
   Topics/All Articles .sort .sel, FAQ/Search .find. Not chips, menus, or body cards. */
body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .find, body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .sort .sel {
	box-shadow: 0 0 0 1.5px rgba(200, 198, 212, .42);
}

body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .find:hover, body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .find:focus-visible, body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .find:focus-within, body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .sort .sel:hover, body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .sort .sel:focus-visible {
	box-shadow: 0 0 0 1.5px #c4bef2;
}

/* Topics / All Articles: hide mast lede/count so the sort field sits in the FAQ field slot. */
body.fot-home-app .fot-home-page .top > .mast:has(.sort) .lede, body.fot-home-app .fot-home-page .top > .mast:has(.sort) .count {
	display: none;
}

@media (min-width: 901px) and (max-width: 1200px) {
	body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) {
		padding-left: 32px;
		padding-right: 32px;
	}
}

@media (max-width: 900px) {
	body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) {
		padding: 12px 16px 24px;
	}
	
	body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) h1 {
		font-size: 28px;
		line-height: 1.12;
		margin-bottom: 16px;
	}
	
	body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .find, body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .sort {
		width: 100%;
	}
	
	body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .find {
		height: 48px;
	}
	
	body.fot-home-app .fot-home-page .top > .mast:not(:has(.eyebrow)) .sort .sel {
		height: 48px;
	}
}

/* Article / message: same fixed bar as other takeovers. Night fill. Spacer keeps the title clear. */
@media (min-width: 960px) {
	body.fot-home-app.fot-nav-bar .menu-wrapper, body.fot-home-app.fot-nav-bar .menu-container, body.fot-home-app.fot-nav-bar #masthead, body.fot-home-app.fot-nav-bar .navbar {
		background: var(--night) !important;
		background-color: var(--night) !important;
	}
}

/* —— Lockup: hide Uncode logo image/text so the seal + wordmark is the only mark. */
body.fot-home-app .navbar-brand .logo-customizer, body.fot-home-app .navbar-brand .logo-skinnable, body.fot-home-app .navbar-brand img:not(.fot-seal) {
	display: none !important;
}

body.fot-home-app.uncode-logo-mobile .menu-wrapper .main-logo, body.fot-home-app.uncode-logo-mobile #masthead .main-logo {
	transform: none !important;
}

body.fot-home-app .navbar-brand, body.fot-home-app a.navbar-brand.fot-lockup {
	display: flex !important;
	align-items: center;
	gap: 10px;
	height: auto !important;
	min-height: 0 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--ivory) !important;
}

body.fot-home-app .navbar-brand img, body.fot-home-app .navbar-brand .logo-customizer, body.fot-home-app .navbar-brand .logo-customizer img, body.fot-home-app img.fot-seal {
	width: 28px !important;
	height: 28px !important;
	max-width: 28px !important;
	max-height: 28px !important;
	display: block !important;
	border-radius: 50%;
	flex: 0 0 28px !important;
	object-fit: contain !important;
}

body.fot-home-app .navbar-brand > * {
	height: auto !important;
	max-height: none;
}

body.fot-home-app .navbar-brand img.fot-seal, body.fot-home-app img.fot-seal {
	height: 28px !important;
	width: 28px !important;
}

body.fot-home-app .logo-container, body.fot-home-app #main-logo, body.fot-home-app .navbar-header {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
}

body.fot-home-app .fot-wordmark {
	font-family: "Playfair Display", serif;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--ivory);
	white-space: nowrap;
	line-height: 1;
}

body.fot-home-app .fot-wordmark em {
	font-style: italic;
	font-weight: 400;
	letter-spacing: .08em;
	text-transform: lowercase;
	font-synthesis: none;
	margin-left: .26em;
	margin-right: .4em;
}

body.fot-home-app .navbar-brand:hover, body.fot-home-app .navbar-brand:focus-visible, body.fot-home-app .navbar-brand:hover .fot-wordmark, body.fot-home-app .navbar-brand:focus-visible .fot-wordmark {
	color: var(--first) !important;
	background: transparent !important;
	text-decoration: none !important;
	transform: none !important;
	filter: none !important;
}

/* —— Desktop bar */
@media (min-width: 960px) {
	body.fot-home-app:not(.fot-nav-bar) .menu-wrapper, body.fot-home-app:not(.fot-nav-bar) .menu-container, body.fot-home-app:not(.fot-nav-bar) #masthead, body.fot-home-app:not(.fot-nav-bar) .navbar {
		background: transparent !important;
		background-color: transparent !important;
		box-shadow: none;
		border: 0;
		border-bottom: 0;
	}
	
	body.fot-home-app .row-menu-inner, body.fot-nav .row-menu-inner {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: var(--fot-nav-h) !important;
		min-height: var(--fot-nav-h) !important;
		max-height: var(--fot-nav-h) !important;
		padding: 0 48px;
		box-sizing: border-box;
	}
	
	body.fot-home-app .logo-container, body.fot-home-app #logo-container-mobile {
		display: flex !important;
		align-items: center;
		width: auto;
		height: auto;
		float: none;
		flex: 0 0 auto;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	body.fot-home-app .main-menu-container {
		display: flex !important;
		align-items: center;
		justify-content: flex-end;
		width: auto;
		height: auto;
		float: none;
		flex: 1 1 auto;
		overflow: visible;
	}
	
	body.fot-home-app .menu-horizontal, body.fot-home-app .menu-horizontal-inner {
		display: flex !important;
		align-items: center;
		justify-content: flex-end;
		gap: 22px;
		width: auto;
		height: auto;
		padding: 0;
	}
	
	body.fot-home-app .navbar-nav, body.fot-home-app .navbar-nav-first, body.fot-home-app .navbar-extra-icons {
		display: flex !important;
		align-items: center;
		height: auto;
		float: none;
	}
	
	body.fot-home-app .menu-primary-inner, body.fot-home-app ul.menu-smart.menu-primary-inner {
		display: flex !important;
		align-items: center;
		gap: 22px;
		flex-wrap: nowrap;
		margin: 0;
		padding: 0;
	}
	
	body.fot-home-app .menu-primary-inner > li {
		margin: 0;
		float: none;
	}
	
	body.fot-home-app .menu-primary-inner > li > a, body.fot-home-app .menu-horizontal-inner > .nav > .menu-smart > li > a {
		font-family: Inter, "Liberation Sans", sans-serif;
		font-size: 12.5px;
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
		white-space: nowrap;
		color: var(--ivory) !important;
		line-height: 1.2;
		padding: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	
	body.fot-home-app .menu-primary-inner > li > a .fa-dropdown, body.fot-home-app .menu-primary-inner > li > a .fa-angle-right {
		display: none !important;
	}
	
	/* Search: 16px stroke in a 28px hit, after the last nav item. No Search word. */
	body.fot-home-app .navbar-extra-icons {
		margin-left: 0;
	}
	
	body.fot-home-app .navbar-extra-icons ul.menu-smart {
		display: flex;
		align-items: center;
		margin: 0;
		padding: 0;
	}
	
	body.fot-home-app .navbar-extra-icons a.search-icon, body.fot-home-app .navbar-extra-icons a.fot-search {
		width: 28px;
		height: 28px;
		padding: 0 !important;
		display: grid !important;
		place-items: center;
		color: var(--ivory) !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	
	body.fot-home-app .navbar-extra-icons a.search-icon svg, body.fot-home-app .navbar-extra-icons a.fot-search svg {
		width: 16px;
		height: 16px;
		display: block;
	}
	
	body.fot-home-app .navbar-extra-icons .desktop-hidden, body.fot-home-app .navbar-extra-icons .fa-angle-down, body.fot-home-app .navbar-extra-icons .drop-menu, body.fot-home-app .uncode-close-offcanvas-mobile {
		display: none !important;
	}
}

/* Current item: indigo is the one primary. */
body.fot-home-app .menu-wrapper .current-menu-item > a, body.fot-home-app .menu-wrapper .current-menu-item > a:hover, body.fot-home-app .menu-wrapper .current-menu-item > a:focus-visible, body.fot-home-app .overlay-menu .current-menu-item > a, body.fot-home-app .menu-wrapper a.on, body.fot-home-app .menu-wrapper a.on:hover, body.fot-home-app .menu-wrapper a.on:focus-visible, body.fot-home-app .overlay-menu a.on, body.fot-home-app .mobile-menu a.on {
	color: var(--indigo) !important;
	background: transparent !important;
	text-decoration: none !important;
}

/* Hover: ivory → #C4BEF2, no fill, no underline, no scale/glow. */
body.fot-home-app header a:hover, body.fot-home-app header a:focus-visible, body.fot-home-app .menu-container a:hover, body.fot-home-app .menu-container a:focus-visible, body.fot-home-app .menu-wrapper a:hover, body.fot-home-app .menu-wrapper a:focus-visible, body.fot-home-app .overlay-menu a:hover, body.fot-home-app .mobile-menu a:hover, body.fot-home-app .navbar a:hover, body.fot-home-app .navbar-extra-icons a:hover, body.fot-home-app .navbar-extra-icons a:focus-visible {
	color: #c4bef2 !important;
	background-color: transparent !important;
	background-image: none !important;
	text-decoration: none !important;
	transform: none !important;
	filter: none !important;
	box-shadow: none;
}

body.fot-home-app header a:hover.nitro-lazy, body.fot-home-app header a:focus-visible.nitro-lazy, body.fot-home-app .menu-container a:hover.nitro-lazy, body.fot-home-app .menu-container a:focus-visible.nitro-lazy, body.fot-home-app .menu-wrapper a:hover.nitro-lazy, body.fot-home-app .menu-wrapper a:focus-visible.nitro-lazy, body.fot-home-app .overlay-menu a:hover.nitro-lazy, body.fot-home-app .mobile-menu a:hover.nitro-lazy, body.fot-home-app .navbar a:hover.nitro-lazy, body.fot-home-app .navbar-extra-icons a:hover.nitro-lazy, body.fot-home-app .navbar-extra-icons a:focus-visible.nitro-lazy {
	background-image: none !important;
}

/* Tablet / mid desktop: Uncode centers the logo. Keep the lockup on the left. */
@media (min-width: 960px) and (max-width: 1199px) {
	body.fot-home-app .row-menu-inner {
		justify-content: space-between !important;
	}
	
	body.fot-home-app .logo-container, body.fot-home-app #logo-container-mobile, body.fot-home-app #main-logo, body.fot-home-app .navbar-header, body.fot-home-app .navbar-brand, body.fot-home-app a.navbar-brand.fot-lockup {
		justify-content: flex-start !important;
		text-align: left !important;
		margin-left: 0 !important;
		float: none !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
	}
	
	body.fot-home-app #main-logo, body.fot-home-app .navbar-header, body.fot-home-app .navbar-brand, body.fot-home-app a.navbar-brand.fot-lockup {
		margin-right: auto !important;
		width: auto !important;
	}
}

/* —— Mobile bar + hamburger + open card */
@media (max-width: 959px) {
	body.fot-home-app .menu-wrapper, body.fot-home-app .menu-container, body.fot-home-app #masthead, body.fot-home-app .navbar {
		background: rgba(10, 11, 28, .94);
		background-color: rgba(10, 11, 28, .94);
	}
	
	body.fot-home-app .menu-container {
		border-bottom: 1px solid rgba(200, 198, 212, .1);
		box-shadow: none;
	}
	
	body.fot-home-app .row-menu-inner, body.fot-nav .row-menu-inner {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: var(--fot-nav-h) !important;
		min-height: var(--fot-nav-h) !important;
		max-height: var(--fot-nav-h) !important;
		padding-left: 16px;
		padding-right: 16px;
		position: relative;
		box-sizing: border-box;
	}
	
	/* Uncode .main-menu-container is width:100%;height:0 when closed.
     As a flex sibling it steals half the bar, so the lockup shrinks
     and a relative burger parks next to TAYGETA. Keep it out of flow. */
	body.fot-home-app .row-menu-inner > .main-menu-container {
		position: absolute;
		flex: 0 0 auto;
		float: none;
	}
	
	body.fot-home-app .row-menu-inner > .main-menu-container:not(.open-items) {
		width: 0;
		height: 0;
		overflow: hidden;
		pointer-events: none;
	}
	
	body.fot-home-app .menu-container .logo-container, body.fot-home-app #logo-container-mobile {
		display: flex !important;
		align-items: center;
		justify-content: flex-start !important;
		text-align: left !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
		float: none !important;
		position: relative !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 12px 16px !important;
		box-sizing: border-box;
	}
	
	body.fot-home-app #main-logo, body.fot-home-app .navbar-header, body.fot-home-app .navbar-brand, body.fot-home-app a.navbar-brand.fot-lockup {
		flex: 0 0 auto;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: auto !important;
		float: none !important;
		text-align: left !important;
		justify-content: flex-start !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		position: relative !important;
	}
	
	body.fot-home-app .navbar-brand, body.fot-home-app a.navbar-brand.fot-lockup {
		gap: 8px;
	}
	
	body.fot-home-app .navbar-brand img, body.fot-home-app .navbar-brand .logo-customizer, body.fot-home-app .navbar-brand .logo-customizer img, body.fot-home-app img.fot-seal {
		width: 24px !important;
		height: 24px !important;
		max-width: 24px !important;
		max-height: 24px !important;
		flex-basis: 24px !important;
	}
	
	body.fot-home-app .fot-wordmark {
		font-size: 12.5px;
		letter-spacing: .1em;
	}
	
	/* Hamburger: 36px hit, three 16×1.5px ivory strokes, gap 5px.
     Pin to the bar's right (~16px gutter at 390px). Uncode abs-positions
     .mmb-container against .logo-container — that only works once the
     logo box is the full bar. Do not use relative + margin-left-auto
     (parks next to the lockup when the box shrinks).
     Never zero .mobile-menu-button padding (Uncode needs it). */
	body.fot-home-app .mmb-container {
		position: absolute !important;
		top: 0 !important;
		right: 16px !important;
		left: auto !important;
		display: inline-flex !important;
		height: 100%;
		align-items: center;
		margin: 0 !important;
		flex: 0 0 36px;
		z-index: 2;
	}
	
	body.fot-home-app .mobile-menu-button, body.fot-home-app .mobile-menu-button.lines-button {
		display: grid !important;
		place-items: center;
		width: 36px;
		min-width: 36px;
		height: 36px;
		padding: 10px !important;
		box-sizing: border-box;
		color: var(--ivory);
		transform: none !important;
	}
	
	body.fot-home-app .mobile-menu-button:hover, body.fot-home-app .mobile-menu-button:focus-visible, body.fot-home-app.uncode-anim-burger .mobile-menu-button:hover, body.fot-home-app.uncode-anim-burger .mobile-menu-button.close:hover {
		color: var(--first);
		transform: none !important;
		background: transparent !important;
	}
	
	body.fot-home-app .lines-button .lines, body.fot-home-app .lines-button .lines:before, body.fot-home-app .lines-button .lines:after, body.fot-home-app .lines-button .lines > span {
		width: 16px;
		height: 1.5px;
		border-radius: 0;
		background: currentColor;
	}
	
	body.fot-home-app .lines-button .lines:before {
		top: 6.5px;
	}
	
	body.fot-home-app .lines-button .lines:after {
		top: -6.5px;
	}
	
	body.fot-home-app .mobile-menu-button:hover .lines, body.fot-home-app .mobile-menu-button:hover .lines:before, body.fot-home-app .mobile-menu-button:hover .lines:after, body.fot-home-app .mobile-menu-button:hover .lines > span, body.fot-home-app .mobile-menu-button:focus-visible .lines, body.fot-home-app .mobile-menu-button:focus-visible .lines:before, body.fot-home-app .mobile-menu-button:focus-visible .lines:after {
		background: var(--first);
	}
	
	/* Open menu: Card #14162E, 220px, radius 12, 1px mist rim. */
	body.fot-home-app .main-menu-container.open-items {
		float: none;
		height: auto !important;
		max-height: calc(100vh - 72px);
		overflow: auto;
		width: 220px;
		position: absolute;
		right: 16px;
		top: calc(100% + 4px);
		left: auto;
		background: var(--card);
		border: 1px solid rgba(200, 198, 212, .12);
		border-radius: 12px;
		padding: 8px 0;
		z-index: 2005;
		box-shadow: 0 12px 40px rgba(0, 0, 0, .35);
	}
	
	body.fot-home-app .main-menu-container.open-items .menu-horizontal, body.fot-home-app .main-menu-container.open-items .menu-horizontal-inner {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
		min-height: 0 !important;
		height: auto !important;
		width: 100%;
		text-align: left;
		padding: 0 !important;
		vertical-align: top;
	}
	
	body.fot-home-app .main-menu-container.open-items .navbar-nav-first, body.fot-home-app .main-menu-container.open-items .menu-primary-inner, body.fot-home-app .main-menu-container.open-items ul.menu-smart.menu-primary-inner {
		display: flex !important;
		flex-direction: column;
		width: 100%;
		margin: 0;
		padding: 0 !important;
	}
	
	body.fot-home-app .main-menu-container.open-items .menu-primary-inner > li, body.fot-home-app .main-menu-container.open-items .menu-smart li.menu-item {
		width: 100%;
		float: none;
		margin: 0;
		text-align: left;
	}
	
	body.fot-home-app .main-menu-container.open-items .menu-primary-inner > li > a, body.fot-home-app .main-menu-container.open-items .menu-smart li.menu-item > a {
		display: block;
		font-family: Inter, "Liberation Sans", sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.3;
		color: var(--ivory) !important;
		padding: 11px 16px !important;
		background: transparent !important;
		text-align: left;
		white-space: nowrap;
	}
	
	body.fot-home-app .main-menu-container.open-items .menu-primary-inner > li > a .fa-dropdown, body.fot-home-app .main-menu-container.open-items .menu-primary-inner > li > a .fa-angle-right {
		display: none !important;
	}
	
	body.fot-home-app .main-menu-container.open-items .uncode-close-offcanvas-mobile {
		display: none !important;
	}
	
	/* Search row at the bottom of the open menu: icon + Search, 1px rim above. */
	body.fot-home-app .main-menu-container.open-items .navbar-extra-icons {
		display: block !important;
		width: 100%;
		order: 99;
		margin-top: 4px;
		border-top: 1px solid rgba(200, 198, 212, .1);
	}
	
	body.fot-home-app .main-menu-container.open-items .navbar-extra-icons ul {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	body.fot-home-app .main-menu-container.open-items .navbar-extra-icons a.search-icon, body.fot-home-app .main-menu-container.open-items .navbar-extra-icons a.fot-search {
		display: flex !important;
		align-items: center;
		gap: 8px;
		width: 100%;
		height: auto;
		min-height: 40px;
		padding: 11px 16px !important;
		font-family: Inter, "Liberation Sans", sans-serif;
		font-size: 14px;
		font-weight: 400;
		color: var(--ivory) !important;
		background: transparent !important;
		box-sizing: border-box;
	}
	
	body.fot-home-app .main-menu-container.open-items .navbar-extra-icons a.search-icon svg, body.fot-home-app .main-menu-container.open-items .navbar-extra-icons a.fot-search svg {
		width: 16px;
		height: 16px;
		flex: 0 0 16px;
	}
	
	body.fot-home-app .main-menu-container.open-items .navbar-extra-icons .desktop-hidden {
		display: inline !important;
		font-size: 14px;
	}
	
	body.fot-home-app .main-menu-container.open-items .navbar-extra-icons .fa-angle-down, body.fot-home-app .main-menu-container.open-items .navbar-extra-icons .drop-menu {
		display: none !important;
	}
}

/* Shop + SO1: Uncode #masthead is the site bar. Keep it visible. */
body.fot-home-app.fot-circle-app .menu-wrapper, body.fot-home-app.fot-circle-app #masthead {
	visibility: visible !important;
	opacity: 1 !important;
}

body.fot-home-app.fot-circle-app .fot-circle-page {
	padding-top: var(--fot-nav-h, 64px);
}