/* Keep scrolling content out of the iPhone status area above the store header. */
@media (max-width: 1023px) {
  html:has(.wll-header) { background: #000; }
  header.wll-header.wll-header {
    background-color: #000;
    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-backdrop-filter: none;
    backdrop-filter: none;
  }
  /* Extend only the black surface upward, anchored to the viewport rather
     than the scrolling header. Keep its controls and document flow unchanged. */
  header.wll-header::before {
    content: "";
    position: fixed;
    top: calc(-1 * max(120px, env(safe-area-inset-top, 0px)));
    left: 0;
    right: 0;
    height: calc(max(120px, env(safe-area-inset-top, 0px)) + 64px + env(safe-area-inset-top, 0px));
    z-index: -1;
    background: #000;
    pointer-events: none;
  }
  header.wll-header #mnav {
    top: calc(63px + env(safe-area-inset-top, 0px));
    height: calc(100vh - 63px - env(safe-area-inset-top, 0px));
    height: calc(100dvh - 63px - env(safe-area-inset-top, 0px));
  }
}