/* DjimlyStore Digital v2.39.50 — storefront nav/tap/image recovery */

/* The global dock used an ID-level rule from v2.37.9 that kept it one full iPhone
   safe-area above the bottom. This selector intentionally matches that specificity. */
@media(max-width:899px){
  html body #djs-portal #djs-global-bottom-nav{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:2px!important;
    width:auto!important;
    height:70px!important;
    min-height:70px!important;
    padding:5px 6px 6px!important;
    margin:0!important;
    border-radius:24px!important;
    z-index:2147483100!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    isolation:isolate!important;
    overflow:visible!important;
  }
  html body #djs-portal #djs-global-bottom-nav>.djs-bn-item{
    height:58px!important;
    min-height:58px!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  /* Reserve real content space above the dock so cards can never hide beneath it. */
  html body #djs-portal .djs-screen .djs-scroller{
    padding-bottom:112px!important;
    scroll-padding-bottom:112px!important;
  }
  html body #djs-portal #djs-screen-store .djs-store-scroller{
    padding-bottom:124px!important;
  }
  html body #djs-portal #djs-screen-store #djs-product-grid{
    padding-bottom:18px!important;
  }
}

/* Keep the storefront header in the flex flow. It must occupy physical space before
   the product scroller starts, even when an old PWA stylesheet is still cached. */
@media(max-width:760px){
  html body #djs-portal #djs-screen-store>.djs-topbar.djs-preview-topbar{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    bottom:auto!important;
    flex:0 0 auto!important;
    width:100%!important;
    margin:0!important;
    z-index:50!important;
  }
  html body #djs-portal #djs-screen-store>.djs-store-scroller{
    position:relative!important;
    top:auto!important;
    margin-top:0!important;
    flex:1 1 auto!important;
    min-height:0!important;
  }
}

/* Broken remote catalogue photos fall back to a clean branded tile instead of the
   browser's blue question-mark icon. */
html body #djs-portal img.djs-image-fallback-active{
  object-fit:contain!important;
  padding:12%!important;
  box-sizing:border-box!important;
  background:linear-gradient(145deg,#f5f9fc,#edf5fb)!important;
}