/* Tecnonova Mobile Dock Pro — intentionally isolated from the legacy mobile nav. */
.bnmn-nav{display:none}

@media (max-width:980px){
  /* The old footer navigation stays in the DOM for compatibility, but is never visible. */
  body.bnmn-enabled .bitnova-mobile-bottom,
  body.bnmn-enabled .bitnova-mobile-nav:not(.bnmn-nav){display:none!important;visibility:hidden!important;pointer-events:none!important}

  html{--bnmn-safe-bottom:env(safe-area-inset-bottom,0px)}
  body.bnmn-enabled{padding-bottom:calc(118px + var(--bnmn-safe-bottom))!important;scroll-padding-bottom:calc(118px + var(--bnmn-safe-bottom))}
  body.bnmn-enabled.bnmn-has-modern-footer{padding-bottom:0!important;scroll-padding-bottom:calc(132px + var(--bnmn-safe-bottom))!important}
  body.bnmn-enabled .bitnova-footer,
  body.bnmn-enabled #tecnonova-footer.tnf72{padding-bottom:calc(132px + var(--bnmn-safe-bottom))!important}

  body.bnmn-enabled.bnmn-footer-visible .bncp-support-widget:not(.is-open){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  body.bnmn-enabled.bnmn-footer-dock-hidden .bnmn-nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(calc(100% + 40px))!important}

  .bnmn-nav{
    position:fixed!important;
    z-index:900000!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    left:max(10px,calc((100vw - 620px)/2))!important;
    right:max(10px,calc((100vw - 620px)/2))!important;
    bottom:max(8px,var(--bnmn-safe-bottom))!important;
    min-width:0!important;
    height:78px!important;
    padding:7px 8px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:1px solid rgba(38,200,255,.28)!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 50% -60%,rgba(73,88,255,.16),transparent 52%),
      linear-gradient(180deg,rgba(5,25,38,.985),rgba(2,15,25,.985))!important;
    box-shadow:0 18px 55px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.04)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;
    backdrop-filter:blur(18px) saturate(1.25)!important;
    transform:translateZ(0);
    isolation:isolate;
    transition:transform .22s ease,opacity .18s ease!important;
  }

  .bnmn-nav::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(90deg,transparent,rgba(35,207,255,.06),rgba(105,71,255,.05),transparent);
  }

  .bnmn-item,
  .bnmn-item:link,
  .bnmn-item:visited{
    position:relative!important;
    min-width:0!important;
    width:100%!important;
    box-sizing:border-box!important;
    height:58px!important;
    padding:5px 2px 4px!important;
    margin:0!important;
    border:0!important;
    border-radius:15px!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#8199aa!important;
    text-decoration:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    overflow:visible!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    transition:color .18s ease,background .18s ease,transform .14s ease!important;
  }

  .bnmn-item::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:1px;
    width:0;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#18cfff,#6b52ff);
    transform:translateX(-50%);
    opacity:0;
    transition:width .2s ease,opacity .2s ease;
  }

  .bnmn-item:hover,
  .bnmn-item:focus-visible{color:#e8f9ff!important;background:rgba(24,207,255,.055)!important}
  .bnmn-item:focus-visible{box-shadow:0 0 0 2px rgba(24,207,255,.45)!important}
  .bnmn-item.is-active{color:#f5fcff!important;background:linear-gradient(180deg,rgba(26,190,255,.11),rgba(52,69,255,.055))!important}
  .bnmn-item.is-active::after{width:25px;opacity:1}
  .bnmn-item.is-pressed{transform:scale(.94)!important}

  .bnmn-icon{
    position:relative!important;
    width:30px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 auto!important;
    color:#d9edf7!important;
    transition:color .18s ease,transform .18s ease!important;
  }
  .bnmn-icon svg{
    display:block!important;
    width:24px!important;
    height:24px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.85!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    overflow:visible!important;
  }
  .bnmn-item.is-active .bnmn-icon{color:#23d0ff!important;transform:translateY(-1px)}

  .bnmn-label{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:inherit!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:750!important;
    letter-spacing:-.08px!important;
  }

  /* Search is intentionally the visual anchor of the dock. */
  .bnmn-search{transform:translateY(-9px)!important;background:transparent!important}
  .bnmn-search:hover,.bnmn-search:focus-visible{background:transparent!important}
  .bnmn-search.is-pressed{transform:translateY(-9px) scale(.94)!important}
  .bnmn-search::after{bottom:-8px!important}
  .bnmn-search-orb{
    width:50px!important;
    height:50px!important;
    border-radius:50%!important;
    color:#fff!important;
    background:linear-gradient(145deg,#25d4ff 0%,#1fa9ff 45%,#7152ff 100%)!important;
    border:1px solid rgba(134,232,255,.65)!important;
    box-shadow:0 8px 24px rgba(0,166,255,.28),0 0 0 5px rgba(11,42,60,.78)!important;
  }
  .bnmn-search-orb svg{width:25px!important;height:25px!important;stroke-width:2.05!important}
  .bnmn-search .bnmn-label{color:#dff8ff!important;font-weight:800!important;margin-top:1px!important}
  .bnmn-search.is-active .bnmn-search-orb{box-shadow:0 9px 28px rgba(36,207,255,.4),0 0 0 5px rgba(21,83,112,.72)!important}

  .bnmn-cart-count{
    position:absolute!important;
    top:-8px!important;
    right:-11px!important;
    display:grid!important;
    place-items:center!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 5px!important;
    border:2px solid #061925!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#24d4ff,#22b8f1)!important;
    color:#00131d!important;
    box-shadow:0 5px 14px rgba(0,185,255,.24)!important;
    font:900 10px/1 Inter,system-ui,sans-serif!important;
    transform-origin:center!important;
  }
  .bnmn-cart-count.is-zero{display:none!important}
  .bnmn-cart-count.bnmn-pop{animation:bnmnBadgePop .36s cubic-bezier(.2,.9,.25,1.3)}

  .bnmn-user-dot{
    position:absolute;
    right:0;
    top:0;
    width:7px;
    height:7px;
    border:1.5px solid #061925;
    border-radius:50%;
    background:#35e69a;
    box-shadow:0 0 10px rgba(53,230,154,.45);
  }

  body.bnmn-keyboard-open .bnmn-nav{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(calc(100% + 34px))!important;
  }

  body.bnmn-overlay-open .bnmn-nav{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(calc(100% + 40px))!important;
  }

  @keyframes bnmnBadgePop{
    0%{transform:scale(.72)}
    58%{transform:scale(1.22)}
    100%{transform:scale(1)}
  }
}

@media (max-width:390px){
  .bnmn-nav{left:7px!important;right:7px!important;height:74px!important;padding:6px 4px!important;border-radius:19px!important}
  .bnmn-item{height:55px!important;padding-inline:1px!important}
  .bnmn-label{font-size:9.5px!important}
  .bnmn-icon{width:27px!important;height:26px!important}
  .bnmn-icon svg{width:22px!important;height:22px!important}
  .bnmn-search{transform:translateY(-8px)!important}
  .bnmn-search.is-pressed{transform:translateY(-8px) scale(.94)!important}
  .bnmn-search-orb{width:46px!important;height:46px!important}
}

@media (max-width:340px){
  .bnmn-label{font-size:8.8px!important}
  .bnmn-search-orb{width:43px!important;height:43px!important}
}

@media (max-width:980px) and (max-height:520px) and (orientation:landscape){
  body.bnmn-enabled{padding-bottom:82px!important}
  .bnmn-nav{height:62px!important;bottom:5px!important;border-radius:17px!important;padding:4px 7px!important}
  .bnmn-item{height:50px!important;gap:2px!important}
  .bnmn-label{font-size:9px!important}
  .bnmn-search{transform:translateY(-5px)!important}
  .bnmn-search.is-pressed{transform:translateY(-5px) scale(.94)!important}
  .bnmn-search-orb{width:42px!important;height:42px!important;box-shadow:0 6px 18px rgba(0,166,255,.26),0 0 0 4px rgba(11,42,60,.78)!important}
}

@media (prefers-reduced-motion:reduce){
  .bnmn-nav,.bnmn-item,.bnmn-item::after,.bnmn-icon{transition:none!important}
  .bnmn-cart-count.bnmn-pop{animation:none!important}
}
