/* Albert Wash — booking page UX refinements
   Scoped to .booking-page to avoid affecting the rest of the site. */

.booking-page .booking-shell{
  padding-top:30px;
}

.booking-page .booking-intro{
  grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);
  gap:34px;
  align-items:center;
  margin-bottom:24px;
}

.booking-page .booking-intro h1{
  margin:0;
  font-size:clamp(34px,3.7vw,48px);
  line-height:.98;
}

.booking-page .booking-intro .eyebrow{
  margin-bottom:12px;
}

.booking-page .booking-intro>p:last-child{
  margin:0;
  padding-left:24px;
  line-height:1.55;
}

.booking-page .booking-card{
  scroll-margin-top:100px;
}

.booking-page .service-detail-complet{
  row-gap:20px;
}

.booking-page .service-complet-note{
  grid-column:1/-1;
  margin:0;
  padding:14px 16px;
  border-top:1px solid var(--line);
  background:#fff;
  color:var(--steel);
  font-family:var(--text);
  font-size:12px;
  line-height:1.6;
}

@media(max-width:760px){
  .booking-page .booking-shell{
    padding-top:22px;
  }

  .booking-page .booking-intro{
    grid-template-columns:1fr;
    gap:14px;
    margin-bottom:18px;
  }

  .booking-page .booking-intro h1{
    font-size:clamp(31px,10vw,42px);
    line-height:1;
  }

  .booking-page .booking-intro>p:last-child{
    border-top:1px solid var(--line);
    border-left:0;
    padding:13px 0 0;
    font-size:14px;
    line-height:1.5;
  }

  .booking-page .service-complet-note{
    grid-column:auto;
    margin-top:2px;
  }
}