/* Sikca Sorulan Sorular — akordiyon
   details/summary kullanilir: JavaScript gerekmez, klavye ile acilir/kapanir,
   ekran okuyucu durumu kendiliginden bildirir. Renkler site jetonlarindan. */

.faq-liste{max-width:820px;margin:0 auto}
.faq-grup+.faq-grup{margin-top:38px}

.faq-gbaslik{
  font-family:var(--f-mono);font-size:12.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--red);margin:0 0 14px;padding-bottom:10px;
  border-bottom:1px solid var(--line)
}

.faq-s{
  border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px;
  overflow:hidden;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)
}
.faq-s[open]{border-color:var(--blue);box-shadow:0 12px 30px -22px rgba(12,35,64,.5)}
.faq-s:hover{border-color:#C6D2E2}

.faq-s summary{
  display:flex;align-items:flex-start;gap:14px;cursor:pointer;list-style:none;
  padding:17px 20px;font-weight:600;font-size:16px;line-height:1.45;color:var(--navy);
  min-height:56px
}
.faq-s summary::-webkit-details-marker{display:none}
.faq-s summary::marker{content:""}
.faq-s summary span{flex:1}
.faq-s summary:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;border-radius:12px}

.faq-ok{
  width:20px;height:20px;flex:0 0 20px;margin-top:2px;color:var(--muted);
  transition:transform .22s var(--ease),color .22s var(--ease)
}
.faq-s[open] .faq-ok{transform:rotate(180deg);color:var(--blue)}

.faq-c{padding:0 20px 20px;color:var(--body);font-size:15.2px;line-height:1.68}
.faq-c p{margin:0 0 11px}
.faq-c p:last-child{margin:0}
.faq-c strong{color:var(--navy)}
.faq-c a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}

.faq-bos{color:var(--muted);text-align:center;padding:40px 0}

@media (max-width:600px){
  .faq-s summary{padding:15px 16px;font-size:15.2px}
  .faq-c{padding:0 16px 17px;font-size:14.8px}
}
@media (prefers-reduced-motion:reduce){
  .faq-s,.faq-ok{transition:none}
}