/* AMPLE 69.68.42 — mobile catalog filter must stay above the storefront header/menu. */
@media (max-width: 900px) {
  #filterDrawer.drawer.bottom-drawer {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    z-index: 2147483000 !important;
    isolation: isolate;
    overflow: auto !important;
    overscroll-behavior: contain;
    padding-top: env(safe-area-inset-top) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
  }

  #filterDrawer .drawer-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: #fff !important;
    padding-top: max(12px, env(safe-area-inset-top)) !important;
  }

  #filterDrawer .drawer-head button[aria-label="Закрити фільтри"],
  #filterDrawer button[aria-label="Закрити фільтри"] {
    position: relative !important;
    z-index: 21 !important;
    flex: 0 0 auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body:has(#filterDrawer[open]),
  body:has(#filterDrawer.is-open),
  body:has(#filterDrawer.open) {
    overflow: hidden;
  }
}