/* ===== FAQ SAYFASI ===== */
.faq-hero {
  background: linear-gradient(160deg,#f0f6ff 0%,#eef2ff 45%,#f5f3ff 100%);
  padding: 130px 0 60px; text-align: center; position: relative; overflow: hidden;
}
.faq-hero::before {
  content:''; position:absolute; top:-120px; right:-120px; width:400px; height:400px;
  border-radius:50%; background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%); pointer-events:none;
}
.faq-hero h1 { font-size:clamp(1.7rem,3.5vw,2.6rem); font-weight:900; color:var(--dark); margin-bottom:.75rem; letter-spacing:-1px; }
.faq-hero p  { color:var(--gray); font-size:1rem; max-width:560px; margin:0 auto 2rem; }

.faq-search-wrap { max-width:560px; margin:0 auto; position:relative; }
.faq-search-input {
  width:100%; padding:.9rem 1.2rem .9rem 3rem; border-radius:14px;
  border:1.5px solid rgba(37,99,235,.18); font-size:.95rem; font-family:'Inter',sans-serif;
  background:#fff; color:var(--dark); outline:none; transition:border-color .2s,box-shadow .2s;
}
.faq-search-input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(37,99,235,.12); }
.faq-search-icon {
  position:absolute; left:1rem; top:50%; transform:translateY(-50%);
  color:var(--gray); pointer-events:none;
}
.faq-search-btn {
  position:absolute; right:6px; top:50%; transform:translateY(-50%);
  background:var(--blue); color:#fff; border:none; border-radius:10px;
  padding:.5rem 1.1rem; font-size:.85rem; font-weight:600; cursor:pointer; transition:background .2s;
}
.faq-search-btn:hover { background:var(--indigo); }

/* Filtre Paneli */
.faq-filters-section {
  background:#fff; border-bottom:1px solid rgba(37,99,235,.07);
  padding:16px 0; position:sticky; top:64px; z-index:100;
}
.faq-filters-inner { display:flex; flex-direction:column; gap:.6rem; }
.faq-filter-group { display:flex; flex-direction:column; gap:.3rem; }
.faq-filter-group label {
  font-size:.68rem; font-weight:700; color:var(--gray);
  text-transform:uppercase; letter-spacing:.06em; padding:0 2px;
}
/* Her filtre satırı tek satır yatay scroll */
.faq-filter-pills {
  display:flex; flex-wrap:nowrap; gap:.35rem;
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  scrollbar-width:none; padding-bottom:2px;
}
.faq-filter-pills::-webkit-scrollbar { display:none; }
.fpill {
  flex-shrink:0;
  padding:.32rem .75rem; border-radius:100px; border:1.5px solid #e2e8f0;
  background:#fff; color:var(--gray); font-size:.75rem; font-weight:600;
  cursor:pointer; text-decoration:none; transition:all .2s; white-space:nowrap;
}
.fpill:hover { border-color:var(--blue); color:var(--blue); }
.fpill.active { background:var(--blue); color:#fff; border-color:var(--blue); box-shadow:0 2px 10px rgba(37,99,235,.25); }
.fpill-all { border-style:dashed; }

/* Sonuç Bilgisi */
.faq-result-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.5rem; margin-bottom:1.5rem; }
.faq-result-count { font-size:.88rem; color:var(--gray); }
.faq-result-count strong { color:var(--dark); }
.faq-active-tags { display:flex; flex-wrap:wrap; gap:.4rem; }
.faq-tag { display:inline-flex; align-items:center; gap:.3rem; background:rgba(37,99,235,.08); color:var(--blue); padding:.25rem .7rem; border-radius:100px; font-size:.75rem; font-weight:600; }
.faq-tag a { color:var(--blue); text-decoration:none; font-size:.85rem; font-weight:700; margin-left:.1rem; }
.faq-tag a:hover { color:var(--indigo); }

/* Ana İçerik Layout */
.faq-layout { display:grid; grid-template-columns:220px 1fr; gap:2rem; align-items:start; padding:48px 0 80px; }
/* grid'in ikinci kolonu taşmasın */
.faq-layout > main { min-width:0; overflow:hidden; }

@media(max-width:900px){
  .faq-layout { grid-template-columns:1fr; gap:1.25rem; padding:24px 0 60px; }
}

/* Yan Menü: Kategoriler */
.faq-sidebar { position:sticky; top:160px; }
.faq-sidebar-title { font-size:.7rem; font-weight:800; color:var(--gray); text-transform:uppercase; letter-spacing:.07em; margin-bottom:.75rem; }
.faq-cat-list { list-style:none; display:flex; flex-direction:column; gap:.3rem; }
.faq-cat-list a {
  display:flex; align-items:center; gap:.6rem; padding:.55rem .85rem;
  border-radius:10px; font-size:.85rem; font-weight:500; color:var(--gray);
  text-decoration:none; transition:all .2s; border:1.5px solid transparent;
}
.faq-cat-list a:hover { background:rgba(37,99,235,.06); color:var(--blue); }
.faq-cat-list a.active { background:rgba(37,99,235,.08); color:var(--blue); border-color:rgba(37,99,235,.18); font-weight:700; }
.faq-cat-list .cat-icon { font-size:1rem; }

