/* ═══════════════════════════════════════════════════════════════════
   Страницы врачей (vrach-*.html). Разметку собирает
   scripts/build-doctor-pages.js, основа — классы service-page.css и main.css
   (первый экран, цепочка, таблицы цен, блок документов из окна профиля).
   Здесь только то, чего у них нет: портрет в карточке первого экрана,
   текст профиля на странице и список других врачей.
   ═══════════════════════════════════════════════════════════════════ */

/* Портрет над ценой приёма в карточке первого экрана */
.doc-hero__photo{display:block;width:min(220px,62%);aspect-ratio:1 / 1;height:auto;margin:0 0 clamp(18px,2.4vw,28px);
  border-radius:50%;object-fit:cover;object-position:50% 50%;border:1px solid rgba(236,230,218,.3);}
.doc-hero__en{font-size:14px;letter-spacing:.06em;color:var(--gold);}

/* Профиль: тот же вид, что в окне «Подробнее» на карточке врача */
.doc-about__body{max-width:900px;}
.doc-about .doc-dialog__section:first-child{margin-top:0;}
.doc-about .doc-dialog__section h3{margin:0 0 10px;font-family:var(--font-body,inherit);font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--wood);font-weight:500;}
.doc-about .doc-dialog__documents h3{margin:0 0 10px;font-family:var(--font-body,inherit);font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--wood);font-weight:500;}

/* Цены: ссылки на страницы услуг в таблице */
.doc-prices .price-table a{border-bottom:1px solid var(--line-strong);}
.doc-prices .price-table a:hover{border-color:var(--accent);}

/* Другие врачи направления */
.doc-others__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-strong);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px);}
.doc-others__list li{border-bottom:1px solid var(--line-strong);}
.doc-others__list a{display:flex;flex-direction:column;gap:4px;padding:16px 0;min-width:0;}
.doc-others__list span{font-family:var(--font-display);font-size:clamp(17px,1.5vw,20px);line-height:1.3;color:var(--ink);overflow-wrap:anywhere;}
.doc-others__list small{font-size:13.5px;line-height:1.45;color:var(--wood);}
.doc-others__list a:hover span{color:var(--accent);}

@media(max-width:900px){
  .doc-others__list{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:640px){
  .doc-hero__photo{width:min(180px,56%);}
}

html[data-vi="on"] .doc-hero__photo{border-color:var(--vi-fg,#000);}