/* SSS bölümü — kendi dosyasında tutuluyor ki style.css/logo.css ile çakışmasın.
   Renkler açık gri + altın markasına göre ayarlandı. */
.faq{padding:120px 8vw;background:#eeeeec;color:#1b1b1d}
.faq-head{display:grid;grid-template-columns:80px 1fr;gap:5vw;align-items:start;margin-bottom:60px}
.faq h2{font-family:var(--display,Italiana,Georgia,serif);font-weight:400;font-size:clamp(2.8rem,5vw,5.3rem);line-height:1.03;margin:0;color:#19191b}
.faq-intro{max-width:520px;color:#66666a;margin:26px 0 0}
.faq-list{max-width:960px;margin-left:auto;border-top:1px solid #c9c9c5}
.faq-item{border-bottom:1px solid #c9c9c5}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:26px;padding:28px 4px;font-family:var(--display,Italiana,Georgia,serif);font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.25;color:#19191b;transition:color .3s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:#a77d10}
.faq-item summary:focus-visible{outline:1px solid #a77d10;outline-offset:4px}
.faq-no{font-family:Montserrat,sans-serif;font-size:.68rem;letter-spacing:.2em;color:#8d8d90;flex:none}
.faq-sign{margin-left:auto;flex:none;position:relative;width:16px;height:16px}
.faq-sign:before,.faq-sign:after{content:"";position:absolute;top:50%;left:0;width:16px;height:1px;background:#a77d10;transition:transform .3s}
.faq-sign:after{transform:rotate(90deg)}
.faq-item[open] summary{color:#a77d10}
.faq-item[open] .faq-sign:after{transform:rotate(0)}
.faq-answer{color:#5f5f62;font-size:.95rem;margin:0;padding:0 60px 30px 44px;max-width:760px}
.faq-foot{max-width:960px;margin:46px 0 0 auto;display:flex;align-items:center;gap:28px;flex-wrap:wrap;color:#66666a;font-size:.9rem}
@media(max-width:900px){
  .faq{padding:85px 24px}
  .faq-head{display:block}
  .faq h2{font-size:3rem}
  .faq-list{margin-left:0}
  .faq-item summary{gap:16px;padding:22px 2px}
  .faq-answer{padding:0 0 24px 30px}
  .faq-foot{margin-left:0;gap:18px;flex-direction:column;align-items:flex-start}
}
