.mobile-bottom-nav { display: none; }

@media (max-width: 991.98px) {
    body { padding-bottom: calc(4.75rem + env(safe-area-inset-bottom)); }
    .mobile-bottom-nav {
        position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030;
        display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
        padding: .4rem .35rem calc(.4rem + env(safe-area-inset-bottom));
        border-top: 1px solid rgba(86, 45, 23, .14);
        background: rgba(255, 253, 249, .97);
        box-shadow: 0 -5px 18px rgba(86, 45, 23, .08);
        backdrop-filter: blur(12px);
    }
    .mobile-bottom-nav__link {
        display: grid; justify-items: center; gap: .12rem; min-width: 0;
        padding: .35rem .15rem .2rem; border-radius: .7rem;
        color: #786c60; font-size: .68rem; font-weight: 600; line-height: 1.1;
        text-decoration: none;
    }
    .mobile-bottom-nav__link i { font-size: 1.2rem; line-height: 1; }
    .mobile-bottom-nav__link:hover,
    .mobile-bottom-nav__link:focus-visible,
    .mobile-bottom-nav__link--active { color: #98431f; background: #fff0dc; }
    .mobile-bottom-nav__link:focus-visible { outline: 3px solid rgba(185, 84, 42, .35); outline-offset: -2px; }
}

@media print { .mobile-bottom-nav { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .mobile-bottom-nav__link { transition: none; } }