/* === MOBİL: Filtre + Sidebar birlikte sticky wrapper === */
@media(max-width:900px){
  /* Filtre barı sticky olmayı bırakır — wrapper üstlenir */
  .faq-filters-section { position:static; padding:12px 0 0; border-bottom:none; }

  /* Sticky wrapper: filtreler + imza türü birlikte sabitleniyor */
  .faq-sticky-wrapper {
    position:sticky; top:56px; z-index:100;
    background:#fff; border-bottom:1px solid rgba(37,99,235,.07);
    padding-bottom:10px;
  }

  /* Sidebar şerit olarak sticky wrapper altında */
  .faq-sidebar {
    position:static;
    background:transparent;
    border-radius:0;
    padding:10px 0 0;
  }
  .faq-sidebar-title { margin-bottom:.4rem; font-size:.65rem; }
  .faq-cta-box { display:none; }

  /* İmza türü listesi tek satır yatay scroll */
  .faq-cat-list {
    flex-direction:row; flex-wrap:nowrap;
    overflow-x:auto; -webkit-overflow-scrolling:touch;
    gap:.35rem; scrollbar-width:none; padding-bottom:2px;
  }
  .faq-cat-list::-webkit-scrollbar { display:none; }
  .faq-cat-list li { flex-shrink:0; }
  .faq-cat-list a {
    padding:.3rem .75rem; font-size:.75rem; white-space:nowrap;
    border-radius:100px; border:1.5px solid #e2e8f0;
  }
  .faq-cat-list a.active {
    background:var(--blue); color:#fff; border-color:var(--blue);
  }
}

/* Masaüstünde imza türü filtre grubu gizli (sidebar'da gösterilir) */
.faq-filter-group--imza { display:none; }
@media(max-width:900px){
  .faq-filter-group--imza { display:flex; }
  /* Masaüstünde sidebar görünür, mobilde gizli */
  .faq-sidebar { display:block; }
}
@media(max-width:900px){
  .faq-sidebar { display:none; }
}

/* Akordeon */
.faq-group { margin-bottom:2rem; }
.faq-group-title {
  font-size:1rem; font-weight:800; color:var(--dark); margin-bottom:1rem;
  padding-bottom:.6rem; border-bottom:2px solid rgba(37,99,235,.1);
  display:flex; align-items:center; gap:.5rem;
}
.faq-group-title .cat-icon { font-size:1.1rem; }
.faq-item {
  background:#fff; border-radius:14px; border:1.5px solid rgba(37,99,235,.08);
  margin-bottom:.6rem; overflow:hidden; transition:box-shadow .2s;
}
.faq-item:hover { box-shadow:0 4px 20px rgba(37,99,235,.1); }
.faq-item.open { border-color:rgba(37,99,235,.2); box-shadow:0 4px 20px rgba(37,99,235,.1); }
.faq-q {
  display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem;
  padding:1rem 1.25rem; cursor:pointer; font-size:.92rem; font-weight:600; color:var(--dark);
  user-select:none; -webkit-user-select:none; line-height:1.5;
}
.faq-q:hover { color:var(--blue); }
.faq-q > span:first-child { flex:1; min-width:0; word-break:break-word; }
.faq-chevron { flex-shrink:0; width:22px; height:22px; min-width:22px; background:rgba(37,99,235,.07); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:transform .3s,background .2s; margin-top:2px; }
.faq-item.open .faq-chevron { transform:rotate(180deg); background:rgba(37,99,235,.15); }
.faq-chevron svg { width:12px; height:12px; color:var(--blue); }
.faq-a { display:none; padding:0 1.25rem 1.1rem 1.25rem; color:var(--gray); font-size:.88rem; line-height:1.75; }
.faq-a.show { display:block; animation:fadeSlideIn .3s ease; }
@keyframes fadeSlideIn { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:translateY(0)} }
.faq-a p, .faq-a ul, .faq-a ol { margin-bottom:.6rem; }
.faq-a ul, .faq-a ol { padding-left:1.25rem; }

@media(max-width:600px){
  .faq-q { font-size:.87rem; padding:.85rem 1rem; gap:.5rem; }
  .faq-a { font-size:.85rem; padding:0 1rem 1rem 1rem; line-height:1.7; }
  .faq-group-title { font-size:.92rem; }
}

/* Boş durum */
.faq-empty { text-align:center; padding:4rem 2rem; color:var(--gray); }
.faq-empty svg { margin-bottom:1rem; opacity:.35; }
.faq-empty h3 { font-size:1.1rem; color:var(--dark); margin-bottom:.4rem; }

/* CTA Kutusu */
.faq-cta-box {
  margin-top:2rem; background:linear-gradient(135deg,#eff6ff,#eef2ff);
  border:1.5px solid rgba(37,99,235,.15); border-radius:16px; padding:1.75rem;
  text-align:center;
}
.faq-cta-box h4 { font-size:1rem; font-weight:800; margin-bottom:.4rem; color:var(--dark); }
.faq-cta-box p  { font-size:.83rem; color:var(--gray); margin-bottom:1rem; }

/* Responsive */
@media(max-width:768px){
  .faq-result-bar { flex-direction:column; align-items:flex-start; }
}

/* Mobilde İletişime Geçin CTA — içerik altında ayrı blok */
.faq-mobile-cta {
  display:none;
}
@media(max-width:900px){
  .faq-mobile-cta {
    display:block;
    margin:1.5rem 0 2rem;
    background:linear-gradient(135deg,#eff6ff,#eef2ff);
    border:1.5px solid rgba(37,99,235,.15); border-radius:16px;
    padding:1.5rem; text-align:center;
  }
  .faq-mobile-cta h4 { font-size:.95rem; font-weight:800; margin-bottom:.35rem; color:var(--dark); }
  .faq-mobile-cta p  { font-size:.82rem; color:var(--gray); margin-bottom:.9rem; }
}