/* BankMovie V57 — one dynamic mobile footer skin across every public page.
   Low-end/static tier is intentionally untouched; V49 low-end rules remain the source of truth. */
@media (max-width:991px){
  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav],
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav]{
    --bm-nav-glass-border:rgba(255,255,255,.18);
    --bm-nav-spring:cubic-bezier(.2,.82,.22,1.15);
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:max(10px,env(safe-area-inset-bottom,0px))!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 20px)!important;
    max-width:520px!important;
    min-height:68px!important;
    height:auto!important;
    margin:0!important;
    padding:8px!important;
    border-radius:999rem!important;
    display:flex!important;
    flex-direction:row!important;
    direction:ltr!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:8px!important;
    z-index:2050!important;
    overflow:visible!important;
    opacity:1;
    visibility:visible!important;
    pointer-events:auto!important;
    background:rgba(var(--accent-rgb,47,124,255),.34)!important;
    border:1px solid var(--bm-nav-glass-border)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.22)!important;
    -webkit-backdrop-filter:blur(12px) saturate(180%) contrast(120%)!important;
    backdrop-filter:blur(12px) saturate(180%) contrast(120%)!important;
    filter:none;
    transition:transform .24s var(--bm-nav-spring),opacity .2s ease,min-height .2s ease!important;
  }

  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav]::before,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav]::before{
    display:none!important;
    content:none!important;
  }

  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav]::after,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav]::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    z-index:-1!important;
    background:none!important;
    box-shadow:
      inset 2px 2px 5px -2px rgba(255,255,255,.38),
      inset -2px -2px 5px 2px rgba(255,255,255,.22),
      inset 0 -2px 0 rgba(255,255,255,.14)!important;
  }

  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav] > .nav-item,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav] > .nav-item{
    position:relative!important;
    display:flex!important;
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    min-height:52px!important;
    height:auto!important;
    margin:0!important;
    padding:8px 6px!important;
    border:0!important;
    border-radius:999rem!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    color:rgba(255,255,255,.90)!important;
    background:transparent!important;
    box-shadow:none!important;
    text-decoration:none!important;
    opacity:1!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:
      background .18s var(--bm-nav-spring),
      color .18s var(--bm-nav-spring),
      transform .18s var(--bm-nav-spring),
      box-shadow .25s ease!important;
  }

  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav] > .nav-item::before,
  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav] > .nav-item::after,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav] > .nav-item::before,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav] > .nav-item::after{
    display:none!important;
    content:none!important;
  }

  /* Keep the center Categories affordance familiar when it is not the active page. */
  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav] > [data-bm-nav-kind="categories"]:not(.active)::before,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav] > [data-bm-nav-kind="categories"]:not(.active)::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:4px 5px!important;
    border-radius:20px!important;
    pointer-events:none!important;
    z-index:-1!important;
    background:linear-gradient(145deg,rgba(var(--accent-rgb,47,124,255),.24),rgba(var(--accent-rgb,47,124,255),.08))!important;
    border:1px solid rgba(var(--accent-rgb,47,124,255),.32)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 22px rgba(var(--accent-rgb,47,124,255),.12)!important;
  }
  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav] > [data-bm-nav-kind="categories"]:not(.active),
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav] > [data-bm-nav-kind="categories"]:not(.active){
    color:var(--accent,#2f7cff)!important;
  }

  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav] > .nav-item:hover,
  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav] > .nav-item:focus-visible,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav] > .nav-item:hover,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav] > .nav-item:focus-visible{
    background:rgba(255,255,255,.20)!important;
    color:#fff!important;
    box-shadow:inset 2px 2px 5px -2px rgba(255,255,255,.35),inset -2px -1px 5px rgba(255,255,255,.20)!important;
    transform:translateY(-1px) rotate(1deg)!important;
  }

  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav] > .nav-item.active,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav] > .nav-item.active{
    background:rgba(245,245,245,.72)!important;
    color:var(--accent,#2f7cff)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.72)!important;
    transform:none!important;
  }

  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav] > .nav-item:active,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav] > .nav-item:active{
    transform:scale(.98)!important;
  }

  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav] > .nav-item svg,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav] > .nav-item svg{
    width:1.4rem!important;
    height:1.4rem!important;
    margin:0!important;
    flex:0 0 auto!important;
    stroke:currentColor!important;
    fill:none!important;
    opacity:1!important;
    transform:none!important;
  }

  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav] > .nav-item .nav-label,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav] > .nav-item .nav-label{
    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:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav].nav-hidden,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav].nav-hidden{
    transform:translate(-50%,calc(100% + 30px))!important;
    opacity:0!important;
    pointer-events:none!important;
    filter:none!important;
  }
  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav].nav-compact,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav].nav-compact{
    min-height:64px!important;
    opacity:.97!important;
  }
}

@media (max-width:380px){
  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav],
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav]{
    gap:4px!important;
    padding:6px!important;
  }
  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav] > .nav-item,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav] > .nav-item{
    padding-inline:3px!important;
  }
  html:not(.bm-nav-static) body .bottom-nav[data-mobile-bottom-nav] > .nav-item .nav-label,
  html.bm-nav-dynamic body .bottom-nav[data-mobile-bottom-nav] > .nav-item .nav-label{
    font-size:.66rem!important;
  }
}