/* st-reviews.css v1 — «Отзывы наших клиентов в интернете» (.reviews_block > .columns > .column: Яндекс / Google / Yell).
   Только стили. Разметку, скрипт «Показать больше/Свернуть» (.js-show-more-reviews → .reviews.active) и затухание/обрезку текста шаблона не трогаем.
   Подключать после adaptiv.css. */

#content .reviews_block{--rv-ink:#2D3440;--rv-mut:#4A5260;--rv-soft:#6B7380;--rv-line:#E3E3E3;--rv-or:#FD8900;--rv-cream:#FFF7EC;--rv-cream-line:#F0DEC6}

/* три колонки одной высоты */
#content .reviews_block .columns{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;margin:0!important;padding:0!important}

/* карточка площадки */
#content .reviews_block .columns .column{
  box-sizing:border-box;display:flex!important;flex-direction:column;float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;
  background:#fff!important;border:1px solid var(--rv-line)!important;border-radius:18px!important;box-shadow:none!important;overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease;
}
@media (hover:hover){#content .reviews_block .columns .column:hover{border-color:var(--rv-cream-line)!important;box-shadow:0 12px 30px rgba(45,52,64,.08)!important}}
#content .reviews_block .columns .column .column__main{flex:1 1 auto;min-width:0;padding:24px 24px 0!important;margin:0!important}

/* шапка: «Мы в [лого]» + рейтинг */
#content .reviews_block .column__head{display:flex!important;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 4px!important;padding:0 0 18px!important;border-bottom:1px solid var(--rv-line)!important}
#content .reviews_block .column__head .h4{margin:0!important;color:var(--rv-mut)!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important}
#content .reviews_block .column__head .h4 img{display:block;height:30px;width:auto;margin-top:6px}
#content .reviews_block .column__head .stars-rating{margin:0!important;text-align:right}
#content .reviews_block .column__head .rating{margin:0 0 6px!important;color:var(--rv-ink)!important;font-size:30px!important;font-weight:800!important;line-height:1!important}

/* отзыв */
#content .reviews_block .reviews .review{margin:0!important;padding:20px 0!important;border:0!important;border-bottom:1px solid #EDEFF2!important;background:transparent!important}
#content .reviews_block .reviews .review:last-child{border-bottom:0!important}
#content .reviews_block .review-head{display:flex!important;align-items:center;gap:14px;margin:0 0 14px!important;padding:0!important}
#content .reviews_block .review-head .avatar{flex:0 0 56px;width:56px!important;height:56px!important;margin:0!important;border-radius:14px!important;overflow:hidden;background:var(--rv-ink)}
#content .reviews_block .review-head .avatar img{display:block;width:100%!important;height:100%!important;object-fit:cover}
#content .reviews_block .review-head .brains{display:flex!important;flex-direction:column;gap:4px;min-width:0;margin:0!important;padding:0!important}
#content .reviews_block .review-head .name{color:var(--rv-ink)!important;font-size:18px!important;font-weight:800!important;line-height:1.25!important}
#content .reviews_block .review-head .date{color:var(--rv-soft)!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important}
/* line-height кратен 25px: шаблонная обрезка (.review-body.expanded, height:200px) = ровно 8 строк, текст не режется посреди строки.
   Шаблон задаёт line-height:19px/font-weight:500 !important на более точном селекторе — повторяем класс для перевеса. */
#content .reviews_block.reviews_block .columns .column .reviews .review .review-body p{margin:0!important;color:var(--rv-mut)!important;font-size:15px!important;line-height:25px!important;font-weight:400!important}

/* «Показать еще..» под длинным отзывом (вставляет initReviews; класс неизвестен — ловим прямых потомков .review, кроме head/body) */
#content .reviews_block .reviews .review>a,#content .reviews_block .reviews .review>span,#content .reviews_block .reviews .review>button{
  display:inline-block;margin:12px 0 0!important;padding:0!important;border:0;background:none;color:#C25F00!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important;
  text-decoration:underline!important;text-underline-offset:3px;cursor:pointer}
