/* فقط موبایل */
@media(max-width:991px){

    body{
        padding-bottom:75px;
    }

    .mobile-bottom-menu{
        position:fixed;
        bottom:0;
        right:0;
        left:0;
        height:75px;
        background:#286893; /* آبی */
        display:flex;
        z-index:999999;
        box-shadow:0 -2px 10px rgba(0,0,0,.25);
    }

    .mobile-bottom-menu .menu-item{
        flex:1;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        color:#fff;
        text-decoration:none;
        font-size:12px;
        border-left:1px solid rgba(255,255,255,.12);
    }

    .mobile-bottom-menu .menu-item:last-child{
        border-left:none;
    }

    .mobile-bottom-menu .menu-item i{
        font-size:24px;
        margin-bottom:8px;
    }

    .mobile-bottom-menu .menu-item span{
        font-size:13px;
        font-weight:400;
    }

    /* بخش فعال - دقیقاً مثل باکس زرد عکس، اما قرمز */
    .mobile-bottom-menu .menu-item.active{
        background:#d60000;
        color:#fff;
    }

    .mobile-bottom-menu .menu-item.active i,
    .mobile-bottom-menu .menu-item.active span{
        color:#fff;
    }
}

/* در دسکتاپ نمایش داده نشود */
@media(min-width:992px){
    .mobile-bottom-menu{
        display:none;
    }
}