/* FAQ accordion component extracted from homepage styles */
.faq-accordion{max-width:900px;margin:0 auto;padding:0 16px}
.faq-accordion .h2{margin:0 0 18px;font-size:clamp(22px,3.4vw,36px);text-align:center}
.faq-item{border:1px solid rgba(93,78,55,.25);border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.06);overflow:hidden;transition:box-shadow .25s ease}
.faq-item + .faq-item{margin-top:16px}
.faq-item.open{box-shadow:0 10px 28px rgba(0,0,0,.1)}
.faq-q{all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 18px;cursor:pointer;font-weight:800;font-size:clamp(16px,2.4vw,20px);color:inherit}
.faq-q:focus{outline:2px solid var(--accent,#5D4E37);outline-offset:2px;border-radius:12px}
.faq-q .ico{font-weight:700;font-size:24px;color:var(--accent,#5D4E37);transition:transform .25s ease}
.faq-item.open .faq-q .ico{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;opacity:0;padding:0 18px;transition:max-height .3s ease,opacity .28s ease,padding-top .28s ease}
.faq-item.open .faq-a{opacity:1;padding-top:8px}
.faq-a > div{padding:0 0 16px 0;color:var(--muted,#6b6b6b);line-height:1.65;font-size:clamp(15px,2vw,18px)}
.faq-a p{margin:0 0 10px}
@media (max-width:640px){
  .faq-accordion{margin:24px auto;padding:0 12px}
  .faq-a{padding:0 14px}
}