/* Start:/local/templates/primedoc/components/bitrix/news.list/doctors_slider/style.css?17861059752109*/
/* Слайдер врачей (news.list/doctors_slider). Самодостаточный, классы нейтральные —
   можно переиспользовать вне hero. Инициализация — script.js этого шаблона (tiny-slider). */

.doctors-slider { flex: 1; }
.doctors-slider__slide { position: relative; display: flex; flex-direction: column; }

/* Отдельная ссылка-оверлей, растянута абсолютом на весь слайд (стрелки — z-index:3, выше) */
.doctors-slider__stretch { position: absolute; inset: 0; z-index: 1; }
.doctors-slider__link { color: inherit; }

.doctors-slider__photo {
    height: 320px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.doctors-slider__info {
    padding: 1rem 0.5rem 0;
    text-align: center;
}
.doctors-slider__name {
    margin: 0 0 0.25rem;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--color-dark);
}
.doctors-slider__name a { color: inherit; }
.doctors-slider__name a:hover { color: var(--color-accent); }
.doctors-slider__spec {
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--color-dark-grey);
}

/* Стрелки tiny-slider */
.tns-outer { position: relative; }
.tns-controls { line-height: 0; }
.tns-controls button {
    position: absolute;
    top: 160px;
    z-index: 3;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-line);
    border-radius: 50%;
    background: var(--white);
    box-shadow: var(--shadow);
    font-size: 1.25rem;
    line-height: 1;
    color: var(--color-dark);
    cursor: pointer;
    transition: background var(--transition), color var(--transition), border-color var(--transition);
}
.tns-controls button:hover { background: var(--color-accent); color: var(--white); border-color: var(--color-accent); }
.tns-controls button[data-controls="prev"] { left: -12px; }
.tns-controls button[data-controls="next"] { right: -12px; }
.tns-controls button[disabled] { opacity: 0.4; cursor: default; }

/* End */


/* Start:/local/templates/primedoc/components/bitrix/news.list/doctors/style.css?17861059752410*/
/* ==========================================================================
   Список врачей (news.list / doctors) — карточки-плитки, как каталог на главной.
   Автономные стили компонента. Дизайн-токены (--fs-*, --color-*) — из template_styles.css.
   ========================================================================== */
.doctors-list {
    padding: 3rem 0;
}

.doctors {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 0;   /* колонки впритык, как в Tilda */
    grid-gap: 2rem;
}

.doctor-card {
    position: relative;       /* контейнер для растянутой ссылки */
    display: flex;
    flex-direction: column;
    color: inherit;
}
.doctor-card:hover .doctor-card__photo-bg { opacity: 0.88; }

/* Отдельная ссылка-оверлей, растянута абсолютом на всю карточку */
.doctor-card__stretch { position: absolute; inset: 0; z-index: 3; }
.doctor-card__link { color: inherit; }

.doctor-card__photo {
    position: relative;       /* для абсолютного img; ниже растянутой ссылки-имени */
    display: block;
    width: 100%;
    padding-bottom: 75%;   /* соотношение фото 4:3 */
    overflow: hidden;
    border-radius: var(--radius);
    max-width: 300px;
    margin: 0 auto;
}

.doctor-card__photo-bg {
    background: var(--color-dark);   /* тёмная подложка под фото */
    width: 100%;
    border-radius: var(--radius);
    height: 80%;
    position: absolute;
    z-index: 1;
    bottom: 0;
}

.doctor-card__photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: opacity var(--transition);
    z-index: 2;
}

.doctor-card__body {
    padding: 1rem 1rem 0;
    text-align: center;
}

.doctor-card__name {
    margin: 0;
    font-size: var(--fs-card);
    font-weight: 600;
    color: #32334d;
    line-height: 1.25;
}

.doctor-card__spec {
    margin: .5rem 0 0;
    font-size: var(--fs-sm);
    font-weight: 300;
    color: #6d6e87;
}

@media (max-width: 860px) {
    .doctors-list { padding: 48px 0; }
    .doctors { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
    .doctors { grid-template-columns: 1fr; }
}

/* End */
/* /local/templates/primedoc/components/bitrix/news.list/doctors_slider/style.css?17861059752109 */
/* /local/templates/primedoc/components/bitrix/news.list/doctors/style.css?17861059752410 */