/*
  Блок отзывов (app/Site/Views/blocks/testimonials.twig) — /testimonials и /services.
  Подключается самим модулем, поэтому одинаково работает и с style.min.css (_.twig),
  и с style.css (only_header.twig). Все правки стилей блока — здесь.
*/

.testimonials-block .testimonies-title {
  margin-top: 4rem;
  margin-bottom: 2rem;
}

.testimonials-block .testimonies-title .front {
  font-size: 3.75rem;
}

/* Видео: сетка 2 колонки, превью одного формата 16:9 (кадр обрезается, не растягивается) */
.testimonials-block .testimonials-page__block {
  margin-top: 60px;
}

.testimonials-block .testimonials-page__block:nth-child(odd) {
  padding-left: 30px;
}

.testimonials-block .testimonials-page__block:nth-child(even) {
  padding-right: 30px;
}

.testimonials-block .testimonials-page__media {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 6px;
  /* мягкая рамка: тонкая светлая линия + тень, чтобы превью не сливались с чёрным фоном */
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14), 0 10px 30px rgba(0, 0, 0, 0.45);
  transition: box-shadow .3s ease;
}

.testimonials-block a:hover .testimonials-page__media,
.testimonials-block a:focus-visible .testimonials-page__media {
  box-shadow: 0 0 0 1px rgba(247, 176, 24, 0.7), 0 10px 30px rgba(0, 0, 0, 0.45);
}

/* Лёгкое увеличение прячет вшитые в кадры чёрные края (повёрнутые стоп-кадры) */
.testimonials-block .testimonials-page__img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  opacity: 1;
  transform: scale(1.03);
}

/* Текстовые отзывы: видны первые 2, остальные — по «Load more» */
.testimonials-block .reviews-item {
  display: none;
}

.testimonials-block .reviews-item:nth-child(1),
.testimonials-block .reviews-item:nth-child(2) {
  display: block;
}

.testimonials-block .head {
  max-width: 906px;
  margin: 0 auto 4rem;
}

.testimonials-block .reviews-item .name {
  font-size: 1.14rem;
  margin-bottom: 0.4rem;
}

.testimonials-block .reviews-item .city {
  font-size: 0.88rem;
}

.testimonials-block .controls-button .btn--1 {
  margin-top: 2.8rem;
  margin-bottom: 2.8rem;
}

@media (max-width: 1200px) {
  .testimonials-block .testimonials-page__block,
  .testimonials-block .testimonials-page__block:nth-child(odd),
  .testimonials-block .testimonials-page__block:nth-child(even) {
    margin-top: 0;
    padding: 0 15px 0 0;
  }

  .testimonials-block .controls-button .btn--1 {
    margin-top: 0;
  }
}

@media (max-width: 770px) {
  .testimonials-block .testimonials-page__block,
  .testimonials-block .testimonials-page__block:nth-child(odd),
  .testimonials-block .testimonials-page__block:nth-child(even) {
    padding: 0 10px;
    margin-bottom: 20px;
  }

  .testimonials-block .testimonies-title {
    margin-top: 0;
    margin-bottom: 2.5rem;
  }

  .testimonials-block .testimonies-title .front {
    font-size: 1.625rem;
  }

  .testimonials-block .controls-button .btn--1 {
    margin-top: 1.8rem;
    margin-bottom: 2rem;
  }
}