body {
  min-height: max(884px, 100dvh);
}

body.drawer-open {
  overflow: hidden;
}

.mobile-drawer-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(18, 28, 40, 0.28);
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
  z-index: 45;
}

.mobile-drawer-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

.mobile-drawer-open {
  display: flex !important;
  box-shadow: 0 20px 60px rgba(18, 28, 40, 0.18);
}