#wpbmm-menu {
    position: fixed; bottom: 0; left: 0; right: 0; width: 100%;
    background: var(--qbm-menu-bg, #ffffff); padding: 10px 0 8px; display: flex;
    justify-content: space-around; z-index: 999999;
    border-top: 1px solid #e5e7eb; border-radius: 20px 20px 0 0;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.05);
}

#wpbmm-menu a {
    text-align: center; color: var(--qbm-text-color, #374151); 
    font-size: var(--qbm-font-size, 11px);
    flex: 1; display: flex; flex-direction: column; align-items: center;
    text-decoration: none; position: relative; gap: 2px;
}

#wpbmm-menu a i {
    font-size: var(--qbm-icon-size, 18px); background: var(--qbm-icon-bg, #1E40AF); 
    width: var(--qbm-box-size, 44px); height: var(--qbm-box-size, 44px);   
    display: flex; align-items: center; justify-content: center;
    border-radius: 50% !important; color: var(--qbm-icon-color, #ffffff); 
    transition: all 0.3s ease;
}

#wpbmm-menu a.active i { 
    background: #ff0000 !important; color: #ffffff !important; 
    transform: translateY(-4px); 
    box-shadow: 0 6px 15px rgba(255,0,0,0.3);
    border: 2px solid #ffffff;
}

#wpbmm-menu a span:not(.wpbmm-cart-badge) {
    display: inline-block; margin: 0; padding: 0; line-height: 1;
}

.wpbmm-cart-badge {
    position: absolute; top: -5px; right: 20%;
    background: #ff0000; color: #fff; font-size: 10px;
    min-width: 18px; height: 18px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: bold; border: 2px solid #ffffff; z-index: 10;
}

@media(min-width:768px){ #wpbmm-menu{display:none;} }