/* Keep the mobile System sheet inside the visual viewport and isolate it. */
@media (max-width: 1023px) {
  html body.mobile-app-enabled.mobile-sheet-system-open #mobile-system-sheet.is-open {
    display: flex !important;
    flex-direction: column !important;
    top: calc(82px + env(safe-area-inset-top, 0px)) !important;
    bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    height: auto !important;
    max-height: none !important;
  }

  html body.mobile-app-enabled.mobile-sheet-system-open #mobile-system-sheet .mobile-system-header {
    flex: 0 0 auto !important;
  }

  html body.mobile-app-enabled.mobile-sheet-system-open #mobile-system-sheet .mobile-sheet-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body.mobile-app-enabled.mobile-sheet-system-open #myBtn,
  html body.mobile-app-enabled.mobile-sheet-system-open #sac-wrap,
  html body.mobile-app-enabled.mobile-sheet-system-open #sac-panel,
  html body.mobile-app-enabled.mobile-sheet-system-open .fbk-tabs,
  html body.mobile-app-enabled.mobile-sheet-system-open .home-contact-links,
  html body.mobile-app-enabled.mobile-sheet-system-open #home-live-toast,
  html body.mobile-app-enabled.mobile-sheet-system-open .float-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

@media (max-width: 1023px) and (max-height: 720px) {
  html body.mobile-app-enabled.shopacc-white-theme #mobile-system-sheet .mobile-system-header {
    min-height: 60px !important;
    padding: 8px 10px !important;
  }

  html body.mobile-app-enabled.shopacc-white-theme #mobile-system-sheet .mobile-system-title-icon {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
  }

  html body.mobile-app-enabled.shopacc-white-theme #mobile-system-sheet .mobile-sheet-body {
    gap: 6px !important;
    padding: 8px 10px 10px !important;
  }

  html body.mobile-app-enabled.shopacc-white-theme #mobile-system-sheet .mobile-system-summary {
    display: none !important;
  }

  html body.mobile-app-enabled.shopacc-white-theme #mobile-system-sheet a.mobile-system-link-card {
    min-height: 48px !important;
    padding: 5px 7px !important;
    grid-template-columns: 36px minmax(0, 1fr) 24px !important;
    gap: 8px !important;
  }

  html body.mobile-app-enabled.shopacc-white-theme #mobile-system-sheet a.mobile-system-link-card:first-of-type {
    min-height: 52px !important;
  }

  html body.mobile-app-enabled.shopacc-white-theme #mobile-system-sheet a.mobile-system-link-card .mobile-sheet-link-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex-basis: 34px !important;
  }

  html body.mobile-app-enabled.shopacc-white-theme #mobile-system-sheet .mobile-system-link-arrow {
    width: 24px !important;
    height: 24px !important;
  }
}