/* additional megamenu CSS file (kept separate for clarity) */
.mega-menu { position: relative; }
.mega-menu .menu { list-style: none; display: flex; gap: 28px; margin:0; padding:0; }
.mega-menu .menu > li { position: relative; }
.mega-menu a { display: inline-block; padding: 10px 6px; color: #222; }
.mega-menu .sub-menu { display: none; position: absolute; left:0; top:100%; background:#fff; padding:12px; border:1px solid #ddd; min-width:220px; box-shadow:0 6px 18px rgba(0,0,0,0.08); z-index:1000; }
.mega-menu .menu-item.open > .sub-menu { display:block; }
.mega-menu a:focus { outline: 3px solid #005fcc; outline-offset: 3px; }

/* mobile */
@media (max-width:768px) {
  .mega-menu .menu { flex-direction: column; }
  .mega-menu .sub-menu { position: static; box-shadow:none; border:none; padding-left:18px; }
}