@media (max-width: 768px) {
  .sidebar-container {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    top: auto !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 12px) !important;
    transform: none !important;

    z-index: 9999 !important;
    box-sizing: border-box !important;
    padding: 0 12px !important;
    max-width: none !important;
    overflow: visible !important;

    display: flex !important;
    justify-content: center !important;

    /* Do not block scroll/taps on the empty full-width area */
    pointer-events: none !important;
  }

  .sidebar-container > * {
    width: 100% !important;
    max-width: 520px !important;
    pointer-events: auto !important;
  }

  /* Reserve space so content is not covered by the bottom bar */
  body {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 120px) !important;
  }
}