/* Вопросы и отзывы на странице товара (правка №123). Разметка — includes/feedback-block.php, поведение — assets/feedback.js. */
.fb-wrap{padding:0 var(--side-pad) 70px;display:grid;gap:44px}
.fb-section{max-width:900px;scroll-margin-top:90px}
.fb-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:18px}
.fb-title{font-size:26px;font-weight:800;color:#111;margin:0;display:flex;align-items:baseline;gap:6px 16px;flex-wrap:wrap}
.fb-summary{font-size:15px;font-weight:600;color:#5b7c99;display:inline-flex;align-items:center;gap:6px}
.fb-summary b{color:#111}

.fb-stars{display:inline-flex;gap:1px;font-size:16px;line-height:1;letter-spacing:0}
.fb-stars span{color:#d9d4c8}
.fb-stars span.on{color:#f5a623}

.fb-open{background:#2c9ea9;color:#fff;border:none;border-radius:10px;padding:11px 20px;font-size:14.5px;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none;display:inline-block;transition:background .2s ease}
.fb-open:hover{background:#1b7f8a}
.fb-open-ghost{background:#fff;color:#1b7f8a;border:1px solid #2c9ea9}
.fb-open-ghost:hover{background:#f2fafb}

.fb-flash{background:#e8f6ee;border:1px solid #bfe6cc;color:#14532d;border-radius:10px;padding:11px 14px;font-size:14px;margin-bottom:14px}
.fb-flash.is-err{background:#fdeeee;border-color:#f6c4c4;color:#7f1d1d}
.fb-blocked{background:#fdf3e4;border:1px solid #f0d9aa;color:#6b4a0b;border-radius:10px;padding:12px 14px;font-size:14px;margin-bottom:16px;line-height:1.5}
.fb-staffnote{background:#eef6f7;border:1px dashed #9fcfd4;color:#31636a;border-radius:10px;padding:10px 14px;font-size:13.5px;margin-bottom:16px;line-height:1.5}

/* форма */
.fb-form{background:#fff;border:1px solid #e2ddd3;border-radius:14px;padding:20px;margin-bottom:22px}
.fb-form[hidden]{display:none}
.fb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fb-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;min-width:0}
.fb-label{font-size:13.5px;font-weight:700;color:#333}
.fb-form input[type=text],.fb-form input[type=email],.fb-form input[type=tel],.fb-form textarea{width:100%;box-sizing:border-box;border:1px solid #cfd8dc;border-radius:9px;padding:11px 12px;font-size:15px;font-family:inherit;color:#111;background:#fff}
.fb-form textarea{resize:vertical;min-height:100px;line-height:1.5}
.fb-form input:focus,.fb-form textarea:focus{outline:none;border-color:#2c9ea9;box-shadow:0 0 0 3px rgba(44,158,169,.18)}
.fb-hint{font-size:12.5px;color:#8a949c;line-height:1.4}
.fb-hint a{color:#1b7f8a}
.fb-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.fb-actions{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}
.fb-actions .fb-hint{flex:1 1 260px}
.fb-submit{background:#2c9ea9;color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer}
.fb-submit:hover{background:#1b7f8a}
.fb-submit.is-busy,.fb-btn.is-busy{opacity:.6;pointer-events:none}
.fb-cancel{background:none;border:none;color:#5b7c99;font-size:14px;font-family:inherit;cursor:pointer;padding:10px 6px}
.fb-error{margin-top:12px;background:#fdeeee;border:1px solid #f6c4c4;color:#7f1d1d;border-radius:9px;padding:10px 12px;font-size:14px}

/* звёзды в форме: радио идут 5..1, поэтому порядок разворачиваем (закрашивается выбранная и все левее) */
.fb-rate{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.fb-rate input{position:absolute;opacity:0;width:1px;height:1px}
.fb-rate label{font-size:30px;line-height:1;color:#d9d4c8;cursor:pointer;padding:0 2px;transition:color .15s ease}
.fb-rate label:hover,.fb-rate label:hover ~ label,.fb-rate input:checked ~ label{color:#f5a623}
.fb-rate input:focus-visible + label{outline:2px solid #2c9ea9;outline-offset:2px;border-radius:4px}

/* список */
.fb-list{display:grid;gap:14px}
.fb-empty{color:#7c8a95;font-size:15px;margin:4px 0;line-height:1.5}
.fb-item{background:#fff;border:1px solid #e8e3d9;border-radius:14px;padding:16px 18px}
.fb-item.is-pending{border-style:dashed;border-color:#e0b95a;background:#fffbf1}
.fb-item.is-rejected{opacity:.7;background:#f6f4f0}
.fb-head{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap}
.fb-avatar{width:34px;height:34px;border-radius:50%;background:#d5eef0;color:#166a74;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.fb-name{font-weight:700;color:#111;font-size:15px}
.fb-date{margin-left:auto;font-size:12.5px;color:#9aa1ab}
.fb-badge{font-size:11.5px;font-weight:700;border-radius:20px;padding:2px 9px}
.fb-badge.wait{background:#fdf0cf;color:#7a5a07}
.fb-badge.hidden{background:#ececec;color:#555}
.fb-body{margin-top:10px;color:#222;font-size:15px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.fb-answer{margin-top:12px;border-left:3px solid #2c9ea9;background:#f2fafb;border-radius:0 10px 10px 0;padding:10px 14px}
.fb-answer-head{display:flex;gap:10px;align-items:baseline;font-size:13.5px;color:#166a74}
.fb-answer-head time{font-size:12.5px;color:#8a949c}
.fb-answer-body{margin-top:4px;color:#222;font-size:14.5px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}

/* панель сотрудника */
.fb-staff{margin-top:14px;padding-top:12px;border-top:1px dashed #d8d2c5;display:grid;gap:10px}
.fb-staff-meta{font-size:12.5px;color:#6f7f8b;line-height:1.5;overflow-wrap:anywhere}
.fb-staff-meta a{color:#1b7f8a}
.fb-staff-btns,.fb-staff-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fb-btn{border:1px solid #cfd8dc;background:#fff;color:#243b4a;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}
.fb-btn:hover{background:#f4f7f9}
.fb-btn.ok{background:#2c9ea9;border-color:#2c9ea9;color:#fff}
.fb-btn.ok:hover{background:#1b7f8a}
.fb-btn.danger{color:#be123c;border-color:#f3c3cd}
.fb-btn.danger:hover{background:#fff1f3}
.fb-staff-form{display:grid;gap:10px;background:#f7f9fa;border:1px solid #e3e9ed;border-radius:10px;padding:12px}
.fb-staff-form[hidden]{display:none}
.fb-staff-form textarea{width:100%;box-sizing:border-box;border:1px solid #cfd8dc;border-radius:8px;padding:9px 10px;font-size:14px;font-family:inherit;resize:vertical}
.fb-staff-form label{font-size:12.5px;color:#4a5b68;display:flex;flex-direction:column;gap:3px}
.fb-staff-form select,.fb-staff-form input[type=text],.fb-staff-form input[type=datetime-local]{border:1px solid #cfd8dc;border-radius:8px;padding:7px 9px;font-size:14px;font-family:inherit;background:#fff}
.fb-staff-form .fb-grow{flex:1 1 220px}
.fb-staff-form .fb-check{flex-direction:row;align-items:center;gap:7px;flex-wrap:wrap}

@media (max-width:768px){
  .fb-wrap{gap:34px;padding-bottom:50px}
  .fb-row{grid-template-columns:1fr;gap:0}
  .fb-title{font-size:22px}
  .fb-date{margin-left:0}
  .fb-open{width:100%;text-align:center}
}
@media (max-width:480px){
  .fb-form{padding:16px 14px}
  .fb-item{padding:14px}
  .fb-rate label{font-size:34px}
}

/* правка №126: «Купил у нас», сортировка, «Показать ещё», согласие на обработку данных */
.fb-item[hidden]{display:none}
.fb-buyer{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:#1f7a45;background:#e6f5ec;border-radius:20px;padding:2px 9px;white-space:nowrap}
.fb-toolbar{display:flex;justify-content:flex-end;margin:0 0 12px}
.fb-toolbar label{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#4a5b68}
.fb-sort{border:1px solid #cfd8dc;border-radius:8px;padding:6px 9px;font-size:14px;font-family:inherit;background:#fff}
.fb-more{display:block;margin:16px auto 0;border:1px solid #cfd8dc;background:#fff;color:#2c3e50;border-radius:10px;padding:9px 22px;font-size:14px;font-family:inherit;cursor:pointer}
.fb-more:hover{background:#f3f6f8}
.fb-more[hidden]{display:none}
.fb-consent{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.45;color:#4a5b68;cursor:pointer}
.fb-consent input{margin-top:3px;flex:0 0 auto}

/* правка №126: фото в отзывах и фильтр «Только с фото» */
.fb-photos{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.fb-photos img{display:block;width:96px;height:96px;object-fit:cover;border-radius:8px;border:1px solid #e3e9ed}
.fb-photo-filter{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#4a5b68;cursor:pointer;margin-right:auto}
.fb-toolbar{align-items:center;gap:14px}