/*
 * Страница специалистов.
 * Все правила ограничены классом .specialists-page,
 * поэтому не влияют на карточки других страниц.
 */

/* Карточка растягивается на всю высоту колонки */
.specialists-page .specialist-card {
    width: 100%;
    overflow: hidden;
}

/* Единая область для всех фотографий */
.specialists-page .specialist-card__media {
    position: relative;
    height: 360px;
    overflow: hidden;
    background-color: #f8f9fa;
}

/* Обычная фотография */
.specialists-page .specialist-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

/* Изображение-заглушка */
.specialists-page .specialist-card__image--placeholder {
    object-fit: contain;
    object-position: center;
    padding: 2.5rem;
}

/* Основной текст карточки */
.specialists-page .specialist-card__description {
    line-height: 1.5;
}

/*
 * Перенос длинных слов.
 * Полезно для специальностей и длинных названий.
 */
.specialists-page .specialist-card__title,
.specialists-page .specialist-card__speciality {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Содержимое подробного описания */
.specialists-page .specialist-modal__body {
    line-height: 1.6;
}

/* Последний элемент секции не создаёт лишний отступ */
.specialists-page .specialist-modal__section > :last-child {
    margin-bottom: 0;
}

/* Немного уменьшаем фотографию на мобильных устройствах */
@media (max-width: 767.98px) {
    .specialists-page .specialist-card__media {
        height: 240px;
    }

    .specialists-page .specialist-card__image--placeholder {
        padding: 2rem;
    }
}

/* На совсем узких экранах */
@media (max-width: 374.98px) {
    .specialists-page .specialist-card__media {
        height: 220px;
    }
}

.specialists-page .specialist-modal__section h3 {
    color: #fff;
}