/* FINAL NAVBAR V2 — CENTERED FIX */
@media (max-width:767.98px){
  html,body{overflow-x:hidden!important}
  body{padding-bottom:74px!important}

  .footer-mobile{
    position:fixed!important;
    inset:auto 0 0 0!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;

    transform:none!important;
    -webkit-transform:none!important;

    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:70px!important;
    align-items:stretch!important;
    justify-items:stretch!important;

    background:#090512!important;
    border-top:1px solid rgba(139,92,246,.72)!important;
    box-shadow:0 -5px 18px rgba(76,29,149,.38)!important;
    z-index:2147483000!important;
    overflow:visible!important;
  }

  .footer-mobile .footer-item,
  .footer-mobile .footer-item:link,
  .footer-mobile .footer-item:visited{
    position:relative!important;
    grid-column:auto!important;
    grid-row:1!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    -webkit-transform:none!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:70px!important;
    margin:0!important;
    padding:5px 1px 3px!important;
    box-sizing:border-box!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;

    color:#fff!important;
    background:transparent!important;
    text-decoration:none!important;
    overflow:visible!important;
  }

  .footer-mobile .footer-item:nth-child(1){grid-column:1!important}
  .footer-mobile .footer-item:nth-child(2){grid-column:2!important}
  .footer-mobile .footer-item:nth-child(3){grid-column:3!important}
  .footer-mobile .footer-item:nth-child(4){grid-column:4!important}
  .footer-mobile .footer-item:nth-child(5){grid-column:5!important}

  .footer-mobile .footer-item .footer-icon{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    -webkit-transform:none!important;

    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;

    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    flex:0 0 24px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    background:transparent!important;
    box-shadow:none!important;
  }

  .footer-mobile .footer-item .footer-icon i{
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font-size:19px!important;
    line-height:1!important;
  }

  .footer-mobile .footer-item .footer-title{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
    max-width:70px!important;
    height:auto!important;

    color:inherit!important;
    font-size:9px!important;
    line-height:12px!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  /* Center login: raised but compact */
  .footer-mobile .footer-item.footer-login{
    grid-column:3!important;
    z-index:5!important;
    overflow:visible!important;
    padding-top:4px!important;
  }

  .footer-mobile .footer-item.footer-login .footer-icon{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    -webkit-transform:none!important;

    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;

    margin:-10px 0 0!important;
    padding:0!important;
    flex:0 0 42px!important;

    border:2px solid #8b5cf6!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#a855f7,#6d28d9)!important;
    box-shadow:0 0 0 3px #090512,0 4px 14px rgba(168,85,247,.45)!important;
  }

  .footer-mobile .footer-item.footer-login .footer-icon i{
    color:#fff!important;
    font-size:19px!important;
  }

  .footer-mobile .footer-item.footer-login .footer-title{
    margin-top:0!important;
    color:#fff!important;
  }
}