/* DjimlyStore Digital v2.39.29 — clean iOS shell + performance-safe header */

/* The iOS app/browser gets its own non-overlapping status-bar space. We no longer
   draw the website underneath the phone status bar. */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 760px) {
    html body #djs-portal #djs-screen-store .djs-topbar.djs-preview-topbar,
    html body #djs-portal #djs-screen-home .djs-topbar.djs-acct-topbar {
      position:relative!important;
      top:auto!important;
      height:auto!important;
      min-height:78px!important;
      padding:8px 12px!important;
      margin:0!important;
      background:#fff!important;
      background-image:none!important;
      align-items:center!important;
      align-content:center!important;
      overflow:visible!important;
    }
    html body.djs-pwa-entry #djs-portal #djs-screen-store .djs-topbar.djs-preview-topbar,
    html body.djs-pwa-entry #djs-portal #djs-screen-home .djs-topbar.djs-acct-topbar {
      /* With status-bar-style=default the OS owns the status bar. Do NOT add the
         old 54px fake safe-area padding that caused double/incorrect placement. */
      padding-top:8px!important;
      min-height:78px!important;
    }
  }
}

/* First paint stays white and stable while catalogue requests resolve. */
html body #djs-portal,
html body #djs-portal .djs-screen,
html body #djs-portal .djs-scroller{background-color:#fff;}