/* Shared compact navigation for Products and Accompagnement. */
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .submenu-box {
  background: #fff !important;
  border: 1px solid #dce7eb !important;
  border-radius: 14px !important;
  padding: 8px !important;
  box-shadow: 0 16px 40px rgba(24, 58, 74, .14) !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .container {
  width: 100% !important; max-width: none !important;
  padding: 0 !important; margin: 0 !important; overflow: visible !important;
}
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .row {
  display: flex !important; flex-direction: column !important;
  gap: 3px !important; width: 100% !important; margin: 0 !important;
}
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .menu-item {
  position: relative !important; display: block !important; flex: none !important;
  width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important;
}
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .dropdown-item {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  width: 100% !important; min-height: 48px !important; padding: 12px 16px !important;
  border: 0 !important; border-radius: 8px !important; margin: 0 !important;
  background: transparent !important; color: #244b60 !important;
  font-size: 15px !important; line-height: 24px !important;
  white-space: normal !important; text-decoration: none !important;
  transform: none !important; opacity: 1 !important;
  transition: background-color .15s ease, color .15s ease !important;
}
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .dropdown-item .pix-dropdown-title {
  color: inherit !important; font-size: inherit !important; line-height: inherit !important;
}
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .dropdown-item::after {
  content: "→"; position: static !important; display: inline-block !important;
  width: auto !important; height: auto !important; border: 0 !important;
  background: none !important; margin-left: 20px; color: #327c97;
  opacity: .65; transform: none !important;
}
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .dropdown-item:hover,
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .dropdown-item:focus-visible {
  background: #edf5f7 !important; color: #17627e !important;
}
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .dropdown-item:focus-visible {
  outline: 2px solid #327c97 !important; outline-offset: -2px;
}
@media (min-width: 992px) {
  body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) { position: relative !important; }
  body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu {
    position: absolute !important; left: 0 !important; right: auto !important;
    top: 100% !important; width: 272px !important; min-width: 272px !important;
    height: auto !important; overflow: visible !important; z-index: 1000 !important;
    max-width: calc(100vw - 32px) !important; margin: 0 !important; padding: 6px 0 0 !important;
    background: transparent !important; border: 0 !important; box-shadow: none !important;
    transform: none !important;
  }
  body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu):hover > .dropdown-menu,
  body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu):focus-within > .dropdown-menu {
    display: block !important; visibility: visible !important; opacity: 1 !important;
    pointer-events: auto !important;
  }
}
@media (max-width: 991.98px) {
  body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu {
    width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    padding: 4px 0 8px !important; margin: 0 !important;
  }
  body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .submenu-box {
    box-shadow: none !important; border-radius: 10px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .dropdown-item { transition: none !important; }
}

/* Neutralize previous mega-menu columns and entrance animations. */
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .submenu-box {
  opacity: 1 !important; transform: none !important; margin: 0 !important;
}
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .submenu-box::before,
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .row::before,
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .row::after {
  content: none !important; display: none !important;
}
body :is(#masthead, .pix-header) :is(#menu-item-658531, .menu-item-658531, #menu-item-661330, .menu-item-661330):not(#obi-legacy-menu) > .dropdown-menu .menu-item {
  grid-area: auto !important; order: 0 !important; transform: none !important;
}