/* ============================================================
   COMPONENT — FAQ accordion
   Plain-language answers to the questions sellers actually ask
   before handing account access to a third party.
   ============================================================ */
.faq{padding:96px 0; background:var(--paper);}

.faq-list{max-width:780px; margin:0 auto;}

.faq-item{
  border-bottom:1px solid var(--line-light);
}
.faq-item:first-child{border-top:1px solid var(--line-light);}

.faq-q{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:22px 4px; background:none; border:none; text-align:left;
  font-family:var(--ff-display); font-size:16.5px; font-weight:600; color:var(--ink);
}
.faq-q .icon-plus{
  flex:none; width:26px; height:26px; border-radius:50%; border:1px solid var(--line-light);
  display:flex; align-items:center; justify-content:center; position:relative;
  transition:transform .25s ease, background .2s ease, border-color .2s ease;
}
.faq-q .icon-plus::before, .faq-q .icon-plus::after{
  content:""; position:absolute; background:var(--ink);
}
.faq-q .icon-plus::before{width:10px; height:1.6px;}
.faq-q .icon-plus::after{width:1.6px; height:10px;}

.faq-item.open .faq-q .icon-plus{background:var(--orange-600); border-color:var(--orange-600); transform:rotate(180deg);}
.faq-item.open .faq-q .icon-plus::before, .faq-item.open .faq-q .icon-plus::after{background:var(--white);}
.faq-item.open .faq-q .icon-plus::after{opacity:0;}

.faq-a{
  max-height:0; overflow:hidden; transition:max-height .3s ease;
}
.faq-a p{padding:0 34px 22px 4px; color:var(--ink-soft); font-size:14.8px; line-height:1.7;}

/* ---- responsive ---- */
@media (max-width:720px){
  .faq{padding:72px 0;}
  .faq-q{font-size:15px;}
}