@media (max-width: 991.98px) {
    .site-header { height: 56px; }
    .header-gap { height: 56px; }
    .site-header .navbar {
        position: relative;
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        align-items: center;
        height: 56px;
        min-height: 56px;
        padding: 0;
    }
    .site-header .navbar > .sep,
    .site-header .navbar > .main-menu,
    .site-header .navbar > .actions > :not(.burger):not(.toggle-search) {
        display: none !important;
    }
    .site-header .navbar > .actions { display: contents; }
    .site-header .navbar > .logo-wrapper {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
        min-width: 0;
        max-width: 100%;
        margin: 0;
    }
    .site-header .logo-wrapper img.logo {
        width: auto;
        height: auto;
        max-width: 180px;
        max-height: 34px;
    }
    .site-header .navbar > .actions > .burger,
    .site-header .navbar > .actions > .toggle-search {
        display: flex !important;
        align-items: center;
        justify-content: center;
        grid-row: 1;
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        border-radius: 6px;
        font-size: 20px;
        color: var(--ri-body-color, #4d4d4d);
        cursor: pointer;
    }
    .site-header .navbar > .actions > .burger { grid-column: 1; }
    .site-header .navbar > .actions > .toggle-search { grid-column: 3; }
    .site-header .burger:focus-visible,
    .site-header .toggle-search:focus-visible { outline: 2px solid #3b6ff5; outline-offset: -2px; }
    .site-header .navbar .navbar-search {
        top: 100%;
        bottom: auto;
        left: -12px;
        right: -12px;
        width: auto;
        height: auto;
        padding: 10px 12px;
        border-top: 1px solid rgba(128, 128, 128, .12);
        background: var(--ri-body-bg, #fff);
        box-shadow: 0 6px 14px rgba(15, 23, 42, .08);
        transform: translateY(-8px);
    }
    .site-header .navbar .navbar-search.show { transform: translateY(0); }
    .site-header .navbar-search .search-form { width: 100%; }
    .site-header .navbar-search .search-select { flex: 0 0 76px; }
    .site-header .navbar-search input[name="s"] { min-width: 0; font-size: 16px; }
}
