.footer.mobile-footer--modern {
    position: relative;
    background: #fff;
}

@media (max-width: 991.98px) {
    .footer.mobile-footer {
        position: fixed;
        inset: auto 0 0;
        z-index: 1000;
        width: 100%;
        height: auto !important;
        line-height: normal;
        overflow: visible;
        background: #fff;
        border-top: 1px solid #e8eaed;
        box-shadow: 0 -3px 16px rgba(30, 41, 59, 0.08);
    }

    .mobile-bottom-nav {
        display: flex;
        align-items: stretch;
        width: 100%;
        height: calc(64px + env(safe-area-inset-bottom));
        padding: 4px max(4px, env(safe-area-inset-left)) env(safe-area-inset-bottom) max(4px, env(safe-area-inset-right));
        background: #fff;
    }

    .footer .mobile-bottom-nav .mobile-bottom-nav__item {
        display: flex;
        flex: 1 1 0;
        min-width: 0;
        height: 60px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        margin: 0;
        padding: 5px 2px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #626b75;
        font: inherit;
        line-height: 1.1;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .footer .mobile-bottom-nav .mobile-bottom-nav__item:hover,
    .footer .mobile-bottom-nav .mobile-bottom-nav__item:focus-visible,
    .footer .mobile-bottom-nav .mobile-bottom-nav__item.active {
        background: transparent;
        color: #d74f38;
        text-decoration: none;
    }

    .footer .mobile-bottom-nav .mobile-bottom-nav__item:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: -2px;
    }

    .mobile-bottom-nav__icon {
        display: block;
        width: 24px;
        height: 24px;
        font-family: 'PedenooNavIcons' !important;
        font-weight: 400 !important;
        font-style: normal;
        font-size: 21px;
        line-height: 23px;
        text-align: center;
    }

    .mobile-bottom-nav__icon.fa-bars::before { content: '\f0c9'; }
    .mobile-bottom-nav__icon.fa-list-alt::before { content: '\f022'; }
    .mobile-bottom-nav__icon.fa-info-circle::before { content: '\f05a'; }
    .mobile-bottom-nav__icon.fa-user::before { content: '\f007'; }
    .mobile-bottom-nav__icon.fa-sign-in::before { content: '\f090'; }

    .mobile-bottom-nav__label {
        display: block;
        max-width: 100%;
        overflow: hidden;
        font-size: 11px;
        font-weight: 600;
        line-height: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

}
@font-face {
    font-family: 'PedenooNavIcons';
    src: url('../../font-awesome/fonts/fontawesome-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}