:where(.navigation-pinned *) {
    margin-top: 0;
}

.navigation-pinned {
    padding-inline: var(--_padding-inline, var(--content-gutters));
    margin-block: 0;
    position: fixed;
    top: var(--_top, 5rem);
    left: 0;
    width: 100%;
    z-index: 999;
}

.navigation-pinned__wrapper {
    margin-inline: auto;
    max-width: var(--content-width);
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: var(--_gap, 1.5rem);
}

@media (width < 37.5rem) {
    .navigation-pinned {
        --_padding-inline: 0;
        --_gap: 0.125rem;
        --_top: 5.3125rem;
    }

    .navigation-pinned__link {
        flex: 1 1 calc(50% - (var(--_gap) / 2));
        justify-content: center;
    }
}