/* Homepage only. The locking class exists only while an overlay owns the page. */
html.tkl-scroll-locked,
body.tkl-scroll-locked { overflow: hidden !important; overscroll-behavior: none; }
body.tkl-native-lock {
  position: fixed !important;
  top: var(--tkl-lock-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}
body.tkl-scroll-locked .header-mobile,
body.tkl-scroll-locked .menu-search {
  overscroll-behavior: contain;
  touch-action: pan-y;
}

/* FullPage keeps nested overflow containers in responsive mode. On Chrome,
   contain traps a swipe at their edge, including a banner with zero overflow.
   Native mobile scrolling must belong to the document, not each section. */
body.homepage.fp-responsive #fullpage > .fp-section > .fp-overflow {
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
}
body.tkl-scroll-locked .header-mobile .header-wrap,
body.tkl-scroll-locked .menu-search {
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}