/* BIRUN Stage 41 — professional mobile bottom navigation */
.stage41-mobile-bottom-nav{display:none}

@media(max-width:900px){
  :root{--stage41-nav-height:78px}
  body{padding-bottom:calc(var(--stage41-nav-height) + env(safe-area-inset-bottom))!important}
  body.mobile-nav-open .stage41-mobile-bottom-nav,
  body.mobile-keyboard-open .stage41-mobile-bottom-nav{transform:translateY(120%);opacity:0;pointer-events:none}

  .stage41-mobile-bottom-nav{
    position:fixed;
    z-index:995;
    right:10px;
    left:10px;
    bottom:max(8px,env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    min-height:70px;
    padding:7px 5px;
    border:1px solid rgba(221,229,223,.92);
    border-radius:24px;
    background:rgba(255,255,255,.94);
    box-shadow:0 14px 42px rgba(16,38,25,.16),0 2px 8px rgba(16,38,25,.06);
    backdrop-filter:blur(18px) saturate(170%);
    -webkit-backdrop-filter:blur(18px) saturate(170%);
    transition:transform .22s ease,opacity .22s ease;
  }

  .stage41-mobile-bottom-nav a{
    position:relative;
    display:flex;
    min-width:0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:3px 2px;
    border-radius:17px;
    color:#7a847e;
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
    transition:color .2s ease,background .2s ease,transform .2s ease;
  }

  .stage41-mobile-bottom-nav a:active{transform:scale(.96)}

  .stage41-nav-icon{
    position:relative;
    display:grid;
    place-items:center;
    width:34px;
    height:30px;
    border-radius:12px;
    transition:background .2s ease,color .2s ease,transform .2s ease;
  }

  .stage41-nav-icon svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .stage41-mobile-bottom-nav small{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10.5px;
    line-height:1.3;
    font-weight:700;
    color:inherit;
  }

  .stage41-mobile-bottom-nav a.active{
    color:var(--primary,#0f9d58);
    background:linear-gradient(180deg,rgba(15,157,88,.07),rgba(15,157,88,.03));
  }

  .stage41-mobile-bottom-nav a.active .stage41-nav-icon{
    background:rgba(15,157,88,.12);
    transform:translateY(-1px);
  }

  .stage41-mobile-bottom-nav a.active::after{
    content:"";
    position:absolute;
    top:2px;
    width:22px;
    height:3px;
    border-radius:999px;
    background:var(--primary,#0f9d58);
  }

  .stage41-mobile-bottom-nav .stage41-nav-center .stage41-nav-icon{
    width:38px;
  }

  .stage41-mobile-bottom-nav .stage41-nav-center.active .stage41-nav-icon{
    background:var(--primary,#0f9d58);
    color:#fff;
    box-shadow:0 8px 20px rgba(15,157,88,.24);
  }

  .stage40-mobile-bottom-nav{display:none!important}

  .home-footer,.site-footer{margin-bottom:0!important}
}

@media(max-width:390px){
  .stage41-mobile-bottom-nav{right:6px;left:6px;border-radius:21px;padding-inline:2px}
  .stage41-mobile-bottom-nav small{font-size:9.5px}
  .stage41-nav-icon svg{width:22px;height:22px}
}

@media(display-mode:standalone) and (max-width:900px){
  .stage41-mobile-bottom-nav{bottom:max(4px,env(safe-area-inset-bottom))}
}

@media(prefers-reduced-motion:reduce){
  .stage41-mobile-bottom-nav,.stage41-mobile-bottom-nav a,.stage41-nav-icon{transition:none!important}
}