.navigation-list {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #ffffff;
box-shadow: 0 -2px 10px rgba(0,0,0,0.08);
display: none; justify-content: space-around;
align-items: center;
padding: 8px 0;
z-index: 9999;
border-top: 1px solid #eee;
} @media (max-width: 767px) {
.navigation-list {
display: flex !important;
} body { padding-bottom: 65px; }
} .navigation-icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #333;
text-decoration: none;
font-size: 10px;
flex: 1;
gap: 3px;
position: relative;
padding: 5px 0;
}
.navigation-icon i {
font-size: 20px;
line-height: 1;
}
.navigation-icon svg {
width: 22px;
height: 22px;
}
.navigation-icon.active,
.navigation-icon:hover { color: #00c4cc; } .mini-item-counter {
position: absolute;
top: -2px;
right: 50%;
margin-right: -22px;
min-width: 18px;
height: 18px;
border-radius: 50%;
font-size: 10px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background-color: #00c4cc;
z-index: 1;
}
.mf-basket-icon, .mf-cart-icon {
display: flex;
align-items: center;
justify-content: center;
}