/* BankMovie v148.61.9.21 — unify view_all + collection mobile dock with homepage */
@media (max-width:991px){
  html body.view-all-page .bottom-nav.bm-home-footer-nav,
  html body.collection-page .bottom-nav.bm-home-footer-nav{
    --glass-border:rgba(255,255,255,.18);
    --ease-spring:cubic-bezier(.2,.82,.22,1.15);
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 16px)!important;
    max-width:520px!important;
    min-height:68px!important;
    height:auto!important;
    padding:8px!important;
    border-radius:999rem!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:8px!important;
    z-index:1050!important;
    overflow:visible!important;
    background:linear-gradient(135deg,rgba(var(--accent-rgb),.56),rgba(var(--accent-rgb),.28))!important;
    background:linear-gradient(135deg,
      color-mix(in srgb,var(--accent) 46%,#0a1526 54%),
      color-mix(in srgb,var(--accent) 25%,#0b1423 75%))!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 18px 52px rgba(0,0,0,.44),0 0 30px rgba(var(--accent-rgb),.16),inset 0 1px 0 rgba(255,255,255,.12)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:1!important;
    transition:transform .24s var(--ease-spring),opacity .2s ease!important;
  }
  html body.view-all-page .bottom-nav.bm-home-footer-nav::after,
  html body.collection-page .bottom-nav.bm-home-footer-nav::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 48%)!important;
    box-shadow:inset 2px 2px 5px -2px rgba(255,255,255,.38),inset -2px -2px 5px 2px rgba(255,255,255,.16),inset 0 -2px 0 rgba(255,255,255,.10)!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  html body.view-all-page .bottom-nav.bm-home-footer-nav::before,
  html body.collection-page .bottom-nav.bm-home-footer-nav::before{display:none!important}

  html body.view-all-page .bottom-nav.bm-home-footer-nav .nav-item,
  html body.collection-page .bottom-nav.bm-home-footer-nav .nav-item{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    min-height:52px!important;
    height:auto!important;
    padding:8px 6px!important;
    margin:0!important;
    border:0!important;
    border-radius:999rem!important;
    color:rgba(255,255,255,.92)!important;
    background:transparent!important;
    box-shadow:none!important;
    text-decoration:none!important;
    opacity:1!important;
    transform:none!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:background .18s var(--ease-spring),color .18s var(--ease-spring),transform .18s var(--ease-spring),box-shadow .25s ease!important;
  }
  html body.view-all-page .bottom-nav.bm-home-footer-nav .nav-item::before,
  html body.view-all-page .bottom-nav.bm-home-footer-nav .nav-item::after,
  html body.collection-page .bottom-nav.bm-home-footer-nav .nav-item::before,
  html body.collection-page .bottom-nav.bm-home-footer-nav .nav-item::after{display:none!important}

  html body.view-all-page .bottom-nav.bm-home-footer-nav .nav-item:hover,
  html body.view-all-page .bottom-nav.bm-home-footer-nav .nav-item:focus-visible,
  html body.collection-page .bottom-nav.bm-home-footer-nav .nav-item:hover,
  html body.collection-page .bottom-nav.bm-home-footer-nav .nav-item:focus-visible{
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
  }
  html body.view-all-page .bottom-nav.bm-home-footer-nav .nav-item.active,
  html body.collection-page .bottom-nav.bm-home-footer-nav .nav-item.active{
    min-width:0!important;
    background:rgba(245,245,245,.82)!important;
    color:var(--accent)!important;
    border:0!important;
    box-shadow:0 7px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.78)!important;
    transform:none!important;
  }
  html body.view-all-page .bottom-nav.bm-home-footer-nav .nav-item:active,
  html body.collection-page .bottom-nav.bm-home-footer-nav .nav-item:active{transform:scale(.98)!important}

  html body.view-all-page .bottom-nav.bm-home-footer-nav .nav-item svg,
  html body.collection-page .bottom-nav.bm-home-footer-nav .nav-item svg{
    width:1.4rem!important;
    height:1.4rem!important;
    flex:0 0 auto!important;
    margin:0!important;
    stroke:currentColor!important;
    stroke-width:2.2!important;
    fill:none!important;
    opacity:1!important;
    transform:none!important;
  }
  html body.view-all-page .bottom-nav.bm-home-footer-nav .nav-item .nav-label,
  html body.view-all-page .bottom-nav.bm-home-footer-nav .nav-item span,
  html body.collection-page .bottom-nav.bm-home-footer-nav .nav-item .nav-label,
  html body.collection-page .bottom-nav.bm-home-footer-nav .nav-item span{
    display:block!important;
    max-width:100%!important;
    margin-top:4px!important;
    color:inherit!important;
    font-size:.72rem!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body.view-all-page .bottom-nav.bm-home-footer-nav.nav-hidden,
  html body.collection-page .bottom-nav.bm-home-footer-nav.nav-hidden{
    transform:translate(-50%,calc(100% + 30px))!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html body.view-all-page .bottom-nav.bm-home-footer-nav.nav-compact,
  html body.collection-page .bottom-nav.bm-home-footer-nav.nav-compact{
    min-height:64px!important;
    height:auto!important;
    border-radius:999rem!important;
    opacity:.97!important;
  }
}
@media(max-width:380px){
  html body.view-all-page .bottom-nav.bm-home-footer-nav,
  html body.collection-page .bottom-nav.bm-home-footer-nav{gap:4px!important;padding:6px!important}
  html body.view-all-page .bottom-nav.bm-home-footer-nav .nav-item,
  html body.collection-page .bottom-nav.bm-home-footer-nav .nav-item{padding-inline:3px!important}
  html body.view-all-page .bottom-nav.bm-home-footer-nav .nav-item .nav-label,
  html body.view-all-page .bottom-nav.bm-home-footer-nav .nav-item span,
  html body.collection-page .bottom-nav.bm-home-footer-nav .nav-item .nav-label,
  html body.collection-page .bottom-nav.bm-home-footer-nav .nav-item span{font-size:.66rem!important}
}
@media(min-width:992px){
  html body.view-all-page .bottom-nav.bm-home-footer-nav,
  html body.collection-page .bottom-nav.bm-home-footer-nav{display:none!important}
}
