/*==================================================

    BOTTOM NAV

==================================================*/



.dulko-bottom-nav {

    display: none;

}



@media(max-width:992px) {



    .dulko-bottom-nav {

        position: fixed;

        left: 50%;

        transform: translateX(-50%);

        bottom: 18px;

        width: 92%;

        max-width: 480px;

        height: 72px;

        background: #FFF;

        border-radius: 26px;

        box-shadow: 0 12px 30px rgba(0,0,0,.18);

        display: flex;

        justify-content: space-around;

        align-items: center;

        z-index: 3000;

        padding: 0 8px;

    }



    .bottom-item {

        flex: 1;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        text-decoration: none;

        color: #666;

        transition: .25s;

        border-radius: 18px;

        height: 58px;

    }



        .bottom-item:hover {

            color: var(--color-principal);

        }



        .bottom-item.active {

            background: #F3EEFB;

            color: var(--color-principal);

        }



    .bottom-icon {

        position: relative;

        font-size: 24px;

    }



    .bottom-text {

        margin-top: 4px;

        font-size: 12px;

        font-weight: 600;

    }



    .badge {

        position: absolute;

        top: -7px;

        right: -10px;

        width: 18px;

        height: 18px;

        background: #27AE60;

        color: #FFF;

        border-radius: 50%;

        display: flex;

        align-items: center;

        justify-content: center;

        font-size: 10px;

        font-weight: bold;

        border: 2px solid white;

    }

}