/* sbkscroll2: fallback (no autoh): keep document scrollable so mobile Chrome can hide its toolbar. */
@media (max-width: 1024px) {
  html.hs-sbk:not(.mkt-open):not(.wf-open):not(.lbx-open):not(.pmx-open):not(.rcpt-lock):not(.sbd-lock),
  html.hs-sbk:not(.mkt-open):not(.wf-open):not(.lbx-open):not(.pmx-open):not(.rcpt-lock):not(.sbd-lock) body,
  html.hs-sbk:not(.mkt-open) body.sbk-page {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }
  html.hs-sbk:not(.sbk-autoh):not(.mkt-open) body.sbk-page,
  html.immersive.hs-sbk:not(.sbk-autoh):not(.mkt-open) body,
  html.immersive.hs-sbk:not(.sbk-autoh):not(.mkt-open)[data-wl-tabbar="1"] body,
  html.immersive.hs-sbk:not(.sbk-autoh):not(.mkt-open) body.sbk-page {
    padding-bottom: 80px !important;
  }
}
/* sbkautoh: frame reports its height; the page (not the iframe) scrolls. */
html.sbk-autoh body.sbk-page .sbk-full,
html.sbk-autoh.hs-tpl body.sbk-page .sbk-full,
html.sbk-autoh #main .gx-full.sbk-full {
  height: auto !important; min-height: 0 !important; max-height: none !important;
  overflow: visible !important; position: relative !important;
  top: auto !important; bottom: auto !important; inset: auto !important;
}
html.sbk-autoh body.sbk-page .sbk-full .sbk-slot,
html.sbk-autoh.hs #main .gx-full .sbk-slot {
  position: relative !important; inset: auto !important; top: auto !important;
  height: auto !important; overflow: visible !important;
}
html.sbk-autoh body.sbk-page iframe.sbk-frame,
html.sbk-autoh.hs #main .gx-full iframe.sbk-frame {
  height: var(--sbk-ah) !important; min-height: 0 !important; max-height: none !important;
}