/* Malwa Tires — align inner-page ribbon to the existing homepage ribbon position.
   Homepage markup and styles remain untouched. Last stylesheet on inner pages.
   Homepage matched display alignment: 583px at 1441+, 571px at 981–1440;
   responsive heights below 981 follow the homepage's own breakpoints. */
@media(min-width:1441px){
 body.malwa-subpage main>section.hero,
 body.malwa-subpage main>section.booking-page-hero{
   height:583px!important;min-height:583px!important;max-height:583px!important;
 }
}
@media(min-width:981px) and (max-width:1440px){
 body.malwa-subpage main>section.hero,
 body.malwa-subpage main>section.booking-page-hero{
   height:571px!important;min-height:571px!important;max-height:571px!important;
 }
}
@media(min-width:721px) and (max-width:980px){
 body.malwa-subpage main>section.hero,
 body.malwa-subpage main>section.booking-page-hero{
   height:calc(614px + 15.5vw)!important;min-height:calc(614px + 15.5vw)!important;max-height:calc(614px + 15.5vw)!important;
   display:flex!important;align-items:center!important;
 }
 body.malwa-subpage main>section.hero>.wrap,
 body.malwa-subpage main>section.booking-page-hero>.wrap{flex:0 0 auto!important;}
}
@media(min-width:451px) and (max-width:720px){
 body.malwa-subpage main>section.hero,
 body.malwa-subpage main>section.booking-page-hero{
   height:633px!important;min-height:633px!important;max-height:633px!important;
   display:flex!important;align-items:center!important;
 }
 body.malwa-subpage main>section.hero>.wrap,
 body.malwa-subpage main>section.booking-page-hero>.wrap{flex:0 0 auto!important;}
}
@media(min-width:391px) and (max-width:450px){
 body.malwa-subpage main>section.hero,
 body.malwa-subpage main>section.booking-page-hero{
   height:calc(210px + 92.5vw)!important;min-height:calc(210px + 92.5vw)!important;max-height:calc(210px + 92.5vw)!important;
   display:flex!important;align-items:center!important;
 }
 body.malwa-subpage main>section.hero>.wrap,
 body.malwa-subpage main>section.booking-page-hero>.wrap{flex:0 0 auto!important;}
}
/* Keep mobile content visible while matching the homepage breakpoints. */

/* Narrower phone widths: follow the homepage text-wrap breakpoints. */
@media (min-width:381px) and (max-width:390px){
 body.malwa-subpage main>section.hero,body.malwa-subpage main>section.booking-page-hero{
  height:calc(1039px - 120vw)!important;min-height:calc(1039px - 120vw)!important;max-height:calc(1039px - 120vw)!important;
  display:flex!important;align-items:center!important;
 }
 body.malwa-subpage main>section.hero>.wrap,body.malwa-subpage main>section.booking-page-hero>.wrap{flex:0 0 auto!important;}
}
@media (min-width:361px) and (max-width:380px){
 body.malwa-subpage main>section.hero,body.malwa-subpage main>section.booking-page-hero{
  height:calc(279px + 80vw)!important;min-height:calc(279px + 80vw)!important;max-height:calc(279px + 80vw)!important;
  display:flex!important;align-items:center!important;
 }
 body.malwa-subpage main>section.hero>.wrap,body.malwa-subpage main>section.booking-page-hero>.wrap{flex:0 0 auto!important;}
}
@media(max-width:360px){
 body.malwa-subpage main>section.hero,body.malwa-subpage main>section.booking-page-hero{
  min-height:calc(392px + 55vw)!important;display:flex!important;align-items:center!important;
 }
 body.malwa-subpage main>section.hero>.wrap,body.malwa-subpage main>section.booking-page-hero>.wrap{flex:0 0 auto!important;}
}
/* On 320-340px phones the FAQ has an extra text wrap; reclaim 13px from the
   inner-page image so the ribbon still lands alongside the homepage ribbon. */
@media(max-width:340px){
 body.malwa-subpage main>section.hero .hero-media,
 body.malwa-subpage main>section.booking-page-hero .booking-hero-media{
  height:207px!important;min-height:207px!important;max-height:207px!important;
 }
 body.malwa-subpage .booking-photo-frame{height:207px!important;}
}
