/* ==================================================
   HEMRITU MOBILE NAVIGATION V2
================================================== */

@media (max-width:991px){

/* Space for fixed navigation */

body{
    padding-bottom:84px;
    box-sizing:border-box;
}

/* Product page */

body.single-product{
    padding-bottom:100px;
}

/* Navigation */

.hemritu-mobile-bottom-nav{

    position:fixed;

    left:0;
    right:0;
    bottom:0;

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

    gap:6px;

    height:64px;

    padding:6px 10px calc(6px + env(safe-area-inset-bottom));

    background:#fff;

    border-top:1px solid #ececec;

    box-shadow:0 -4px 12px rgba(0,0,0,.08);

    z-index:999;

    box-sizing:border-box;
}

/* Items */

.hemritu-mobile-bottom-nav a{

    flex:1 1 20%;

    min-width:0;

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

    height:40px;

    padding:0 4px;

    border-radius:999px;

    text-decoration:none;

    color:#555;

    font-size:11px;

    font-weight:600;

    line-height:1;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

    transition:.25s ease;
}

/* Hover */

.hemritu-mobile-bottom-nav a:hover{

    background:#f5f5f5;

}

/* Active */

.hemritu-mobile-bottom-nav a.active{

    background:#16A34A;

    color:#fff;

}

/* Press */

.hemritu-mobile-bottom-nav a:active{

    transform:scale(.97);

}

}

/* Desktop */

@media (min-width:992px){

.hemritu-mobile-bottom-nav{

    display:none;

}

}