/* =========================================================
Mega Menu Personnalisé — Shell technique
Gère uniquement le positionnement et l’ouverture.
Le design interne reste dans le code éditable.
========================================================= */

.mmp-shell {
  position: fixed !important;
  left: 50% !important;
  top: var(--mmp-top, 92px) !important;
  z-index: 999999 !important;
  width: min(1480px, calc(100vw - 48px)) !important;
  transform: translateX(-50%) translateY(10px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease !important;
}

.mmp-shell::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -56px !important;
  height: 56px !important;
  background: transparent !important;
}

.mmp-shell.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}

@media (max-width: 768px) {
  .mmp-shell {
    display: none !important;
  }
}