/* Ответы покупателей на вопросы о модели (28.10.2026) — под ответом магазина в блоке «Вопросы о модели».
   Токены — из chaster-2026.css, общие приёмы блока — из questions-2026.css (.pq-a, .pq-mark, .pq-input, .pq-err).
   Префикс .pqr-. Сдвиг слева повторяет .pq-a: отступ s10 + кружок 28px + зазор s3. */

.pq-mark-r{background:#E8F4EE;color:#1F7A4D}
.pqr-who{color:var(--ink)}
.pqr.is-wait .pq-a-text{color:var(--ink-2)}
.pqr.is-wait .pq-meta{color:var(--accent)}

.pqr-photos{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s2) 0 var(--s2)}
.pqr-photo{display:block;width:88px;height:88px;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;background:var(--bg-alt);cursor:zoom-in}
.pqr-photo img{display:block;width:100%;height:100%;object-fit:cover}
.pqr-photo:hover{border-color:var(--accent)}

.pqr-acts{margin-top:var(--s3);padding-left:calc(var(--s10) + 28px + var(--s3))}
.pqr-btn{height:36px;padding:0 var(--s4);border:1px solid var(--line-strong);border-radius:999px;background:var(--bg);color:var(--ink);
  font:inherit;font-size:var(--t-xs);font-weight:600;cursor:pointer;transition:border-color var(--tr),color var(--tr)}
.pqr-btn:hover,.pqr-btn.is-hint{border-color:var(--accent);color:var(--accent)}

.pqr-form{margin:var(--s3) 0 0 calc(var(--s10) + 28px + var(--s3));padding:var(--s4);background:var(--bg-alt);border-radius:var(--r2)}
.pqr-form.is-busy [data-pqr-send]{opacity:.6;pointer-events:none}
.pqr-lead{margin:0 0 var(--s3);font-size:var(--t-s);color:var(--ink-2);line-height:1.5}
.pqr-form .pq-input{min-height:96px}
.pqr-pick{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin:var(--s3) 0}
.pqr-previews{display:contents}
.pqr-prev{position:relative;width:72px;height:72px;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;background:var(--bg)}
.pqr-prev img{display:block;width:100%;height:100%;object-fit:cover}
.pqr-prev.is-noimg img{display:none}
.pqr-prev.is-noimg::before{content:"фото";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--t-xs);color:var(--ink-3)}
.pqr-prev button{position:absolute;top:2px;right:2px;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:rgba(16,20,24,.6);color:#fff;
  font-size:16px;line-height:24px;text-align:center;cursor:pointer}
.pqr-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:72px;padding:0 var(--s4);border:1px dashed var(--line-strong);
  border-radius:var(--r2);background:var(--bg);color:var(--accent);font-size:var(--t-s);font-weight:600;cursor:pointer}
.pqr-add:hover{border-color:var(--accent)}
.pqr-add:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.pqr-add span{font-size:20px;line-height:1}
.pqr-name{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s3);font-size:var(--t-xs);color:var(--ink-2)}
.pqr-name input{width:200px;max-width:100%;height:38px;border:1px solid var(--line);border-radius:var(--r2);background:var(--bg);padding:0 var(--s3);font:inherit;font-size:var(--t-s)}
.pqr-name input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}

.pqr-note{margin:var(--s4) 0 0;font-size:var(--t-s);color:var(--ink-2);line-height:1.5}
.pqr-link{padding:0;border:0;background:none;font:inherit;color:var(--accent);font-weight:600;cursor:pointer;text-decoration:underline}

/* фото крупно — как .mr-lb у отзывов о модели */
.pqr-lb{position:fixed;inset:0;z-index:400;background:rgba(10,12,16,.92);display:flex;align-items:center;justify-content:center;padding:56px 64px}
.pqr-lb[hidden],.pqr-lb [hidden]{display:none}
.pqr-lb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--r1);background:#fff}
.pqr-lb button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:48px;height:48px;border-radius:50%;font-size:26px;line-height:48px;text-align:center;cursor:pointer}
.pqr-lb button:hover{background:rgba(255,255,255,.24)}
.pqr-lb-x{top:12px;right:12px}
.pqr-lb-prev{left:10px;top:50%;margin-top:-24px}
.pqr-lb-next{right:10px;top:50%;margin-top:-24px}
.pqr-lb-n{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:var(--t-xs);color:rgba(255,255,255,.7)}
html.pqr-lb-open{overflow:hidden}

@media (max-width:640px){
  .pqr-acts{padding-left:calc(28px + var(--s3))}
  .pqr-form{margin-left:0;padding:var(--s3)}
  .pqr-photo{width:76px;height:76px}
  .pqr-name input{font-size:16px}  /* iOS не увеличивает страницу при вводе */
  .pqr-lb{padding:48px 8px}
  .pqr-lb-prev,.pqr-lb-next{top:auto;bottom:8px;margin-top:0}
}