/*
 * Блок отзывов. Стили перенесены из виджета живого сайта один в один; изменены только имена
 * классов (префикс pdr-) — у темы уже заняты .pd-card, .pd-modal, .pd-lb, и без развода
 * они бы перебивали друг друга. Корневой .pd-rv оставлен как есть: он несёт переменные блока.
 */

.pd-rv{--accent:#cfa384;--accent-d:#b98d66;--ink:#214357;--text:#535353;--muted:#7f7f7f;--cream:#f8f0eb;--cream-2:#fcf8f5;--line:#ece1d8;--radius:16px;--shadow:0 4px 24px rgba(33,67,87,.08);--shadow-h:0 10px 40px rgba(33,67,87,.14);--font:'TildaSans','Inter',Arial,sans-serif;font-family:var(--font);color:var(--text);max-width:1140px;margin:0 auto;padding:10px 20px 64px;box-sizing:border-box}
.pd-rv *{box-sizing:border-box}
.pdr-head{display:flex;gap:36px;align-items:center;flex-wrap:wrap;padding:28px 32px;background:linear-gradient(135deg,var(--cream),var(--cream-2));border-radius:var(--radius);border:1px solid var(--line);margin-bottom:32px}
.pdr-score{text-align:center;min-width:140px}
.pdr-score .num{font-size:62px;font-weight:800;color:var(--ink);line-height:1}
.pdr-score .of{color:var(--muted);font-size:14px;margin-top:2px}
.pdr-score .stars{margin-top:8px}
.pdr-hi{flex:1;min-width:240px}
.pdr-hi h2{margin:0 0 6px;color:var(--ink);font-size:26px;font-weight:800}
.pdr-hi p{margin:0;color:var(--muted);font-size:15px}
.pdr-bars{flex:1;min-width:220px;max-width:300px}
.pdr-bar{display:flex;align-items:center;gap:10px;margin:5px 0;font-size:13px;color:var(--muted)}
.pdr-bar .track{flex:1;height:8px;background:#eadfd6;border-radius:5px;overflow:hidden}
.pdr-bar .fill{height:100%;background:var(--accent);border-radius:5px}
.pdr-cta{background:var(--accent);color:#1a2e3a;border:0;padding:16px 28px;border-radius:12px;font:inherit;font-weight:700;font-size:16px;cursor:pointer;transition:.2s;box-shadow:var(--shadow)}
.pdr-cta:hover{background:var(--accent-d);transform:translateY(-1px);box-shadow:var(--shadow-h)}
.pdr-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px}
.pdr-tabs{display:flex;gap:8px;flex-wrap:wrap}
.pdr-tab{background:#fff;border:1px solid var(--line);color:var(--text);padding:9px 18px;border-radius:30px;cursor:pointer;font:inherit;font-size:14px;font-weight:600;transition:.2s}
.pdr-tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pdr-sort{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.pdr-sort select{font:inherit;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-weight:600;cursor:pointer}
.pdr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px}
.pdr-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.25s;display:flex;flex-direction:column;gap:14px}
.pdr-card:hover{box-shadow:var(--shadow-h);transform:translateY(-2px);border-color:#e0d0c3}
.pdr-top{display:flex;align-items:center;gap:13px}
.pdr-ava{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:700;font-size:17px}
.pdr-who{flex:1;min-width:0}
.pdr-name{font-weight:700;color:var(--ink);font-size:16px}
.pdr-date{font-size:13px;color:var(--muted);margin-top:1px}
.pdr-text{font-size:15px;line-height:1.6;color:#46535c}
.pdr-stars{display:inline-flex;gap:2px}.pdr-stars svg{width:17px;height:17px}.pdr-stars.big svg{width:24px;height:24px}
.pdr-photos{display:flex;gap:8px;flex-wrap:wrap}
.pdr-photos img{width:74px;height:74px;object-fit:cover;border-radius:10px;cursor:pointer;border:1px solid var(--line);transition:.2s}
.pdr-photos img:hover{transform:scale(1.04)}
.pdr-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--accent-d);background:var(--cream);padding:3px 10px;border-radius:20px;align-self:flex-start}
.pdr-foot{display:flex;align-items:center;gap:16px;padding-top:4px;border-top:1px solid var(--line);margin-top:auto}
.pdr-like{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:13px;font-weight:600;padding:6px 4px}
.pdr-like:hover{color:var(--accent-d)}
.pdr-answer{background:var(--cream-2);border-left:3px solid var(--accent);border-radius:8px;padding:12px 14px;font-size:14px;color:#46535c}
.pdr-answer b{color:var(--ink)}
.pdr-more-wrap{text-align:center;margin-top:28px}
.pdr-more{background:#fff;border:1.5px solid var(--accent);color:var(--accent-d);padding:13px 32px;border-radius:30px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:.2s}
.pdr-more:hover{background:var(--accent);color:#1a2e3a}
.pdr-empty{padding:40px;text-align:center;color:var(--muted)}
.pdr-ov{position:fixed;inset:0;background:rgba(20,38,49,.55);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:20px;z-index:99999}
.pdr-ov.show{display:flex}
.pdr-modal{background:#fff;border-radius:20px;max-width:520px;width:100%;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.3);max-height:92vh;overflow:auto;font-family:var(--font)}
.pdr-modal h3{margin:0 0 4px;color:var(--ink);font-size:23px;font-weight:800}
.pdr-modal .sub{color:var(--muted);font-size:14px;margin:0 0 22px}
.pdr-field{margin-bottom:16px}
.pdr-field label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:7px}
.pdr-field input,.pdr-field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 14px;font:inherit;font-size:15px;color:var(--text);background:var(--cream-2)}
.pdr-field input:focus,.pdr-field textarea:focus{outline:none;border-color:var(--accent);background:#fff}
.pdr-field textarea{resize:vertical;min-height:110px}
.pdr-rate{display:flex;gap:6px}.pdr-rate svg{width:34px;height:34px;cursor:pointer}
.pdr-drop{border:2px dashed var(--line);border-radius:11px;padding:18px;text-align:center;color:var(--muted);font-size:14px;cursor:pointer}
.pdr-drop:hover{border-color:var(--accent);color:var(--accent-d)}
.pdr-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pdr-thumbs img{width:60px;height:60px;object-fit:cover;border-radius:8px}
.pdr-row{display:flex;gap:12px}.pdr-row>*{flex:1}
.pdr-submit{width:100%;background:var(--accent);color:#1a2e3a;border:0;padding:15px;border-radius:12px;font:inherit;font-weight:700;font-size:16px;cursor:pointer;margin-top:6px}
.pdr-submit:hover{background:var(--accent-d)}.pdr-submit:disabled{opacity:.6;cursor:default}
.pdr-x{float:right;background:none;border:0;font-size:26px;color:var(--muted);cursor:pointer;line-height:1;margin:-8px -8px 0 0}
.pdr-note{font-size:12px;color:var(--muted);text-align:center;margin-top:14px}
.pdr-ok{text-align:center;padding:20px 0}.pdr-ok .ic{font-size:48px}
.pdr-lb{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:100000;cursor:zoom-out}
.pdr-lb.show{display:flex}.pdr-lb img{max-width:90%;max-height:90%;border-radius:10px}
@media(max-width:600px){
  .pd-rv{padding:10px 14px 48px}
  .pdr-head{gap:14px;padding:18px;flex-wrap:nowrap;align-items:center}
  .pdr-score{text-align:left;min-width:0;flex:1}
  .pdr-score .num{font-size:44px}
  .pdr-score .stars{margin-top:6px}
  .pdr-score .of{font-size:12px}
  .pdr-hi{display:none}
  .pdr-bars{display:none}
  .pdr-cta{margin-left:auto;flex:none;padding:13px 16px;font-size:14px;white-space:nowrap}
  .pdr-list{grid-template-columns:1fr}
  .pdr-modal{padding:24px}
  .pdr-row{flex-direction:column;gap:0}
}

/* ── Добавлено при переносе ───────────────────────────────────────── */

/* На живом сайте блок стоит на странице, где межстрочное расстояние никто не задаёт,
   и каждый элемент считает его сам (normal). В теме у body 1.55 — без сброса карточки
   и шапка вытянулись бы на десятки пикселей выше оригинала. */
.pd-rv { line-height: normal; }

/* Секция блока: тот же кремовый фон, что у секции отзывов над ней. */
.area--reviewlist { background: var(--pd-cream); }

/* Вариант с собственным заголовком (страница /otzyvy): на живом сайте заголовок и
   подзаголовок лежат в отдельной секции высотой 227px, отсюда отступы сверху и до списка. */
.area--reviewlist.has-head { padding-top: 80px; }
.area--reviewlist.has-head > .container { padding-bottom: 35px; }

/* Секция-заголовок «Отзывы клиентов…» перед списком: тот же зазор в 35px, что и на /otzyvy,
   вместо общего отступа секции — иначе список уезжает вниз почти на полсотни пикселей. */
.area--reviews--head { padding-bottom: 35px; }

/* Узкие экраны: размеры того же артборда живого сайта — ширина заголовка задаёт перенос строк
   (на 375px он там в три строки), а отступы сверху меняются вместе с высотой артборда. */
@media (max-width: 1199px) {
	.area--reviewlist.has-head { padding-top: 60px; }
	.area--reviewlist.has-head .pd-sec-h { max-width: 622px; }
}
@media (max-width: 959px) {
	.area--reviewlist.has-head { padding-top: 61px; }
	.area--reviewlist.has-head .pd-sec-h { max-width: 640px; }
	.area--reviewlist.has-head > .container { padding-bottom: 38.3px; }
}
@media (max-width: 639px) {
	.area--reviewlist.has-head .pd-sec-h { max-width: 438px; }
	.area--reviewlist.has-head .pd-sec-sub { max-width: 467px; }
	/* Секция вопросов сразу за списком: у живого сайта отступ над ней 30–40px (свой на каждой странице),
	   у темы на узких экранах жёстко 60. Берём 40 — ближе к оригиналу; точные значения появятся,
	   когда конвертер начнёт брать верхний отступ секции из мобильных артбордов. */
	.area--reviewlist + .area--faq { padding-top: 40px; }
}
@media (max-width: 479px) {
	.area--reviewlist.has-head .pd-sec-h { max-width: 278px; }
	.area--reviewlist.has-head .pd-sec-sub { max-width: 277px; }
	.area--reviewlist.has-head .pd-sec-h + .pd-sec-sub { margin-top: 14px; }
	.area--reviewlist.has-head > .container { padding-bottom: 36.6px; }
}

/* Карточки сверх первых трёх лежат в разметке (нужны поиску) и раскрываются кнопкой.
   display:flex у .pdr-card перебивает встроенное правило [hidden], поэтому гасим явно. */
.pd-rv .pdr-card[hidden] { display: none; }

/* Счётчик «Полезно»: у отзыва без голосов число скрыто, но узел есть — JS покажет его при клике. */
.pd-rv .pdr-like__n[hidden] { display: none; }
.pd-rv .pdr-like__n[hidden] + .pdr-like__sep { display: none; }

/* Ожидание ответа сервера на отправке формы. */
.pd-rv .pdr-submit[disabled] { opacity: .6; cursor: default; }

/* Модалка и лайтбокс живут в <body>, вне секции: правила выше их уже покрывают
   (обёртка получает класс pd-rv), здесь только страховка от глобального z-index темы. */
.pd-rv.pdr-ov { z-index: 99999; }
.pd-rv.pdr-lb { z-index: 100000; }

/* Затемнение — во всё окно. Обёртке достаётся класс pd-rv, а с ним ширина контента (1140px)
   и центрирующие поля: на широком экране тёмный слой обрывался, по краям оставалась светлая
   полоса. На живом сайте так же — это его недочёт, а не задуманный вид. */
.pd-rv.pdr-ov, .pd-rv.pdr-lb { max-width: none; margin: 0; }