/* Signature 1.2.3: each small desktop menu belongs to its own trigger.
   The all-categories mega menu remains anchored to the full navigation shell.
   Keep 1100px in sync with navigation.js; mobile panels retain normal flow. */
@media (min-width: 1101px) {
    .zbsr-navigation > .zbsr-group-dropdown {
        position: relative;
    }

    .zbsr-navigation > .zbsr-group-dropdown > .zbsr-group-panel {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: auto;
        width: 360px;
        /* The old percentage max-width was relative to the full nav.
           A trigger is now the containing block, so use viewport units. */
        max-width: calc(100vw - 2 * var(--zb-page-gutter, 24px));
        margin: 0;
        border-radius: 0 0 14px 14px;
    }

    /* Tourism and opportunities align with their own trigger's right edge,
       rather than the right edge of the entire 1800px navigation shell. */
    .zbsr-navigation > .zbsr-group-dropdown:nth-last-of-type(-n+2) > .zbsr-group-panel {
        left: auto;
        right: 0;
    }
}