/* PR⭕️–вес v2.11.33 — iOS/WKWebView stable bottom navigation shell.
   Avoid position:fixed for the bottom navigation. The app itself is a
   viewport-height flex shell; only main.content scrolls. */

:root {
  --proves-shell-height: var(--proves-viewport-stable-height, var(--tg-viewport-stable-height, 100dvh));
}

html,
body,
#root {
  height: 100%;
  min-height: 0 !important;
  overflow: hidden !important;
}

body {
  overscroll-behavior: none;
}

.app {
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  height: var(--proves-shell-height) !important;
  min-height: 0 !important;
  max-height: var(--proves-shell-height) !important;
  overflow: hidden !important;
}

.content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: none;
  overscroll-behavior-y: contain;
  /* The nav is now in normal flex flow, so do not reserve its height twice. */
  padding-bottom: 14px !important;
}

.bottom-nav {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: var(--content-max) !important;
  margin: 0 auto !important;
  transform: none !important;
  -webkit-transform: none !important;
  min-height: calc(var(--nav-height) + var(--proves-safe-bottom)) !important;
  padding-top: 8px !important;
  padding-right: calc(8px + var(--proves-safe-right)) !important;
  padding-bottom: calc(7px + var(--proves-safe-bottom)) !important;
  padding-left: calc(8px + var(--proves-safe-left)) !important;
  contain: layout paint;
  isolation: isolate;
}