#userNavbar {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1050;
    min-width: 220px;
}

.burger-panel a {
    display: block;
    padding: 8px 10px;
    border-radius: 8px;
    text-decoration: none;
    color: #212529;
}

    .burger-panel a:hover {
        background: #f1f3f5;
    }

/* Desktop layout */
.desktop-shell {
    display: block;
}

.desktop-phone {
    display: none;
}

main.container {
    padding-bottom: calc(110px + env(safe-area-inset-bottom));
}

#zone-main {
    padding-bottom: 20px;
}

@media (min-width:992px) {
    :root {
        --module-gap: 0.75rem;
    }

    body.has-auth .desktop-shell {
        display: grid;
        grid-template-columns: minmax(0,1fr) 420px;
        gap: 24px;
        align-items: start;
    }

    body.has-auth .desktop-phone {
        display: block;
        position: sticky;
        top: 18px;
    }

    .desktop-content #zone-main {
        column-count: initial;
        column-gap: 0;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--module-gap);
        align-items: start;
        grid-auto-rows: 10px;
    }

    body.has-auth .desktop-content #zone-main {
        grid-template-columns: 1fr;
    }

    .desktop-content #zone-main > .module {
        display: block;
        width: auto;
        margin: 0;
    }
}

@media (max-width:991.98px) {
    .desktop-phone {
        display: none;
    }
}