@media (max-width: 991px) {
    .mobile-bottom-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: #ffffff;
        padding: 8px 0;
        border-radius: 0 !important; /* بدون گردی گوشه */
        border: none !important; /* حذف تمام خطوط دور منو */
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08); /* سایه نرم بالای منو */
    }

    .mobile-bottom-nav .nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        color: #555555;
        font-size: 11px;
        flex: 1;
        text-align: center;
    }

    .mobile-bottom-nav .nav-item i,
    .mobile-bottom-nav .nav-item svg {
        font-size: 20px;
        margin-bottom: 4px;
    }

    .mobile-bottom-nav .nav-item.active {
        color: #e11947; /* رنگ آیتم فعال */
    }
}