/* Application layout only. The partner CSS and JavaScript are loaded unchanged. */
.sncf-connect-layout {
    --site-shell-header-height: 72px;
    padding-top: var(--site-shell-header-height);
}

#sncf-connect-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 100;
}

/* Keep the header visible when the partner script toggles its scroll animations. */
#sncf-connect-header .vsc-main-navigation {
    animation: none;
    transform: none;
}

.sncf-connect-content {
    position: relative;
}

@media (max-width: 63.9375em) {
    .sncf-connect-layout {
        --site-shell-header-height: 56px;
    }
}