


.page-hero--doctor .page-hero__featured { align-self: center; }
.page-hero--doctor .page-hero__featured .card-hospital { width: 340px; max-width: 100%; }
.page-hero--doctor .page-hero__featured .card__media { height: 270px; }

.doctor-head { display: flex; gap: 28px; }
.doctor-head__avatar-wrap {
  position: relative;
  flex: none;
  width: 140px;
  height: 140px;
}
.doctor-head__avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.doctor-head__verified {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 26px;
  height: 26px;
}
.page-hero--doctor .page-hero__title { font-size: 30px; }
.doctor-head__spec {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-text-muted);
}
.doctor-head__rating {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--color-text);
}
.doctor-head__rating .icon { color: var(--color-gold); }
.doctor-head__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-text-muted);
}
a.doctor-head__meta { font-size: 14px; font-weight: 400; }
a.doctor-head__meta:hover { color: var(--color-primary); text-decoration: underline; text-underline-offset: 4px; }
.page-hero--doctor .page-hero__cta {
  flex-direction: row;
  align-items: center;
  gap: var(--space-xs);
  margin-top: 20px;
}
.page-hero--doctor .page-stats { margin-top: 28px; }
.page-hero--doctor .page-stats--doctor {
  width: fit-content;
  max-width: 100%;
  justify-content: flex-start;
  gap: 38px;
}
.page-hero--doctor .page-stats--doctor .page-stats__item {
  flex: none;
  min-width: 132px;
  flex-direction: column;
  align-items: center;
  gap: 0;
  text-align: center;
}
.page-hero--doctor .page-stats--doctor .page-stats__num {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.02em;
}
.page-hero--doctor .page-stats--doctor .page-stats__label {
  margin-top: 1px;
  font-size: 14px;
  line-height: 1.15;
}
.page-hero--doctor .page-stats--doctor .page-stats__divider {
  height: 50px;
}
.page-hero--doctor .page-stats--doctor .page-stats__experience {
  display: inline-flex;
  gap: 0.22em;
  align-items: baseline;
}

.doctor-head > div:last-child { flex: 1; min-width: 0; }
@media (max-width: 1199px) and (min-width: 1024px) {
  .page-hero--doctor .page-hero__cta { flex-wrap: wrap; }
}


.doctor-team {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(560px, 100%), 1fr));
  gap: 20px;
}
.doctor-team .card-doctor { min-width: 0; }
.doctor-team-more { display: flex; justify-content: center; margin-top: 32px; }

.doctor-clinics .card-hospital { width: 296px; }
@media (max-width: 767px) { .doctor-clinics .card-hospital { width: min(296px, 84vw); } }


@media (max-width: 1023px) {
  .page-hero--doctor .page-hero__featured { align-self: stretch; }
  .page-hero--doctor .page-hero__featured .card-hospital { width: 100%; }
}
@media (max-width: 767px) {
  
  .doctor-head {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    column-gap: 20px;
    row-gap: 0;
    align-items: center;
  }
  .doctor-head > div { display: contents; }
  .doctor-head__avatar-wrap { grid-column: 1; grid-row: 1 / span 2; width: 100px; height: 100px; }
  .doctor-head__verified { width: 22px; height: 22px; }
  .page-hero--doctor .page-hero__title { grid-column: 2; grid-row: 1; align-self: end; font-size: 20px; }
  .doctor-head__spec { grid-column: 2; grid-row: 2; align-self: start; }
  .doctor-head__rating,
  .doctor-head__meta { grid-column: 1 / -1; }
  .doctor-head__rating { margin-top: 20px; }
  .page-hero--doctor .page-hero__cta { grid-column: 1 / -1; flex-wrap: wrap; margin-top: 20px; }
  
  .page-hero--doctor .page-hero__cta .btn { flex: 1; min-width: 0; }

  
  .page-hero--doctor .page-stats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    padding-block: 10px;
    border-top: 1px solid var(--color-surface-light);
    border-bottom: 1px solid var(--color-surface-light);
  }
  .page-hero--doctor .page-stats__item { white-space: normal; }
  .page-hero--doctor .page-stats__divider { display: block; height: 38px; }
  .page-hero--doctor .page-stats--doctor { gap: 18px; }
  .page-hero--doctor .page-stats--doctor .page-stats__item { min-width: 112px; }
  .page-hero--doctor .page-stats--doctor .page-stats__num { font-size: 26px; }
  .page-hero--doctor .page-stats__label { font-size: 12px; }
}
.cta-sticky__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
}
.cta-sticky__price strong {
  color: var(--color-gold-soft);
  font-size: 16px;
  font-weight: 700;
}
