/* Placeholder mega menu wrapper  -  safe even if empty */
.mega-menu {
  display: none;
  background: var(--color-bg);
  border-top: 1px solid var(--color-border, #E4E7EC);
}

/* Later: toggle this with a body class like .is-mega-open */
.is-mega-open .mega-menu {
  display: block;
}

.mega-menu__inner {
  padding-block: var(--space-8);
  display: grid;
  gap: var(--space-6);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mega-menu__card {
  border: 1px solid var(--color-border, #E4E7EC);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
  background: var(--color-surface, #F6F7F9);
}
.mega-menu { display: none; }
.is-mega-open .mega-menu { display: block; }