/* Anka Life — Hasta Soruları / Bilgi merkezi
   style.css marka token/bileşen dili kullanılır (--green/--gold/--serif/--sans,
   .card/.chip kartlarındaki radius/gölge/boşluk kuralları). Sayfaya özel; global
   style.css'e dokunulmaz. Mobil öncelikli: 390px'de yatay taşma sıfır. */

.qa-hero{padding-block:clamp(48px,6vw,78px)}
.qa-hub-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:28px}
.qa-hub-nav a{padding:10px 18px;border:1px solid rgba(255,255,255,.34);border-radius:999px;
  color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:background .18s ease,border-color .18s ease}
.qa-hub-nav a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}
.qa-hub-nav a[aria-current="page"]{background:#fff;color:var(--green-d);border-color:#fff}

/* Soru formu kenar cubugundan sayfa sonuna tasindi; iki sutunlu izgaraya
   gerek kalmadi. Icerik artik tam genislikte, blog listesiyle ayni hizada. */
.qa-layout{display:block}
.qa-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.qa-section-head h2,.qa-clinic-faq h2,.qa-ask h2{font:400 clamp(29px,4vw,42px)/1.15 var(--serif);
  color:var(--green-d);margin:8px 0 0}
.qa-section-head>strong{font:400 42px/1 var(--serif);color:var(--gold-t)}

/* Arama / filtre şeridi */
.qa-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.5fr) auto;gap:14px;
  align-items:end;padding:22px;margin-bottom:24px;background:#fff;border:1px solid rgba(26,86,50,.08);
  border-radius:20px;box-shadow:0 8px 24px rgba(26,86,50,.04)}
