/* HD Mobile Nav — the phone and tablet menu. Bump HDMN_VER on change. */

/* Avada's own collapsing menu is replaced in the phone header row. */
.fusion-tb-header .fusion-fullwidth:has(.hdmn) .awb-menu { display: none !important; }
.fusion-tb-header .fusion-layout-column:has(.hdmn) .fusion-column-wrapper { justify-content: center !important; align-items: flex-end !important; }
.fusion-tb-header .fusion-layout-column:has(.hdmn) .fusion-column-wrapper > .hdmn { margin: 0 6px 0 auto; align-self: center; }

.hdmn { display: flex; justify-content: flex-end; }
.hdmn-i { width: 20px; height: 20px; flex: none; display: block; }

/* ---------- The menu button: three lines that fold into an X ---------- */
.hdmn-toggle { position: relative; display: grid; place-items: center; width: 48px; height: 48px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(179, 224, 242, .25); color: #fff; cursor: pointer; transition: background-color .25s, box-shadow .3s, transform .3s cubic-bezier(.34, 1.56, .64, 1); -webkit-tap-highlight-color: transparent; }
.hdmn-toggle:hover, .hdmn-toggle:focus-visible { background: rgba(255, 255, 255, .14); box-shadow: inset 0 0 0 1px rgba(62, 207, 178, .6), 0 0 20px rgba(62, 207, 178, .35); outline: none; }
.hdmn-toggle:active { transform: scale(.94); }
.hdmn-burger { position: relative; width: 20px; height: 14px; }
.hdmn-burger i { position: absolute; left: 0; height: 2px; border-radius: 2px; background: currentColor; transition: transform .45s cubic-bezier(.34, 1.56, .64, 1), opacity .25s, width .35s; }
.hdmn-burger i:nth-child(1) { top: 0; width: 20px; }
.hdmn-burger i:nth-child(2) { top: 6px; width: 14px; background: #3ecfb2; }
.hdmn-burger i:nth-child(3) { top: 12px; width: 20px; }
.hdmn-toggle:hover .hdmn-burger i:nth-child(2) { width: 20px; }

/* ---------- The sheet ---------- */
.hdmn-panel { --navy: #001b44; --deep: #0b3a6e; --blue: #1d5fa3; --bright: #2f7fc8; --sky: #03a9f4; --ice: #b3e0f2; --aqua: #3ecfb2; --coral: #ff6b4a; --e: cubic-bezier(.2, .8, .2, 1); --spring: cubic-bezier(.34, 1.56, .64, 1);
	position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column; color: #fff; background: #050a14;
	font-family: "HD Lexend", "Lexend", var(--awb-typography3-font-family, system-ui), system-ui, sans-serif; -webkit-font-smoothing: antialiased; text-align: left;
	clip-path: circle(0 at var(--hx, calc(100% - 40px)) var(--hy, 40px)); visibility: hidden; transition: clip-path .6s var(--e), visibility 0s linear .6s; }
.hdmn-panel *, .hdmn-panel *::before, .hdmn-panel *::after { box-sizing: border-box; }
.hdmn-panel.is-open { clip-path: circle(150% at var(--hx, calc(100% - 40px)) var(--hy, 40px)); visibility: visible; transition: clip-path .7s var(--e), visibility 0s; }
html.hdmn-lock, html.hdmn-lock body { overflow: hidden !important; }
.hdmn-panel__bg { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; background: linear-gradient(180deg, #050a14 0%, #071733 55%, #050a14 100%); }
.hdmn-panel__bg i { position: absolute; width: 90vw; height: 90vw; border-radius: 50%; filter: blur(70px); opacity: .35; animation: hdmn-drift 22s ease-in-out infinite alternate; }
.hdmn-panel__bg i:nth-child(1) { left: -40vw; top: -30vw; background: radial-gradient(closest-side, #03a9f4, transparent); }
.hdmn-panel__bg i:nth-child(2) { right: -45vw; bottom: -30vw; background: radial-gradient(closest-side, #3ecfb2, transparent); animation-delay: -10s; }
@keyframes hdmn-drift { to { transform: translate3d(12vw, 10vw, 0) scale(1.1); } }

.hdmn-head { display: flex; align-items: center; justify-content: space-between; flex: none; padding: max(12px, env(safe-area-inset-top)) 18px 10px; }
.hdmn-logo img { display: block; width: 104px; height: auto; }
.hdmn-close { display: grid; place-items: center; width: 48px; height: 48px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(179, 224, 242, .25); color: #fff; cursor: pointer; transition: transform .45s var(--spring), background-color .25s; }
.hdmn-close:hover, .hdmn-close:focus-visible { background: rgba(255, 107, 74, .9); outline: none; transform: rotate(90deg); }
.hdmn-panel.is-open .hdmn-close { animation: hdmn-spin .6s var(--spring) .15s both; }
@keyframes hdmn-spin { from { transform: rotate(-90deg) scale(.6); opacity: 0; } to { transform: none; opacity: 1; } }

.hdmn-scroll { flex: 1; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 4px 18px max(28px, env(safe-area-inset-bottom)); }

/* Search (same index and behavior as the top bar) */
.hdmn-panel .hdmn-search { width: 100%; height: 50px; margin: 6px 0 18px !important; background: linear-gradient(#111827, #111827) padding-box, conic-gradient(from var(--hdtb-a, 0deg), rgba(179, 224, 242, .25) 0deg, rgba(179, 224, 242, .25) 200deg, #3ecfb2 260deg, #03a9f4 300deg, rgba(179, 224, 242, .25) 360deg) border-box; }
.hdmn-panel .hdmn-search.is-open { width: 100%; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #03a9f4, #3ecfb2) border-box; }
.hdmn-panel .hdtb-search__ico { width: 38px; height: 38px; margin-top: -19px; left: 5px; }
.hdmn-panel .hdtb-search__ico .hdmn-i { width: 18px; height: 18px; stroke-width: 2.2; }
.hdmn-panel .hdtb-search__input { width: 100%; height: 48px !important; margin: 0 !important; padding: 0 16px 0 52px !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; color: #fff !important; font: inherit !important; font-size: 16px !important; outline: none; -webkit-appearance: none; appearance: none; }
.hdmn-panel .hdmn-search.is-open .hdtb-search__input { color: #001b44 !important; }
.hdmn-panel.is-js .hdtb-search__input::placeholder { color: transparent; }
.hdmn-panel .hdtb-search__hint { display: none; position: absolute; left: 52px; right: 16px; top: 0; bottom: 0; align-items: center; color: rgba(255, 255, 255, .62); font-size: 15px; white-space: nowrap; overflow: hidden; pointer-events: none; }
.hdmn-panel.is-js .hdtb-search__hint { display: flex; }
.hdmn-panel .hdmn-search.is-open .hdtb-search__hint, .hdmn-panel .hdmn-search.has-text .hdtb-search__hint { display: none; }
.hdmn-panel .hdtb-pop--search { left: 0; right: 0; top: calc(100% + 8px); max-height: 60vh; overflow: auto; z-index: 5; }
.hdmn-panel .hdmn-search:not(.has-text) .hdtb-pop { display: none; }

/* Main rows */
.hdmn-nav ul { list-style: none; margin: 0; padding: 0; }
.hdmn-item { border-bottom: 1px solid rgba(179, 224, 242, .1); opacity: 0; transform: translateY(14px); }
.hdmn-panel.is-open .hdmn-item { animation: hdmn-in .6s var(--e) both; animation-delay: calc(.12s + var(--i) * .05s); }
@keyframes hdmn-in { to { opacity: 1; transform: none; } }
.hdmn-item__row { display: flex; align-items: center; gap: 8px; }
.hdmn-link { flex: 1; display: flex; align-items: center; gap: 14px; padding: 15px 0; color: #fff !important; font-size: 22px; font-weight: 500; letter-spacing: -.01em; text-decoration: none !important; transition: color .2s; }
.hdmn-link__ico { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 13px; background: rgba(179, 224, 242, .08); color: var(--ice); transition: background-color .25s, color .25s, transform .45s var(--spring); }
.hdmn-link:active .hdmn-link__ico, .hdmn-link:hover .hdmn-link__ico { background: var(--ice); color: var(--navy); transform: rotate(-8deg); }
.hdmn-item.is-current .hdmn-link { color: var(--aqua) !important; }
.hdmn-item.is-current .hdmn-link__ico { background: rgba(62, 207, 178, .16); color: var(--aqua); }
.hdmn-exp { display: grid; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .06); color: var(--ice); cursor: pointer; transition: transform .45s var(--spring), background-color .25s, color .25s; }
.hdmn-exp[aria-expanded="true"] { transform: rotate(180deg); background: var(--aqua); color: var(--navy); }

/* Accordion: rows open to their natural height. */
.hdmn-sub { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s var(--e); }
.hdmn-sub.is-open { grid-template-rows: 1fr; }
.hdmn-sub__in { overflow: hidden; min-height: 0; }
.hdmn-sub.is-open .hdmn-sub__in { padding-bottom: 16px; }

/* Services: photo cards */
.hdmn-svcs { display: grid; gap: 10px; }
.hdmn-svc { display: grid; grid-template-columns: 76px 1fr; gap: 14px; align-items: center; padding: 8px; border-radius: 16px; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(179, 224, 242, .12); color: #fff !important; text-decoration: none !important; transition: background-color .2s, box-shadow .3s; }
.hdmn-svc:active, .hdmn-svc:hover { background: rgba(255, 255, 255, .09); box-shadow: inset 0 0 0 1px rgba(179, 224, 242, .4), 0 0 24px rgba(3, 169, 244, .25); }
.hdmn-svc__ph { display: block; width: 76px; height: 76px; border-radius: 12px; overflow: hidden; background: #0a2757; }
.hdmn-svc__ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hdmn-svc__txt { display: grid; gap: 3px; min-width: 0; line-height: 1.25; }
.hdmn-svc__txt small { font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--aqua); }
.hdmn-svc__txt b { font-size: 16.5px; font-weight: 600; }
.hdmn-svc__txt span { font-size: 13px; color: rgba(255, 255, 255, .7); }

/* Features: grouped, with the hub's group colors */
.hdmn-fgroup + .hdmn-fgroup { margin-top: 14px; }
.hdmn-fgroup__h { display: flex; align-items: center; gap: 8px; margin: 0 0 8px !important; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--gc) !important; }
.hdmn-fgroup__h i { width: 18px; height: 3px; border-radius: 2px; background: var(--gc); }
.hdmn-feats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.hdmn-feat { display: grid; gap: 4px; align-content: start; padding: 11px 12px; border-radius: 13px; background: rgba(255, 255, 255, .05); box-shadow: inset 3px 0 0 var(--gc), inset 0 0 0 1px rgba(179, 224, 242, .1); color: #fff !important; text-decoration: none !important; line-height: 1.25; transition: background-color .2s; }
.hdmn-feat:active, .hdmn-feat:hover { background: rgba(255, 255, 255, .1); }
.hdmn-feat b { font-size: 14px; font-weight: 600; }
.hdmn-feat small { font-size: 12px; color: rgba(255, 255, 255, .62); }
.hdmn-feat em { display: inline-flex; align-items: center; gap: 5px; font-style: normal; font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--coral); }
.hdmn-feat em i { width: 6px; height: 6px; border-radius: 50%; background: var(--coral); animation: hdmn-pulse 1.8s infinite; }
@keyframes hdmn-pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 107, 74, .6); } 70% { box-shadow: 0 0 0 7px rgba(255, 107, 74, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 107, 74, 0); } }

/* Work, Resources: icon rows */
.hdmn-rows { display: grid; gap: 4px; }
.hdmn-row { display: flex; align-items: center; gap: 12px; padding: 10px 8px; border-radius: 12px; color: #fff !important; text-decoration: none !important; font-size: 16px; transition: background-color .2s; }
.hdmn-row b { flex: 1; font-weight: 500; }
.hdmn-row > .hdmn-i { width: 16px; height: 16px; color: var(--ice); opacity: .7; }
.hdmn-row__ico { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: rgba(3, 169, 244, .14); color: var(--ice); }
.hdmn-row__ico .hdmn-i { width: 18px; height: 18px; }
.hdmn-row:active, .hdmn-row:hover { background: rgba(255, 255, 255, .07); }
.hdmn-all { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; color: var(--aqua) !important; font-size: 14.5px; font-weight: 600; text-decoration: none !important; }
.hdmn-all .hdmn-i { width: 16px; height: 16px; }

/* Bottom actions */
.hdmn-actions { display: grid; gap: 12px; margin-top: 24px; opacity: 0; }
.hdmn-panel.is-open .hdmn-actions { animation: hdmn-in .7s var(--e) .45s both; }
.hdmn-status { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(179, 224, 242, .12); color: rgba(255, 255, 255, .85) !important; font-size: 14px; text-decoration: none !important; }
.hdmn-status span { flex: 1; }
.hdmn-status > .hdmn-i { width: 16px; height: 16px; color: var(--ice); }
.hdmn-status i { width: 9px; height: 9px; border-radius: 50%; background: #9aa3b2; }
.hdmn-panel.is-up .hdmn-status i { background: #4ade80; box-shadow: 0 0 0 0 rgba(74, 222, 128, .6); animation: hdmn-ok 2.2s infinite; }
.hdmn-panel.is-degraded .hdmn-status i { background: #fbbf24; }
.hdmn-panel.is-down .hdmn-status i { background: #f43f5e; animation: hdmn-pulse 1.2s infinite; }
@keyframes hdmn-ok { 0% { box-shadow: 0 0 0 0 rgba(74, 222, 128, .6); } 70% { box-shadow: 0 0 0 8px rgba(74, 222, 128, 0); } 100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0); } }

/* The Support | Contact pill, full width */
.hdmn-pill { display: flex; height: 58px; }
.hdmn-pill a { display: flex; align-items: center; justify-content: center; gap: 10px; flex: 1; font-size: 15px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; transition: filter .3s, box-shadow .3s; }
.hdmn-pill__sup { position: relative; z-index: 2; margin-right: -16px; padding-right: 16px; border-radius: 999px 0 0 999px; color: #fff !important; background: linear-gradient(110deg, var(--deep), var(--blue) 55%, var(--bright)); clip-path: polygon(0 0, 100% 0, calc(100% - 16px) 100%, 0 100%); }
.hdmn-pill__sup::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 16px; background: linear-gradient(to bottom right, transparent calc(50% - 1.6px), rgba(255, 255, 255, .92) calc(50% - 1.2px), rgba(255, 255, 255, .92) calc(50% + .4px), transparent calc(50% + .6px)); }
.hdmn-pill__con { padding-left: 16px; border-radius: 0 999px 999px 0; color: #001b44 !important; background: linear-gradient(100deg, var(--coral), #ff8a5c); }
.hdmn-pill a:active { filter: brightness(1.1); }
.hdmn-pill .hdmn-i { width: 22px; height: 22px; }

.hdmn-quick { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hdmn-quick a { display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 14px; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(179, 224, 242, .12); color: #fff !important; font-size: 13.5px; font-weight: 600; line-height: 1.25; text-decoration: none !important; }
.hdmn-quick small { display: block; font-size: 11px; font-weight: 500; color: rgba(255, 255, 255, .6); }
.hdmn-quick .hdmn-i { width: 22px; height: 22px; color: var(--aqua); }
.hdmn-quick a.is-alert { box-shadow: inset 0 0 0 1px rgba(255, 107, 74, .4); }
.hdmn-quick a.is-alert .hdmn-i { color: var(--coral); }
.hdmn-acct { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 14px; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(179, 224, 242, .12); color: #fff !important; font-size: 15px; font-weight: 500; text-decoration: none !important; }
.hdmn-acct span { flex: 1; }
.hdmn-acct > .hdmn-i:first-child { color: var(--coral); }
.hdmn-foot { margin: 6px 0 0 !important; text-align: center; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .4) !important; }

/* ---------- Work and Resources: photo tiles (like the desktop panels), then a live list ---------- */
.hdmn-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hdmn-tile { position: relative; display: block; aspect-ratio: 1 / .84; border-radius: 16px; overflow: hidden; background: #0a2757; color: #fff !important; text-decoration: none !important; isolation: isolate; -webkit-tap-highlight-color: transparent; }
.hdmn-tile img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transform: scale(1.12); transition: transform 1.4s var(--e); }
.hdmn-sub.is-open .hdmn-tile img { transform: scale(1); }
.hdmn-tile:hover img, .hdmn-tile:active img { transform: scale(1.07); transition-duration: .6s; }
.hdmn-tile::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0, 27, 68, .05) 25%, rgba(0, 12, 32, .9) 100%); }
.hdmn-tile::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(179, 224, 242, .14); pointer-events: none; transition: box-shadow .3s; }
.hdmn-tile:hover::after, .hdmn-tile:active::after { box-shadow: inset 0 0 0 1px rgba(62, 207, 178, .6), inset 0 -40px 40px -30px rgba(62, 207, 178, .35); }
.hdmn-tile__txt { position: absolute; left: 12px; right: 10px; bottom: 11px; display: grid; gap: 3px; line-height: 1.2; }
.hdmn-tile__txt small { font-size: 9.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--aqua); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hdmn-tile__txt b { font-size: 15.5px; font-weight: 600; }
.hdmn-tile__ext { position: absolute; top: 8px; right: 8px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: rgba(0, 12, 32, .55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.hdmn-tile__ext .hdmn-i { width: 13px; height: 13px; }
.hdmn-live { margin-top: 18px; }
.hdmn-cases { display: grid; gap: 8px; }
.hdmn-case { display: grid; grid-template-columns: 72px 1fr 16px; gap: 12px; align-items: center; padding: 7px 12px 7px 7px; border-radius: 14px; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(179, 224, 242, .1); color: #fff !important; text-decoration: none !important; transition: background-color .2s, box-shadow .3s; }
.hdmn-case:hover, .hdmn-case:active { background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px rgba(179, 224, 242, .35); }
.hdmn-case__ph { display: block; width: 72px; height: 50px; border-radius: 9px; overflow: hidden; background: #0a2757; }
.hdmn-case__ph img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.hdmn-case__txt { display: grid; gap: 4px; min-width: 0; line-height: 1.25; }
.hdmn-case__txt b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; font-weight: 600; }
.hdmn-case__fav { display: inline-block; width: 14px; height: 14px; margin-right: 6px; border-radius: 3px; vertical-align: -2px; }
.hdmn-case__txt small { display: flex; align-items: center; gap: 6px; font-size: 12px; color: rgba(255, 255, 255, .62); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hdmn-case__txt small i { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--cc); }
.hdmn-case > .hdmn-i { width: 16px; height: 16px; color: var(--ice); opacity: .6; }
.hdmn-topics { display: flex; gap: 8px; margin-top: 12px; padding: 2px 24px 4px 1px; overflow-x: auto; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); }
.hdmn-topics::-webkit-scrollbar { display: none; }
.hdmn-topics a { flex: none; display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px; border-radius: 999px; background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(179, 224, 242, .14); color: #fff !important; font-size: 13px; text-decoration: none !important; white-space: nowrap; }
.hdmn-topics a i { width: 7px; height: 7px; border-radius: 50%; background: var(--cc); }

@media (min-width: 641px) {
	.hdmn-tiles { grid-template-columns: repeat(4, 1fr); }
	.hdmn-tile { aspect-ratio: 1 / 1.12; }
	.hdmn-scroll { padding-left: max(32px, calc(50% - 300px)); padding-right: max(32px, calc(50% - 300px)); }
	.hdmn-svcs { grid-template-columns: 1fr 1fr; }
	.hdmn-feats { grid-template-columns: 1fr 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	.hdmn-panel, .hdmn-panel *, .hdmn-burger i { animation: none !important; transition-duration: .01ms !important; }
	.hdmn-item, .hdmn-actions { opacity: 1; transform: none; }
}