/* DjimlyStore v3.43 — Modern, touch-friendly, self-contained navigation. */
:root{--ds43-nav-height:72px}
body nav.bottom-nav.marketplace-nav:is(.marketplace-nav){
 position:fixed!important;inset:auto 0 0!important;left:0!important;right:0!important;
 transform:none!important;max-width:none!important;width:100%!important;
 height:calc(var(--ds43-nav-height) + env(safe-area-inset-bottom,0px))!important;
 min-height:0!important;box-sizing:border-box!important;
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
 gap:1px!important;align-items:stretch!important;
 padding:4px 8px max(4px,env(safe-area-inset-bottom,0px))!important;
 margin:0!important;border:0!important;border-top:1px solid #edf0f6!important;
 border-radius:0!important;background:rgba(255,255,255,.98)!important;
 box-shadow:0 -5px 24px rgba(16,42,80,.065)!important;
 -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
 z-index:600!important;
}
body nav.bottom-nav.marketplace-nav:is(.marketplace-nav)>.bn-item{
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;
 position:relative!important;min-width:0!important;width:100%!important;height:100%!important;min-height:0!important;
 padding:1px 0 2px!important;margin:0!important;gap:3px!important;
 border:0!important;border-radius:13px!important;background:transparent!important;
 color:#8490a3!important;font-size:10.5px!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
 font-weight:700!important;line-height:1!important;text-decoration:none!important;
 -webkit-tap-highlight-color:transparent;
}
body nav.bottom-nav.marketplace-nav:is(.marketplace-nav)>.bn-item:before{display:none!important}
body nav.bottom-nav.marketplace-nav:is(.marketplace-nav)>.bn-item .ds43-tab-icon{
 box-sizing:content-box!important;display:block!important;flex:0 0 24px!important;
 width:24px!important;height:24px!important;stroke-width:1.95px!important;
 padding:6px 12px!important;border-radius:15px!important;
 background:transparent!important;fill:none;overflow:visible;
 transition:background-color .16s ease,stroke .16s ease,transform .16s ease;
}
body nav.bottom-nav.marketplace-nav:is(.marketplace-nav)>.bn-item .bn-label{
 display:block!important;white-space:nowrap!important;line-height:1.1!important;
 font-size:10.5px!important;letter-spacing:-.01em!important;font-weight:750!important;
}
body nav.bottom-nav.marketplace-nav:is(.marketplace-nav)>.bn-item.active,
body nav.bottom-nav.marketplace-nav:is(.marketplace-nav)>.bn-item[aria-current="page"]{color:#1166d8!important}
body nav.bottom-nav.marketplace-nav:is(.marketplace-nav)>.bn-item.active .ds43-tab-icon,
body nav.bottom-nav.marketplace-nav:is(.marketplace-nav)>.bn-item[aria-current="page"] .ds43-tab-icon{
 background:#e9f2ff!important;stroke-width:2.25px!important;
}
body nav.bottom-nav.marketplace-nav:is(.marketplace-nav)>.bn-item:focus-visible{outline:2px solid #1d71de!important;outline-offset:-2px!important}
body nav.bottom-nav.marketplace-nav:is(.marketplace-nav)>.bn-item:active .ds43-tab-icon{transform:scale(.93)}
body nav.bottom-nav.marketplace-nav:is(.marketplace-nav) .bn-badge{
 position:absolute!important;top:2px!important;right:calc(50% - 25px)!important;
 min-width:17px!important;height:17px!important;padding:0 4px!important;
 box-sizing:border-box!important;display:grid!important;place-items:center!important;
 border-radius:999px!important;background:#ff861b!important;color:#fff!important;
 box-shadow:0 0 0 2px #fff!important;font-size:10px!important;line-height:1!important;
 z-index:2!important;pointer-events:none!important;
}
/* Cart purchase bar sits flush against the top of the tab navigation. No transparent strip. */
body.v36-cart .mx-cart-footer.v-floating-checkout{
 position:fixed!important;bottom:calc(var(--ds43-nav-height) + env(safe-area-inset-bottom,0px))!important;
 z-index:601!important;margin-bottom:0!important;border-radius:0!important;
 background:#fff!important;box-shadow:0 -7px 19px rgba(16,37,70,.08)!important;
}
/* The checkout and product detail screens intentionally use their own bottom bars. */
body.v36-product nav.bottom-nav.marketplace-nav,
body:has(.ds42-products) nav.bottom-nav.marketplace-nav{display:none!important}
@media(min-width:850px){body nav.bottom-nav.marketplace-nav:is(.marketplace-nav){display:none!important}}
@media(prefers-reduced-motion:reduce){body nav.bottom-nav.marketplace-nav:is(.marketplace-nav) .ds43-tab-icon{transition:none!important}}

@media(min-width:850px){body.v36-cart .mx-cart-footer.v-floating-checkout{bottom:0!important}}

/* v3.44: iOS standalone apps need a higher thumb-safe icon row.
   Browser Safari keeps the original compact navigation directly above its toolbar. */
@media (display-mode: standalone), (display-mode: fullscreen) {
  body nav.bottom-nav.marketplace-nav:is(.marketplace-nav) {
    height:calc(var(--ds43-nav-height) + max(env(safe-area-inset-bottom,0px),22px) + 11px)!important;
    padding-bottom:calc(max(env(safe-area-inset-bottom,0px),22px) + 11px)!important;
  }
  body.v36-cart .mx-cart-footer.v-floating-checkout {
    bottom:calc(var(--ds43-nav-height) + max(env(safe-area-inset-bottom,0px),22px) + 11px)!important;
  }
  body.v36-cart .mx-page {
    padding-bottom:calc(170px + max(env(safe-area-inset-bottom,0px),22px))!important;
  }
}

/* Same compensation inside the WordPress storefront iframe. */
/* v3.44: iOS standalone apps need a higher thumb-safe icon row.
   Browser Safari keeps the original compact navigation directly above its toolbar. */
  html.ds44-pwa-standalone body nav.bottom-nav.marketplace-nav:is(.marketplace-nav) {
    height:calc(var(--ds43-nav-height) + max(env(safe-area-inset-bottom,0px),22px) + 11px)!important;
    padding-bottom:calc(max(env(safe-area-inset-bottom,0px),22px) + 11px)!important;
  }
  html.ds44-pwa-standalone body.v36-cart .mx-cart-footer.v-floating-checkout {
    bottom:calc(var(--ds43-nav-height) + max(env(safe-area-inset-bottom,0px),22px) + 11px)!important;
  }
  html.ds44-pwa-standalone body.v36-cart .mx-page {
    padding-bottom:calc(170px + max(env(safe-area-inset-bottom,0px),22px))!important;
  }

