.nav-dropdown-recipes,
.nav-dropdown-utensils {
    position: static;
}

.mega-menu-recipes,
.mega-menu-utensils {
    left: 50%;
    transform: translateX(-50%);
    max-height: calc(100dvh - 122px);
    overflow-y: auto;
}

.mega-menu-recipes {
    width: min(920px, calc(100vw - 40px));
    grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
    row-gap: 20px;
}

.mega-menu-recipes .mega-families {
    grid-row: span 2;
}

.mega-families .mega-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 8px;
}

.mega-menu-recipes footer {
    margin-top: 0;
}

@media (min-width: 1051px) and (max-width: 1240px) {
    .header-inner { gap: 14px; }
    .desktop-nav { gap: 1px; }
    .nav-dropdown > summary { padding-inline: 5px; }
    .kitchen-summary > summary > span { display: none; }
    .kitchen-summary > summary { width: 44px; padding: 0; justify-content: center; }
}

@media (max-width: 1050px) {
    .mobile-menu-families {
        grid-column: 1 / -1;
        margin: 6px 0 0;
        border-block: 1px solid var(--biscuit);
    }

    .mobile-menu-families > summary {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 11px 0;
        font-size: .82rem;
        font-weight: 800;
        cursor: pointer;
    }

    .mobile-menu-families > summary::after { content: '+'; color: var(--raspberry); }
    .mobile-menu-families[open] > summary::after { content: '−'; }

    .mobile-menu-family-links {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3px 15px;
        padding-bottom: 8px;
    }

    .mobile-menu-family-links i { color: var(--raspberry); }
    .mobile-menu-group:is([data-mobile-menu-group="recipes"], [data-mobile-menu-group="utensils"]) > div > strong {
        grid-column: 1 / -1;
    }
}