/* Half-page mega dropdown */
.dropdown-menu.mega {
  /* margin:0 auto; */
  width: min(50vw, 960px);
  max-width: 960px;
  left: 20%;
  transform: translateX(-20%);
  border: 1px solid rgba(15,42,75,.08);
  border-radius: 1rem;
  box-shadow: 0 12px 40px rgba(15,42,75,.12);
}

/* .dropdown-menu.mega {
  border: 1px solid rgba(15,42,75,.08);
  border-radius: 1rem;
  box-shadow: 0 12px 40px rgba(15,42,75,.12);
  padding: 0;
  overflow: hidden;
} */

/* Desktop: centered mega menu */
/* @media (min-width: 992px){
  .dropdown-menu.mega {
    width: min(72vw, 1120px);
    max-width: 1120px;
    left: 50%;
    right: auto;
    margin: auto;
    transform: translateX(-50%);
  }
} */

/* Mobile: full width, edge-to-edge */
/* @media (max-width: 991.98px){
  .dropdown-menu.mega {
    width: 100vw;
    max-width: 100vw;
    left: 0;
    right: 0;
    border-radius: 0;
  }
  .mega .mega-scroll {
    max-height: 60vh;
  }
} */

/* Layout + visuals */
.mega .mega-body { padding: 1rem; }
@media (min-width: 992px) { .mega .mega-body { padding: 1.25rem 1.5rem; } }

.mega .mega-h {
  font-size: .75rem; letter-spacing: .08em; text-transform: uppercase;
  color: var(--ns-muted, #6b7a90); margin-bottom: .5rem; font-weight: 700;
}

.mega .item {
  display: grid; grid-template-columns: 2.25rem 1fr; gap: .75rem;
  padding: .75rem; border-radius: .75rem; transition: background .15s ease;
}
.mega .item:hover { background: rgba(16,188,231,.08); }
.mega .item .icon {
  width: 2.25rem; height: 2.25rem; border-radius: 999px;
  display: grid; place-items: center; background: rgba(16,188,231,.12);
  color: var(--ns-info, #10bce7);
}
.mega .item h6 { margin: 0; font-weight: 700; }
.mega .item p  { margin: .15rem 0 0; color: var(--ns-muted, #6b7a90); }

/* Right column callout */
.mega .callout {
  background: var(--ns-card-bg, #fff);
  border: 1px solid rgba(15,42,75,.08);
  border-radius: 1rem; padding: 1rem;
}
.mega .callout .badge { font-weight: 600; }

/* Mobile: full width, easy to read */
@media (max-width: 960px) {
  .dropdown-menu.mega {
    width: 100%; max-width: 100%;
    left: 0; 
    transform: none;
    border-radius: 0;
  }
}