.mobile-menu {
    border: 0;
    padding: 8px;
    color: #333;
    background: transparent;
    font-size: 25px;
    cursor: pointer;
}

.mobile-nav[hidden] { display: none !important; }
.mobile-nav { position: fixed; inset: 0; z-index: 999; }
.mobile-nav-backdrop { position: absolute; inset: 0; border: 0; background: rgba(0,0,0,.45); }
.mobile-nav-panel { position: relative; width: min(390px, 88vw); height: 100%; overflow-y: auto; padding: 24px 28px 50px; color: #fff; background: #4b2921; box-shadow: 12px 0 35px #0005; }
.mobile-nav-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #ffffff66; }
.mobile-nav-head strong { letter-spacing: .14em; }
.mobile-nav-close { border: 0; color: #fff; background: transparent; font-size: 38px; cursor: pointer; }
.mobile-nav-links { display: grid; gap: 0; padding-top: 24px; }
.mobile-nav-links a { display: flex; align-items: center; justify-content: space-between; padding: 15px 4px; color: #fff; text-decoration: none; font-size: 18px; font-weight: 600; }
.mobile-nav-links a:hover { color: #ead2c9; }
.mobile-navigation-open { overflow: hidden; }

@media (min-width: 901px) {
    .mobile-menu, .mobile-nav { display: none !important; }
}