/* HARD OVERRIDE: kill any display:none from legacy nav styles */
#menu #containerul > li > ul{
  display:block !important;   /* desktop: must be block so hover can work */
}

/* Desktop hidden state uses opacity instead */
#menu #containerul > li > ul{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(6px) !important;
  transition:opacity .14s ease, transform .14s ease, visibility .14s;
}

/* Open on hover/focus */
#menu #containerul > li:hover > ul,
#menu #containerul > li:focus-within > ul{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

/* Mobile: back to accordion */
@media (max-width:900px){
  #menu #containerul > li > ul{
    position:static !important;
    display:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
  }
  #menu #containerul > li.open > ul{ display:block !important; }
}