/* Global stacking to ensure nav overlays hero on all viewports */
#main-navigation{position:relative;z-index:2140}

@media (min-width: 992px){
 #main-navigation{position:relative;z-index:2140}
 #main-navigation .nav-main{position:relative;z-index:2140;display:flex;align-items:center;gap:6px;padding:8px;border-radius:16px;background:rgba(22,22,26,.55);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px)}
 #main-navigation .nav-main-heading{margin:0 8px;color:#cbd5e1;opacity:.9;font-weight:600;letter-spacing:.02em}
 #main-navigation .nav-main-item{position:relative}
 #main-navigation .nav-main-link{display:flex;align-items:center;gap:6px;border-radius:999px;padding:8px 12px;color:#fff;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;color:#eaeaf0;text-decoration:none}
 #main-navigation .nav-main-link:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.25);background:rgba(255,255,255,.12)}
 #main-navigation .nav-main-link.active{background:linear-gradient(135deg,#6a8dff,#7ad7ff);border-color:transparent;box-shadow:0 12px 28px rgba(102,153,255,.45),inset 0 1px 0 rgba(255,255,255,.22);color:#0b1225}
 #main-navigation .nav-main-link.active .nav-main-link-name{position:relative}
 #main-navigation .nav-main-link.active .nav-main-link-name::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:linear-gradient(90deg,#6a8dff,#7ad7ff)}
 #main-navigation .nav-main-link:focus{outline:none;box-shadow:0 0 0 0.15rem rgba(102,153,255,.35)}
 #main-navigation .nav-main-link .mcy-icon{margin-right:2px}
 #main-navigation .nav-main-link .nav-main-link-name{letter-spacing:.02em}

 #main-navigation .nav-main-link-submenu::after{content:"▾";font-size:.8rem;margin-left:4px;opacity:.8}
 #main-navigation .nav-main-link-submenu+ul.nav-main-submenu{display:none}
 #main-navigation .nav-main-link[aria-expanded="true"]+ul.nav-main-submenu{display:block}
 #main-navigation .nav-main-item.open>ul.nav-main-submenu{display:block}
 #main-navigation .nav-main-item:hover>ul.nav-main-submenu{display:block}

 #main-navigation ul.nav-main-submenu{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;padding:8px;border-radius:14px;background:rgba(22,22,26,.72);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 36px rgba(0,0,0,.35);z-index:2150;animation:navSubEnter .18s ease-out both}
 #main-navigation ul.nav-main-submenu .nav-main-item{width:100%}
 #main-navigation ul.nav-main-submenu .nav-main-link{width:100%;border-radius:10px;padding:10px 12px;background:transparent;border-color:transparent;color:#f3f4f6}
 #main-navigation ul.nav-main-submenu .nav-main-link:hover{background:rgba(255,255,255,.1)}
 #main-navigation ul.nav-main-submenu .nav-main-link.active{background:linear-gradient(135deg,#6a8dff,#7ad7ff);color:#0b1225}
 #main-navigation ul.nav-main-submenu .nav-main-heading{padding:6px 8px;color:#cbd5e1;opacity:.85}

 #main-navigation .nav-main-item>.nav-main-link-submenu[aria-expanded="true"],
 #main-navigation .nav-main-item.open>.nav-main-link-submenu,
 #main-navigation .nav-main-item:hover>.nav-main-link-submenu{background:rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(102,153,255,.25)}

 #main-navigation ul.nav-main-submenu ul.nav-main-submenu{top:0;left:100%;margin-left:8px}

 @keyframes navSubEnter{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
}

/* Mobile/Tablet navigation behavior */
@media (max-width: 991.98px){
 #main-navigation .nav-main{display:block;padding:8px;border-radius:12px;background:rgba(22,22,26,.55);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px)}
 #main-navigation .nav-main-item{position:relative;display:block}
 #main-navigation .nav-main-link{display:flex;align-items:center;gap:8px;width:100%;border-radius:10px;padding:10px 12px;margin-bottom:6px;color:#eaeaf0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);text-decoration:none}
 #main-navigation .nav-main-link-submenu::after{content:"▾";margin-left:auto;opacity:.85}
 #main-navigation .nav-main-item.open>.nav-main-link-submenu::after{transform:rotate(180deg)}
 #main-navigation .nav-main-link.active{background:linear-gradient(135deg,#6a8dff,#7ad7ff);border-color:transparent;color:#0b1225}
 #main-navigation ul.nav-main-submenu{position:static;display:none;padding:6px 6px 4px 24px;margin:0 0 6px 0;border-left:2px solid rgba(255,255,255,.12)}
 #main-navigation .nav-main-link[aria-expanded="true"]+ul.nav-main-submenu,
 #main-navigation .nav-main-item.open>ul.nav-main-submenu{display:block}
 #main-navigation ul.nav-main-submenu .nav-main-link{margin-bottom:4px;padding:8px 10px;border-radius:8px;background:transparent;border:0}
 #main-navigation ul.nav-main-submenu .nav-main-link:hover{background:rgba(255,255,255,.08)}
 #main-navigation ul.nav-main-submenu .nav-main-link.active{background:linear-gradient(135deg,#6a8dff,#7ad7ff);color:#0b1225}
}