/* Op. Dr. Özgür Çavdaroğlu — /iletisim/ (İletişim ve randevu) sayfasına özgü bileşenler (2026-10-24).
   Kaynak yapı: test4 (yasarissi taslağı) /iletisim/ `il-*` sınıfları; renkler yalnız site.css :root değişkenleri (Özgür paleti).
   site.css + tedavi.css'ten SONRA yüklenir; gövde `.tdv.ilv`. Ritim: lacivert (koyu) ↔ buz (acik) — TAM BEYAZ bölüm zemini YOK
   (yalnız kart yüzeyi beyaz). Randevu/Ara butonu altın (a.b1), diğerleri turkuaz (a.btn-a). Mono etiket fontu yok: küçük
   etiketler gövde fontu (Alegreya Sans). Animasyon yalnız transform/opacity. */

.ilv main{display:block}

/* ---------- ortak bölüm kabuğu ---------- */
.il-sec{padding:72px 0}
.il-sec.acik{background:var(--buz);color:var(--fg)}
.il-sec.koyu{background:radial-gradient(60% 80% at 8% 0%,rgba(24,61,139,.7) 0%,rgba(24,61,139,0) 60%),var(--lacivert-koyu);color:var(--m1);border-top:1px solid rgba(216,181,106,.3)}
.il-sec h2{font-size:clamp(27px,3.1vw,40px);line-height:1.15;color:var(--lacivert);max-width:28ch}
.il-sec h2 em{font-style:italic;color:var(--altin-koyu)}
.il-sec.koyu h2{color:var(--altin-acik)}
.il-sec.koyu h2 em{color:#fff}
.il-chip{display:inline-flex;align-items:center;min-height:30px;padding:4px 14px;border-radius:999px;font:700 12.5px/1.2 "Alegreya Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.il-sec.acik .il-chip{background:rgba(21,52,119,.08);color:var(--lacivert);border:1px solid rgba(21,52,119,.18)}
.il-sec.koyu .il-chip{background:rgba(255,255,255,.1);color:var(--altin-acik);border:1px solid rgba(216,181,106,.45)}

/* ---------- 1. GİRİŞ: solda metin, sağda portre ---------- */
.il-giris{position:relative;overflow:hidden;isolation:isolate;color:#fff;
  background:radial-gradient(70% 90% at 12% 18%,rgba(24,61,139,.85) 0%,rgba(24,61,139,0) 60%),radial-gradient(60% 70% at 95% 100%,rgba(34,174,187,.16) 0%,rgba(34,174,187,0) 60%),var(--lacivert-koyu);
  padding:132px 0 64px}
.il-giris-g{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:center}
.il-metin{display:flex;flex-direction:column;gap:18px;max-width:660px}
.il-metin h1{font-size:clamp(34px,4.2vw,54px);line-height:1.06;color:#fff;letter-spacing:-.015em}
.il-metin .es-cevap{font-size:18px;line-height:1.55;max-width:60ch;color:var(--m1);font-weight:500;padding-left:16px;border-left:2px solid var(--altin);margin:0}
.il-metin .kunye-seridi{font-size:14px;color:var(--m3);padding-left:18px;margin:0}
.il-metin .kunye-seridi a{color:var(--altin-acik);font-weight:700;text-decoration:none}
.il-metin .kunye-seridi a:hover{text-decoration:underline}
.il-lead{font-size:18px;line-height:1.6;color:var(--m1);max-width:58ch}
.il-kanal{display:flex;flex-wrap:wrap;gap:12px}
.il-kanal a{padding:12px 22px;min-height:48px;font-size:16px;text-decoration:none}
.il-kanal svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.il-saat{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:15.5px;color:var(--m2)}
.il-saat b{color:#fff;font-weight:700}
.il-foto{position:relative;margin:0;border-radius:26px;overflow:hidden;aspect-ratio:1/1;background:var(--lacivert-derin);border:1px solid var(--altin-cizgi-soluk);box-shadow:0 2px 6px rgba(5,14,36,.3),0 40px 80px -40px rgba(5,14,36,.85)}
.il-foto img:first-child{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.il-foto::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(13,32,74,0) 60%,rgba(13,32,74,.45) 100%)}
.il-foto .filigran{position:absolute;right:14px;bottom:14px;width:44px;height:44px;opacity:.8;z-index:1}

/* ---------- 2. BİLGİ KARTLARI ---------- */
.il-bilgi-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.il-kart{display:flex;flex-direction:column;gap:10px;background:var(--kart);border:1px solid var(--cizgi);border-top:3px solid var(--altin-cizgi);border-radius:20px;padding:24px;box-shadow:0 1px 2px rgba(13,32,74,.06),0 24px 48px -32px rgba(13,32,74,.35)}
.il-sec .il-kart h2{font-size:21px;line-height:1.2;color:var(--lacivert);max-width:none}
.il-kart p{font-size:16px;line-height:1.55;color:var(--fg3)}
.il-kart .il-ad{color:var(--fg)}
.il-kart a{color:var(--turkuaz-metin);font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.il-kart a:hover{text-decoration:underline}
.il-kart .yol{margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.il-kart .yol svg,.il-sos svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.il-sos{display:flex;flex-direction:column;gap:6px}
.il-sos a{display:inline-flex;align-items:center;gap:8px;min-height:44px}

/* ---------- 3. RANDEVU FORMU (koyu bölümde; kart lacivert + altın çerçeve) ---------- */
.il-form-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:start}
.il-form-g>*{min-width:0}
.il-form-giris{display:grid;gap:16px;justify-items:start}
.il-form-giris .e{color:var(--turkuaz-acik)}
.il-form-p{font-size:17.5px;line-height:1.6;color:var(--m2);max-width:48ch}
.il-form-not{font-size:14px;color:var(--m3);line-height:1.5}
.il-sec.koyu .rf-kart{background:var(--koyu-grad);border-color:var(--altin)}
.il-sec.koyu .rf-kart .f-label{margin:6px 0 0;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--turkuaz-acik)}
.il-sec.koyu .rf-kart .f-alan select{width:100%;font:500 16px "Alegreya Sans",sans-serif;color:#fff;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.2);border-radius:14px;padding:12px 14px;min-height:48px}
.il-sec.koyu .rf-kart .f-alan select option{color:var(--fg);background:#fff}
.il-sec.koyu .rf-kart .f-alan textarea{min-height:96px;resize:vertical}
.il-sec.koyu .rf-bilgi p{margin:0}

/* ---------- 4. KONUM ---------- */
.il-harita-ust{margin-bottom:24px}
.il-harita-ust p{font-size:16.5px;color:var(--fg3)}
.il-harita{position:relative;display:block;border-radius:26px;overflow:hidden;aspect-ratio:1200/760;max-height:520px;width:100%;border:1px solid var(--altin-cizgi-soluk);box-shadow:0 2px 6px rgba(13,32,74,.12),0 34px 70px -38px rgba(13,32,74,.6);background:var(--buz-2);text-decoration:none}
.il-harita img{width:100%;height:100%;object-fit:cover}
.il-harita .pin{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:var(--altin-buton);border:4px solid #fff;box-shadow:0 0 0 10px rgba(216,181,106,.28),0 8px 20px rgba(5,14,36,.4);transition:transform .25s var(--ease)}
.il-harita:hover .pin{transform:scale(1.12)}
.il-harita-alt{position:absolute;left:16px;right:16px;bottom:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px}
.il-harita-alt b{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--turkuaz-buton);border:1px solid var(--turkuaz-dolgu);color:var(--buton-metin);font-weight:700;font-size:15.5px}
.il-harita-alt small{background:rgba(255,255,255,.88);color:var(--fg2);border-radius:8px;padding:3px 8px;font-size:12px}

/* ---------- 5. GELMEDEN ÖNCE ---------- */
.il-once-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.il-once-g>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-left:3px solid var(--altin);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:8px}
.il-once-g b{font:400 20px/1.25 Marcellus,Georgia,serif;color:var(--altin-acik)}
.il-once-g span{font-size:16px;line-height:1.6;color:var(--m2)}

/* ---------- 6. GALERİ (içerik gelince) ---------- */
.il-galeri-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.il-galeri-g figure{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:var(--buz-2)}
.il-galeri-g img{width:100%;height:100%;object-fit:cover}

/* ---------- 7. SSS (ton ritme göre) ---------- */
.il-sss-u{margin-bottom:20px}
.il-sss .faq{margin-top:0;align-items:start}
.il-sec.acik .faq details{background:var(--kart);border:1px solid var(--cizgi)}
.il-sec.acik .faq details:nth-child(4n+3),.il-sec.acik .faq details:nth-child(4n+4){background:var(--kart)}
.il-sec.acik .faq details:hover{border-color:var(--altin-cizgi)}
.il-sec.acik .faq summary{color:var(--fg)}
.il-sec.acik .faq summary::after{background:rgba(34,174,187,.12);border-color:var(--turkuaz-dolgu);color:var(--turkuaz-metin)}
.il-sec.acik .faq details[open]{background:var(--kart);border-color:var(--altin-cizgi);border-left:3px solid var(--altin-cizgi)}
.il-sec.acik .faq details[open] summary{color:var(--lacivert)}
.il-sec.acik .faq details[open] summary::after{background:var(--turkuaz);border-color:var(--turkuaz);color:var(--buton-metin)}
.il-sec.acik .faq details p{color:var(--fg3)}
.il-alt-not{margin-top:28px;font-size:14px;line-height:1.55;max-width:80ch}
.il-sec.acik .il-alt-not{color:var(--fg2)}
.il-sec.koyu .il-alt-not{color:var(--m3)}
.il-alt-not a{font-weight:700}
.il-sec.acik .il-alt-not a{color:var(--turkuaz-metin)}
.il-sec.koyu .il-alt-not a{color:var(--turkuaz-acik)}

/* ---------- bekleyen (yalnız taslak önizlemesi, --bekleyen-goster) ---------- */
.il-bekliyor{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:8px;background:var(--hata-k);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.04em}

/* ---------- duyarlı ---------- */
@media (max-width:1100px){.il-bilgi-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .il-giris{padding:104px 0 48px}
  .il-giris-g{grid-template-columns:1fr;gap:32px}
  .il-foto{max-width:420px;aspect-ratio:4/3}
  .il-form-g{grid-template-columns:1fr;gap:28px}
  .il-once-g{grid-template-columns:1fr}
  .il-galeri-g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .il-sec{padding:52px 0}
  .il-bilgi-g{grid-template-columns:1fr}
  .il-kanal a{flex:1 1 100%}
  .il-harita{aspect-ratio:4/5}
  .il-harita-alt{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.il-harita .pin{transition:none}}