.reviews {
}

.reviews_swiper {
    overflow: hidden;
}

.reviews__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.reviews__header h2 {
    font-size: 36px;
    font-weight: 600;
    margin: 0;
    color: rgba(0, 49, 60, 1);
}

.reviews__header a {
    color: #008C95;
    text-decoration: none;
    display: flex;
    font-size: 15px;
    align-items: center;
}

.reviews__header a::after {
    content: url('../../../images/Chevron_Right_MD.svg');
    margin-left: 8px;
    font-size: 10px;
    color: #008C95;
    height: 16px;
}


.reviews__buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

/* Ensure switch-tabs inside reviews behaves same as other sections on desktop */
.switch-tabs {
    /* justify-content: flex-start; */
    gap: 8px;
}

/* Стили для левой группы кнопок */
.reviews__button-left {
    display: flex; /* Используем flex для выравнивания кнопок в строку */
    gap: 8px; /* Отступ между кнопками */
    flex-wrap: wrap;
}

.reviews__button-left .reviews__button {
    border: none;
    padding: 7px 12px;
    border-radius: 4px;
    font-size: 14px; /* Установите размер шрифта при необходимости */
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.reviews__button-left .reviews__button--active {
    background: rgba(0, 140, 149, 1);
    color: white;
}

.reviews__button-left .reviews__button--not-active {
    background: rgba(0, 140, 149, 0.1);
    color: rgba(0, 140, 149, 1);
}

.reviews__buttons .reviews__button-left  .reviews__button--not-active::before {
    /* content: url('../../../images/like-color.svg');
    margin-right: 6.5px; */
}

.reviews__buttons .reviews__button-left  .reviews__button--active::before {
    /* content: url('../../../images/like-white.svg');
    margin-right: 6.5px; */
}


/* Стили для правой группы кнопок оставлены пустыми */
.reviews__button-right {
    display: flex;
    justify-content: center;
}

/* Кнопкам задаём вид через общий switch-tabs; локальное правило убрано */
.reviews__button { }

/* Общие стили для всех кнопок */
.reviews__button:last-child {
    border-radius: 0px 4px 4px 0px;
}

.reviews__button:first-child {
    border-radius: 4px 0px 0px 4px;
}

/* Стили для активных кнопок */
.reviews__button--active {
    background: rgba(0, 140, 149, 1);
    color: white;
    border: none;
}

/* Стили для неактивных кнопок */
.reviews__button--not-active {
    background: rgba(0, 140, 149, 0.1);
    color: rgba(0, 140, 149, 1);
    border: none;
}

.reviews__button--not-active rect {
    stroke: rgba(0, 140, 149, 1);
}

.reviews__button--active rect {
    stroke: white;
}

/* Дополнительные стили для SVG внутри кнопок правой группы */
.reviews__button svg {
    
}

.reviews__button-right #rows svg {
    /* Стили для SVG внутри кнопки с id="rows" */
}

.reviews__button-right #column svg {
    /* Стили для SVG внутри кнопки с id="column" */
}

/* ===== Force square buttons inside reviews__button-left across the site ===== */
.reviews__button-left .reviews__button,
.reviews__buttons .reviews__button-left .reviews__button,
.reviews__button-left .reviews__button--active,
.reviews__button-left .reviews__button--not-active,
.reviews__button-left .reviews__button:first-child,
.reviews__button-left .reviews__button:last-child {
    border-radius: 0 !important;
}

.reviews__card-date {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    margin-left: 13px;
    color: rgba(111, 111, 111, 1)
}

@media (max-width: 480px) {
    .reviews__card-date {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .reviews__card-date {
        display: none !important;
    }
}

.reviews__card-author {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    margin-left: 13px;
    color: rgba(111, 111, 111, 1)
}



/* styles.css */

/* Комментарии */
.comment {
    border-bottom: 1px solid rgba(208, 208, 208, 1);
    padding-bottom:32px;
    margin-bottom: 32px;
}

/* Карточка отзыва */
.reviews__card {}

/* Комментарий отзыва */
.reviews__card-comment {
    margin-bottom: 16px;
}
.reviews__card-comment-title {
    margin: 16px 0px 4px;
}
.reviews__card-comment-text {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 49, 60, 1);
}
.reviews__card-read-more {
    color: rgba(0, 140, 149, 1);
    font-size: 14px;
    font-weight: 500;
}

/* Преимущества */
.reviews__card-advantages {
    margin-bottom: 16px;
}
.reviews__card-advantages-title {
font-size: 14px;
font-weight: 600;
color: rgba(0, 49, 60, 1);
margin: 0;
margin-bottom: 4;
}
.reviews__card-advantages-text {
    color: rgba(0, 49, 60, 1);
    font-size: 14px;
    font-weight: 400;
        margin: 0;

}

/* Недостатки */
.reviews__card-disadvantages {
    margin-bottom: 16px;

}
.reviews__card-disadvantages-title {
    font-size: 14px;
font-weight: 600;
color: rgba(0, 49, 60, 1);
margin: 0;
margin-bottom: 4;

}
.reviews__card-disadvantages-text {
    color: rgba(0, 49, 60, 1);
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

/* Действия с отзывом */
.reviews__card-actions {
    display: flex;
    justify-content: space-between;
}
.reviews__card-read-full {}
.reviews__card-read-full-btn {
    color: rgba(0, 140, 149, 1);
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
}
.reviews__card-buttons {
    display: flex;
    gap: 24px;
    align-items: center;
}
.reviews__card-like-btn-desktop {
    background-color: transparent;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;

}
.reviews__card-dislike-btn-desktop {
    background-color: transparent;
    border: none;
    border-right: 1px solid rgba(208, 208, 208, 1);
    padding: 0;
    padding-right: 24px;
    display: flex;
    align-items: center;
}

.reviews__card-like-btn-mobile {
    background-color: transparent;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;

}
.reviews__card-dislike-btn-mobile {
    background-color: transparent;
    border: none;
    border-right: 1px solid rgba(208, 208, 208, 1);
    padding: 0;
    padding-right: 24px;
    display: flex;
    align-items: center;
}



.reviews__card-like-btn-desktop::before {
    content: url('../../../images/thumbs-up-solid.svg');
}
.reviews__card-dislike-btn-desktop::before {
    content: url('../../../images/thumbs-down-solid.svg');
}

.reviews__card-like-btn-mobile::before {
    content: url('../../../images/thumbs-up-solid.svg');
}
.reviews__card-dislike-btn-mobile::before {
    content: url('../../../images/thumbs-down-solid.svg');
}

.reviews__card-reply-btn {
    color: rgba(0, 140, 149, 1);
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    display: flex;
}
.reviews__card-report-btn {
    color: rgba(253, 90, 66, 1);
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    display: flex;
}

.reviews__card-link::after {
    content: url('../../../images/Chevron_Right_MD.svg');
    margin-left: 8px;
}

.reviews__card-star::before {
    content: url('../../../images/Star_1.svg');
}

.reviews__card-star--active::before {
    content: url('../../../images/Star_1-color.svg');
}