/* Родные Травы · Отзывы.
   Перенесено из style.css исходного сайта без изменений значений. */

.revform input, .revform textarea { font: inherit; font-size: 17px; padding: 14px 16px; border: 1px solid var(--line-2); border-radius: var(--r); background: var(--white); color: var(--ink); width: 100%; transition: border-color .2s, box-shadow .2s; }
.revform input:focus, .revform textarea:focus { outline: none; border-color: var(--olive); box-shadow: 0 0 0 3px rgba(78,110,31,.15); }
.page-reviews { padding-block: 20px 48px; }
.page-reviews h1 { font-size: clamp(26px, 3.2vw, 40px); }
.page-reviews .eyebrow { margin-bottom: 8px; }
.page-reviews .section-head { margin-bottom: 18px; }
.page-reviews .section-head p { font-size: 16px; margin-top: 6px; }
.page-reviews .crumbs { padding-top: 8px; }
.ratingbar { display: grid; grid-template-columns: auto 1fr auto; gap: 28px; align-items: center; padding: 16px 22px; background: var(--white); border: 1px solid var(--line); border-radius: var(--r); margin-bottom: 22px; }
.ratingbar__big b { font-family: var(--font-display); font-size: 40px; color: var(--forest); line-height: 1; display: block; }
.ratingbar__big .stars { color: var(--ochre); letter-spacing: 3px; font-size: 18px; }
.ratingbar__big small { display: block; font-size: 13.5px; color: var(--ink-3); margin-top: 4px; }
.ratingbar__rows { display: grid; gap: 6px; }
.ratingbar__rows div { display: grid; grid-template-columns: 14px 1fr 30px; gap: 10px; align-items: center; font-size: 14px; color: var(--ink-3); }
.ratingbar__rows i { height: 8px; border-radius: 4px; background: var(--paper-3); position: relative; overflow: hidden; }
.ratingbar__rows i::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--w); background: var(--ochre); border-radius: 4px; transform-origin: left; animation: grow 1s cubic-bezier(.2,.7,.2,1) both; }
.ratingbar__ext { font-size: 15px; color: var(--ink-2); line-height: 1.6; }
.ratingbar__ext b { color: var(--forest); font-size: 18px; font-family: var(--font-display); font-weight: 400; }
.consult--review { grid-template-columns: 1fr; gap: 28px; align-items: start; }
.consult--review > :first-child { max-width: 52ch; }
.revform { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 22px; }
.revform label { display: grid; gap: 6px; font-size: 14px; color: var(--ink-3); }
.revform label:nth-child(n + 3), .revform > button { grid-column: 1 / -1; }
.revform textarea { min-height: 140px; resize: vertical; }
.starpick { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 4px; }
.starpick input { display: none; }
.starpick label { font-size: 30px; color: var(--paper-3); cursor: pointer; transition: color .2s, transform .2s; }
.starpick input:checked ~ label, .starpick label:hover, .starpick label:hover ~ label { color: var(--ochre); }
.starpick label:hover { transform: scale(1.2); }
@media (max-width: 1100px) {
  .ratingbar { grid-template-columns: 1fr 1fr; }
  .ratingbar__ext { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .ratingbar { grid-template-columns: 1fr; gap: 20px; }
  .revform { grid-template-columns: 1fr; }
}