/* artiMedia mobile menu panel. night #2b274c · gold #e8c38f · crimson #ee4266 */
@media (max-width: 921px) {
	html.amch-mm-locked, html.amch-mm-locked body { overflow: hidden; }

	#ast-mobile-header .ast-mobile-header-content.amch-mm {
		position: fixed; left: 0; right: 0; top: var(--amch-mm-top, 72px); bottom: 0; z-index: 99;
		display: flex !important; flex-direction: column; gap: 32px;
		padding: 20px 24px max(28px, env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain;
		background: #2b274c !important; border-top: 0;
		visibility: hidden; opacity: 0; transform: translateY(-8px);
		transition: opacity 0.25s ease, transform 0.3s cubic-bezier(.2,.8,.2,1), visibility 0s linear 0.3s;
	}
	#ast-mobile-header .ast-mobile-header-content.amch-mm.is-open {
		visibility: visible; opacity: 1; transform: none; transition: opacity 0.25s ease, transform 0.3s cubic-bezier(.2,.8,.2,1);
	}
	/* while open, the header bar is solid so the logo and close button stay readable */
	html.amch-mm-locked #ast-mobile-header .ast-primary-header-bar { background: #2b274c !important; }

	/* the list */
	.amch-mm .ast-builder-menu-mobile, .amch-mm .main-navigation, .amch-mm .main-header-menu { background: transparent !important; width: 100%; }
	.amch-mm .main-header-menu { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; border: 0; }
	.amch-mm .main-header-menu > .menu-item { border: 0 !important; }
	.amch-mm .main-header-menu > .menu-item > .menu-link {
		display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 6px 0 !important; border: 0 !important;
		font-family: Madani, Inter, sans-serif; font-weight: 700; font-size: 30px; line-height: 1.1; letter-spacing: -0.01em;
		color: #fff !important; background: transparent !important;
	}
	.amch-mm .main-header-menu > .menu-item > .menu-link .dropdown-menu-toggle,
	.amch-mm .main-header-menu .ast-header-navigation-arrow { display: none !important; }
	.amch-mm .main-header-menu > .menu-item > .menu-link:hover,
	.amch-mm .main-header-menu > .menu-item > .menu-link:focus-visible { color: #e8c38f !important; }
	/* current page: gold text and a short gold bar before it */
	.amch-mm .main-header-menu > .current-menu-item > .menu-link,
	.amch-mm .main-header-menu > .current-menu-ancestor > .menu-link { color: #e8c38f !important; }
	.amch-mm .main-header-menu > .current-menu-item > .menu-link::before,
	.amch-mm .main-header-menu > .current-menu-ancestor > .menu-link::before { content: ""; width: 16px; height: 4px; border-radius: 4px; background: #e8c38f; flex: none; }

	/* children, always open */
	.amch-mm .amch-mm-open > .sub-menu {
		display: flex !important; flex-direction: column; gap: 0; position: static !important;
		margin: 0 0 12px !important; padding: 0 0 0 4px !important; border: 0 !important; box-shadow: none !important;
		background: transparent !important; opacity: 1 !important; visibility: visible !important; transform: none !important;
	}
	.amch-mm .amch-mm-open > .sub-menu .menu-item { border: 0 !important; background: transparent !important; }
	.amch-mm .amch-mm-open > .sub-menu .menu-link {
		display: flex; align-items: center; min-height: 44px; padding: 4px 0 !important; border: 0 !important;
		font-family: Inter, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.25;
		color: rgba(255, 255, 255, 0.82) !important; background: transparent !important;
	}
	.amch-mm .amch-mm-open > .sub-menu .menu-link::before { display: none !important; }
	.amch-mm .amch-mm-open > .sub-menu .menu-link:hover,
	.amch-mm .amch-mm-open > .sub-menu .menu-link:focus-visible,
	.amch-mm .amch-mm-open > .sub-menu .current-menu-item > .menu-link { color: #e8c38f !important; }
	.amch-mm .menu-link:focus-visible { outline: 2px solid #e8c38f; outline-offset: 4px; border-radius: 4px; }

	/* one call to action, no chevrons or arrows, no chat bubble on top of the panel */
	html.amch-mm-locked #ast-mobile-header .ast-header-button-1 { visibility: hidden; }
	.amch-mm .ast-menu-toggle, .amch-mm .ast-icon.icon-arrow, .amch-mm .menu-link .icon-arrow { display: none !important; }
	.amch-mm .sub-menu .menu-link::before, .amch-mm .sub-menu .menu-link > .icon-arrow { display: none !important; content: none !important; }
	html.amch-mm-locked .ht-ctc, html.amch-mm-locked #ht-ctc-chat, html.amch-mm-locked .grecaptcha-badge { visibility: hidden !important; }

	/* bottom block */
	.amch-mm-extra { margin-top: auto; display: flex; flex-direction: column; gap: 22px; padding-top: 8px; }
	.amch-mm-cta {
		display: flex; align-items: center; justify-content: center; min-height: 56px; border-radius: 999px;
		background: #ee4266; color: #fff !important; text-decoration: none; font-family: Inter, sans-serif;
		font-size: 15px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; transition: background-color 0.2s ease, transform 0.2s ease;
	}
	.amch-mm-cta:hover, .amch-mm-cta:focus-visible { background: #d93259; }
	.amch-mm-cta:active { transform: scale(0.98); }
	.amch-mm-cta:focus-visible { outline: 2px solid #e8c38f; outline-offset: 3px; }
	.amch-mm-contact { display: flex; flex-direction: column; gap: 14px; }
	.amch-mm-contact a { display: flex; flex-direction: column; gap: 4px; min-width: 0; color: #fff !important; text-decoration: none; font-family: Inter, sans-serif; font-size: 15px; font-weight: 500; overflow-wrap: normal; word-break: keep-all; }
	.amch-mm-contact span { font-size: 13px; font-weight: 400; color: #e8c38f; }
	.amch-mm-contact a:focus-visible { outline: 2px solid #e8c38f; outline-offset: 3px; border-radius: 4px; }
	.amch-mm-extra .amch-social { gap: 10px; }
	.amch-mm-extra .amch-social a { width: 44px; height: 44px; background: rgba(255, 255, 255, 0.08); }

	/* entrance: items rise in turn */
	.amch-mm .main-header-menu > .menu-item, .amch-mm .amch-mm-extra { opacity: 0; transform: translateY(14px); }
	.amch-mm.is-open .main-header-menu > .menu-item, .amch-mm.is-open .amch-mm-extra {
		opacity: 1; transform: none; transition: opacity 0.35s ease, transform 0.45s cubic-bezier(.2,.8,.2,1);
		transition-delay: calc(var(--i, 0) * 45ms + 60ms);
	}
}
@media (max-width: 360px) {
	.amch-mm .main-header-menu > .menu-item > .menu-link { font-size: 26px; min-height: 50px; }
}
@media (min-width: 922px) { .amch-mm-extra { display: none !important; } }
@media (prefers-reduced-motion: reduce) {
	#ast-mobile-header .ast-mobile-header-content.amch-mm, .amch-mm .main-header-menu > .menu-item, .amch-mm .amch-mm-extra { transition: none !important; transform: none !important; }
}