/* Home only: the bottom navigation is a sibling of the scrolling content. */
#app > .lb-home-shell {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  overflow: visible !important;
}
#app > .lb-home-shell > .little-bloom-home.storefront-home {
  flex: 1 1 0%;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
#app > .lb-home-shell > .h-10 {
  flex: 0 0 calc(56px + env(safe-area-inset-bottom, 0px));
  height: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
}