.qa-filter div,.qa-field{display:grid;gap:9px}
.qa-filter label,.qa-field label{font-size:12.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--green-d)}
.qa-filter input,.qa-filter select,.qa-field input,.qa-field select,.qa-field textarea{
  width:100%;min-height:52px;border:1.5px solid rgba(26,86,50,.15);background:#fff;color:var(--ink);
  padding:13px 16px;font:500 15.5px/1.4 var(--sans);letter-spacing:0;text-transform:none;border-radius:14px;
  box-shadow:0 1px 2px rgba(14,52,31,.03);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.qa-filter input::placeholder,.qa-field input::placeholder,.qa-field textarea::placeholder{color:#9aa79e}
.qa-filter input:hover,.qa-filter select:hover,.qa-field input:hover,.qa-field select:hover,.qa-field textarea:hover{
  border-color:rgba(26,86,50,.32)}
.qa-filter select,.qa-field select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:42px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A5632' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;background-size:16px}
.qa-filter input:focus-visible,.qa-filter select:focus-visible,.qa-field input:focus-visible,
.qa-field select:focus-visible,.qa-field textarea:focus-visible{
  outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(26,86,50,.16)}
.qa-filter>a{align-self:center;color:var(--green);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.qa-filter>a:hover{color:var(--green-d)}

/* Soru listesi */
/* Tek sutunda kartlar 1200px'e yayilip devlesiyordu; SSS icin iki sutun daha rahat okunuyor. */
.qa-list{display:grid;gap:16px}
@media(min-width:760px){.qa-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.qa-card{padding:clamp(20px,2vw,26px);background:#fff;border:1px solid rgba(26,86,50,.08);
  border-radius:20px;box-shadow:0 8px 24px rgba(26,86,50,.04);
  transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}
.qa-card:hover{box-shadow:0 16px 36px rgba(26,86,50,.1);transform:translateY(-3px);border-color:rgba(26,86,50,.16)}
.qa-card h3{font:400 clamp(19px,1.5vw,23px)/1.3 var(--serif);margin:0 0 10px}
.qa-card h3 a{text-decoration:none;color:var(--ink)}
.qa-card h3 a:hover{color:var(--green)}
.qa-card p{margin:0 0 9px;color:var(--mute);font-size:15px;line-height:1.6}
.qa-card p:last-child{margin-bottom:0}
.qa-card footer{display:flex;align-items:center;justify-content:space-between;gap:15px;
  margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:13px}
.qa-card footer a{color:var(--green);font-weight:700;text-decoration:none}
.qa-card footer a:hover{color:var(--green-d)}

/* Boş durum */
.qa-empty{padding:clamp(32px,5vw,56px);border:1px solid rgba(26,86,50,.08);border-radius:20px;
  background:#fff;box-shadow:0 8px 24px rgba(26,86,50,.04);text-align:center}
.qa-empty>span{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 18px;
  border:1px solid var(--gold);border-radius:50%;font:400 29px/1 var(--serif);color:var(--gold-t)}
.qa-empty h3{max-width:36ch;margin:0 auto 9px;font:400 25px/1.3 var(--serif);color:var(--green-d)}
.qa-empty p{color:var(--mute)}
.qa-empty a{display:inline-block;margin-top:14px;color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:2px}

/* Klinik SSS bandı */
.qa-clinic-faq{margin-top:clamp(40px,6vw,70px);padding-top:32px;border-top:1px solid var(--line)}
/* Dogrudan cocuk: descendant yazilirsa kartlarin icindeki <p>'lere de sizip
   62ch genislik + 22px alt bosluk dayatiyordu (kartlar bu yuzden sismisti). */
.qa-clinic-faq>p{max-width:62ch;color:var(--mute);line-height:1.7;margin:15px 0 22px}
/* Baslikta 'q/p/g' sarkan harfleri var; alt bosluk olmayinca ilk kart uzerine biniyordu. */
.qa-clinic-faq h2{margin-bottom:22px}

/* Soru sorma kartı (sticky yan panel) */
.qa-ask{position:sticky;top:118px}
.qa-ask-card{position:relative;padding:clamp(28px,4vw,38px);background:linear-gradient(180deg,var(--green-tint) 0%,#eef4ef 100%);
  border:1px solid rgba(26,86,50,.14);border-radius:24px;box-shadow:0 1px 2px rgba(14,52,31,.04),0 24px 48px -28px rgba(14,52,31,.3);
  overflow:hidden}
.qa-ask-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;
  background:linear-gradient(90deg,var(--green) 0%,var(--gold) 100%)}
.qa-ask-card>p{color:var(--mute);line-height:1.65}
.qa-submit-form{display:grid;gap:18px;margin-top:24px}
.qa-field label small{font-weight:400;text-transform:none;letter-spacing:0;color:var(--mute)}
.qa-field textarea{resize:vertical;min-height:150px;line-height:1.6}
.qa-submit-form>.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:100%;min-height:56px;border-radius:16px;font-size:15.5px}
.qa-submit-form>.btn::after{content:"";width:18px;height:18px;background-repeat:no-repeat;
  background-position:center;background-size:contain;transition:transform .2s ease;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E")}
.qa-submit-form>.btn:hover::after{transform:translateX(4px)}
/* Kutu değil — not alanının altında sessiz, küçük bir ipucu (appt-note-hint ile aynı dil) */
.qa-privacy{display:block;margin:-8px 0 0;padding:0;border:0;background:none;
  color:var(--mute);font-size:12.5px;line-height:1.5}
.qa-privacy strong{display:none}
.qa-message{padding:14px 16px;margin-top:18px;border-radius:12px;font-weight:700}
.qa-message--success{background:#dcecdf;color:#174d2b}
.qa-message--error{background:#f5dfdb;color:#7b271b}

/* Tek soru detay sayfası */
.qa-detail-inner{max-width:900px}
.qa-back{display:inline-block;margin-bottom:26px;color:var(--green);font-weight:700;text-decoration:none}
.qa-back:hover{color:var(--green-d)}
.qa-detail-head{margin-bottom:30px}
.qa-detail-head h1{max-width:22ch}
.qa-answer{padding:clamp(28px,5vw,52px);background:#fff;border:1px solid rgba(26,86,50,.08);
  border-radius:24px;box-shadow:0 10px 30px -5px rgba(26,86,50,.05)}
.qa-answer h2{font:400 clamp(27px,4vw,38px)/1.2 var(--serif);color:var(--green-d)}
.qa-answer-copy{font-size:17px;line-height:1.8;color:#35423a}
.qa-reviewer{display:grid;gap:3px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.qa-reviewer span{font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em}
.qa-medical-note{margin-top:18px;padding:16px 18px;border-left:3px solid var(--gold);
  border-radius:0 14px 14px 0;background:#f4f1e9;color:#4a554e;font-size:14px;line-height:1.6}

@media(max-width:820px){
  .qa-layout{grid-template-columns:1fr}
  .qa-ask{position:static}
  .qa-filter{grid-template-columns:1fr 1fr}
  .qa-filter .btn{grid-column:1/-1}
  .qa-hub-nav{justify-content:flex-start}
  .qa-hero .treatment-hero-inner{text-align:left}
}
@media(max-width:520px){
  .qa-filter{grid-template-columns:1fr}
  .qa-filter .btn{grid-column:auto}
  .qa-card footer{align-items:flex-start;flex-direction:column}
  .qa-hub-nav a{width:100%;text-align:center}
  .qa-page{padding-top:42px}
  .qa-ask-card{padding:22px 18px}
}


/* ---------- Soru formu: yatay serit (tedavi sayfasi deseni) --------------- */
.qa-ask-band .qa-ask-form{align-items:center}
.qa-ask-band textarea{flex:1 1 320px;min-width:0;min-height:52px;padding:14px 18px;
  border:1px solid var(--line);border-radius:26px;background:#fff;font:inherit;
  font-size:15px;line-height:1.45;resize:vertical}
.qa-ask-band input[name="name"],.qa-ask-band input[name="phone"]{flex:1 1 170px}
.qa-ask-band .qa-message{flex-basis:100%;margin:0 0 12px}
@media(max-width:620px){
  .qa-ask-band textarea{flex:0 0 auto;width:100%}
}

/* ---------- Bosluk duzeni ------------------------------------------------
   .sec varsayilan --sec-y dolgusu (genis ekranda 132px) koyu hero, form seridi
   ve liste arasinda ust uste binip buyuk bos alanlar birakiyordu. Blog
   sayfasinda uygulanan ayni kisaltma. */
.qa-ask-band{padding-block:clamp(22px,2.6vw,34px)}
.qa-page{padding-top:clamp(24px,2.8vw,38px)}
.qa-page .sec-head{margin-bottom:clamp(20px,2.4vw,30px)}
/* Bos durum kutusu ekranin yarisini kaplamasin. */
.qa-empty{padding:clamp(26px,3.5vw,40px) 20px}

/* Kisa cevap kalin ve koyu, detay soluk: goz once ozeti yakalasin. */
.qa-card .qa-key{margin:0 0 8px;color:var(--ink);font-weight:600;font-size:15.5px;line-height:1.5}