/* Start:/local/templates/redisign/assets/css/reviews.css?17928423864577*/
/* ============================================================
   reviews.css — страница /o-nas/otzyvy/ под redisign (lift-and-shift из main).
   Общие form/модальные примитивы — в migrate-forms.css (грузится глобально).
   ============================================================ */

/* ---------- CTA «Написать отзыв» ---------- */
.cta {
  padding: 50px;
  background: linear-gradient(180deg, #00A8EB 0%, #46D5CC 100%);
  border-radius: 5px;
  color: #fff;
}
@media (max-width: 767px) {
  .cta { width: calc(100% + 30px); margin-left: -15px; padding: 35px 20px; border-radius: 0; }
}
.cta .flex { display: flex; align-items: center; }
.cta .column { flex: 1 0 0; max-width: 100%; padding-right: 12%; }
.cta .column.title { font-weight: 400; }
@media (max-width: 991px) {
  .cta .flex { flex-wrap: wrap; }
  .cta .column { width: 100%; padding-right: 0; }
}
/* Повышенная специфичность .cta__btn.bb — page-css грузится РАНЬШЕ глобального
   migrate-forms.css, поэтому при равной специфичности глобальный .bb (padding:8px,
   бирюзовый градиент) перебивал бы .cta__btn. Стеклянный фон .cta__btn (почти
   прозрачный) пропускает белую заливку .bb::before → белая карточка, как в main. */
.cta__btn.bb {
  flex: 0 0 304px;
  max-width: 304px;
  padding: 40px 45px 46px;
  background: linear-gradient(111.49deg, rgba(255,255,255,.08) -8.95%, rgba(255,255,255,.002) 114%);
  backdrop-filter: blur(50px);
}
.cta__btn.bb::before { top: 12px; left: 12px; right: 12px; bottom: 18px; }
@media (max-width: 991px) { .cta__btn.bb { flex: 0 0 100%; max-width: 100%; margin-top: 30px; } }
@media (max-width: 767px) { .cta__btn.bb { margin-top: 20px; padding: 30px 30px 34px; } }
.cta__btn .button { width: 100%; }

/* ---------- Сетка отзывов ---------- */
.testimonials-all__row { display: flex; margin: 50px -10px 70px; }
@media (max-width: 991px) { .testimonials-all__row { display: block; margin-left: 0; margin-right: 0; } }
@media (max-width: 767px) { .testimonials-all__row { margin-top: 30px; margin-bottom: 30px; } }
.testimonials-all__col { width: 50%; padding: 0 10px; }
@media (max-width: 991px) {
  .testimonials-all__col { width: 100%; padding: 0; }
  .testimonials-all__col .testimonial:nth-child(2n+1) { background-color: #F3F6F8; }
}
@media (min-width: 992px) {
  .testimonials-all__col:first-child .testimonial:nth-child(2n+1) { background-color: #F3F6F8; }
  .testimonials-all__col:last-child .testimonial:nth-child(2n) { background-color: #F3F6F8; }
}
.testimonials-all .testimonial { margin-bottom: 20px; }

/* ---------- Карточка отзыва ---------- */
.testimonial {
  display: flex;
  flex-direction: column;
  padding: 38px 53px;
  background: #FFF;
  border: 2px solid #F2F5F7;
  border-radius: 5px;
}
@media (max-width: 767px) { .testimonial { padding: 30px 20px; } }
.testimonial::before {
  content: "";
  display: block;
  font-size: 10px;
  width: 6.4em; height: 2.5em;
  margin-bottom: 3em;
  background: url("/local/templates/redisign/assets/css/../img/icons/quotes.svg") no-repeat 50% 50% / contain;
}
.testimonial__main { font: 20px/1.2 "Atyp Display", sans-serif; margin-bottom: 1em; }
@media (max-width: 767px) { .testimonial__main { font-size: 16px; } }
.testimonial__txt { margin-bottom: 30px; }
.testimonial__data { margin-top: auto; font-size: 14px; font-weight: 500; color: #8B8B8B; }
.testimonial__img { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin-bottom: 15px; }
.testimonial__img img { width: 100%; height: 100%; object-fit: cover; }

/* Списки в тексте отзыва: глобальный reset (styles.css: ul{margin:0;padding:0;
   list-style:none}) гасит маркеры и отступ — возвращаем их, как в блоке отзывов
   на главной (home.css). Текст один и тот же элемент ИБ, поэтому и класс
   голубых маркеров общий: review__list--accent ставят на <ul> в админке. */
.testimonial__main ul,
.testimonial__main ol,
.testimonial__txt ul,
.testimonial__txt ol {
  margin: 12px 0;
  padding-left: 22px;
  list-style: disc;
}
.testimonial__main ol,
.testimonial__txt ol { list-style: decimal; }
.testimonial__main li + li,
.testimonial__txt li + li { margin-top: 6px; }
.review__list--accent li::marker { color: var(--c-primary); }

/* End */
/* /local/templates/redisign/assets/css/reviews.css?17928423864577 */