/* Shared dropdowns for every main navigation group. */
.main-nav .mega-menu{left:calc(-70px + var(--menu-shift,0px));top:calc(100% + 10px);width:min(620px,calc(100vw - 40px));padding:22px;max-height:calc(100dvh - 100px);overflow-y:auto}
.main-nav .mega-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.main-nav .mega-menu>p{font-size:12px;padding-bottom:13px}
.main-nav .mega-menu>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}
.main-nav .mega-menu>div>a{display:block;text-align:left;padding:12px;border-radius:8px;transition:background .2s,color .2s}
.main-nav .mega-menu>div>a:hover,.main-nav .mega-menu>div>a:focus-visible{background:#eff7ff;color:var(--blue)}
.main-nav .mega-menu strong{font-size:14px;line-height:1.5;margin-bottom:4px}
.main-nav .mega-menu small{font-size:12px;line-height:1.7;color:var(--muted)}
.main-nav .mega-menu>.text-link{font-size:13px}
@media(max-width:760px){
 .main-nav .mega-menu{position:static;width:100%;padding:12px;max-height:none;overflow:visible}
 .main-nav .mega-menu::before{display:none}
 .main-nav .mega-menu>p{font-size:11px}
 .main-nav .mega-menu>div{gap:4px;margin:8px 0}
 .main-nav .mega-menu>div>a{padding:10px 8px}
 .main-nav .mega-menu strong{font-size:13px}
 .main-nav .mega-menu small{font-size:11px;line-height:1.6}
 .main-nav .mega-menu>.text-link{font-size:12px}
}
@media(max-width:380px){.main-nav .mega-menu>div{grid-template-columns:1fr}}