/**
 * iOS Safari: fixed header / notch / rubber-band
 * Include after your main layout CSS. Requires viewport meta with viewport-fit=cover.
 *
 * Optional (separate <meta>, not CSS): theme-color — tints mobile browser chrome; use a
 * hex that matches your top bar or page background (e.g. #fff or your brand dark).
 *
 * - overscroll-behavior-y: none → iOS Safari 16+
 * - env(safe-area-inset-*) → notch / home indicator
 */

html {
  overscroll-behavior-y: none;
}

body {
  overscroll-behavior-y: none;
}

header {
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

nav.site-fixed-top-nav {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.navbar.fixed-top,
.navbar.sticky-top {
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.cs-site_header.cs-sticky-header,
.pix-header,
.mobile-header.fixed,
.main-header.fixed {
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}