
/* FAQ accordion fix — native details/summary */
.faq-list{
  display:grid;
  gap:12px;
}
.faq-item{
  background:#fff;
  border:1px solid rgba(89,54,30,.10);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 5px 16px rgba(59,34,20,.035);
}
.faq-item summary{
  list-style:none;
  width:100%;
  margin:0;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  color:#4b2d1e;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
  background:#fff;
  user-select:none;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::marker{content:"";}
.faq-item summary > span{
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f7efe1;
  color:#a66d10;
  font-size:20px;
  line-height:1;
  font-weight:500;
  transition:transform .22s ease, background .22s ease;
}
.faq-item[open] summary{
  border-bottom:1px solid rgba(89,54,30,.08);
  background:#fffdf9;
}
.faq-item[open] summary > span{
  transform:rotate(45deg);
  background:#f2dfb6;
}
.faq-answer{
  padding:14px 18px 18px;
  color:#765e4c;
  font-size:11.5px;
  line-height:1.7;
  background:#fffdf9;
}
.faq-item summary:focus-visible{
  outline:2px solid #d4af34;
  outline-offset:-3px;
  border-radius:14px;
}
@media(max-width:600px){
  .faq-list{gap:10px;}
  .faq-item summary{padding:14px 15px;font-size:12px;gap:12px;}
  .faq-item summary > span{width:28px;height:28px;flex-basis:28px;font-size:18px;}
  .faq-answer{padding:12px 15px 16px;font-size:11px;}
}
