@supports (padding: env(safe-area-inset-top)) {
  @media (max-width: 800px) {
    .site-header {
      height: calc(68px + env(safe-area-inset-top, 0px));
      padding: env(safe-area-inset-top, 0px) 6vw 0;
      padding-left: calc(6vw + env(safe-area-inset-left, 0px));
      padding-right: calc(6vw + env(safe-area-inset-right, 0px));
    }

    body {
      padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px));
    }

    .mobile-buy-bar {
      min-height: calc(64px + env(safe-area-inset-bottom, 0px));
      padding: .65rem calc(5vw + env(safe-area-inset-right, 0px))
        calc(.65rem + env(safe-area-inset-bottom, 0px))
        calc(5vw + env(safe-area-inset-left, 0px));
    }
  }
}