/* Mobile Bottom Menu - Frontend */
.mbm-bar-8a046ab8 {
    display: none;
}

@media (max-width: 767px) {
    .mbm-bar-8a046ab8 {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99999;
        background: var(--mbm-bg, #ffffff);
        height: var(--mbm-height, 64px);
        border-top: 1px solid var(--mbm-border, #e0e0e0);
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
        align-items: stretch;
        justify-content: stretch;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    .mbm-btn-8a046ab8 {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        text-decoration: none;
        color: var(--mbm-text, #555555);
        font-size: var(--mbm-font, 11px);
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        transition: background 0.2s ease, color 0.2s ease;
        padding: 6px 4px;
        box-sizing: border-box;
        position: relative;
        line-height: 1.2;
    }

    .mbm-btn-8a046ab8 i {
        font-size: var(--mbm-icon, 20px);
        line-height: 1;
    }

    .mbm-btn-8a046ab8 span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    .mbm-btn-8a046ab8:hover,
    .mbm-btn-8a046ab8:focus {
        opacity: 0.85;
    }

    .mbm-btn-hl-8a046ab8 {
        background: var(--mbm-hl-bg, #3b3b3b);
        color: var(--mbm-hl-text, #ffffff);
        border-radius: 8px;
        margin: 6px 4px;
    }

    .mbm-btn-hl-8a046ab8:hover,
    .mbm-btn-hl-8a046ab8:focus {
        opacity: 0.9;
    }

    /* Add bottom padding to body so content isn't hidden behind the bar */
    body {
        padding-bottom: calc(var(--mbm-height, 64px) + 10px) !important;
    }
}