html {
    scroll-padding-top: calc(var(--alighieri-nav-height, 80px) + var(--alighieri-toolbar-height, 0px) + 12px);
}

.page-wrap {
    overflow: clip;
}

.page-wrap > .main-menu {
    position: sticky;
    top: var(--alighieri-toolbar-height, 0px);
}

@media (max-width: 767px) {
    #site-navigation .menu-container {
        max-height: calc(100dvh - var(--alighieri-nav-height, 80px) - var(--alighieri-toolbar-height, 0px));
    }
}