.faq{padding:30px 0 70px}
.faq__head{text-align:center;margin-bottom:30px}
.faq__head h2{font-size:32px;font-weight:900;text-transform:uppercase;letter-spacing:.3px}
.faq__head p{margin-top:12px;color:var(--ink-2);font-size:15px}

.faq__list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq__item{
  background:#fff;border-radius:16px;box-shadow:var(--shadow);
  overflow:hidden;transition:.2s box-shadow;
}
.faq__item[open]{box-shadow:0 14px 36px rgba(40,60,20,.09)}
.faq__q{
  list-style:none;cursor:pointer;padding:20px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  font-weight:700;font-size:15px;color:var(--ink);
}
.faq__q::-webkit-details-marker{display:none}
.faq__q::after{
  content:"";flex:0 0 22px;width:22px;height:22px;border-radius:50%;
  background:#EAF5DD url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236ABF2A' stroke-width='3' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>") center/14px no-repeat;
  transition:.2s transform;
}
.faq__item[open] .faq__q::after{transform:rotate(180deg)}
.faq__a{padding:0 24px 20px;color:var(--ink-2);font-size:14px;line-height:1.6}

@media (max-width:560px){
  .faq{padding:12px 0 32px}
  .faq__head{margin-bottom:12px}
  .faq__head h2{font-size:15px}
  .faq__head p{font-size:11px;margin-top:6px}
  .faq__list{gap:6px}
  .faq__item{border-radius:12px}
  .faq__q{padding:12px 14px;font-size:12px;gap:10px}
  .faq__q::after{flex:0 0 18px;width:18px;height:18px;background-size:11px}
  .faq__a{padding:0 14px 12px;font-size:11px;line-height:1.5}
}