@media (max-width: 991px) {
    .site-nav .navbar-collapse {
        position: absolute;
        top: calc(100% + 1px);
        right: 12px;
        left: 12px;
        padding: 14px;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 18px;
        box-shadow: 0 18px 35px rgba(61, 42, 30, .12);
    }

    .site-nav .navbar-nav {
        align-items: stretch !important;
    }

    .site-nav .nav-link {
        display: block;
        padding: .7rem 1rem !important;
        border-radius: 10px;
    }

    .site-nav .nav-link:hover {
        background: var(--cream);
    }

    .site-nav .navbar-toggler:focus {
        box-shadow: 0 0 0 3px rgba(185, 139, 104, .18);
    }
}