/* Drawer spacing + tracking polish */
@media (max-width: 900px) {
  .mobile-drawer,
  .mp-mobile-drawer,
  aside.mobile-drawer {
    top: 14px !important;
    bottom: auto !important;
    height: auto !important;
    max-height: calc(100dvh - 88px - 28px) !important;
    margin: 0 12px !important;
    border-radius: 20px !important;
    background: #07152f !important;
    box-shadow: 0 16px 48px rgba(7, 21, 47, 0.35) !important;
  }
  /* When open, keep gap above bottom nav (~72px) */
  body.drawer-open .mobile-drawer,
  body.mp-drawer-open .mobile-drawer,
  .mobile-drawer[aria-hidden="false"] {
    max-height: calc(100dvh - 88px - 28px) !important;
    bottom: auto !important;
  }
  .mobile-drawer .drawer-body,
  .mobile-drawer nav {
    max-height: calc(100dvh - 88px - 100px) !important;
    overflow-y: auto !important;
  }
}
