/*
====================================================================

Front page: Наши пациенты о нас (отзывы)

Каркас и ширина ленты - в assets/css/section.css. Здесь - только
собственный визуал блока.

Два внешних виджета (Яндекс.Карты и ПроДокторов) в белых карточках
одинаковой высоты, 1в1 по референсу: высота 630px, карточка
ПроДокторов - фиксированный максимум 600px (значения из
_PREVIEW/_MEDIA/!custom-css.txt). Служебные id/классы провайдеров
(pd_*, ym_*) не переименовывать - на них завязан их JS; инлайн-стили
эталонного сниппета перенесены сюда.

====================================================================
*/


.dd-reviews {
    /* +50px сверху: место под свисающий клин среза. */
    padding-top: calc(clamp(40px, 7vw, 96px) + 50px);

    color: var(--dd-white);
    background: var(--dd-sec-background);
}

.dd-reviews__title {
    margin: 0 0 clamp(36px, 4vw, 64px);
    font-family: var(--dd-font-display);
    font-weight: var(--dd-display-weight);
    font-size: var(--dd-display-size);
    text-align: center;
}

.dd-reviews__grid {
    display: grid;

    /* В референсе обе карточки одинаковой ширины. */
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(20px, 2vw, 32px);
    align-items: stretch;
}

.dd-reviews__card {
    height: 630px;
    overflow: hidden;

    background: var(--dd-white);
    border-radius: 14px;
    box-shadow: 0 16px 22px -14px rgba(0, 16, 19, .28);
}

/* ----- Яндекс.Карты ----- */

#ym_widget_big {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dd-reviews__ym-frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Обязательная подпись-ссылка виджета Яндекса. */
.dd-reviews__ym-link {
    position: absolute;
    bottom: 8px;
    left: 0;

    display: block;
    width: 100%;
    max-height: 14px;
    padding: 0 16px;
    overflow: hidden;

    color: #b3b3b3;
    font-size: 10px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ----- ПроДокторов ----- */

#pd_widget_big {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px 16px 0;
    overflow: hidden;
}

.dd-reviews__pd-logo {
    display: inline-block;
    padding: 9px 3px;
}

.dd-reviews .pd_rate_header {
    display: none;
}

.dd-reviews .pd_rate_new {
    display: inline-block;

    padding: 11px 15px;

    color: var(--dd-white);
    background: #198cff;
    border: 1px solid #def;
    border-radius: 8px;
}

.dd-reviews__pd-rate {
    float: right;
}

/* Нижняя плашка виджета: растворение списка и кнопка «все отзывы». */
.dd-reviews__pd-bottom {
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;
    width: 100%;
    height: 153px;
}

.dd-reviews__pd-fade {
    display: block;
    height: 60px;
    background: linear-gradient(0deg, #f3f9ff, transparent);
}

.dd-reviews__pd-more-wrap {
    display: block;
    height: 100px;
    padding-top: 18px;

    background: #f3f9ff;
    text-align: center;
}

.dd-reviews .dd-reviews__pd-more {
    width: 270px;
    color: #198cff;
    background: var(--dd-white);
}

@media (max-width: 991px) {

    .dd-reviews__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .dd-reviews__card {
        max-width: 600px;
        margin-inline: auto;
        width: 100%;
    }

}