/* The complete original brand lockup sits above the fleet. The real booking
   form occupies the open space beside the fourth vehicle. */
main:not(.vehicle-detail-page)>.hero{background:#71b3df}
main:not(.vehicle-detail-page)>.hero::before{
 z-index:-1;inset:0;height:100%;background:url('supercar-coast-background-v8.webp') center bottom/cover no-repeat;
 filter:none;pointer-events:none;
}
main:not(.vehicle-detail-page)>.hero::after{
 content:none;display:none;background:none;filter:none;transform:none;pointer-events:none;
}
.hero-brand{position:absolute;z-index:1;top:2%;left:2%;width:58%;pointer-events:none}
.hero-brand img{display:block;width:100%;height:auto}
.vehicle-detail-page .hero-brand{display:none}
@media(min-width:900px){
 main:not(.vehicle-detail-page)>.hero .hero-inner{
  display:grid;position:relative;width:100%!important;
  height:min(50vw,calc(100svh - var(--sc-header-height)));min-height:0;
  grid-template-columns:60% minmax(0,1fr);grid-template-rows:minmax(0,1fr);
  gap:2%!important;align-items:center;padding:16px 2%!important;box-sizing:border-box;
 }
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded){
  --home-control-height:clamp(36px,3.1vw,46px);
  grid-column:2;grid-row:1;align-self:center;justify-self:start;
  width:100%;max-width:500px;max-height:100%;margin:0;
  padding:clamp(16px,1.65vw,25px);border-radius:22px;
  background:#fffffffa;box-shadow:0 14px 45px #113c4c26;overflow-y:auto;
 }
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded) .booking-heading{margin-bottom:12px}
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded) .booking-heading>div{font-size:clamp(22px,1.9vw,28px);line-height:1.25}
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded) label{gap:4px}
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded) label>span{font-size:clamp(10px,.8vw,12px);line-height:1.25}
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded) input:not(.sc-control-native),
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded) select:not(.sc-control-native),
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded) .sc-control{
  height:var(--home-control-height)!important;min-height:var(--home-control-height)!important;font-size:clamp(12px,1vw,14px)!important;
 }
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded) .booking-route-fields{padding:7px 10px}
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded) .booking-route-fields input{
  height:calc(var(--home-control-height) - 10px)!important;min-height:26px!important;
 }
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded) .route-line{height:8px}
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded) .field-grid{margin-top:12px;gap:12px}
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded) .booking-submit{height:44px;min-height:44px;margin-top:12px}
}
@media(max-width:899px){
 main:not(.vehicle-detail-page)>.hero{background:linear-gradient(#7ebae4,#4086b5)}
 main:not(.vehicle-detail-page)>.hero::before{height:50vw;bottom:auto;background-position:center top;background-size:100% auto}
 main:not(.vehicle-detail-page)>.hero::after{display:none}
 main:not(.vehicle-detail-page)>.hero .hero-brand{top:0;left:3%;width:92%}
 main:not(.vehicle-detail-page)>.hero .hero-inner{
  width:calc(100% - 24px)!important;height:auto;min-height:0;grid-template-columns:minmax(0,1fr);gap:0!important;
  padding:calc(50vw + 12px) 0 24px!important;
 }
 main:not(.vehicle-detail-page)>.hero .booking-card:not(.is-expanded){grid-column:1;width:100%;max-width:500px;justify-self:center}
}