/*
Theme Name: Sheshi iOS Root Overflow Guard
Version: 0.28.5
Description: Contains horizontal rails and keeps the mobile document and footer edge inside the visual viewport.
*/

html {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
  background: #000 !important;
}

body.sheshi-home,
body.sheshi-shell {
  display: flex;
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  flex-direction: column;
  overflow-x: hidden !important;
}

body.sheshi-home > main,
body.sheshi-shell > main {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 1 0 auto;
}

.sheshi-site-header,
.sheshi-site-footer {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
}

.sheshi-site-footer {
  margin-bottom: 0 !important;
  background: #000 !important;
}

@media (max-width: 1023px) {
  body.sheshi-home .sheshi-discovery,
  body.sheshi-home .sheshi-discovery > .sheshi-wrap,
  body.sheshi-home .sheshi-discovery-grid {
    max-width: 100%;
    min-width: 0;
  }

  body.sheshi-home .sheshi-discovery,
  body.sheshi-home .sheshi-discovery > .sheshi-wrap {
    overflow-x: hidden;
  }

  body.sheshi-home .sheshi-discovery-grid {
    contain: layout paint;
  }
}