/* basic full-width dark mega panel */
.main-menu { z-index: 9999; }
/* ensure panel sits above header and mobile overlays */
.megamenu-panel{
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: rgba(6,6,6,0.96);
  color: #fff;
  display: none;
  padding: 40px 0;
  box-shadow: 0 8px 30px rgba(0,0,0,0.6);
  transition: opacity .18s ease, transform .18s ease;
  opacity: 0;
  transform: translateY(6px);
  z-index: 11000;
}
.megamenu-panel.open{
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.megamenu-inner{ max-width: 1200px; margin: 0 auto; }
.mega-title{ color:#fff; font-size:20px; margin-bottom:12px; }
.mega-desc{ color:#bbb; margin-bottom:14px; }
.mega-list, .mega-verticals ul{ list-style:none; padding:0; margin:0; }
.mega-list li, .mega-verticals li{ margin-bottom:8px; }
.mega-list a, .mega-verticals a{ color:#ddd; text-decoration:none; transition: color .15s; }
.mega-list a:hover, .mega-verticals a:hover{ color:#fff; text-decoration:underline; }
.mega-cta.thm-btn{ display:inline-block; margin-top:8px; background: #b91c1c; color:#000; padding:8px 12px; border-radius:3px; text-decoration:none; }

/* Desktop layout tweaks */
.meagamenu-fix {} /* placeholder if theme conflicts */
.megamenu-inner .row { align-items:flex-start; }

/* MOBILE / SMALL SCREENS: convert to full-screen overlay + accordion sections */
@media (max-width: 991px) {
  .megamenu-panel{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    padding: 18px 16px;
    overflow-y: auto;
    background: rgba(6,6,6,0.98);
    box-shadow: none;
    z-index: 12000; /* make sure it's above mobile nav/overlays */
    -webkit-overflow-scrolling: touch;
  }

  .megamenu-panel .mega-close-btn{
    position: fixed;
    right: 14px;
    top: 12px;
    z-index: 12010;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    line-height: 1;
  }

  /* make toggle easier to tap */
  #business-toggle { touch-action: manipulation; -webkit-tap-highlight-color: rgba(0,0,0,0.05); }

  body.menu-open { overflow: hidden; }
}

/* small visual polish */
.megamenu-panel .container p, .megamenu-panel .container a { -webkit-font-smoothing:antialiased; }