/* BoatComo: desktop product page containment; scoped to single boats. */
@media (min-width:801px){
 body.single-boat{overflow-x:clip!important}
 /* Astra's content container is a flex row by default: our standalone
    header, main and footer were being laid out as THREE COLUMNS. */
 body.single-boat #content > .ast-container,
 body.single-boat .site-content > .ast-container{display:block!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important}
 body.single-boat #page,
 body.single-boat #content,
 body.single-boat .site-content,
 body.single-boat .site-main{min-width:0!important;max-width:100%!important}
 /* Header layout belongs to shared components/header.css */
 body.single-boat .bc-product-v2{
   display:block!important;position:relative!important;float:none!important;
   width:min(1440px,calc(100% - 64px))!important;max-width:1440px!important;
   margin:0 auto!important;padding:20px 0 64px!important;clear:both!important;
   min-width:0!important;height:auto!important;min-height:0!important
 }
 body.single-boat .bc-product-v2>.bc-gallery-v2{
   display:block!important;position:relative!important;width:100%!important;
   max-width:100%!important;height:clamp(370px,36vw,540px)!important;
   margin:14px 0 26px!important;overflow:hidden!important
 }
 body.single-boat .bc-product-v2 .bc-gallery-track{width:100%!important;height:100%!important;display:flex!important}
 body.single-boat .bc-product-v2 .bc-gallery-slide{flex:0 0 100%!important;width:100%!important;min-width:0!important;height:100%!important}
 body.single-boat .bc-product-v2>.bc-product-heading{display:block!important;position:relative!important;max-width:100%!important;clear:both!important}
 body.single-boat .bc-product-v2>.bc-product-layout{
   display:grid!important;grid-template-columns:minmax(0,1fr) clamp(350px,27vw,390px)!important;
   gap:clamp(22px,3vw,48px)!important;width:100%!important;max-width:100%!important;
   align-items:start!important;position:relative!important;clear:both!important
 }
 body.single-boat .bc-product-v2 .bc-product-main,
 body.single-boat .bc-product-v2 .bc-booking-aside{min-width:0!important;max-width:100%!important}
 body.single-boat .bc-product-v2 .bc-booking-aside{position:sticky!important;top:24px!important;width:100%!important}
 body.single-boat .bc-product-v2>.bc-availability-results{position:relative!important;width:100%!important;clear:both!important}
 body.single-boat .bc-project-footer{position:relative!important;display:block!important;clear:both!important;width:100%!important;max-width:100%!important;margin:0!important}
 body.single-boat .bc-project-footer__inner{width:min(1180px,100%)!important;margin:0 auto!important}
}
@media (min-width:801px) and (max-width:1023px){
 body.single-boat .bc-product-v2{width:calc(100% - 32px)!important}
 body.single-boat .bc-product-v2>.bc-gallery-v2{height:clamp(320px,44vw,440px)!important}
 body.single-boat .bc-product-v2>.bc-product-layout{grid-template-columns:minmax(0,1fr)!important}
 body.single-boat .bc-product-v2 .bc-booking-aside{position:static!important;max-width:680px!important;margin:0 auto!important}
}