/* Всероссийская премия ПроДокторов — плашки у врачей. Подключить после style.css и style_new.css. */

/* ===== Плашка на фото (слайдер «Наши врачи» и списки врачей) ===== */
.pd-host{position:relative;display:block}            /* класс на ссылку с фото в списке врачей */
.pd-badge{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:3;
  display:flex;align-items:center;gap:10px;white-space:nowrap;cursor:pointer;
  background:rgba(255,255,255,.84);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:6px 16px 6px 7px;
  box-shadow:0 4px 16px rgba(37,100,203,.14)}
.pd-badge__coins{display:flex;gap:4px}
/* у .image__block img на сайте height:300px и object-fit:cover — у значков свои размеры */
.pd-badge img,.doctorsList__block .doctors__slider .item .image__block .pd-badge img{
  width:34px!important;height:34px!important;object-fit:contain!important;margin:0!important;border-radius:0!important;max-width:none!important;display:block}
.pd-badge__cap{text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;border-left:2px solid #2564CB;padding-left:10px;font-size:13px;line-height:1.15;font-weight:500;color:#212121;text-align:left}
.pd-badge__cap b{display:block;font-weight:500;color:#2564CB}

/* ===== Подсказка ===== */
.pd-pop{display:none;position:absolute;left:10px;right:10px;top:10px;z-index:5;pointer-events:none;
  background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 8px 24px rgba(33,33,33,.2);
  font-size:13px;line-height:1.3;color:#494949;text-align:left;white-space:normal}
.pd-host .pd-pop{left:16px;right:16px;top:16px}
.pd-pop__title{font-weight:600;color:#212121;font-size:14px;margin-bottom:6px}
.pd-pop__row{display:flex;align-items:center;gap:8px;margin-top:6px}
.pd-pop__row img,.doctorsList__block .doctors__slider .item .image__block .pd-pop__row img{
  width:28px!important;height:28px!important;object-fit:contain!important;margin:0!important;flex:none}
.pd-pop__row b{color:#2564CB;font-weight:600}
.pd-open .pd-pop{display:block;pointer-events:auto}
@media (hover:hover){.pd-badge:hover~.pd-pop{display:block}}

/* ===== Блок в карточке врача ===== */
.pd-block{margin:24px 0 28px;background:#F2F6FF;border-radius:20px;padding:22px 24px}
.pd-block__title{font-size:20px;font-weight:600;color:#212121;line-height:1.2;margin-bottom:16px}
.pd-block__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.pd-block__item{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 14px 12px 10px}
.pd-block__item img{width:48px!important;height:48px!important;flex:none;object-fit:contain}
.pd-block__place{font-size:20px;font-weight:600;color:#2564CB;line-height:1.1}
.pd-block__nom{font-size:14px;color:#494949;line-height:1.3;margin-top:4px;white-space:nowrap}

/* ===== Мобайл ===== */
@media (max-width:767px){
  .pd-badge{bottom:8px;gap:6px;padding:3px 9px 3px 4px}
  .pd-host .pd-badge{bottom:10px}
  .pd-badge__coins{gap:2px}
  .pd-badge img,.doctorsList__block .doctors__slider .item .image__block .pd-badge img{width:22px!important;height:22px!important}
  .pd-badge__cap{font-size:9px;padding-left:6px}

  .pd-block{padding:13px;margin:18px 0 20px}
  .pd-block__title{font-size:16px;margin-bottom:10px}
  .pd-block__list{gap:8px}
  .pd-block__item{gap:10px;padding:8px 12px 8px 8px;border-radius:14px}
  .pd-block__item img{width:40px!important;height:40px!important}
  .pd-block__place{font-size:16px}
  .pd-block__nom{margin-top:2px}
}