@media (hover:hover){#content .reviews_block .reviews .review>a:hover,#content .reviews_block .reviews .review>span:hover,#content .reviews_block .reviews .review>button:hover{color:var(--rv-or)!important}}

/* «Показать больше / Свернуть» */
#content .reviews_block .column__btn-panel{margin:0!important;padding:8px 24px 24px!important;border:0!important;background:transparent!important}
#content .reviews_block .column__btn-panel .btn{
  display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;min-height:48px;margin:0!important;padding:12px 20px!important;
  border:1px solid var(--rv-cream-line)!important;border-radius:12px!important;background:var(--rv-cream)!important;box-shadow:none!important;
  color:#C25F00!important;font-size:16px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;cursor:pointer;
  transition:background-color .2s ease,border-color .2s ease;
}
@media (hover:hover){#content .reviews_block .column__btn-panel .btn:hover{background:#FFEBD0!important;border-color:var(--rv-or)!important}}
#content .reviews_block .column__btn-panel .btn:focus-visible{outline:3px solid var(--rv-ink);outline-offset:2px}

@media (max-width:1100px){#content .reviews_block .columns{gap:16px}#content .reviews_block .columns .column .column__main{padding:20px 18px 0!important}#content .reviews_block .column__btn-panel{padding:8px 18px 20px!important}}
@media (max-width:900px){#content .reviews_block .columns{grid-template-columns:minmax(0,1fr)}}

/* шаблон на ≤768px: .name{position:absolute;width:60px;text-align:center}, .review-body{margin-top:-48px;padding-left:75px},
   рейтинг/звёзды в обратном порядке и накладываются. Селекторы шаблона длинные (#content … .review-head .brains .name) — повторяем цепочку и поднимаем специфичность. */
@media (max-width:768px){
  #content .reviews_block.reviews_block.reviews_block .columns .column .reviews .review .review-head .brains{align-items:flex-start!important;text-align:left!important}
  #content .reviews_block.reviews_block.reviews_block .columns .column .reviews .review .review-head .brains .name,
  #content .reviews_block.reviews_block.reviews_block .columns .column .reviews .review .review-head .brains .date{position:static!important;top:auto!important;left:auto!important;right:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;text-align:left!important;transform:none!important}
  #content .reviews_block.reviews_block.reviews_block .columns .column .reviews .review .review-body{margin-top:0!important;padding-left:0!important}
  /* шапка: рейтинг сверху, звёзды под ним, справа; без наложения */
  #content .reviews_block.reviews_block.reviews_block .column__head .stars-rating{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:6px;margin:0!important;text-align:right}
  #content .reviews_block.reviews_block.reviews_block .column__head .stars-rating .rating{position:static!important;order:0!important;margin:0!important;transform:none!important}
  #content .reviews_block.reviews_block.reviews_block .column__head .stars-rating .stars{position:relative!important;order:1!important;flex:0 0 auto!important;width:115px!important;min-width:115px!important;max-width:none!important;margin:0!important;transform:none!important;background-size:auto 100%!important;background-repeat:no-repeat!important}
  #content .reviews_block.reviews_block.reviews_block .column__head .stars-rating .stars span{background-repeat:no-repeat!important}
  #content .reviews_block.reviews_block.reviews_block .column__head .stars-rating{flex:0 0 auto!important;min-width:115px}
  #content .reviews_block.reviews_block.reviews_block .column__head .h4{flex:1 1 auto;min-width:0}
}
/* v4: на телефоне три площадки — горизонтальная лента со «снап»-прокруткой (одна колонка на экран), а не три экрана подряд; плотнее отступы */
@media (max-width:768px){
  #content .reviews_block .columns{display:flex!important;grid-template-columns:none;gap:12px;align-items:flex-start;overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;
    margin:0 -16px!important;padding:2px 16px 4px!important;scroll-padding-left:16px}
  #content .reviews_block .columns::-webkit-scrollbar{display:none}
  #content .reviews_block .columns .column{flex:0 0 88%;scroll-snap-align:start;scroll-snap-stop:always}
  #content .reviews_block .columns .column .column__main{padding:16px 16px 0!important}
  #content .reviews_block .column__head{padding-bottom:14px!important}
  #content .reviews_block .column__head .h4{font-size:16px!important}
  #content .reviews_block .column__head .h4 img{height:26px}
  #content .reviews_block .column__head .rating{font-size:24px!important}
  #content .reviews_block .reviews .review{padding:14px 0!important}
  #content .reviews_block .review-head{gap:12px;margin-bottom:10px!important}
  #content .reviews_block .review-head .avatar{flex-basis:44px;width:44px!important;height:44px!important;border-radius:11px!important}
  #content .reviews_block .review-head .date{font-size:12px!important}
  #content .reviews_block.reviews_block.reviews_block .columns .column .reviews .review .review-body p{font-size:14px!important;line-height:22px!important}
  #content .reviews_block .column__btn-panel{padding:6px 16px 16px!important}
}
@media (max-width:560px){
  #content .reviews_block .columns .column{border-radius:16px!important}
  #content .reviews_block .column__head .rating{font-size:26px!important}
  #content .reviews_block .review-head .avatar{flex-basis:48px;width:48px!important;height:48px!important;border-radius:12px!important}
  #content .reviews_block.reviews_block.reviews_block .columns .column .reviews .review .review-head .brains .name{font-size:16px!important}
}
@media (prefers-reduced-motion:reduce){#content .reviews_block *{transition:none!important}}