/* The photograph stays visible inside the link on every device. */
.booking-help .contact-agency-photo{
  --agency-surface:245,249,252;
  position:relative;isolation:isolate;overflow:hidden;min-height:76px;
  padding-right:44%;background:rgb(var(--agency-surface));
}
.booking-help .contact-agency-photo:hover{
  --agency-surface:234,245,251;transform:none;
}
.contact-agency-photo>svg,.contact-agency-copy{position:relative;z-index:1}
.contact-agency-copy{min-width:0}
.contact-agency-scene{
  position:absolute;top:0;right:0;bottom:0;width:44%;z-index:0;
  overflow:hidden;pointer-events:none;
}
.contact-agency-scene img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:44% 22%;
}
.contact-agency-scene::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgb(var(--agency-surface)) 0%,
    rgba(var(--agency-surface),.86) 8%,rgba(var(--agency-surface),.25) 21%,
    rgba(var(--agency-surface),0) 34%);
}
html[data-theme="dark"] .booking-help .contact-agency-photo{--agency-surface:33,51,64}
@media print{
  .contact-agency-scene{display:none}
  .booking-help .contact-agency-photo{padding-right:12px}
}

/* The storefront fills the open area beside the agency contact details. */
.booking-help .booking-agency-section{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);
  gap:28px;align-items:center;padding-top:22px;
}
.booking-help .contact-group.booking-agency-section{border-top:0}
.booking-agency-details{min-width:0}
.booking-help-content > .booking-agency-note{margin-top:24px}
.booking-agency-facade{
  position:relative;aspect-ratio:7/5;min-width:0;margin:0;
  overflow:hidden;border:1px solid rgba(7,62,112,.12);border-radius:18px;
  background:#e8f2f6;box-shadow:0 8px 22px rgba(7,62,112,.09);
}
.booking-agency-facade img{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  object-fit:cover;object-position:50% 0%;
}
.booking-help .booking-agency-fees{margin:12px 0 0;padding:8px 0 18px;border-bottom:1px solid var(--line);line-height:1.55}
html[data-theme="dark"] .booking-agency-facade{border-color:#425460;background:#213340;box-shadow:0 8px 22px rgba(0,0,0,.2)}
@media(max-width:760px){
  .booking-help .booking-agency-section{
    grid-template-columns:minmax(0,1fr);gap:16px;
  }
  .booking-agency-section .contact-list-agency{grid-template-columns:minmax(0,1fr)}
}