/* =====================================================================
   Страница «Врачи» — стили поверх style.css
   ===================================================================== */

.dhead {
  position: relative;
  min-height: 600px;
  margin: 0 20px;
  padding: 58px 44px 56px;
  border-radius: 28px;
  background: var(--dark);
  color: var(--white);
  overflow: hidden;
}
.dhead__crumbs { position: absolute; right: 28px; top: 20px; z-index: 1; display: flex; gap: 10px; padding: 8px 14px; border-radius: 20px; background: rgba(12, 14, 17, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); font-size: 16px; letter-spacing: -0.02em; color: rgba(255, 255, 255, .6); }
.dhead__crumbs a:hover { color: var(--white); }
.dhead__crumbs span, .dhead__crumbs b { color: var(--red); font-weight: 400; }
.dhead__title { position: relative; z-index: 1; width: 760px; margin-top: 26px; font-size: 74px; font-weight: 400; line-height: .95; letter-spacing: -0.03em; }
.dhead__title b { color: var(--red); font-weight: 600; }
.dhead__text { position: relative; z-index: 1; width: 560px; margin-top: 30px; font-size: 20px; line-height: 1.2; letter-spacing: -0.02em; color: rgba(255, 255, 255, .8); }
.dhead__actions { position: relative; z-index: 1; display: flex; align-items: center; gap: 34px; margin-top: 44px; }
.dhead__actions .btn { min-width: 300px; }
.dhead__link { display: inline-flex; align-items: center; font-size: 19px; font-weight: 500; letter-spacing: -0.02em; }
.dhead__art { position: absolute; left: 44%; top: 0; right: 0; bottom: 0; z-index: 0; }
.dhead__art img { width: 100%; height: 100%; object-fit: cover; object-position: 20% 42%; }
.dhead__art::before {
  content: ""; position: absolute; inset: 0; z-index: 1;
  background:
    linear-gradient(90deg, #0c0e11 0%, rgba(12, 14, 17, .75) 14%, rgba(12, 14, 17, 0) 38%),
    linear-gradient(180deg, rgba(12, 14, 17, .5) 0%, rgba(12, 14, 17, 0) 28%, rgba(12, 14, 17, 0) 72%, rgba(12, 14, 17, .6) 100%);
}
.dhead .chip { position: relative; z-index: 1; }

.dlist { padding: 110px 20px 0; }
.dlist__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.dfilter { display: flex; flex-wrap: wrap; gap: 8px; }
.dfilter__btn { height: 44px; padding: 0 20px; border-radius: 22px; background: rgba(92, 131, 195, .12); color: rgba(2, 13, 32, .6); font-size: 16px; letter-spacing: -0.02em; transition: background .2s, color .2s; }
.dfilter__btn:hover { color: var(--dark); }
.dfilter__btn.is-active { background: var(--dark); color: var(--white); }
.dlist__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 48px; }
.dlist__grid .doc { width: 100%; height: 470px; }
.dlist__grid .doc__photo { width: 100%; height: 270px; }
.dlist__grid .doc__photo img { transform: translateX(8%); }
.dlist__grid .doc__name { margin-top: 28px; font-size: 28px; }
.dlist__grid .doc__link { bottom: 30px; font-size: 18px; }
.dlist__empty { margin: 40px 0 0; font-size: 20px; line-height: 1.3; color: rgba(12, 14, 17, .6); }

.dway { padding: 110px 20px 0; }
.dway__title { padding-left: 0; }
.dway__title b { color: var(--red); font-weight: 600; }
.dway__cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 48px; }
.pcardx { display: flex; flex-direction: column; min-height: 300px; padding: 24px 26px 28px; border-radius: 20px; background: var(--blue-light); }
.pcardx--red { background: var(--red); color: var(--white); }
.pcardx--dark { background: var(--dark); color: var(--white); }
.pcardx__num { font-size: 18px; font-weight: 600; color: var(--red); }
.pcardx--red .pcardx__num { color: var(--white); }
.pcardx h3 { margin-top: 14px; font-size: 28px; font-weight: 600; line-height: 1.1; letter-spacing: -0.02em; }
.pcardx p { margin-top: auto; padding-top: 28px; font-size: 20px; line-height: 1.15; letter-spacing: -0.02em; }

.cta--doctors { margin-top: 110px; }

@media (max-width: 767px) {
  .dhead { min-height: 0; margin: 8px var(--pad) 0; padding: 22px 20px 20px; border-radius: var(--radius); background-size: auto 100%; }
  .dhead__crumbs { position: static; margin-bottom: 18px; font-size: 14px; }
  .dhead .chip { height: 38px; padding: 9px 16px; font-size: 14px; }
  .dhead__title { width: 100%; margin-top: 16px; font-size: 40px; }
  .dhead__text { width: 100%; margin-top: 18px; font-size: 16px; line-height: 1.3; }
  .dhead__actions { flex-direction: column; align-items: stretch; gap: 18px; margin-top: 26px; }
  .dhead__actions .btn { min-width: 0; }
  .dhead__link { justify-content: center; font-size: 16px; }
  .dhead__art { position: relative; left: auto; right: auto; top: auto; bottom: auto; height: 260px; margin: 22px -20px -20px; }
  .dhead__art img { object-position: 60% 40%; }
  .dhead__art::before { background: linear-gradient(180deg, #0c0e11 0%, rgba(12, 14, 17, 0) 45%); }

  .dlist { padding: 56px var(--pad) 0; }
  .dlist__head { flex-direction: column; align-items: flex-start; gap: 18px; padding: 0; }
  .dfilter__btn { height: 40px; padding: 0 16px; font-size: 14px; }
  .dlist__grid { grid-template-columns: 1fr; gap: 12px; margin-top: 24px; }
  .dlist__grid .doc { height: 460px; }
  .dlist__grid .doc__photo { height: 280px; }
  .dlist__grid .doc__name { font-size: 26px; }
  .dlist__empty { margin: 24px 0 0; font-size: 16px; }

  .dway { padding: 56px var(--pad) 0; }
  .dway__title { padding: 0; }
  .dway__cards { grid-template-columns: 1fr; gap: 10px; margin-top: 24px; }
  .pcardx { min-height: 0; padding: 20px; border-radius: 18px; }
  .pcardx h3 { font-size: 22px; }
  .pcardx p { padding-top: 16px; font-size: 16px; line-height: 1.25; }

  .cta--doctors { margin-top: 40px; }
}