/* Shared page grid
   Keep the top bar, public header and inner-page content on one visual axis. */
:root {
    --soz1-container-max: 1416px;
    --soz1-page-gutter: 60px;
}

.inner-page .wrap,
.inner-page .header > .nav-wrap,
.inner-page .inner-shell,
.inner-page .inner-hero__copy .inner-shell,
.inner-page .fleet-hero .inner-hero__copy .inner-shell {
    width: min(var(--soz1-container-max), calc(100% - (var(--soz1-page-gutter) * 2)));
    max-width: none;
    margin-inline: auto;
}

.inner-page .topbar > .wrap {
    justify-content: space-between;
}

.inner-page .topbar-trust,
.inner-page .topbar-office {
    margin-inline: 0;
}

@media (min-width: 901px) {
    .inner-page .header {
        height: 90px;
    }
}

@media (max-width: 1200px) {
    :root {
        --soz1-page-gutter: 36px;
    }
}

@media (max-width: 900px) {
    :root {
        --soz1-page-gutter: 24px;
    }
}

@media (max-width: 760px) {
    :root {
        --soz1-page-gutter: 18px;
    }

    .inner-page .wrap,
    .inner-page .header > .nav-wrap,
    .inner-page .inner-shell,
    .inner-page .inner-hero__copy .inner-shell,
    .inner-page .fleet-hero .inner-hero__copy .inner-shell,
    .inner-page .fleet-search,
    .inner-page .reservation-workflow > .inner-shell {
        width: calc(100% - (var(--soz1-page-gutter) * 2));
        margin-inline: auto;
    }
}