/* ==========================================================================
   Отзывы под карточкой товара (07.10.2026) — sc_reviews.php.
   Своего рисунка нет: заголовок — .pdp-sec-title, оценка — точки .pdp-scales
   (как «Кислотность»), форма — .b2b-form со страницы «Для бизнеса», кнопки —
   .pbtn-green / .pbtn-line. Здесь только раскладка блока.
   ========================================================================== */
/* Обёртки те же, что у карточки (ширина и поля), но белые растушёвки по
   краям .pdp (::before/::after — гасят узор карточки) здесь закрывали бы
   начало строк. */
.pdp-reviews-page .pdp::before,.pdp-reviews-page .pdp::after{content:none}
.pdp-reviews{margin:0 0 calc(48 * var(--u))}
.pdp-reviews .pdp-sec-title{margin-top:calc(20 * var(--u))}

/* Сводка: средняя оценка точками и число отзывов — в плашке, как шкалы. */
.pdp-rev-sum.pdp-scales{flex-direction:row;flex-wrap:wrap;align-items:center;
  gap:calc(12 * var(--u)) calc(28 * var(--u));max-width:none;width:fit-content;
  padding:calc(18 * var(--u)) calc(26 * var(--u))}
.pdp-rev-sum .sc{gap:calc(16 * var(--u))}
.pdp-rev-sum .nm{width:auto}
.pdp-rev-count{font-size:max(15px, calc(19 * var(--u)));color:var(--ink-soft)}

.pdp-rev-list{list-style:none;margin:calc(26 * var(--u)) 0 0;padding:0;
  display:grid;gap:calc(22 * var(--u));max-width:calc(900 * var(--u))}
.pdp-rev{padding:0 0 calc(22 * var(--u));border-bottom:1px solid var(--line)}
.pdp-rev-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(6 * var(--u)) calc(14 * var(--u))}
.pdp-rev-name{font-family:var(--font);font-weight:700;font-size:max(15px, calc(19 * var(--u)));color:var(--ink)}
.pdp-rev-buyer{font-size:max(13px, calc(15 * var(--u)));color:var(--green-brand)}
.pdp-rev-head time{font-size:max(13px, calc(15 * var(--u)));color:var(--ink-soft)}
/* Точки отзыва — без плашки, просто ряд. */
.pdp-rev-rate.pdp-scales{background:none;padding:0;border-radius:0;margin:calc(8 * var(--u)) 0 0}
.pdp-rev-text{margin:calc(10 * var(--u)) 0 0;font-size:max(15px, calc(19 * var(--u)));
  line-height:1.6;color:var(--ink-soft);overflow-wrap:break-word}
.pdp-rev-answer{margin-top:calc(14 * var(--u));padding:calc(14 * var(--u)) calc(20 * var(--u));
  background:var(--bg-soft);border-radius:calc(20 * var(--u))}
.pdp-rev-answer b{font-family:var(--font);color:var(--green-deep-2)}
.pdp-rev-answer p{margin:calc(6 * var(--u)) 0 0;color:var(--ink-soft);line-height:1.6}

.pdp-rev-empty{font-size:max(15px, calc(19 * var(--u)));color:var(--ink-soft);margin:0}
.pdp-rev-open{margin:calc(24 * var(--u)) 0 0}
.pdp-rev-box{margin-top:calc(24 * var(--u));max-width:calc(760 * var(--u))}
.pdp-rev-box h3{margin:0;font-family:var(--font);color:var(--green-deep-2)}

/* Оценка в форме: те же точки, только крупнее под палец и нажимаются. */
.pdp-rev-stars{border:0;padding:0;margin:0 0 calc(18 * var(--u));min-width:0}
.pdp-rev-stars legend{display:block;padding:0;font-weight:700;font-size:calc(13.5 * var(--u));
  color:var(--ink-soft);margin-bottom:calc(7 * var(--u))}
.pdp-rev-stars .pdp-scales{display:inline-flex;background:none;padding:0;border-radius:0;max-width:none}
.pdp-rev-stars .bars{gap:calc(2 * var(--u))}
.pdp-rev-stars label{display:inline-flex;margin:0;padding:calc(5 * var(--u));cursor:pointer}
.pdp-rev-stars .bars i{width:max(20px, calc(24 * var(--u)));height:max(20px, calc(24 * var(--u)))}
.pdp-rev-stars input:focus-visible + label i{filter:drop-shadow(0 0 3px var(--green-brand))}

/* Во вкладке под карточкой: на всю ширину области под вкладками. */
.pdp-reviews.pdp-reviews-tab{grid-column:1 / -1;margin:0}
.pdp-reviews.pdp-reviews-tab[hidden]{display:none}
.pdp-reviews-tab .pdp-sec-title{margin-top:calc(34 * var(--u))}