/* Scoped, progressive mobile dock. Native routes, purchase bar and page layout stay unchanged. */
.storefront-bottom-nav.fmd { display:none; }
@media (max-width:767px) {
  body:has(.storefront-bottom-nav.fmd):not(:has(.fabrexa-product-buybar)) { padding-bottom:calc(104px + env(safe-area-inset-bottom))!important; }
  body:has(.storefront-bottom-nav.fmd):not(:has(.fabrexa-product-buybar)) :is(.anytech-whatsapp,.anytech-cookie-settings) { bottom:calc(94px + env(safe-area-inset-bottom))!important; }
  .storefront-bottom-nav.fmd {
    --fmd-orange:#ff9257; --fmd-ink:#142037;
    position:fixed; left:50%; right:auto; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:1040;
    display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); align-items:center;
    box-sizing:border-box; width:calc(100% - 20px); max-width:520px; min-height:74px;
    padding:5px; gap:0; transform:translateX(-50%); border:1px solid rgb(223 235 255 / 20%);
    border-radius:27px; background:linear-gradient(130deg,rgb(28 40 64 / 97%),rgb(17 27 48 / 97%) 55%,rgb(31 37 57 / 97%));
    box-shadow:0 15px 40px rgb(7 14 31 / 30%),0 3px 8px rgb(7 14 31 / 14%),inset 0 1px 0 rgb(255 255 255 / 9%);
    backdrop-filter:blur(20px) saturate(130%); -webkit-backdrop-filter:blur(20px) saturate(130%);
    isolation:isolate; overflow:hidden; animation:fmd-enter .38s cubic-bezier(.2,.8,.2,1) both;
  }
  .storefront-bottom-nav.fmd::before {
    content:""; position:absolute; inset:0 18px auto; height:1px; border:0;
    border-radius:50%; background:linear-gradient(90deg,transparent,rgb(255 178 128 / 55%),rgb(199 219 255 / 22%),transparent); pointer-events:none;
  }
  .fmd .fabrexa-mobile-dock__item {
    position:relative; z-index:2; box-sizing:border-box; display:flex; flex-direction:column;
    align-items:center; justify-content:center; min-width:0; min-height:62px; gap:4px; padding:5px 1px;
    border:0; border-radius:19px; background:transparent; box-shadow:none; transform:none;
    color:#c2ccde!important; font-size:clamp(9px,2.6vw,11px); font-weight:500; line-height:1.2;
    letter-spacing:-.15px; text-decoration:none!important; -webkit-tap-highlight-color:transparent;
    touch-action:manipulation; transition:color .2s ease;
  }
  .fmd .fabrexa-mobile-dock__item > span:not(.fabrexa-mobile-dock__icon) { max-width:100%; text-align:center; overflow-wrap:anywhere; transition:transform .3s cubic-bezier(.2,.8,.2,1); }
  .fmd .fabrexa-mobile-dock__icon {
    position:relative; display:grid; place-items:center; width:30px; height:29px;
    border-radius:10px; font-size:20px; transform:none; animation:none!important;
    transition:transform .4s cubic-bezier(.18,.85,.25,1.15),filter .25s ease; pointer-events:none;
  }
  .fmd .fabrexa-mobile-dock__item.is-active {
    color:#17253b!important; background:linear-gradient(140deg,#ff9a60,#ed7438);
    box-shadow:0 6px 17px rgb(238 112 52 / 24%),inset 0 1px 0 rgb(255 224 199 / 35%); transform:none;
  }
  .fmd .fabrexa-mobile-dock__item.is-active .fabrexa-mobile-dock__icon { transform:translateY(-1px); animation:none!important; }
  .fmd[data-fmd-enhanced="true"] .fabrexa-mobile-dock__item.is-active { background:transparent; box-shadow:none; }
  .fmd[data-fmd-enhanced="true"] .fabrexa-mobile-dock__item.is-preview { color:#17253b!important; }
  .fmd[data-fmd-enhanced="true"][data-fmd-preview-index] .fabrexa-mobile-dock__item.is-active:not(.is-preview) { color:#c2ccde!important; }
  .fmd .fabrexa-mobile-dock__item.is-preview .fabrexa-mobile-dock__icon { transform:translateY(-3px) scale(1.08); filter:drop-shadow(0 2px 5px rgb(71 25 3 / 17%)); }
  .fmd .fabrexa-mobile-dock__item.is-preview > span:not(.fabrexa-mobile-dock__icon) { transform:translateY(-1px); }
  .fmd .fabrexa-mobile-dock__item:active,.fmd .fabrexa-mobile-dock__item.is-pressing { transform:none; }
  .fmd .fabrexa-mobile-dock__item.is-pressing .fabrexa-mobile-dock__icon { transform:translateY(-1px) scale(.9); }
  .fmd .fabrexa-mobile-dock__item:focus-visible { outline:2px solid #ffcfac; outline-offset:-2px; }
  .fmd .fmd-indicator {
    position:absolute; z-index:0; top:0; left:0; width:var(--fmd-w,0px); height:var(--fmd-h,0px);
    transform:translate3d(var(--fmd-x,0px),var(--fmd-y,0px),0); border:1px solid rgb(255 204 167 / 30%);
    border-radius:19px; background:linear-gradient(142deg,#ffac74 0%,#f78c4f 33%,#ee7637 100%);
    box-shadow:0 5px 18px rgb(238 118 55 / 31%),0 1px 0 rgb(249 172 119 / 38%),inset 0 1px 0 rgb(255 230 208 / 42%);
    pointer-events:none; overflow:hidden; opacity:0;
    transition:transform .42s cubic-bezier(.2,.78,.22,1),width .32s ease,height .32s ease,opacity .18s ease;
  }
  .fmd[data-fmd-enhanced="true"] .fmd-indicator { opacity:1; }
  .fmd[data-fmd-state="initial"] .fmd-indicator { transition:none; }
  .fmd-indicator::before { content:""; position:absolute; top:5px; left:12px; right:12px; height:1px; background:linear-gradient(90deg,transparent,rgb(255 239 221 / 67%),transparent); border-radius:100%; }
  .fmd .fmd-ripple {
    position:absolute; z-index:1; left:var(--fmd-ripple-x,0px); top:var(--fmd-ripple-y,0px);
    width:var(--fmd-ripple-size,0px); height:var(--fmd-ripple-size,0px); border-radius:50%;
    pointer-events:none; opacity:0; transform:translate(-50%,-50%) scale(.05);
    background:radial-gradient(circle,rgb(255 228 202 / 20%),rgb(255 170 103 / 8%) 55%,transparent 70%);
  }
  .fmd.is-rippling .fmd-ripple { animation:fmd-ripple .52s cubic-bezier(.2,.7,.2,1) both; }
  .fmd .fabrexa-mobile-dock__badge {
    top:-3px; right:-7px; box-sizing:border-box; display:grid; place-items:center;
    min-width:17px; max-width:36px; height:17px; padding:0 3px; border:1.5px solid #19273e;
    border-radius:7px; background:#fff3e6; color:#9c411c; box-shadow:0 2px 5px rgb(0 0 0 / 13%);
    font-size:9px; font-weight:600; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  }
}
@media (max-width:374px) {
  .storefront-bottom-nav.fmd { width:calc(100% - 12px); padding-left:4px; padding-right:4px; border-radius:25px; }
  .fmd .fabrexa-mobile-dock__item { font-size:9px; }
  .fmd .fabrexa-mobile-dock__icon { font-size:19px; }
}
@keyframes fmd-enter { from { opacity:0; transform:translate(-50%,9px); } to { opacity:1; transform:translate(-50%,0); } }
@keyframes fmd-ripple { 0% { opacity:.6; transform:translate(-50%,-50%) scale(.05); } 100% { opacity:0; transform:translate(-50%,-50%) scale(1); } }
@media (prefers-reduced-motion:reduce) {
  .storefront-bottom-nav.fmd,.fmd .fabrexa-mobile-dock__item,.fmd .fabrexa-mobile-dock__icon,.fmd .fmd-indicator,.fmd .fabrexa-mobile-dock__item > span { animation:none!important; transition:none!important; }
  .fmd .fmd-ripple { display:none!important; }
  .fmd .fabrexa-mobile-dock__icon,.fmd .fabrexa-mobile-dock__item > span { transform:none!important; }
}
.fmd[data-fmd-motion="reduced"] .fmd-indicator,.fmd[data-fmd-motion="reduced"] .fabrexa-mobile-dock__icon,.fmd[data-fmd-motion="reduced"] .fabrexa-mobile-dock__item > span { transition:none!important; animation:none!important; }
.fmd[data-fmd-motion="reduced"] .fmd-ripple { display:none!important; }
