/* BOLEPIX — OVERLAY ABAIXO DO TOPO MOBILE V5703Z19 */

@media (max-width: 900px) {
  /*
   * O topo permanece totalmente fora da película.
   * A altura usada é exatamente a mesma variável do cabeçalho fixo.
   */
  body.m3d-logged-mobile-menu-open-v16q
  > .m3d-logged-menu-overlay-v16q,
  body.m3d-logged-mobile-menu-open-v16q
  #app
  > .m3d-logged-menu-overlay-v16q,
  body.m3d-logged-mobile-menu-open-v16q
  .m3d-logged-menu-overlay-v16q {
    top: var(--bp-client-top-height-v5696af, 58px) !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    inset: var(--bp-client-top-height-v5696af, 58px) 0 0 0 !important;
    height: auto !important;
  }

  /*
   * O menu lateral continua acima da película e ocupa a altura toda.
   */
  body.m3d-logged-mobile-menu-open-v16q
  #app
  > .layout
  > #m3dLoggedSideMenuV16Q.side,
  body.m3d-logged-mobile-menu-open-v16q
  .layout
  > #m3dLoggedSideMenuV16Q.side {
    z-index: 2147483001 !important;
  }

  /*
   * Garante que o topo não receba filtro próprio de nenhum CSS legado.
   */
  body.m3d-logged-mobile-menu-open-v16q
  #app
  > header.top {
    opacity: 1 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}