/* Shared marketing shell for product, solution and catalogue pages.
   Navigation is deliberately owned by the shared interior shell so every
   non-home route uses the same geometry, contrast and responsive behaviour. */

/* Marketing heroes sit under the transparent navigation as one scene. */
body.is-product-page .lx-product-hero,
body.is-product-page .lx-vertical > :first-child,
body.is-solution-page .parking-solutions > .ps-hero,
body.is-solution-page .lx-vertical > :first-child,
body.is-catalog-page .lx-catalog-hero,
body.is-catalog-detail main > section:first-child {
    margin-top: 0 !important;
    padding-top: max(128px, calc(var(--lx-nav-height, 80px) + 4vw)) !important;
}

body.is-interior.is-product-page main > :first-child,
body.is-interior.is-solution-page main > :first-child,
body.is-interior.is-catalog-page main > :first-child {
    margin-top: 0 !important;
}

@media (max-width: 828px) {
    body.is-product-page .lx-product-hero,
    body.is-product-page .lx-vertical > :first-child,
    body.is-solution-page .parking-solutions > .ps-hero,
    body.is-solution-page .lx-vertical > :first-child,
    body.is-catalog-page .lx-catalog-hero,
    body.is-catalog-detail main > section:first-child {
        padding-top: 112px !important;
    }
}