

/* Start:/local/components/martbani/reviews.2gis/templates/.default/style.css?17864041313016*/
.reviews-block {
    display: flex;
}
.reviews-block__summary {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}
.reviews-block__summary-rating {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
}
.reviews-block__summary-link {
    color: var(--color-black);
    opacity: 0.6;
    transition: opacity var(--animate);
}
.reviews-block__summary-link:hover {
    opacity: 1;
}

.reviews-block__stars {
    display: inline-flex;
    gap: 2px;
    line-height: 1;
    font-size: 18px;
    color: var(--color-grey3);
}
.reviews-block__star_on {
    color: var(--color-secondary);
}
.reviews-block__container.swiper {
   position: relative;
   padding-bottom: 40px;
}
/* Селектор намеренно составной: CSS шаблона компонента Битрикс подключает РАНЬШЕ CSS шаблона сайта,
   поэтому одноклассовый `.reviews-block__slide` проиграл бы swiper'ному `.swiper-slide { height: 100% }`.
   А `height: 100%` при auto-высоте обёртки схлопывается в высоту контента, и слайды выходят разной высоты. */
.reviews-block .reviews-block__slide {
    height: auto;
}
.reviews-block__item {
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
    padding: 24px;
    background: var(--color-grey);
    border-radius: var(--radius-lg);
}
.reviews-block__head {
    display: flex;
    align-items: center;
    gap: 12px;
}
.reviews-block__avatar {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 50%;
    object-fit: cover;
}
.reviews-block__avatar_empty {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    color: var(--color-primary-inverse);
    font-size: 20px;
    font-weight: 600;
}
.reviews-block__name {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
}
.reviews-block__date {
    font-size: 14px;
    opacity: 0.6;
}
.reviews-block__text {
    /* Тексты в 2ГИС от одного слова до полутысячи знаков — обрезаем, чтобы слайды были соразмерны. */
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.reviews-block__answer {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--color-grey3);
    font-size: 14px;
}
.reviews-block__answer-title {
    font-weight: 600;
    margin-bottom: 4px;
}
.reviews-block__answer-text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    opacity: 0.8;
}

.reviews-block .swiper-pagination {
    /*position: static;
    margin-top: 20px;*/
}

@media screen and (max-width: 767px) {
    .reviews-block {
        padding-left: 45px;
        padding-right: 45px;
    }
}

/* End */
/* /local/components/martbani/reviews.2gis/templates/.default/style.css?17864041313016 */
