/* Mobile only: prevent subpage hero copy from sliding beneath the navigation.
   Desktop and index.html intentionally unaffected. */
@media (max-width: 900px) {
  body.malwa-subpage main > section.hero,
  body.malwa-subpage main > section.booking-page-hero {
    position:relative!important;
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-top:0!important;
    padding:0 0 24px!important;
    overflow:visible!important;
    align-items:initial!important;
  }
  body.malwa-subpage main > section.hero > .wrap,
  body.malwa-subpage main > section.booking-page-hero > .wrap {
    box-sizing:border-box!important;
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0!important;
    width:calc(100% - 36px)!important;
  }
  body.malwa-subpage main > section.hero .hero-grid,
  body.malwa-subpage main > section.booking-page-hero .booking-page-hero-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    gap:26px!important;
    padding:0!important;
    margin:0!important;
  }
  body.malwa-subpage main > section.hero .hero-grid > div:first-child,
  body.malwa-subpage main > section.booking-page-hero .booking-page-intro {
    box-sizing:border-box!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-self:stretch!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:32px 0 0!important;
    transform:none!important;
  }
  body.malwa-subpage main > section.hero .eyebrow,
  body.malwa-subpage main > section.booking-page-hero .booking-page-tag {
    display:block!important;
    position:static!important;
    margin:0 0 18px!important;
    padding:0!important;
    height:auto!important;
    max-height:none!important;
    line-height:1.5!important;
    font-size:11px!important;
    white-space:normal!important;
  }
  body.malwa-subpage main > section.hero h1,
  body.malwa-subpage main > section.booking-page-hero .booking-page-intro h1 {
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0 0 20px!important;
    padding:0!important;
    font-size:clamp(36px,9.3vw,58px)!important;
    line-height:1.09!important;
    letter-spacing:-.055em!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:balance!important;
    transform:none!important;
  }
  body.malwa-subpage main > section.hero .lead,
  body.malwa-subpage main > section.booking-page-hero .booking-page-intro > p {
    margin:0!important;
    font-size:15px!important;
    line-height:1.65!important;
    max-width:100%!important;
  }
  body.malwa-subpage main > section.hero .actions,
  body.malwa-subpage main > section.booking-page-hero .booking-hero-actions {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    margin:24px 0 0!important;
    gap:10px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  body.malwa-subpage main > section.hero .actions > a,
  body.malwa-subpage main > section.booking-page-hero .booking-hero-actions > a {
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    height:auto!important;
    padding:15px 18px!important;
    box-sizing:border-box!important;
  }
  body.malwa-subpage main > section.hero .hero-media,
  body.malwa-subpage main > section.booking-page-hero .booking-hero-media {
    min-width:0!important;
    width:100%!important;
    margin:0!important;
  }
  body.malwa-subpage main > section.booking-page-hero .booking-breadcrumb {display:none!important;}
}
@media (max-width: 380px) {
  body.malwa-subpage main > section.hero h1,
  body.malwa-subpage main > section.booking-page-hero .booking-page-intro h1 {
    font-size:clamp(33px,9.4vw,38px)!important;
  }
}
