/* ==========================
   RT REVIEWS (CUSTOM)
========================== */

/* 1) Скрываем оригинальную форму на странице (чтобы не дублировалась) */
.glsr-form-wrap,
.glsr-form,
form.glsr-form {
  display: none !important;
}

/* 2) Шапка с кнопками */
.rt-rev-head{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  align-items:center;
  margin: 10px 0 16px;
}
.rt-rev-btn{
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
  font-weight:600;
  cursor:pointer;
}

/* 3) Карточки отзывов (компактнее) */
.glsr-reviews-wrap{
  overflow:hidden;
}
.glsr-reviews{
  display:flex !important;
  gap:14px;
  overflow:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding: 6px 2px 14px;
}
.glsr-review{
  flex: 0 0 82%;
  max-width: 420px;
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:14px 14px 12px;
  scroll-snap-align:start;
}

/* Заголовок отзыва — обрезаем */
.glsr-review-title .glsr-tag-value{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width: 100%;
  font-size:18px;
  line-height:1.25;
}

/* Контент — по умолчанию компактный */
.glsr-review-content{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4; /* сколько строк показывать */
  overflow:hidden;
}
.glsr-review.is-expanded .glsr-review-content{
  -webkit-line-clamp:unset;
}

/* Автор, дата чуть компактнее */
.glsr-review-author,
.glsr-review-date{
  opacity:.75;
  font-size:14px;
}

/* 4) Модалка */
.rt-rev-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
}
.rt-rev-modal.is-open{ display:block; }

.rt-rev-backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.55);
}

.rt-rev-dialog{
  position:relative;
  margin: 6vh auto 0;
  width:min(520px, calc(100% - 24px));
  background:#fff;
  border-radius:18px;
  padding: 16px 16px 18px;
  box-shadow: 0 10px 40px rgba(0,0,0,.25);
  max-height: 88vh;
  overflow:auto;
}

.rt-rev-close{
  position:absolute;
  top:10px;
  right:10px;
  width:36px;
  height:36px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  cursor:pointer;
  font-size:18px;
  line-height:1;
}
.rt-rev-modal h3{
  margin:0 0 10px;
  font-size:18px;
}

/* В модалке форму показываем */
.rt-rev-modal form,
.rt-rev-modal .glsr-form,
.rt-rev-modal .glsr-form-wrap{
  display:block !important;
}

/* Чуть приятнее поля */
.rt-rev-modal input,
.rt-rev-modal textarea{
  width:100%;
  border-radius:10px;
}