/* Force Discover Global Navbar Consistency */
.discover-global-nav,
.discover-global-nav * {
    box-sizing:border-box;
}

.discover-global-nav {
    position:fixed !important;
    left:50% !important;
    bottom:0 !important;
    transform:translateX(-50%) !important;
    width:min(100%,620px) !important;
    z-index:9999 !important;
}

.discover-global-nav button {
    appearance:none;
    border:0 !important;
    background:none !important;
    padding:6px 0;
    color:#9f94b1;
    cursor:pointer;
}

.discover-global-nav button.active {
    color:#ff4a8a !important;
}

.discover-global-nav button i {
    display:grid;
    place-items:center;
}

.discover-global-nav span {
    display:block;
}

/* Final equal spacing alignment */

.discover-global-nav {
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    align-items:center !important;
    justify-items:center !important;
}

.discover-global-nav button {
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
}

.discover-global-nav button i {
    margin:0 auto !important;
}

.discover-global-nav span {
    width:100%;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
}


/* ==================================================
   Haitian Corner Global Discover Navbar
   Final alignment
================================================== */

.discover-global-nav {
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    align-items:center !important;
    justify-items:center !important;
    height:78px !important;
    padding:8px 6px calc(8px + env(safe-area-inset-bottom)) !important;
}

.discover-global-nav button {
    width:100% !important;
    height:58px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    background:none !important;
    border:0 !important;
    padding:0 !important;
}

.discover-global-nav button i {
    font-size:21px !important;
    line-height:1 !important;
}

.discover-global-nav button span {
    font-size:10px !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;
}

.discover-global-nav button.active {
    color:#ff4a8a !important;
}

.discover-global-nav button.active i {
    transform:translateY(-2px);
}