.doctor-heading {
  padding: clamp(150px, 14vw, 190px) 0 64px;
  background: #80685b;
  color: #fff;
}
.doctor-heading h1 { margin: 0; max-width: 960px; color: #fff; overflow-wrap: anywhere; }
.doctor-content { padding: 40px 0 72px; background: #fff; color: #6f584c; }
.doctor-back { display: inline-block; margin-bottom: 32px; font-size: 14px; color: #6f584c; }
.doctor-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.doctor-profile [hidden] { display: none !important; }
.doctor-portrait .doctor-photo { display: block; width: 100%; height: auto; border-radius: 0; }
.doctor-description h2 { margin: 0 0 24px; color: #a88e80; }
.doctor-description .doctor-role { margin: 0 0 12px; font-size: 14px; color: #6f584c; }
.doctor-bio p { margin: 0 0 18px; color: #6f584c; }
.doctor-profile .doctor-quote { margin: 28px 0; padding: 0; border: 0; color: #80685b; font: 400 18px/1.7 'Poppins', sans-serif; }
.doctor-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: 28px; }
.doctor-contact a { color: #6f584c; font-size: 14px; overflow-wrap: anywhere; }
.doctor-contact .doctor-booking { padding: 12px 22px; background: #a88e80; color: #fff; }
.doctor-booking:hover { background: #80685b; }
.doctor-profile a:hover { text-decoration: underline; text-underline-offset: 4px; }
.doctor-profile a:focus-visible { outline: 2px solid #6f584c; outline-offset: 4px; }
.doctor-description .doctor-gallery-title { margin: 36px 0 20px; color: #a88e80; }
.doctor-profile .doctor-gallery { display: flex; flex-wrap: wrap; gap: 16px; list-style: none; padding: 0; margin: 0; }
.doctor-gallery li { margin: 0; padding: 0; }
.doctor-gallery img { width: 100px; height: 140px; object-fit: contain; }
@media (max-width: 767px) {
  .doctor-heading { padding: 130px 0 42px; }
  .doctor-layout { grid-template-columns: 1fr; }
  .doctor-portrait { max-width: 540px; }
  .doctor-content { padding: 28px 0 48px; }
}