/* Стили виджета отзывов. Наследуют шрифт сайта, чтобы блок не выпадал из вёрстки. */

.rw-reviews { font: inherit; color: inherit; }
.rw-reviews__title { font-size: 1.4em; margin: 0 0 .4em; }
.rw-reviews__summary { margin: 0 0 .2em; font-weight: 700; }
.rw-reviews__sources { margin: 0 0 1.2em; display: flex; gap: 1em; flex-wrap: wrap; }
.rw-reviews__empty { color: #777; }

.rw-reviews__list {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.rw-review {
  background: #fff;
  border: 1px solid #e6e3dd;
  border-radius: 12px;
  padding: 18px;
}

.rw-review__head {
  display: flex;
  gap: 8px;
  align-items: baseline;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.rw-review__author { font-weight: 700; }
.rw-review__place { color: #8a8a8a; font-size: .9em; }
.rw-review__stars { margin-left: auto; color: #f5a623; letter-spacing: 2px; }
.rw-review__text { margin: 0 0 10px; line-height: 1.55; white-space: pre-line; }
.rw-review__reply {
  margin: 10px 0 0;
  padding: 10px 12px;
  background: #f6f4ef;
  border-radius: 8px;
  font-size: .95em;
}
.rw-review__meta { color: #9a9a9a; font-size: .85em; }

/* обязательная обратная ссылка на движок (бесплатный тариф) */
.rw-reviews__powered { margin: 14px 0 0; font-size: .8em; color: #9a9a9a; }
.rw-reviews__powered a { color: #9a9a9a; text-decoration: none; }
.rw-reviews__powered a:hover { text-decoration: underline; }

/* --- страница формы отзыва --- */

.rw-page {
  margin: 0;
  padding: 32px 16px 64px;
  background: #ede7dc;
  color: #14181a;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.55;
}

.rw-form-wrap { max-width: 560px; margin: 0 auto; }
.rw-form-wrap h1 { font-size: 1.6em; margin: 0 0 .2em; }
.rw-form-sub { color: #6b6f6b; margin: 0 0 1.6em; }

.rw-form { display: flex; flex-direction: column; gap: 14px; }
.rw-form label { display: flex; flex-direction: column; gap: 6px; font-size: .95em; }
.rw-form input,
.rw-form select,
.rw-form textarea {
  font: inherit;
  padding: 10px 12px;
  border: 1px solid #d8d0c1;
  border-radius: 8px;
  background: #fffdf8;
}
.rw-form button {
  font: inherit;
  font-weight: 600;
  padding: 12px 20px;
  border: 0;
  border-radius: 8px;
  background: #c1462b;
  color: #fffdf8;
  cursor: pointer;
}
.rw-form button:hover { background: #a93c24; }
.rw-form button:focus-visible,
.rw-form input:focus-visible,
.rw-form textarea:focus-visible { outline: 2px solid #14181a; outline-offset: 2px; }

/* приманка для ботов — человек её не видит */
.rw-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.rw-thanks-extra { margin-top: 1.4em; }
