/* FAQ — akordeon <details>/<summary> + szukajka. */

.faq-search{position:relative;margin:20px 0 32px;max-width:480px}
.faq-search input{width:100%;border:1px solid var(--line-2);border-radius:12px;padding:13px 13px 13px 42px;color:var(--ink)}
.faq-search .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3);width:18px;height:18px}

.faq-list{max-width:780px;border-top:1px solid var(--line);padding-bottom:60px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{display:flex;align-items:center;gap:14px;padding:18px 4px;cursor:pointer;list-style:none;font-family:var(--fh);font-weight:500;font-size:15.5px;transition:.12s}
.faq-q::-webkit-details-marker{display:none}
.faq-q:hover{color:var(--ink-2)}
.faq-q .fi{width:24px;height:24px;border-radius:7px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.18s}
.faq-q .fi .icon{width:16px;height:16px;transition:transform .18s}
.faq-item[open] .faq-q .fi{background:var(--ink);color:var(--on-black)}
.faq-item[open] .faq-q .fi .icon{transform:rotate(45deg)}
.faq-q .ftxt{flex:1}
.faq-a{padding:0 4px 22px 42px;color:var(--ink-2);font-size:14.5px;line-height:1.7;max-width:64ch}
.faq-empty{color:var(--ink-3);padding:22px 4px}