/* Menu page needs space because header is absolute */
.page-header.page-header-absolute + .section-fullwidth {
    padding-top: 110px;
}

/* Fix breadcrumb background behaviour */
.breadcrumbs.bg-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* Ensure right panel scroll area is visible */
.section-fullwidth-body-scroll {
    min-height: calc(100vh - 110px);
}

/* If your header overlays too much on small screens */
@media (max-width: 991.98px) {
    .page-header.page-header-absolute + .section-fullwidth {
        padding-top: 90px;
    }
}

/* === MENU PAGE ALIGNMENT FIX === */

/* header overlay like template */
.page-header.page-header-absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

/* remove any top padding that pushes the section down */
#section-1 {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* left side should behave like a full-height hero */
#section-1 .section-fullwidth-left,
#section-1 .breadcrumbs,
#section-1 .section-cover {
    min-height: 100vh;
}

/* right side should be full-height and scroll */
@media (min-width: 1200px) {
    #section-1 .section-fullwidth-body-scroll {
        height: 100vh;
        overflow-y: auto;
    }
}

/* on smaller screens, header overlaps, so add safe padding */
@media (max-width: 1199.98px) {
    #section-1 {
        padding-top: 90px !important;
    }
}