/* Off-canvas + Mega Menu */
.nx-burger{display:inline-flex;gap:.5rem;align-items:center;cursor:pointer}
.nx-burger span{display:block;width:22px;height:2px;background:#111;margin:5px 0;transition:.2s}
#nx-drawer{position:fixed;inset:0 0 0 auto;width:min(85vw,360px);background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,.1);transform:translateX(100%);transition:transform .25s ease;z-index:9999}
#nx-drawer.open{transform:translateX(0)}
#nx-drawer header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee}
#nx-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:saturate(90%) blur(1px);opacity:0;visibility:hidden;transition:.2s;z-index:9998}
#nx-overlay.show{opacity:1;visibility:visible}
#nx-drawer nav ul{list-style:none;margin:0;padding:0}
#nx-drawer nav li{border-bottom:1px solid #f0f0f0}
#nx-drawer nav a{display:block;padding:1rem 1.2rem;text-decoration:none;color:#111}

/* Mega menu (desktop) */
.menu li.mega-menu{position:static}
.menu li.mega-menu > .sub-menu{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:2px solid #17308f;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:1.5rem;box-shadow:0 20px 40px rgba(0,0,0,.08)}
.menu li:hover > .sub-menu{display:block}
.menu .sub-menu{display:none}
.menu .sub-menu a{padding:.35rem .5rem;display:block;color:#111}
@media (max-width: 1024px){
  .menu li.mega-menu > .sub-menu{position:static;display:block;grid-template-columns:1fr;padding:0;border:0;box-shadow:none}
}