/* ===== menu2: top drawer wysuwany z góry ===== */
.menu2[hidden]{ display:none !important; }

.menu2{
  position: fixed;
  inset: 0;
  z-index: 1055; /* nad toolbarem */
}

.menu2__panel{
  position: absolute;
  left: 0; right: 0;
  top: var(--toolbar-offset, 0px);
  height: calc(100dvh - var(--toolbar-offset, 0px));
  max-height: 100dvh;
  background: var(--bs-body-bg, #fff);
  color: var(--bs-body-color, #212529);
  overflow: auto;
  transform: translateY(-100%);
  transition: transform .25s ease-out;
  will-change: transform;
  outline: 0;
  z-index: 2;
}

.menu2__backdrop{
  position: fixed;
  left: 0; right: 0;
  top: var(--toolbar-offset, 0px);
  height: calc(100dvh - var(--toolbar-offset, 0px));
  background: rgba(0,0,0,.5);
  opacity: 0;
  transition: opacity .2s ease-out;
  z-index: 1;
}

.menu2.is-open .menu2__panel{ transform: translateY(0); }
.menu2.is-open .menu2__backdrop{ opacity: 1; }

/* High-contrast zgodnie z Twoim motywem */
.high-contrast .menu2__panel{ background:#000; color:#fff; }
.high-contrast .menu2__backdrop{ background: rgba(255,255,255,.25); }

/* Drobne dopieszczenie spacingu tytułu */
.menu2 .bip-box-title{ margin: .25rem 0 1rem; }