.bottom-app-nav{
position:fixed;
left:50%;
bottom:14px;
z-index:95;
display:none;
width:min(calc(100% - 28px), 430px);
height:70px;
transform:translateX(-50%);
align-items:center;
justify-content:space-around;
gap:4px;
padding:8px;
border:1px solid rgba(34,211,238,.26);
border-radius:22px;
background:linear-gradient(180deg, rgba(8,13,24,.96), rgba(2,4,10,.98));
box-shadow:0 18px 46px rgba(0,0,0,.48), 0 0 26px rgba(34,211,238,.16);
backdrop-filter:blur(14px);
}

.bottom-nav-item{
position:relative;
flex:1 1 0;
min-width:0;
width:auto;
height:54px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
border:0;
border-radius:16px;
background:transparent;
color:#a1a1aa;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:900;
line-height:1;
text-decoration:none;
transition:color .2s ease, transform .2s ease;
}

.bottom-nav-item svg{
width:22px;
height:22px;
}

.bottom-nav-badge{
position:absolute;
top:6px;
right:18px;
min-width:18px;
height:18px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#46f59d;
color:#021208;
font-size:10px;
font-weight:900;
line-height:1;
padding:0 5px;
box-shadow:0 0 0 2px rgba(2,4,10,.98), 0 0 14px rgba(70,245,157,.58);
}

.bottom-nav-badge.hidden{
display:none;
}

.bottom-nav-item.is-active{
color:#02040a;
transform:translateY(-14px);
}

.bottom-nav-item.is-active::before{
content:"";
position:absolute;
inset:1px 50% auto auto;
top:0;
left:50%;
z-index:-1;
width:48px;
height:48px;
border-radius:999px;
background:linear-gradient(180deg, #67f1fd, #22d3ee);
box-shadow:0 8px 18px rgba(34,211,238,.38), 0 0 0 8px rgba(2,4,10,.94);
transform:translateX(-50%);
}

.bottom-nav-item.is-active span{
display:none;
}

.bottom-nav-item.is-active .bottom-nav-badge{
display:inline-flex;
top:-2px;
right:14px;
}

.bottom-nav-item.is-active .bottom-nav-badge.hidden{
display:none;
}

@media (max-width:767px){
body.has-bottom-app-nav{
padding-bottom:92px;
}

.bottom-app-nav{
display:flex;
}

body .bottom-app-nav [data-nav="scrim-home"]{order:1}
body .bottom-app-nav [data-nav="deal"]{order:2}
body .bottom-app-nav [data-nav="support"]{order:2}
body .bottom-app-nav [data-nav="all-scrim"]{order:3}
body .bottom-app-nav [data-nav="review"]{order:4}
body.is-guest .bottom-app-nav [data-nav="deal"],
body.is-guest .bottom-app-nav [data-nav="review"],
body.is-authed .bottom-app-nav [data-nav="support"]{display:none}
}