.bottomNav{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:70px;

    background:#ffffff;

    display:flex;
    justify-content:space-around;
    align-items:center;

    border-top:1px solid #ddd;

    z-index:9999;

    box-shadow:0 -2px 10px rgba(0,0,0,.08);
}

.navBtn{

    flex:1;

    height:100%;

    border:none;
    background:none;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    cursor:pointer;

    position:relative;

    transition:.2s;
}

.navBtn:active{

    background:#f2f2f2;

}

.navIcon{
    font-size:18px;
    position:relative;
    line-height:1;
}

.navTitle{
    margin-top:2px;
    font-size:11px;
}

.cartBadge{

    position:absolute;

    top:-6px;

    right:-12px;

    background:red;

    color:#fff;

    min-width:18px;

    height:18px;

    border-radius:50%;

    font-size:11px;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:0 4px;

    font-weight:bold;

}
@media (max-width:768px){

    .bottomNav{
        left:10px;
        right:10px;
        width:auto;
        border-radius:25px;
        bottom:10px;
    }

}