/* GX37 HOMEPAGE COMPOSITION LOCK */

:root{
--mfm-shell-width:min(1480px, calc(100% - 96px));
--mfm-section-space:clamp(120px, 12vw, 220px);
--mfm-content-max:1680px;
}

.mfm-runtime-shell,
.mfm-homepage-booking .mfm-runtime-shell,
.mfm-homepage-runtime,
.mfm-runtime-section{
width:100%;
box-sizing:border-box;
}

.mfm-runtime-shell{
width:var(--mfm-shell-width);
margin-inline:auto;
position:relative;
}

.mfm-runtime-section{
padding-block:var(--mfm-section-space);
overflow:hidden;
}

.mfm-homepage-main{
position:relative;
display:flex;
flex-direction:column;
gap:0;
}

.mfm-homepage-hero-lock{
position:relative;
z-index:20;
}

.mfm-homepage-flow-lock{
position:relative;
z-index:10;
}

.mfm-homepage-footer-lock{
position:relative;
z-index:30;
margin-top:0;
}

.mfm-homepage-booking{
padding-top:var(--mfm-section-space);
padding-bottom:var(--mfm-section-space);
}

.mfm-homepage-booking .mfm-booking-runtime{
width:100%;
max-width:none;
margin-inline:auto;
}

.mfm-homepage-booking .mfm-booking-layout{
grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr);
gap:clamp(28px,4vw,72px);
align-items:start;
}

.mfm-homepage-booking .mfm-booking-form,
.mfm-homepage-booking .mfm-booking-summary-card{
width:100%;
box-sizing:border-box;
}

.mfm-homepage-booking .mfm-booking-form{
padding:clamp(24px,3vw,48px);
border-radius:40px;
}

.mfm-homepage-booking .mfm-booking-summary-card{
border-radius:36px;
}

.mfm-homepage-booking__intro{
width:min(100%, 880px);
}

.mfm-homepage-booking__intro h2{
max-width:820px;
}

footer,
.mfm-footer-runtime{
width:100%;
position:relative;
}

.mfm-footer-runtime .mfm-runtime-shell{
padding-top:80px;
padding-bottom:80px;
}

@media(max-width:1200px){

:root{
--mfm-shell-width:min(100%, calc(100% - 64px));
}
}

@media(max-width:991px){

:root{
--mfm-shell-width:min(100%, calc(100% - 40px));
--mfm-section-space:100px;
}

.mfm-homepage-booking .mfm-booking-layout{
grid-template-columns:1fr;
}

.mfm-homepage-booking .mfm-booking-summary-card{
position:relative;
top:auto;
}
}

@media(max-width:767px){

:root{
--mfm-shell-width:min(100%, calc(100% - 24px));
--mfm-section-space:82px;
}

.mfm-homepage-booking .mfm-booking-form{
border-radius:28px;
}

.mfm-homepage-booking .mfm-booking-summary-card{
border-radius:24px;
}
}