/* Start:/local/templates/iteraciya/components/bitrix/news.list/otzyvy_page_v2/style.css?17924044695005*/
/* Тестовый вариант плиток писем /otzyvy-test/ (reviews/redesign, 2026-10-19) */
.rv2 { --rv2-accent: #ff4539; --rv2-line: #e6e8ec; --rv2-muted: #6b7280; --rv2-paper: #f3f4f6; font-family: "Montserrat", sans-serif; }
.rv2__main { display: grid; grid-template-columns: minmax(0, 1fr) 25rem; gap: 2.5rem; align-items: start; }
.rv2__head { display: flex; align-items: center; gap: .75rem; margin: 0 0 1.5rem; }
.rv2__h2 { font: 600 1.5rem/1.2 "Montserrat", sans-serif; color: #111; margin: 0; }
.rv2__count { font: 600 .875rem/1 "Montserrat", sans-serif; color: var(--rv2-muted); background: var(--rv2-paper); border-radius: 999px; padding: .4rem .7rem; }
.rv2__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }

.rv2-card { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--rv2-line); border-radius: .75rem; overflow: hidden; transition: box-shadow .25s ease, border-color .25s ease; }
body._pc .rv2-card:hover { border-color: #d5d8de; box-shadow: 0 .5rem 1.5rem rgba(17, 24, 39, .08); }

.rv2-card__scan { position: relative; display: block; aspect-ratio: 5 / 4; padding: 1.25rem 1.5rem 0; background: var(--rv2-paper); overflow: hidden; }
.rv2-card__scan img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; border-radius: .25rem .25rem 0 0; box-shadow: 0 1px 3px rgba(17, 24, 39, .14); background: #fff; transition: transform .35s ease; transform-origin: center top; }
body._pc .rv2-card__scan:hover img { transform: scale(1.03); }
.rv2-card__zoom { position: absolute; top: .75rem; right: .75rem; display: flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #fff; color: #111; box-shadow: 0 1px 4px rgba(17, 24, 39, .18); opacity: 0; transition: opacity .25s ease; }
body._pc .rv2-card__scan:hover .rv2-card__zoom { opacity: 1; }

.rv2-card__body { display: flex; flex-direction: column; gap: .5rem; flex: 1 1 auto; padding: 1.1rem 1.25rem 1rem; }
.rv2-card__title { font: 600 1rem/1.3 "Montserrat", sans-serif; color: #111; }
.rv2-card__work { font: 400 .8125rem/1.45 "Montserrat", sans-serif; color: var(--rv2-muted); }
.rv2-card__object { display: inline-flex; align-items: flex-start; gap: .4rem; font: 500 .8125rem/1.4 "Montserrat", sans-serif; color: #374151; text-decoration: none; transition: color .2s ease; }
.rv2-card__pin { flex: 0 0 .875rem; width: .875rem; height: .875rem; margin-top: .15rem; background: #9ca3af; transition: background .2s ease;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7.5 7.5 0 0 0-7.5 7.5C4.5 15.2 12 22 12 22s7.5-6.8 7.5-12.5A7.5 7.5 0 0 0 12 2zm0 10.2a2.7 2.7 0 1 1 0-5.4 2.7 2.7 0 0 1 0 5.4z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7.5 7.5 0 0 0-7.5 7.5C4.5 15.2 12 22 12 22s7.5-6.8 7.5-12.5A7.5 7.5 0 0 0 12 2zm0 10.2a2.7 2.7 0 1 1 0-5.4 2.7 2.7 0 0 1 0 5.4z'/%3E%3C/svg%3E") center / contain no-repeat; }
.rv2-card__object:hover { color: var(--rv2-accent); }
.rv2-card__object:hover .rv2-card__pin { background: var(--rv2-accent); }
.rv2-card__foot { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: auto; padding-top: .85rem; border-top: 1px solid var(--rv2-line); }
.rv2-card__body > .rv2-card__foot { margin-top: auto; }
.rv2-card__body > :nth-last-child(2) { margin-bottom: .35rem; }
.rv2-card__read { font: 600 .875rem/1.2 "Montserrat", sans-serif; color: var(--rv2-accent); text-decoration: none; }
.rv2-card__read::after { content: " →"; transition: margin .2s ease; }
.rv2-card__read:hover::after { margin-left: .2rem; }
.rv2-card__date { font: 400 .8125rem/1.2 "Montserrat", sans-serif; color: #9ca3af; margin-left: auto; white-space: nowrap; }

.rv2__ya { position: sticky; top: 7rem; }
.rv2__ya-inner { position: relative; height: calc(100vh - 9rem); min-height: 36rem; max-height: 56rem; }

@media (max-width: 1280px) {
  .rv2__main { grid-template-columns: minmax(0, 1fr); }
  .rv2__ya { position: static; max-width: 47.5rem; width: 100%; }
  .rv2__ya-inner { height: 52rem; max-height: none; }
}
@media (max-width: 900px) {
  .rv2__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
}
@media (max-width: 600px) {
  .rv2__h2 { font-size: 1.25rem; }
  .rv2__grid { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
  .rv2-card { flex-direction: row; }
  .rv2-card__scan { flex: 0 0 6.5rem; aspect-ratio: auto; padding: .6rem .6rem 0; }
  .rv2-card__scan img { height: auto; object-fit: contain; }
  .rv2-card__zoom { display: none; }
  .rv2-card__body { padding: .8rem .9rem .75rem; gap: .35rem; min-width: 0; }
  .rv2-card__title { font-size: .9375rem; }
  .rv2-card__foot { padding-top: .6rem; }
  .rv2__ya-inner { height: 40rem; min-height: 0; }
}

/* End */
/* /local/templates/iteraciya/components/bitrix/news.list/otzyvy_page_v2/style.css?17924044695005 */