/* Direct Booking page refresh — isolates this page from legacy Claude-era layout overrides. */
.direct-booking-page{
  --db-bone:#F3EFE5;
  --db-ocean:#173B46;
  --db-eucalyptus:#667A68;
  --db-ochre:#D79A55;
  --db-clay:#B95F45;
  --db-ink:#252725;
  --db-line:rgba(23,59,70,.16);
}

/* PROOF / CASE STUDY */
.direct-booking-page .db-case{
  background:var(--db-bone)!important;
}
.direct-booking-page .db-case .section__head--logo{
  display:grid!important;
  grid-template-columns:170px minmax(0,760px)!important;
  gap:36px!important;
  align-items:end!important;
  justify-content:start!important;
  max-width:980px!important;
  margin:0 0 44px!important;
}
.direct-booking-page .db-case .section__logo{
  width:170px!important;
  max-width:170px!important;
  margin:0!important;
}
.direct-booking-page .db-case .section__head--logo h2{
  margin:0!important;
  max-width:760px!important;
  color:var(--db-ocean)!important;
  font-size:clamp(3rem,6vw,6.2rem)!important;
  line-height:.9!important;
}
.direct-booking-page .db-case .index{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  border:1px solid var(--db-line)!important;
  background:#fff!important;
}
.direct-booking-page .db-case .index__item{
  min-height:0!important;
  padding:38px 42px!important;
  border:0!important;
  border-right:1px solid var(--db-line)!important;
  border-bottom:1px solid var(--db-line)!important;
}
.direct-booking-page .db-case .index__item:nth-child(2n){border-right:0!important}
.direct-booking-page .db-case .index__item:nth-child(n+3){border-bottom:0!important}
.direct-booking-page .db-case .index__item h3{margin-bottom:14px!important}
.direct-booking-page .db-case .index__item p{margin:0!important;max-width:58ch!important}

/* GROWTH ENGINE — deliberately clean split, not a nested legacy card. */
.direct-booking-page .db-fill{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:0!important;
  align-items:stretch!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.direct-booking-page .db-fill>.db-body{
  padding:56px 54px!important;
  background:var(--db-bone)!important;
  border:1px solid var(--db-line)!important;
  border-right:0!important;
}
.direct-booking-page .db-fill>.db-list{
  padding:20px 42px!important;
  margin:0!important;
  background:var(--db-ocean)!important;
  border:0!important;
}
.direct-booking-page .db-fill .db-list>div{
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.35fr)!important;
  gap:26px!important;
  padding:25px 0!important;
  border-color:rgba(243,239,229,.18)!important;
}
.direct-booking-page .db-fill .db-list dt{color:var(--db-ochre)!important}
.direct-booking-page .db-fill .db-list dd{color:rgba(243,239,229,.8)!important}

/* DEMAND */
.direct-booking-page .db-demand{
  background:var(--db-bone)!important;
}
.direct-booking-page .db-demand .db-proof__intro{
  max-width:960px!important;
  margin:0 0 44px!important;
}
.direct-booking-page .db-demand .section__kind{color:var(--db-eucalyptus)!important}
.direct-booking-page .db-demand #proofHeading{
  color:var(--db-ocean)!important;
  max-width:900px!important;
}

/* AUDIENCE OUTCOME — full-bleed split section, left aligned. */
.direct-booking-page .db-demand .db-outcome--brief{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  min-height:560px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:var(--db-ocean)!important;
  text-align:left!important;
}
.direct-booking-page .db-outcome--brief .db-body{
  max-width:none!important;
  margin:0!important;
  padding:72px clamp(44px,7vw,120px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  text-align:left!important;
}
.direct-booking-page .db-outcome--brief .db-body p,
.direct-booking-page .db-outcome--brief h3{
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.direct-booking-page .db-outcome--brief h3{
  max-width:16ch!important;
  color:var(--db-bone)!important;
}
.direct-booking-page .db-outcome--brief .db-outcome__big{
  max-width:19ch!important;
  border:0!important;
  padding-left:0!important;
  font-size:clamp(1.8rem,2.8vw,3.15rem)!important;
  line-height:1.05!important;
  color:rgba(243,239,229,.78)!important;
}
.direct-booking-page .db-outcome--brief .db-outcome__image{min-height:560px!important}
.direct-booking-page .db-outcome--brief .db-outcome__image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

@media (max-width:860px){
  .direct-booking-page .db-case .section__head--logo{grid-template-columns:92px 1fr!important;gap:20px!important}
  .direct-booking-page .db-case .section__logo{width:92px!important;max-width:92px!important}
  .direct-booking-page .db-case .index{grid-template-columns:1fr!important}
  .direct-booking-page .db-case .index__item{border-right:0!important;border-bottom:1px solid var(--db-line)!important;padding:28px 24px!important}
  .direct-booking-page .db-case .index__item:last-child{border-bottom:0!important}
  .direct-booking-page .db-fill{grid-template-columns:1fr!important}
  .direct-booking-page .db-fill>.db-body{border-right:1px solid var(--db-line)!important;padding:36px 26px!important}
  .direct-booking-page .db-fill .db-list>div{grid-template-columns:1fr!important;gap:8px!important}
  .direct-booking-page .db-outcome--brief{grid-template-columns:1fr!important}
  .direct-booking-page .db-outcome--brief .db-body{padding:48px 26px!important}
  .direct-booking-page .db-outcome--brief .db-outcome__image{min-height:340px!important}
}
