/* ===== Обёртка слайдера: боковые отступы под стрелки ===== */
#main-reviews-2 .reviews-wrap {
    padding-left: 56px;
    padding-right: 56px;
}
/* Фиксируем точку отсчёта для стрелок именно на слайдере
    (slick всё равно делает .slick-slider position:relative — дублируем явно) */
#main-reviews-2 .reviews-slider {
    position: relative;
}

/* ===== Карточка отзыва ===== */
#main-reviews-2 .review-card p {
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Аватар-иконка в круге */
#main-reviews-2 .review-avatar {
    width: 56px;
    height: 56px;
    font-size: 1.4rem;
    border: 1px solid var(--bs-secondary);
}

/* Блок «имя + дата» — нужен для переноса в колонку на мобиле */
#main-reviews-2 .review-id-info { min-width: 0; }

/* ===== Равная высота карточек в slick =====
    Покрывает оба режима slick (с обёрткой rows и без неё) */
#main-reviews-2 .reviews-slider .slick-track { display: flex !important; }
#main-reviews-2 .reviews-slider .slick-slide { height: auto !important; }
#main-reviews-2 .reviews-slider .slick-slide > div { display: flex; flex: 1 1 auto; }
#main-reviews-2 .reviews-slider .review-slide { display: flex; flex: 1 1 auto; width: 100%; min-width: 0; }
#main-reviews-2 .reviews-slider .review-card { width: 100%; }

/* ===== Стрелки (генерируются slick: prevArrow/nextArrow) =====
    Смещены в зону отступов обёртки отрицательным offset
    относительно .reviews-slider, поэтому никогда не налезают на карточки */
#main-reviews-2 .reviews-prev,
#main-reviews-2 .reviews-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--bs-secondary);
    color: var(--bs-secondary);
    padding: 0;
    cursor: pointer;
    line-height: 1;
    transition: background .15s ease, color .15s ease;
}
#main-reviews-2 .reviews-prev { left: -50px; }
#main-reviews-2 .reviews-next { right: -50px; }
#main-reviews-2 .reviews-prev i,
#main-reviews-2 .reviews-next i { font-size: 1rem; }
#main-reviews-2 .reviews-prev:hover,
#main-reviews-2 .reviews-next:hover {
    background: var(--bs-secondary);
    color: #fff;
}
#main-reviews-2 .reviews-prev.slick-disabled,
#main-reviews-2 .reviews-next.slick-disabled {
    opacity: .4;
    cursor: default;
}

/* ===== Планшеты ===== */
@media (max-width: 991.98px) {
    #main-reviews-2 .reviews-wrap { padding-left: 48px; padding-right: 48px; }
    #main-reviews-2 .reviews-prev { left: -44px; }
    #main-reviews-2 .reviews-next { right: -44px; }
}

/* ===== Телефоны ===== */
@media (max-width: 575.98px) {
    /* Стрелки убираем (навигация свайпом), отступы под них не нужны */
    #main-reviews-2 .reviews-wrap { padding-left: 0; padding-right: 0; }
    #main-reviews-2 .reviews-prev,
    #main-reviews-2 .reviews-next { display: none !important; }
    /* Имя и дата в колонку, чтобы дата не обрезалась */
    #main-reviews-2 .review-id-info > .d-flex {
        flex-direction: column;
        gap: 0 !important;
    }
    #main-reviews-2 .review-id-info small { white-space: normal; }
}