/* =========================================================
   b2bNet — sss.css
   Sikca sorulan sorular bolumu.
   main.css'ten SONRA yuklenir.
   ========================================================= */

.b2b-sss{
  background:#F6F9FF;
  padding:110px 20px 130px;
}
@media (min-width:768px){ .b2b-sss{ padding:160px 20px 180px; } }

.b2b-sss-ic{
  display:grid; gap:44px;
  max-width:var(--b2b-genislik); margin-inline:auto;
  grid-template-columns:1fr;
}
@media (min-width:960px){
  .b2b-sss-ic{ grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:90px; }
}

/* ---------------------------------------------------------
   1. SOL SUTUN
   --------------------------------------------------------- */
.b2b-sss-tepe{ align-self:start; }
@media (min-width:960px){
  .b2b-sss-tepe{ position:sticky; top:120px; }
}

.b2b-sss-baslik{
  margin:24px 0 0;
  font-size:clamp(1.9rem,3.6vw,2.9rem);
  font-weight:700; line-height:1.15; letter-spacing:-.03em;
  color:var(--b2b-lacivert);
}
.b2b-sss-yazi{
  max-width:400px; margin:18px 0 0;
  font-size:16px; line-height:1.7; color:var(--b2b-gri);
}
.b2b-sss-baglanti{
  display:inline-flex; align-items:center; gap:7px;
  margin-top:22px;
  font-size:15.5px; font-weight:600; color:var(--b2b-mavi-700);
}
.b2b-sss-baglanti svg{ width:16px; height:16px; transition:transform .2s ease; }
.b2b-sss-baglanti:hover svg{ transform:translateX(4px); }
.b2b-sss-baglanti:hover{ text-decoration:underline; }

/* ---------------------------------------------------------
   2. SORU LISTESI
   --------------------------------------------------------- */
.b2b-sss-liste{ list-style:none; margin:0; padding:0; display:grid; gap:16px; }

.b2b-soru{
  border-radius:22px;
  background:#fff;
  border:1px solid #E6EDF9;
  box-shadow:0 2px 10px rgba(11,38,102,.04);
  overflow:hidden;
  transition:box-shadow .3s ease, border-color .3s ease;
}
.b2b-soru:hover{ border-color:#D3E1F8; }
.b2b-soru.b2b-acik{
  border-color:#CFE0FA;
  box-shadow:0 18px 40px -22px rgba(11,38,102,.35);
}

/* ---- soru satiri ---- */
.b2b-soru-dugme{
  display:flex; align-items:flex-start; justify-content:space-between; gap:26px;
  width:100%; padding:30px 32px;
  border:0; background:transparent; cursor:pointer;
  font-family:inherit; text-align:left;
  font-size:clamp(16px,1.3vw,17.5px); font-weight:600; line-height:1.5;
  color:var(--b2b-lacivert);
  transition:color .25s ease;
}
.b2b-soru-dugme:hover{ color:var(--b2b-mavi-700); }

/* arti / eksi isareti */
.b2b-soru-isaret{
  position:relative; flex-shrink:0;
  width:24px; height:24px; margin-top:2px;
}
.b2b-soru-isaret::before,
.b2b-soru-isaret::after{
  content:''; position:absolute; left:50%; top:50%;
  background:#7A8DAE; border-radius:2px;
  transform:translate(-50%,-50%);
  transition:transform .4s var(--b2b-gecis), background-color .25s ease;
}
.b2b-soru-isaret::before{ width:16px; height:2px; }
.b2b-soru-isaret::after { width:2px; height:16px; }

/* acikken dikey cizgi yatarak eksiye doner */
.b2b-soru.b2b-acik .b2b-soru-isaret::after{
  transform:translate(-50%,-50%) rotate(90deg);
}
.b2b-soru.b2b-acik .b2b-soru-isaret::before,
.b2b-soru.b2b-acik .b2b-soru-isaret::after{ background:var(--b2b-mavi-600); }
.b2b-soru-dugme:hover .b2b-soru-isaret::before,
.b2b-soru-dugme:hover .b2b-soru-isaret::after{ background:var(--b2b-mavi-600); }

/* ---- cevap: yumusak acilma ---- */
.b2b-cevap{
  display:grid; grid-template-rows:0fr;
  transition:grid-template-rows .45s var(--b2b-gecis);
}
.b2b-soru.b2b-acik .b2b-cevap{ grid-template-rows:1fr; }
.b2b-cevap > div{ overflow:hidden; min-height:0; }

.b2b-cevap p{
  margin:0; padding:2px 32px 32px;
  font-size:16px; line-height:1.8; color:var(--b2b-gri);
  max-width:62ch;
  opacity:0; transform:translateY(-6px);
  transition:opacity .35s ease, transform .4s var(--b2b-gecis);
}
.b2b-soru.b2b-acik .b2b-cevap p{
  opacity:1; transform:translateY(0);
  transition-delay:.12s;
}
.b2b-cevap p + p{ padding-top:0; margin-top:-8px; }