/* Doctor portrait in the appointment section */
.hhp .hhp-booking{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 56px;align-items:center}
.hhp .hh-booking-intro{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:36px;margin-bottom:8px}
.hhp .hh-booking-intro-copy{max-width:670px}
.hhp .hh-booking-intro h2{font-size:clamp(28px,2.7vw,38px);line-height:1.22;letter-spacing:-.035em;margin:12px 0 16px}
.hhp .hh-booking-intro-copy>p:last-child{font-size:14px;line-height:1.7;color:var(--hh-muted);margin:0}
.hhp .hh-booking-contact{flex-shrink:0}
.hhp .hh-booking-contact .hhp-booking-phone{font-size:25px;gap:12px}
.hhp .hh-booking-contact .hhp-booking-hours{margin:12px 0 0;color:var(--hh-muted);line-height:1.6}
.hhp .hh-booking-doctor{margin:0;min-width:0;display:flex;justify-content:center;align-items:flex-end;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.hhp .hh-booking-doctor img{display:block;width:100%;height:640px;margin-top:-85px;object-fit:contain;object-position:center bottom;mask-image:url(../../assets/doctor-booking-mask.svg);mask-size:contain;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:url(../../assets/doctor-booking-mask.svg);-webkit-mask-size:contain;-webkit-mask-position:center bottom;-webkit-mask-repeat:no-repeat}

.hhp .hhp-booking>.hhp-booking-card{width:100%;min-width:0;border-color:#c8d0db;border-radius:20px 6px 20px 6px;box-shadow:0 14px 38px #34414d0c}
@media(max-width:1023px){.hhp .hhp-booking{gap:26px}.hhp .hh-booking-intro{gap:24px}.hhp .hh-booking-intro h2{font-size:30px}.hhp .hh-booking-contact .hhp-booking-phone{font-size:23px}.hhp .hh-booking-doctor img{height:560px;margin-top:-65px}}
@media(max-width:767px){.hhp .hhp-booking{grid-template-columns:minmax(0,1fr);gap:26px}.hhp .hh-booking-intro{display:block;margin-bottom:0}.hhp .hh-booking-intro h2{font-size:29px}.hhp .hh-booking-contact{margin-top:22px}.hhp .hh-booking-doctor{width:100%;max-width:480px;justify-self:center}.hhp .hh-booking-doctor img{height:480px;margin-top:-60px;object-position:center bottom}.hhp .hhp-booking>.hhp-booking-card{padding:26px 20px}}
@media(max-width:380px){.hhp .hh-booking-doctor img{height:380px}.hhp .hh-booking-intro h2{font-size:26px}}