/* FARBALAND 23.10.2026: блок "Відгуки та питання" + питання + вікно "Поставити питання" */

/* ---- шапка блоку: рейтинг + 2 кнопки, вкладки Відгуки / Питання ---- */
.fhrq{color:#1E3A4F;font-size:16px}
.fhrq-hd{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:0 0 18px}
.fhrq-r{color:#5B6B78;font-size:16px}
.fhrq-r b{color:#F5C518;font-weight:400}
.fhrq-btns{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.fhrq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border:1px solid #2E9BD9;border-radius:23px;background:#2E9BD9;color:#fff;font:inherit;font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.fhrq-btn:hover{background:#1F86C2;border-color:#1F86C2}
.fhrq-btn-2{background:#fff;color:#2E9BD9}
.fhrq-btn-2:hover{background:#EAF5FC;color:#1F86C2}
.fhrq-f{display:flex;gap:8px;margin:0 0 20px;overflow-x:auto;scrollbar-width:none}
.fhrq-f::-webkit-scrollbar{display:none}
.fhrq-c{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 18px;border:1px solid #DCE2E7;border-radius:20px;background:#fff;color:#1E3A4F;font:inherit;font-size:15px;cursor:pointer}
.fhrq-c span{color:#8A97A1}
.fhrq-c.is-on{background:#1E3A4F;border-color:#1E3A4F;color:#fff}
.fhrq-c.is-on span{color:rgba(255,255,255,.75)}
.fhrq-empty{padding:22px 26px;border:1px solid #EEF0F2;border-radius:16px;color:#5B6B78}
.fhrq-empty[hidden],.fhrq-more[hidden]{display:none!important}
.fhrq[data-empty] .fhrq-body{display:none}
.fhrq-more{display:block;margin:6px auto 0;min-height:46px;padding:0 26px;border:1px solid #2E9BD9;border-radius:23px;background:#fff;color:#2E9BD9;font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.fhrq-more:hover{background:#EAF5FC}
.fhrq[data-m="rv"] .fhrq-p[data-p="qa"],.fhrq[data-m="qa"] .fhrq-p[data-p="rv"]{display:none}
.fhrq[data-m] .fhrq-x{display:none!important}

/* ---- питання: картка як у відгуку теми ---- */
.fhqa{color:#1E3A4F;font-size:16px;line-height:1.5}
.fhqa *{box-sizing:border-box}
.fhqa-empty{padding:22px 26px;border:1px solid #EEF0F2;border-radius:16px;color:#5B6B78}
.fhqa-chips{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;scrollbar-width:none}
.fhqa-chips::-webkit-scrollbar{display:none}
.fhqa-chip{flex:none;min-height:34px;padding:0 14px;border:1px solid #DCE2E7;border-radius:17px;background:#fff;color:#1E3A4F;font:inherit;font-size:14px;cursor:pointer}
.fhqa-chip.is-on{background:#EAF5FC;border-color:#2E9BD9;color:#1F86C2}
.fhqa-q{padding:22px 30px 20px;margin:0 0 16px;border:1px solid #EEF0F2;border-radius:16px;background:#fff}
.fhqa-q.is-hl{animation:fhqaHl 2.4s ease-out 1}
@keyframes fhqaHl{0%,40%{background:#FFF8E1}100%{background:#fff}}
.fhqa-qh{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:0 0 14px;margin:0 0 16px;border-bottom:1px solid #EEF0F2}
.fhqa-u{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#EEF0F2;color:#B5BEC6;flex:none}
.fhqa-qn{color:#2E9BD9;font-size:17px;font-weight:500}
.fhqa-tag{font-size:12px;line-height:22px;padding:0 10px;border-radius:11px;background:#EAF5FC;color:#1F86C2}
.fhqa-qt{color:#5B6B78;font-size:17px;line-height:1.75;word-wrap:break-word}
.fhqa-imgs{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.fhqa-img img{width:80px;height:80px;object-fit:cover;border-radius:12px;display:block}
.fhqa-qf{display:flex;align-items:center;flex-wrap:wrap;gap:6px 22px;margin-top:14px}
.fhqa-qd{color:#1E3A4F;font-size:15px}
.fhqa-tg,.fhqa-cp{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0;border:0;background:none;font:inherit;font-size:14px;cursor:pointer;color:#2E9BD9}
.fhqa-tgl{border-bottom:1px dashed currentColor;line-height:1.2}
.fhqa-tg:hover,.fhqa-cp:hover{color:#1F86C2}
.fhqa-chev{transition:transform .2s}
.fhqa-tg.is-open .fhqa-chev{transform:rotate(180deg)}
.fhqa-cp{margin-left:auto;color:#8A97A1}
.fhqa-cp.is-done{color:#1F86C2}
.fhqa-a{display:flex;gap:14px;align-items:flex-start;margin-top:14px;padding:18px 20px;border-radius:14px;background:#F2F8FC}
.fhqa-a[hidden]{display:none}
.fhqa-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:#fff}
.fhqa-av-org{object-fit:contain;border:1px solid #DCE2E7;padding:4px}
.fhqa-ab{flex:1;min-width:0}
.fhqa-an{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:15px;color:#5B6B78;margin-bottom:6px}
.fhqa-an b{color:#1E3A4F;font-weight:600}
.fhqa-an a{color:inherit;text-decoration:none}
.fhqa-an a:hover b{color:#2E9BD9}
.fhqa-an .fhqa-qd{color:#8A97A1;font-size:14px}
.fhqa-at{color:#1E3A4F;font-size:16px;line-height:1.7;word-wrap:break-word}
.fhqa-at a{color:#2E9BD9;text-decoration:underline;text-underline-offset:2px}

/* ---- вікно "Поставити питання" ---- */
html.fhqa-lock{overflow:hidden}
.fhqa-md{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,30,42,.55)}
.fhqa-md[hidden]{display:none}
.fhqa-mdb{position:relative;width:100%;max-width:540px;max-height:calc(100vh - 32px);overflow:auto;padding:28px 24px 22px;border-radius:20px;background:#fff;color:#1E3A4F;font-size:15px;line-height:1.5;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.fhqa-mdb *{box-sizing:border-box}
.fhqa-mdx{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:#F1F3F5;color:#1E3A4F;font-size:22px;line-height:36px;padding:0;cursor:pointer}
.fhqa-form{display:flex;flex-direction:column;gap:12px}
.fhqa-form[hidden],.fhqa-ok[hidden],.fhqa-err[hidden],.fhqa-phb[hidden]{display:none!important}
.fhqa-ft{font-size:22px;font-weight:600;padding-right:36px}
.fhqa-fs{margin-top:-8px;color:#5B6B78;font-size:14px}
.fhqa-form textarea,.fhqa-form input[type=text]{width:100%;padding:11px 14px;border:1px solid #C9D2D9;border-radius:12px;background:#fff;font:inherit;font-size:16px;color:#1E3A4F;outline:none}
.fhqa-form textarea{resize:vertical;min-height:110px}
.fhqa-form textarea:focus,.fhqa-form input[type=text]:focus{border-color:#2E9BD9}
.fhqa-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fhqa-ph{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.fhqa-phb{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:1px dashed #9FB0BD;border-radius:19px;color:#1E3A4F;font-size:14px;cursor:pointer;background:#fff}
.fhqa-phb svg{width:18px;height:18px}
.fhqa-phl{color:#8A97A1;font-size:13px}
.fhqa-thumbs{display:flex;gap:10px;width:100%}
.fhqa-thumbs:empty{display:none}
.fhqa-th{position:relative;width:64px;height:64px}
.fhqa-th img{width:64px;height:64px;object-fit:cover;border-radius:10px;display:block}
.fhqa-thx{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border:0;border-radius:50%;background:#1E3A4F;color:#fff;font-size:15px;line-height:22px;padding:0;cursor:pointer}
.fhqa-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.fhqa-err{color:#B42318;font-size:14px}
.fhqa-send{min-height:48px;border:0;border-radius:24px;background:#2E9BD9;color:#fff;font:inherit;font-size:16px;font-weight:500;cursor:pointer}
.fhqa-send:hover{background:#1F86C2}
.fhqa-send:disabled{opacity:.6;cursor:default}
.fhqa-note{color:#8A97A1;font-size:13px;text-align:center}
.fhqa-ok{padding:12px 4px 4px;text-align:center}
.fhqa-okt{font-size:22px;font-weight:600;margin-bottom:6px;color:#1F6B3A}

@media (max-width:640px){
  .fhrq-btns{width:100%;margin-left:0}
  .fhrq-btn{flex:1;padding:0 10px;font-size:14px}
  .fhqa-row{grid-template-columns:1fr}
  .fhqa-md{align-items:flex-end;padding:0}
  .fhqa-mdb{max-width:none;border-radius:20px 20px 0 0;max-height:92vh;padding:24px 16px 20px}
  .fhqa-cp span{display:none}
  .fhqa-a{padding:12px}
  .fhqa-q{padding:16px 16px 14px}
  .fhqa-qt{font-size:16px}
}