/*
 * ORTAK STİL DOSYASI
 * Renkler, yazı tipleri ve ölçüler en üstte "değişken" olarak tanımlı.
 * Bir rengi değiştirmek için sadece buradaki satırı değiştirmek yeterli.
 */
:root {
  /* Renkler Klinik Psikologlar logosundan alındı: lacivert, gri-mavi ve altın */
  --zemin: #f5f5f2;          /* sayfa arka planı: sıcak kırık beyaz */
  --yuzey: #ffffff;          /* kartlar */
  --yuzey-ikincil: #f9f9f7;
  --metin: #13202b;          /* logodaki koyu lacivertin yumuşatılmış tonu */
  --soluk: #56626c;          /* ikincil yazılar */
  --cizgi: #e3e4e1;
  --cizgi-koyu: #c9cdcf;
  --vurgu: #1c4a66;          /* ana renk: logodaki gri-mavi lacivert */
  --vurgu-koyu: #12354b;
  --vurgu-acik: #e5eef4;
  --altin: #b08d5c;          /* logodaki altın daire: küçük vurgular */
  --altin-koyu: #8a6a3d;
  --altin-acik: #f6efe4;
  --basari: #2e9e64;
  --hata: #a33a2b;
  --hata-acik: #f8e9e6;
  --bilgi-acik: #eaf1f6;
  --mor: #5b3f86;            /* arama alanı vurgusu: koyu mor */
  --mor-koyu: #4a3270;
  --mor-acik: #f3eef9;       /* arama paneli zemini: açık eflatun */
  --mor-cizgi: #ddd2ec;
  --wa: #13804a;             /* WhatsApp butonu */
  --wa-koyu: #0f6b3d;
  --bordo: #8a1f3d;          /* "Uzmanı Ara" butonu */
  --bordo-koyu: #721833;
  --yaricap: 14px;
  --golge: 0 1px 2px rgba(19, 32, 43, 0.04), 0 6px 18px rgba(19, 32, 43, 0.06);
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --genislik: 1180px;
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--zemin);
  color: var(--metin);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: var(--vurgu); }
h1, h2, h3 { font-family: var(--serif); font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; }
input, select, button, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid #8fbfac; outline-offset: 2px; border-radius: 6px; }
[hidden] { display: none !important; }
[tabindex="-1"]:focus { outline: none; }
.ikon { width: 18px; height: 18px; flex: none; }
.gorunmez {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.kapsayici { max-width: var(--genislik); margin: 0 auto; padding: 0 16px; }
@media (min-width: 700px) { .kapsayici { padding: 0 24px; } }

/* ---------- Üst menü ---------- */
.ust {
  position: sticky; top: 0; z-index: 30;
  background: rgba(246, 244, 239, 0.94);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--cizgi);
}
.ust .kapsayici { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 112px; }
.logo {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--serif); font-weight: 600; font-size: 1.25rem;
  color: var(--metin); text-decoration: none;
}
.logo-isaret {
  width: 32px; height: 32px; border-radius: 9px;
  background: var(--vurgu); color: #fff;
  display: grid; place-items: center;
}
.logo-isaret .ikon { width: 20px; height: 20px; }
.ust-menu { display: flex; align-items: center; gap: 4px; }
.ust-menu .metin-link {
  color: var(--soluk); text-decoration: none; font-size: 0.95rem;
  padding: 8px 12px; border-radius: 8px;
}
.ust-menu .metin-link:hover { color: var(--metin); background: #ece8df; }
.ust-menu .metin-link[aria-current="page"] { color: var(--metin); font-weight: 600; }
.menu-baglantilar, .menu-butonlar { display: flex; align-items: center; gap: 4px; }
.menu-butonlar { gap: 8px; margin-left: 10px; }
.menu-dugme {
  display: none; width: 44px; height: 44px; border-radius: 10px; border: 1px solid var(--cizgi-koyu);
  background: var(--yuzey); color: var(--metin); cursor: pointer; place-items: center;
}
.menu-dugme .ikon { width: 22px; height: 22px; }
/* Dar ekranlarda menü, ☰ düğmesiyle açılan bir panele dönüşür */
@media (max-width: 1079px) {
  .menu-dugme { display: grid; }
  .ust-menu {
    display: none; position: absolute; top: calc(100% + 1px); left: 0; right: 0; z-index: 40;
    flex-direction: column; align-items: stretch; gap: 12px; padding: 14px 16px 18px;
    background: var(--yuzey); border-bottom: 1px solid var(--cizgi); box-shadow: 0 16px 32px rgba(28, 35, 33, 0.12);
  }
  .ust-menu.acik { display: flex; }
  .menu-baglantilar { flex-direction: column; align-items: stretch; gap: 2px; }
  .ust-menu .metin-link { display: block; padding: 12px 12px; font-size: 1rem; }
  .menu-butonlar { margin: 4px 0 0; display: grid; grid-template-columns: 1fr 1fr; }
  .menu-butonlar .btn { min-height: 46px; }
}

/* ---------- Butonlar ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 10px 18px;
  border-radius: 10px; border: 1px solid transparent;
  font-weight: 600; font-size: 0.95rem; line-height: 1.2;
  text-decoration: none; cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
.btn-ana { background: var(--vurgu); color: #fff; }
.btn-ana:hover { background: var(--vurgu-koyu); }
.btn-cizgi { background: var(--yuzey); color: var(--metin); border-color: var(--cizgi-koyu); }
.btn-cizgi:hover { border-color: var(--metin); }
.btn-wa { background: var(--wa); color: #fff; }
.btn-wa:hover { background: var(--wa-koyu); }
.btn-beyaz { background: #fff; color: var(--vurgu); }
.btn-beyaz:hover { background: var(--vurgu-acik); }
.btn-blok { width: 100%; }
.btn-kucuk { min-height: 40px; padding: 8px 14px; font-size: 0.9rem; }
.btn[disabled] { opacity: 0.6; cursor: not-allowed; }
.link-buton {
  background: none; border: none; padding: 8px 0; min-height: 44px;
  color: var(--vurgu); font-weight: 600; font-size: 0.95rem; cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px; text-decoration: none;
}
.link-buton:hover { text-decoration: underline; }

/* ---------- Örnek veri uyarısı ---------- */
.ornek-uyari {
  background: #fbf3e2; border-bottom: 1px solid #efdcb6;
  color: #6e4f12; font-size: 0.88rem; text-align: center; padding: 8px 16px;
}

/* ---------- Sayfa başlığı ---------- */
.sayfa-bas { padding-top: 40px; padding-bottom: 24px; }
.sayfa-bas h1 { font-size: clamp(1.9rem, 5vw, 2.9rem); margin: 0 0 12px; }
.sayfa-bas p { color: var(--soluk); margin: 0; max-width: 60ch; font-size: 1.05rem; }

/* ---------- Form öğeleri ---------- */
.girdi {
  width: 100%; min-height: 48px; padding: 12px 14px;
  background: #fff; border: 1px solid var(--cizgi-koyu); border-radius: 10px;
  font-size: 16px; /* 16px'in altı iPhone'da otomatik yakınlaştırmaya yol açar */
  transition: border-color 0.15s, box-shadow 0.15s;
}
.girdi:hover { border-color: #b9b2a3; }
.girdi:focus { outline: none; border-color: var(--vurgu); box-shadow: 0 0 0 3px rgba(28, 74, 102, 0.18); }
select.girdi {
  appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6560' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center; background-size: 16px;
}
.alan-etiket { display: block; font-size: 0.88rem; font-weight: 500; color: var(--soluk); margin-bottom: 6px; }
.onay-kutusu { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; min-height: 44px; padding: 10px 0; font-size: 0.95rem; }
.onay-kutusu input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--vurgu); flex: none; cursor: pointer; }

/* ---------- Arama paneli (eflatun) ---------- */
.arama-bolumu { padding-top: 24px; }
.arama-paneli {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, var(--mor-acik) 0%, #e8dff3 100%);
  border: 1px solid var(--mor-cizgi); border-radius: 24px;
  padding: 20px 14px 8px;
}
@media (min-width: 700px) { .arama-paneli { padding: 34px 34px 12px; } }
/* Arka plandaki yumuşak süs daireleri */
.arama-paneli::before, .arama-paneli::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.arama-paneli::before { width: 340px; height: 340px; right: -110px; top: -170px; background: rgba(255, 255, 255, 0.55); }
.arama-paneli::after { width: 220px; height: 220px; left: -90px; bottom: -120px; background: rgba(91, 63, 134, 0.07); }
.arama-paneli > * { position: relative; z-index: 1; }

.baslik-kap { margin: 0 0 14px; font-size: inherit; }
.baslik-buton {
  display: inline-flex; align-items: center; gap: 14px; max-width: 100%;
  padding: 10px 28px 10px 10px; border: none; border-radius: 999px; cursor: pointer;
  background: var(--mor); color: #fff; text-align: left;
  font-family: var(--serif); font-weight: 600; letter-spacing: -0.01em;
  font-size: clamp(1.12rem, 3.3vw, 1.95rem); line-height: 1.2;
  box-shadow: 0 8px 22px rgba(91, 63, 134, 0.28);
  transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
}
.baslik-buton:hover { background: var(--mor-koyu); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(91, 63, 134, 0.34); }
.baslik-buton:active { transform: translateY(0); }
.baslik-ikon {
  width: clamp(40px, 5.5vw, 54px); height: clamp(40px, 5.5vw, 54px); flex: none;
  display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, 0.16);
}
.baslik-ikon .ikon { width: 46%; height: 46%; }
@media (max-width: 600px) {
  .baslik-buton { display: flex; width: 100%; border-radius: 18px; padding: 10px 16px 10px 10px; }
}
@media (prefers-reduced-motion: reduce) { .baslik-buton, .baslik-buton:hover { transform: none; } }
.arama-aciklama { color: #4d4360; margin: 0 0 20px; max-width: 62ch; font-size: 1.02rem; }

/* Panelin içindeki öğeler mor vurgu alır */
.arama-paneli .arama { border-color: var(--mor-cizgi); box-shadow: 0 6px 20px rgba(91, 63, 134, 0.08); }
.arama-paneli .girdi:focus { border-color: var(--mor); box-shadow: 0 0 0 3px rgba(91, 63, 134, 0.18); }
.arama-paneli .link-buton { color: var(--mor); }
.arama-paneli .filtre-sayac { background: var(--mor); }
.arama-paneli .onay-kutusu input { accent-color: var(--mor); }
.arama-paneli .ek-filtreler { border-color: var(--mor-cizgi); margin-bottom: 14px; }
.arama-paneli .alan-etiket { color: #4d4360; }

/* ---------- Arama ve filtreler ---------- */
.arama {
  display: grid; gap: 10px; grid-template-columns: 1fr;
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap);
  padding: 12px; box-shadow: var(--golge);
}
/* Tablet: arama ve ihtiyaç tam genişlikte, şehir/unvan/görüşme alt satırda yan yana
   Masaüstü: üst satırda arama + ihtiyaç, alt satırda üç seçim */
@media (min-width: 700px) {
  .arama { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .arama > * { grid-column: span 2; }
  .arama .arama-kutu, .arama .ihtiyac-kutu { grid-column: span 6; }
  .arama.tek-unvan > *:not(.arama-kutu):not(.ihtiyac-kutu) { grid-column: span 3; }
  .unvan-kutu[hidden] { display: none; }
}
@media (min-width: 1020px) {
  .arama .arama-kutu, .arama .ihtiyac-kutu { grid-column: span 3; }
}
.arama-kutu { position: relative; }
.arama-kutu .ikon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--soluk); pointer-events: none; }
.arama-kutu .girdi { padding-left: 44px; }

.filtre-satir {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 4px 16px; margin-top: 10px;
}
.ek-filtreler {
  display: grid; gap: 14px; grid-template-columns: 1fr;
  margin-top: 6px; padding: 16px;
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap);
}
@media (min-width: 700px) { .ek-filtreler { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1020px) { .ek-filtreler { grid-template-columns: repeat(3, 1fr); } }
.filtre-sayac {
  display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px;
  background: var(--vurgu); color: #fff; border-radius: 999px; font-size: 0.78rem;
}
.link-buton .ikon-asagi { transition: transform 0.2s; }
.link-buton[aria-expanded="true"] .ikon-asagi { transform: rotate(180deg); }

.sonuc-satir {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px;
  margin: 22px 0 14px; color: var(--soluk); font-size: 0.95rem;
}
.sonuc-satir strong { color: var(--metin); }

/* ---------- Uzman kartları ----------
 * Her uzman ayrı bir kart. Kartlar arasındaki boşluk ekran genişliğine göre değişir:
 *   mobil 1 sütun / 16px · tablet 2 sütun / 20px · masaüstü 3 sütun / 24px
 * Asimetrik vurgu: kartın üst kenarı sol başta ilk çalışma alanının renginde başlar
 * ve sağa doğru söner; köşede kısa, kalın bir renk çizgisi durur.
 */
.kartlar {
  display: grid; grid-template-columns: 1fr; gap: 16px;
  margin-bottom: 48px;
}
@media (min-width: 700px) { .kartlar { grid-template-columns: repeat(2, 1fr); gap: 20px; } }
@media (min-width: 1050px) { .kartlar { grid-template-columns: repeat(3, 1fr); gap: 24px; } }

.kart {
  position: relative; min-width: 0; overflow: hidden;
  display: flex; flex-direction: column; gap: 14px;
  padding: 26px 22px 22px;
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 18px;
  box-shadow: var(--golge);
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
@media (min-width: 700px) { .kart { padding: 30px 26px 24px; } }
.kart:hover, .kart:focus-within {
  transform: translateY(-3px); border-color: var(--cizgi-koyu);
  box-shadow: 0 2px 4px rgba(28, 35, 33, 0.04), 0 14px 32px rgba(28, 35, 33, 0.09);
}
@media (prefers-reduced-motion: reduce) { .kart:hover, .kart:focus-within { transform: none; } }

/* Üst kenarda soldan sağa sönen renkli ince çizgi */
.kart::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, var(--kart-renk, var(--vurgu)), transparent 70%);
  opacity: 0.6;
}
/* Sol üst köşedeki kısa, kalın vurgu çizgisi */
.kart-vurgu {
  position: absolute; top: 0; left: 22px; width: 52px; height: 4px;
  background: var(--kart-renk, var(--vurgu)); border-radius: 0 0 4px 4px;
  transition: width 0.3s;
}
@media (min-width: 700px) { .kart-vurgu { left: 26px; } }
.kart:hover .kart-vurgu { width: 88px; }

.kart-ust { display: flex; gap: 16px; align-items: center; min-width: 0; }
.kart-kimlik { min-width: 0; }
.kart h2 { font-size: 1.24rem; margin: 0 0 7px; }
.kart-baglanti { color: inherit; text-decoration: none; }
/* Görünmez katman: kartın her yerine tıklanınca profile gider */
.kart-baglanti::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.kart:hover .kart-baglanti { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.kart-baglanti:focus-visible { outline: none; }
.kart-baglanti:focus-visible::after { outline: 3px solid #8fbfac; outline-offset: -6px; border-radius: 14px; }

.avatar {
  width: 64px; height: 64px; border-radius: 50%; flex: none;
  display: grid; place-items: center; object-fit: cover;
  font-family: var(--serif); font-weight: 600; font-size: 1.3rem; color: #fff;
}
.kart .avatar {
  width: 76px; height: 76px; font-size: 1.45rem;
  box-shadow: 0 0 0 4px var(--yuzey), 0 0 0 5px var(--cizgi);
}
.avatar-buyuk {
  width: 120px; height: 120px; font-size: 2.4rem;
  box-shadow: 0 0 0 5px var(--yuzey), 0 0 0 6px var(--cizgi);
}

.rozetler { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.rozet {
  display: inline-flex; align-items: center;
  background: var(--vurgu-acik); color: var(--vurgu);
  font-size: 0.8rem; font-weight: 600; padding: 3px 10px; border-radius: 999px;
}
.dogrulama-isaret { display: inline-flex; align-items: center; gap: 4px; color: var(--vurgu); font-size: 0.8rem; font-weight: 500; }
.dogrulama-isaret .ikon { width: 17px; height: 17px; }

.kart-meta {
  margin: 0; display: flex; flex-wrap: wrap; gap: 6px 16px;
  color: var(--soluk); font-size: 0.9rem;
}
.kart-meta span { display: inline-flex; align-items: center; gap: 6px; }
.kart-meta .ikon { width: 16px; height: 16px; }

.etiketler { display: flex; flex-wrap: wrap; gap: 6px; }
.etiket {
  background: var(--yuzey-ikincil); border: 1px solid var(--cizgi);
  font-size: 0.82rem; padding: 4px 10px; border-radius: 999px;
}
.etiket-renkli { border-color: transparent; font-weight: 500; }
.kart .tanitim {
  margin: 0; color: #3a433f;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

.kart-alt {
  margin-top: auto; padding-top: 16px;
  display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  border-top: 1px dashed var(--cizgi);
}
.kart-alt-bilgi { display: flex; flex-direction: column; gap: 3px; }
.durum { display: inline-flex; align-items: center; gap: 6px; font-size: 0.85rem; color: var(--soluk); }
.durum::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #b9b4a8; flex: none; }
.durum.acik { color: #23704a; }
.durum.acik::before { background: var(--basari); box-shadow: 0 0 0 3px rgba(46, 158, 100, 0.15); }
.kart-git {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--vurgu); font-weight: 600; font-size: 0.92rem;
  padding: 8px 14px; border-radius: 999px; background: var(--vurgu-acik);
  transition: background-color 0.2s, color 0.2s;
}
.kart-git .ikon { width: 16px; height: 16px; transition: transform 0.2s; }
.kart:hover .kart-git { background: var(--vurgu); color: #fff; }
.kart:hover .kart-git .ikon { transform: translateX(3px); }

.bos-durum {
  grid-column: 1 / -1; text-align: center; padding: 48px 20px;
  background: var(--yuzey); border: 1px dashed var(--cizgi-koyu); border-radius: var(--yaricap);
}
.bos-durum h2 { font-size: 1.3rem; margin: 0 0 8px; }
.bos-durum p { color: var(--soluk); margin: 0 0 16px; }

/* ---------- Uzmanlar için tanıtım bandı ---------- */
.uzman-cagri { background: var(--vurgu); color: #fff; padding: 56px 0; }
.uzman-cagri .kapsayici { display: grid; gap: 28px; }
@media (min-width: 900px) { .uzman-cagri .kapsayici { grid-template-columns: 1.1fr 1fr; align-items: center; } }
.uzman-cagri h2 { font-size: clamp(1.6rem, 4vw, 2.2rem); margin: 0 0 12px; }
.uzman-cagri p { margin: 0 0 22px; opacity: 0.9; max-width: 52ch; }
.fayda-listesi { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.fayda-listesi li {
  display: flex; gap: 12px; align-items: flex-start;
  background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px; padding: 14px 16px;
}
.fayda-listesi .ikon { margin-top: 3px; }
.fayda-listesi strong { display: block; }
.fayda-listesi span { opacity: 0.85; font-size: 0.93rem; }

/* ---------- Alt bilgi ---------- */
.alt { border-top: 1px solid var(--cizgi); padding: 32px 0 40px; color: var(--soluk); font-size: 0.9rem; }
.alt .kapsayici { display: grid; gap: 16px; }
.alt-linkler { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.alt-linkler a { color: var(--soluk); text-decoration: none; padding: 6px 0; }
.alt-linkler a:hover { color: var(--metin); text-decoration: underline; }
.acil-not {
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 10px;
  padding: 12px 14px; color: var(--metin);
}

/* ---------- Profil sayfası ---------- */
.geri-link {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
  color: var(--soluk); text-decoration: none; font-size: 0.95rem; margin: 16px 0 8px;
}
.geri-link:hover { color: var(--metin); }

.profil-duzen { display: grid; gap: 16px; grid-template-columns: 1fr; padding-bottom: 48px; }
.profil-duzen > * { min-width: 0; }
@media (min-width: 960px) {
  .profil-duzen { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; gap: 24px; }
  .profil-yan { position: sticky; top: 132px; }
}
.profil-ana { display: grid; gap: 16px; }

.blok {
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap);
  padding: 22px; box-shadow: var(--golge);
}
@media (min-width: 700px) { .blok { padding: 28px; } }
.blok h2 { font-size: 1.3rem; margin: 0 0 14px; }
.blok h3 { font-family: var(--sans); font-size: 0.85rem; font-weight: 600; color: var(--soluk); text-transform: uppercase; letter-spacing: 0.04em; margin: 18px 0 10px; }
.blok h3:first-of-type { margin-top: 0; }
.blok p { margin: 0 0 12px; }
.blok p:last-child { margin-bottom: 0; }

.profil-bas { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.profil-bas > div:not(.avatar) { min-width: 0; flex: 1 1 220px; }
.profil-bas > .avatar { flex: none; }
.profil-bas h1 { font-size: clamp(1.7rem, 4.5vw, 2.3rem); margin: 0 0 8px; }
.profil-bas + .tanitim, .profil-bas .tanitim { color: var(--soluk); margin: 20px 0 0; font-size: 1.02rem; }
.ozet-bilgiler {
  display: grid; gap: 10px; grid-template-columns: 1fr; margin-top: 20px; padding-top: 20px;
  border-top: 1px solid var(--cizgi); font-size: 0.93rem;
}
@media (min-width: 560px) { .ozet-bilgiler { grid-template-columns: 1fr 1fr; } }
.ozet-bilgiler span { display: flex; align-items: center; gap: 8px; color: var(--soluk); }
.ozet-bilgiler .ikon { width: 17px; height: 17px; color: var(--vurgu); }

.uzun-metin { position: relative; }
.uzun-metin.kapali { max-height: 190px; overflow: hidden; }
.uzun-metin.kapali::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 70px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}

.liste-sade { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.liste-sade li { display: flex; gap: 10px; align-items: flex-start; }
.liste-sade li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--vurgu); margin-top: 10px; flex: none; }

.seans-tablo { display: grid; gap: 0; margin: 0; }
.seans-tablo div { display: grid; grid-template-columns: 1fr; gap: 2px; padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
.seans-tablo div:first-child { padding-top: 0; }
.seans-tablo div:last-child { border-bottom: none; padding-bottom: 0; }
@media (min-width: 560px) { .seans-tablo div { grid-template-columns: 170px 1fr; gap: 16px; } }
.seans-tablo dt { color: var(--soluk); font-size: 0.92rem; }
.seans-tablo dd { margin: 0; font-weight: 500; }

.yazi-listesi { list-style: none; margin: 0; padding: 0; }
.yazi-listesi li { border-bottom: 1px solid var(--cizgi); }
.yazi-listesi li:last-child { border-bottom: none; }
.yazi-listesi a {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding: 14px 0; color: var(--metin); text-decoration: none; min-height: 44px;
}
.yazi-listesi a:hover span:first-child { text-decoration: underline; text-underline-offset: 3px; }
.yazi-listesi small { color: var(--soluk); white-space: nowrap; }


.sss details { border-bottom: 1px solid var(--cizgi); }
.sss details:last-child { border-bottom: none; }
.sss summary {
  list-style: none; cursor: pointer; min-height: 48px; padding: 14px 32px 14px 0; position: relative;
  font-weight: 600;
}
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after {
  content: ""; position: absolute; right: 4px; top: 50%; width: 9px; height: 9px;
  border-right: 2px solid var(--soluk); border-bottom: 2px solid var(--soluk);
  transform: translateY(-70%) rotate(45deg); transition: transform 0.2s;
}
.sss details[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.sss details p { margin: 0 0 16px; color: var(--soluk); }

/* Yan kutu (masaüstü) */
.iletisim-kutu { display: grid; gap: 12px; }
.iletisim-kutu h2 { margin-bottom: 4px; }
.iletisim-kutu .alt-not { font-size: 0.85rem; color: var(--soluk); margin: 4px 0 0; }
.btn-metin { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.3; text-align: left; }
.btn-metin small { font-weight: 400; color: var(--soluk); font-size: 0.85rem; }
.btn-ana .btn-metin small, .btn-wa .btn-metin small { color: rgba(255, 255, 255, 0.85); }

/* İletişim butonları: alt alta, eşit genişlikte. Her kanalın kendi rengi var. */
.iletisim-butonlari { display: grid; gap: 10px; }
.btn-iletisim { justify-content: flex-start; padding: 12px 16px; min-height: 56px; text-align: left; }
.btn-iletisim .ikon { width: 20px; height: 20px; flex: none; }
.btn-iletisim .btn-metin small { color: rgba(255, 255, 255, 0.85); overflow-wrap: anywhere; }
.btn-ara { background: var(--bordo); color: #fff; }
.btn-ara:hover { background: var(--bordo-koyu); }
.btn-eposta { background: var(--mor); color: #fff; }
.btn-eposta:hover { background: var(--mor-koyu); }
.btn-mesaj { background: var(--vurgu); color: #fff; }
.btn-mesaj:hover { background: var(--vurgu-koyu); }
.btn-iletisim:focus-visible { outline: 3px solid var(--metin); outline-offset: 2px; }
/* Pasif kanal: gri, soluk, tıklanamaz (içinde bağlantı yok) */
.btn-iletisim.pasif {
  background: #efede8; color: #8d928f; border: 1px dashed #d5d1c7;
  cursor: not-allowed; font-weight: 500;
}
.btn-iletisim.pasif .btn-metin small { color: #9a9e9b; }
.btn-iletisim.pasif .ikon { opacity: 0.6; }
.kapali-uyari {
  background: var(--yuzey-ikincil); border: 1px solid var(--cizgi); border-radius: 10px;
  padding: 12px 14px; font-size: 0.92rem; color: var(--soluk);
}

/* Alt sabit iletişim çubuğu (mobil) */
.mobil-iletisim {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 25;
  display: flex; gap: 10px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  background: rgba(255, 255, 255, 0.97); border-top: 1px solid var(--cizgi);
  box-shadow: 0 -4px 16px rgba(28, 35, 33, 0.06);
}
.mobil-iletisim .btn { flex: 1; min-width: 0; min-height: 48px; padding: 10px 8px; justify-content: center; font-size: 0.9rem; gap: 6px; }
body.mobil-cubuk-var { padding-bottom: 84px; }
@media (min-width: 960px) {
  .mobil-iletisim { display: none; }
  body.mobil-cubuk-var { padding-bottom: 0; }
}

/* ---------- Giriş sayfaları ---------- */
.giris-duzen { min-height: calc(100vh - 64px); display: grid; grid-template-columns: 1fr; }
@media (min-width: 960px) { .giris-duzen { grid-template-columns: 1fr 1fr; } }
.giris-tanitim { display: none; }
@media (min-width: 960px) {
  .giris-tanitim {
    display: flex; flex-direction: column; justify-content: center;
    background: var(--vurgu); color: #fff; padding: 56px;
  }
  .giris-tanitim h2 { font-size: 2.1rem; margin: 0 0 14px; max-width: 18ch; }
  .giris-tanitim p { opacity: 0.9; margin: 0 0 28px; max-width: 44ch; }
}
.giris-form-alani { display: flex; justify-content: center; align-items: flex-start; padding: 32px 16px 56px; }
@media (min-width: 960px) { .giris-form-alani { align-items: center; } }
.giris-kart {
  width: 100%; max-width: 440px;
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap);
  padding: 28px 22px; box-shadow: var(--golge);
}
@media (min-width: 700px) { .giris-kart { padding: 36px; } }
.giris-kart h1 { font-size: 1.75rem; margin: 0 0 6px; }
.giris-kart .aciklama { color: var(--soluk); margin: 0 0 24px; font-size: 0.97rem; }
.form-alani { margin-bottom: 16px; }
.form-satir { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 8px; }
.form-satir .onay-kutusu { padding: 0; }

.sifre-kutu { position: relative; }
.sifre-kutu .girdi { padding-right: 52px; }
.sifre-goster {
  position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px; display: grid; place-items: center;
  background: none; border: none; color: var(--soluk); cursor: pointer; border-radius: 8px;
}
.sifre-goster:hover { color: var(--metin); }

.guc-cubugu { height: 6px; background: var(--cizgi); border-radius: 999px; overflow: hidden; margin-top: 10px; }
.guc-cubugu span { display: block; height: 100%; width: 0; background: var(--hata); transition: width 0.2s, background-color 0.2s; }
.sifre-kurallari { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 4px; font-size: 0.86rem; color: var(--soluk); }
.sifre-kurallari li { display: flex; align-items: center; gap: 8px; }
.sifre-kurallari li::before {
  content: ""; width: 14px; height: 14px; border-radius: 50%; border: 1.5px solid var(--cizgi-koyu); flex: none;
}
.sifre-kurallari li.tamam { color: #23704a; }
.sifre-kurallari li.tamam::before {
  border-color: var(--basari); background: var(--basari)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4.5 4.5L19 7'/%3E%3C/svg%3E")
    center / 10px no-repeat;
}

.captcha-yeri {
  display: flex; align-items: center; gap: 12px;
  border: 1.5px dashed var(--cizgi-koyu); border-radius: 10px;
  padding: 14px; margin: 4px 0 18px; background: var(--yuzey-ikincil);
  font-size: 0.88rem; color: var(--soluk);
}
.captcha-yeri .ikon { color: var(--vurgu); width: 22px; height: 22px; }
.captcha-yeri strong { color: var(--metin); display: block; font-size: 0.92rem; }

.mesaj { border-radius: 10px; padding: 12px 14px; font-size: 0.93rem; margin-bottom: 16px; }
.mesaj-hata { background: var(--hata-acik); color: var(--hata); border: 1px solid #ecc8c1; }
.mesaj-bilgi { background: var(--bilgi-acik); color: var(--vurgu-koyu); border: 1px solid #cfe0d8; }
.alan-hata { color: var(--hata); font-size: 0.85rem; margin-top: 6px; }
.girdi[aria-invalid="true"] { border-color: var(--hata); }

.form-alt { text-align: center; margin-top: 20px; color: var(--soluk); font-size: 0.95rem; }
.ayrac { border: none; border-top: 1px solid var(--cizgi); margin: 22px 0; }
.buyuk-ikon {
  width: 56px; height: 56px; border-radius: 50%; background: var(--vurgu-acik); color: var(--vurgu);
  display: grid; place-items: center; margin-bottom: 18px;
}
.buyuk-ikon .ikon { width: 26px; height: 26px; }
.iki-sutun { display: grid; gap: 0 12px; grid-template-columns: 1fr; }
@media (min-width: 520px) { .iki-sutun { grid-template-columns: 1fr 1fr; } }

/* ---------- Manşet alanı (kayan duyurular) ---------- */
.manset-alani { padding-top: 20px; }
.manset { border-radius: var(--yaricap); overflow: hidden; box-shadow: var(--golge); }
.manset-ray {
  display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
  scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.manset-ray::-webkit-scrollbar { display: none; }
.manset-slayt {
  flex: 0 0 100%; scroll-snap-align: start; min-width: 0;
  display: grid; grid-template-columns: 1fr; align-items: center;
  min-height: 210px;
}
.manset-icerik { padding: 28px 22px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
@media (min-width: 700px) {
  .manset-slayt { min-height: 250px; }
  .manset-icerik { padding: 40px 48px; }
  .manset-slayt.gorselli { grid-template-columns: 1.15fr 1fr; }
}
.manset-slayt h2 { font-size: clamp(1.45rem, 3.6vw, 2.1rem); margin: 0; max-width: 24ch; }
.manset-slayt p { margin: 0 0 6px; max-width: 54ch; font-size: 1.02rem; }
.manset-gorsel { width: 100%; height: 100%; max-height: 280px; object-fit: contain; padding: 20px 32px 20px 0; }
@media (max-width: 699px) { .manset-gorsel { display: none; } }

.tema-yesil { background: var(--vurgu); color: #fff; }
.tema-yesil p { opacity: 0.9; }
.tema-kum { background: #efe5d3; color: var(--metin); }
.tema-gri { background: #e2e9ec; color: var(--metin); }

.manset-etiket {
  display: inline-block; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.03em;
  padding: 3px 10px; border-radius: 999px; background: rgba(0, 0, 0, 0.08);
}
.tema-yesil .manset-etiket { background: rgba(255, 255, 255, 0.18); }
.manset-etiket.reklam { background: #fff; color: var(--metin); border: 1px solid var(--cizgi-koyu); }

.manset-kontroller { display: flex; align-items: center; justify-content: center; gap: 4px; margin-top: 8px; }
.manset-ok {
  width: 40px; height: 40px; display: grid; place-items: center;
  background: none; border: none; border-radius: 50%; color: var(--soluk); cursor: pointer;
}
.manset-ok:hover { background: #ece8df; color: var(--metin); }
.manset-ok .ikon { width: 18px; height: 18px; }
#mansetDurdur .ikon { width: 14px; height: 14px; }
.manset-noktalar { display: flex; gap: 2px; }
.manset-nokta {
  width: 28px; height: 40px; display: grid; place-items: center;
  background: none; border: none; cursor: pointer; padding: 0;
}
.manset-nokta::before {
  content: ""; width: 8px; height: 8px; border-radius: 999px; background: var(--cizgi-koyu);
  transition: width 0.2s, background-color 0.2s;
}
.manset-nokta[aria-current="true"]::before { width: 22px; background: var(--vurgu); }
.manset-alani + .sayfa-bas { padding-top: 24px; }

/* ---------- Sonuç satırı araçları ve görünüm seçici ---------- */
.sonuc-araclar { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.aralik { color: var(--soluk); }
@media (max-width: 520px) { .aralik { display: block; } }
.gorunum-secici {
  display: inline-flex; padding: 3px; gap: 2px;
  background: #ece8df; border-radius: 12px;
}
.gorunum-secici button {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 38px; padding: 6px 12px; border: none; border-radius: 9px;
  background: transparent; color: var(--soluk); font-weight: 600; font-size: 0.88rem; cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}
.gorunum-secici button:hover { color: var(--metin); }
.gorunum-secici button[aria-pressed="true"] { background: var(--yuzey); color: var(--vurgu); box-shadow: 0 1px 3px rgba(28, 35, 33, 0.12); }
@media (max-width: 520px) { .gorunum-yazi { display: none; } .gorunum-secici button { padding: 6px 10px; } }

/* Kart gövdesi (konum, etiketler, tanıtım): kutu görünümünde alt alta */
.kart-govde { display: flex; flex-direction: column; gap: 14px; min-width: 0; }

/* ---------- Liste görünümü ----------
 * Masaüstü (≥ 960px): [fotoğraf + isim] [konum, etiketler, tanıtım] [ücret + buton] tek satırda
 * Tablet (700–959px): üstte fotoğraf+isim ve ücret+buton, altta gövde
 * Mobil (< 700px):   sıkışık satır — etiketler ve tanıtım gizlenir, daha çok uzman sığar
 */
.kartlar.liste-gorunumu { grid-template-columns: 1fr; gap: 12px; }
.liste-gorunumu .kart { padding: 18px 18px 18px 22px; gap: 10px 20px; }
.liste-gorunumu .kart:hover, .liste-gorunumu .kart:focus-within { transform: translateX(3px); }
/* Vurgu çizgisi listede sol kenara, dikey olarak geçer */
.liste-gorunumu .kart-vurgu { top: 18px; left: 0; width: 4px; height: 44px; border-radius: 0 4px 4px 0; transition: height 0.3s; }
.liste-gorunumu .kart:hover .kart-vurgu { width: 4px; height: 72px; }
.liste-gorunumu .kart::before {
  top: 0; bottom: 0; left: 0; right: auto; width: 1px; height: auto;
  background: linear-gradient(180deg, var(--kart-renk, var(--vurgu)), transparent 80%);
}
.liste-gorunumu .kart .avatar { width: 56px; height: 56px; font-size: 1.1rem; box-shadow: 0 0 0 3px var(--yuzey), 0 0 0 4px var(--cizgi); }
.liste-gorunumu .kart h2 { font-size: 1.12rem; margin-bottom: 5px; }
.liste-gorunumu .kart-ust { gap: 14px; }

@media (max-width: 699px) {
  .liste-gorunumu .kart { display: grid; grid-template-columns: 1fr; padding: 16px 16px 16px 20px; }
  .liste-gorunumu .kart-govde .etiketler,
  .liste-gorunumu .kart-govde .tanitim { display: none; }
  .liste-gorunumu .kart-meta { font-size: 0.85rem; gap: 4px 12px; }
  .liste-gorunumu .kart-alt { padding-top: 10px; align-items: center; }
  .liste-gorunumu .kart-git { padding: 6px 12px; font-size: 0.86rem; }
}
@media (min-width: 700px) and (max-width: 959px) {
  .liste-gorunumu .kart {
    display: grid; grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "ust alt" "govde govde"; align-items: center;
  }
  .liste-gorunumu .kart-ust { grid-area: ust; }
  .liste-gorunumu .kart-alt { grid-area: alt; margin: 0; padding: 0; border: none; flex-direction: column; align-items: flex-end; text-align: right; }
  .liste-gorunumu .kart-govde { grid-area: govde; gap: 10px; }
  .liste-gorunumu .kart-alt-bilgi { align-items: flex-end; }
}
@media (min-width: 960px) {
  .liste-gorunumu .kart {
    display: grid; grid-template-columns: minmax(0, 290px) minmax(0, 1fr) 210px;
    align-items: center; padding: 20px 24px 20px 28px;
  }
  .liste-gorunumu .kart-govde { gap: 9px; }
  .liste-gorunumu .kart-govde .tanitim { -webkit-line-clamp: 1; font-size: 0.95rem; }
  .liste-gorunumu .kart-alt {
    margin: 0; padding: 0 0 0 20px; border-top: none; border-left: 1px dashed var(--cizgi);
    flex-direction: column; align-items: flex-start; gap: 10px; height: 100%; justify-content: center;
  }
}

/* ---------- Sayfalama ---------- */
.sayfalama { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px; margin: -20px 0 56px; }
.sayfa-dugme {
  min-width: 44px; height: 44px; padding: 0 12px;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 12px;
  font-weight: 600; font-size: 0.95rem; color: var(--metin); cursor: pointer;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}
.sayfa-dugme:hover:not([disabled]) { border-color: var(--vurgu); color: var(--vurgu); }
.sayfa-dugme[aria-current="page"] { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
.sayfa-dugme[disabled] { opacity: 0.45; cursor: not-allowed; }
.sayfa-dugme .ikon { width: 16px; height: 16px; }
.sayfa-bosluk { min-width: 24px; text-align: center; color: var(--soluk); }
@media (max-width: 520px) { .sayfa-ok-yazi { display: none; } }

/* ---------- Blog bölümü ---------- */
.blog-bolumu { background: var(--yuzey); border-top: 1px solid var(--cizgi); padding: 56px 0 64px; }
.bolum-bas {
  display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px;
  margin-bottom: 28px;
}
.bolum-bas h2 { font-size: clamp(1.7rem, 4vw, 2.3rem); margin: 4px 0 8px; }
.bolum-bas p { margin: 0; color: var(--soluk); max-width: 56ch; }
.bolum-ust-yazi {
  font-size: 0.8rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--vurgu);
}
.yazi-kartlari { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 700px) { .yazi-kartlari { grid-template-columns: repeat(2, 1fr); gap: 20px; } }
@media (min-width: 1050px) { .yazi-kartlari { grid-template-columns: repeat(3, 1fr); gap: 24px; } }

.yazi-kart {
  position: relative; display: flex; flex-direction: column; min-width: 0;
  background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 18px; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
}
.yazi-kart:hover, .yazi-kart:focus-within { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(28, 35, 33, 0.09); }
@media (prefers-reduced-motion: reduce) { .yazi-kart:hover, .yazi-kart:focus-within { transform: none; } }
/* Kapak: kategori renginin açık tonu üzerinde soyut desen ve büyük tırnak işareti */
.yazi-kapak {
  position: relative; height: 140px; overflow: hidden;
  background: var(--kapak-zemin);
}
.yazi-kapak::before, .yazi-kapak::after { content: ""; position: absolute; border-radius: 50%; }
.yazi-kapak::before { width: 180px; height: 180px; right: -40px; top: -70px; background: var(--kapak-renk); opacity: 0.16; }
.yazi-kapak::after { width: 110px; height: 110px; left: 30%; bottom: -60px; background: var(--kapak-renk); opacity: 0.1; }
.yazi-kapak-isaret {
  position: absolute; left: 22px; bottom: 6px; font-family: var(--serif); font-size: 6rem; line-height: 1;
  color: var(--kapak-renk); opacity: 0.35;
}
.yazi-kapak .etiket { position: absolute; left: 20px; top: 18px; background: rgba(255, 255, 255, 0.85); }
.yazi-icerik { display: flex; flex-direction: column; gap: 10px; padding: 20px 22px 22px; flex: 1; }
.yazi-icerik h3 { font-size: 1.22rem; margin: 0; line-height: 1.3; }
.yazi-baglanti { color: inherit; text-decoration: none; }
.yazi-baglanti::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.yazi-kart:hover .yazi-baglanti { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.yazi-ozet {
  margin: 0; color: #3a433f; font-size: 0.97rem;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.yazi-alt {
  margin-top: auto; padding-top: 14px; border-top: 1px dashed var(--cizgi-koyu);
  display: flex; align-items: center; gap: 10px; font-size: 0.86rem; color: var(--soluk);
}
.yazi-alt .avatar { width: 34px; height: 34px; font-size: 0.8rem; }
.yazi-alt strong { display: block; color: var(--metin); font-weight: 600; font-size: 0.9rem; }

/* ---------- İhtiyaç seçimi, "emin değilim" notu, sıralama bilgisi ---------- */
.ihtiyac-kutu select.girdi { font-weight: 500; }
.emin-degilim-notu {
  margin: 16px 0 0; padding: 14px 16px; border-radius: 12px;
  background: var(--mor-acik); border: 1px solid var(--mor-cizgi); color: #3f3550; font-size: 0.95rem;
}
.emin-degilim-notu strong { display: block; margin-bottom: 2px; color: var(--mor-koyu); }

.siralama-bilgisi { margin: -6px 0 14px; font-size: 0.9rem; color: var(--soluk); }
.siralama-bilgisi summary {
  cursor: pointer; display: inline-flex; align-items: center; gap: 6px; min-height: 36px;
  color: var(--soluk); text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 4px;
}
.siralama-bilgisi summary:hover { color: var(--metin); }
.siralama-bilgisi p {
  margin: 6px 0 0; max-width: 72ch; padding: 0 0 0 12px; border-left: 2px solid var(--cizgi-koyu);
}

/* Kabul durumu güncel değilse: gri nokta yerine boş halka */
.durum.eski { color: var(--soluk); font-style: italic; }
.durum.eski::before { background: transparent; border: 1.5px solid #a9a397; }

/* ---------- Profil: doğrulama açıklaması, güncellik bilgisi ---------- */
.dogrulama-detay { margin-top: 14px; font-size: 0.9rem; }
.dogrulama-detay summary {
  list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;
  color: var(--vurgu); font-weight: 600; min-height: 32px;
}
.dogrulama-detay summary::-webkit-details-marker { display: none; }
.dogrulama-detay summary .ikon { width: 16px; height: 16px; }
.dogrulama-detay p {
  margin: 6px 0 0; padding: 12px 14px; border-radius: 10px;
  background: var(--vurgu-acik); color: #24473b; max-width: 64ch;
}
.guncellik { margin: 14px 0 0; font-size: 0.85rem; color: var(--soluk); }

/* ---------- "Uzmana Mesaj Gönder" penceresi ---------- */
.mesaj-pencere {
  width: min(560px, calc(100vw - 24px)); max-height: calc(100dvh - 24px);
  padding: 0; border: none; border-radius: var(--yaricap);
  background: var(--yuzey); color: var(--metin);
  box-shadow: 0 20px 60px rgba(28, 35, 33, 0.25);
}
.mesaj-pencere::backdrop { background: rgba(28, 35, 33, 0.5); }
.mesaj-form { padding: 20px; display: grid; gap: 4px; }
@media (min-width: 600px) { .mesaj-form { padding: 28px; } }
.mesaj-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mesaj-ust h2 { margin: 0; font-size: 1.2rem; }
.ikon-buton {
  flex: none; width: 44px; height: 44px; margin: -8px -8px 0 0;
  display: inline-flex; align-items: center; justify-content: center;
  border: none; background: none; border-radius: 10px; cursor: pointer; color: var(--soluk);
}
.ikon-buton:hover { background: var(--yuzey-ikincil); color: var(--metin); }
.mesaj-aciklama { color: var(--soluk); font-size: 0.92rem; margin: 4px 0 12px; }
#mesajIcerik { display: grid; gap: 14px; }
.donus-secimi { border: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 4px 20px; }
.donus-secimi legend { width: 100%; padding: 0; }
.secim { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; cursor: pointer; }
.secim input { width: 18px; height: 18px; accent-color: var(--vurgu); margin: 0; }
textarea.girdi { resize: vertical; min-height: 120px; line-height: 1.5; }
.mesaj-alt-bilgi { display: flex; justify-content: space-between; gap: 12px; font-size: 0.82rem; color: var(--soluk); margin-top: 6px; }
.mesaj-alt-bilgi #mesajSayac { flex: none; font-variant-numeric: tabular-nums; }
.tuzak { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.captcha-alani:empty { display: none; }
.form-hata { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--hata-acik); color: var(--hata); font-size: 0.92rem; }
.acil-kisa { text-align: center; font-size: 0.82rem; color: var(--soluk); margin: 0; }
.mesaj-sonuc { padding: 16px; border-radius: 12px; background: var(--vurgu-acik); }
.mesaj-sonuc strong { display: flex; align-items: center; gap: 8px; }
.mesaj-sonuc p { margin: 6px 0 0; color: var(--soluk); }
.mesaj-sonuc.prototip { background: #fbf3e2; }

/* =====================================================================
   KURUMSAL VE YASAL SAYFALAR (Hakkımızda, KVKK, Gizlilik, Çerez, İletişim)
   Ortak düzen: sayfa başlığı + (masaüstünde) yanda sabit içindekiler + metin.
   ===================================================================== */
.kurumsal-bas {
  background: linear-gradient(180deg, var(--vurgu-acik) 0%, var(--zemin) 100%);
  border-bottom: 1px solid var(--cizgi);
  padding: 40px 0 32px;
}
@media (min-width: 700px) { .kurumsal-bas { padding: 64px 0 44px; } }
.ust-etiket {
  display: inline-block; margin: 0 0 12px; padding: 4px 12px; border-radius: 999px;
  background: var(--yuzey); border: 1px solid var(--cizgi);
  font-size: 0.8rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--vurgu);
}
.kurumsal-bas h1 { font-size: clamp(2rem, 5.5vw, 3rem); margin: 0 0 16px; max-width: 22ch; }
.kurumsal-giris { font-size: clamp(1.05rem, 2.2vw, 1.2rem); line-height: 1.65; color: #34403b; max-width: 68ch; margin: 0 0 16px; }
.guncelleme-tarihi { margin: 0; font-size: 0.88rem; color: var(--soluk); }

.kurumsal-duzen { display: grid; gap: 24px; padding-top: 28px; padding-bottom: 56px; }
@media (min-width: 960px) {
  .kurumsal-duzen { grid-template-columns: 240px minmax(0, 1fr); gap: 48px; padding-top: 44px; align-items: start; }
}

/* İçindekiler */
.icindekiler {
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap);
  padding: 16px 18px; font-size: 0.92rem;
}
@media (min-width: 960px) { .icindekiler { position: sticky; top: 132px; } }
.icindekiler-baslik { margin: 0 0 8px; font-weight: 600; font-size: 0.8rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--soluk); }
.icindekiler ol { margin: 0; padding: 0; list-style: none; counter-reset: ic; display: grid; gap: 2px; }
.icindekiler li { counter-increment: ic; }
.icindekiler a {
  display: flex; gap: 10px; align-items: baseline; padding: 7px 8px; margin: 0 -8px; border-radius: 8px;
  color: var(--metin); text-decoration: none; line-height: 1.35;
}
.icindekiler a::before { content: counter(ic); font-size: 0.78rem; color: var(--soluk); min-width: 1.1em; font-variant-numeric: tabular-nums; }
.icindekiler a:hover { background: var(--vurgu-acik); color: var(--vurgu); }
@media (max-width: 959px) {
  .icindekiler ol { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
}

/* Metin gövdesi */
.kurumsal-metin { min-width: 0; max-width: 760px; }
.kurumsal-bolum { padding: 8px 0 28px; scroll-margin-top: 132px; }
.kurumsal-bolum + .kurumsal-bolum { border-top: 1px solid var(--cizgi); padding-top: 32px; }
.kurumsal-bolum h2 { font-size: clamp(1.45rem, 3.2vw, 1.85rem); margin: 0 0 14px; }
.kurumsal-bolum > p, .kurumsal-bolum li { line-height: 1.7; color: #2a3430; }
.kurumsal-bolum > p { margin: 0 0 14px; }
.kurumsal-bolum strong { color: var(--metin); }

.unvan-listesi { list-style: none; margin: 4px 0 18px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.unvan-listesi li {
  padding: 7px 14px; border-radius: 999px; background: var(--yuzey); border: 1px solid var(--cizgi);
  font-size: 0.92rem; font-weight: 500; line-height: 1.3;
}

.ilke-kartlari { display: grid; gap: 12px; margin: 6px 0 14px; }
@media (min-width: 640px) { .ilke-kartlari { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ilke-kart {
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap);
  padding: 18px 18px 16px; border-top: 3px solid var(--vurgu);
}
.ilke-kart h3 { font-size: 1.05rem; margin: 0 0 6px; }
.ilke-kart p { margin: 0; font-size: 0.95rem; line-height: 1.6; color: #3a433f; }

.adim-listesi { list-style: none; counter-reset: adim; margin: 8px 0 18px; padding: 0; display: grid; gap: 0; }
.adim-listesi li {
  counter-increment: adim; position: relative; padding: 0 0 18px 52px; display: grid; gap: 4px;
}
.adim-listesi li::before {
  content: counter(adim); position: absolute; left: 0; top: -2px;
  width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center;
  background: var(--vurgu); color: #fff; font-weight: 600; font-size: 0.95rem;
}
.adim-listesi li:not(:last-child)::after {
  content: ""; position: absolute; left: 16px; top: 36px; bottom: 2px; width: 2px; background: var(--cizgi);
}
.adim-listesi strong { font-size: 1.02rem; }
.adim-listesi span { color: #3a433f; line-height: 1.65; }

.bilgi-kutusu {
  background: var(--mor-acik); border: 1px solid var(--mor-cizgi); border-left: 4px solid var(--mor);
  border-radius: 12px; padding: 16px 18px; margin: 8px 0 4px;
}
.bilgi-kutusu h3 { font-size: 1.05rem; margin: 0 0 6px; color: var(--mor-koyu); }
.bilgi-kutusu p { margin: 0; line-height: 1.65; color: #3a3346; }

.madde-listesi { margin: 0 0 16px; padding-left: 1.2em; display: grid; gap: 6px; }
.madde-listesi li::marker { color: var(--vurgu); }
.etkilemez-listesi { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 8px; }
@media (min-width: 560px) { .etkilemez-listesi { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.etkilemez-listesi li {
  display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 10px;
  background: var(--yuzey); border: 1px solid var(--cizgi); font-weight: 500;
}
.etkilemez-listesi li::before {
  content: ""; flex: none; width: 18px; height: 18px; border-radius: 50%;
  background: var(--hata-acik) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a33a2b' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E") center / 10px no-repeat;
}

.acil-kutu {
  margin-top: 6px; padding: 14px 16px; border-radius: 12px;
  background: var(--hata-acik); border: 1px solid #ecc9c2; color: #5d2a21; line-height: 1.6;
}
.acil-kutu a { color: var(--hata); font-weight: 600; }

.vizyon-listesi { list-style: none; margin: 4px 0 16px; padding: 0; display: grid; gap: 10px; }
.vizyon-listesi li {
  display: grid; gap: 2px; padding: 14px 16px; border-radius: 12px;
  background: var(--yuzey); border: 1px solid var(--cizgi);
}
.vizyon-listesi span { color: #3a433f; line-height: 1.6; font-size: 0.97rem; }

.kurumsal-cagri {
  margin-top: 12px; border-radius: var(--yaricap); overflow: hidden;
  display: grid; background: var(--vurgu); color: #fff;
}
@media (min-width: 700px) { .kurumsal-cagri { grid-template-columns: 1fr 1fr; } }
.kurumsal-cagri > div { padding: 26px 24px; }
.kurumsal-cagri > div + div { border-top: 1px solid rgba(255, 255, 255, 0.18); }
@media (min-width: 700px) { .kurumsal-cagri > div + div { border-top: none; border-left: 1px solid rgba(255, 255, 255, 0.18); } }
.kurumsal-cagri h2 { font-size: 1.35rem; margin: 0 0 8px; color: #fff; }
.kurumsal-cagri p { margin: 0 0 16px; opacity: 0.9; line-height: 1.6; }
.btn-cerceve-beyaz { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.6); }
.btn-cerceve-beyaz:hover { background: rgba(255, 255, 255, 0.1); border-color: #fff; }

.alt-linkler a[aria-current="page"] { color: var(--metin); font-weight: 600; }

/* Yasal metin bileşenleri */
.ara-baslik { font-family: var(--sans); font-size: 0.82rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--soluk); margin: 22px 0 10px; }
.eksik {
  display: inline-block; padding: 1px 8px; border-radius: 6px; margin: 0 2px;
  background: #fff3cd; border: 1px dashed #d9a400; color: #6b4e00;
  font-size: 0.85em; font-weight: 600; line-height: 1.5;
}
.bilgi-tablosu { margin: 4px 0 14px; display: grid; border: 1px solid var(--cizgi); border-radius: 12px; overflow: hidden; background: var(--yuzey); }
.bilgi-tablosu > div { display: grid; grid-template-columns: minmax(110px, 35%) 1fr; gap: 12px; padding: 11px 16px; }
.bilgi-tablosu > div + div { border-top: 1px solid var(--cizgi); }
.bilgi-tablosu dt { font-weight: 600; color: var(--soluk); font-size: 0.92rem; }
.bilgi-tablosu dd { margin: 0; }

.grup-kartlari { display: grid; gap: 10px; margin: 6px 0 18px; }
@media (min-width: 640px) { .grup-kartlari { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.grup-kart {
  display: grid; gap: 4px; padding: 14px 16px; border-radius: 12px; text-decoration: none; color: var(--metin);
  background: var(--yuzey); border: 1px solid var(--cizgi); border-left: 4px solid var(--vurgu);
  transition: border-color 0.15s, box-shadow 0.15s;
}
.grup-kart:hover { border-color: var(--vurgu); box-shadow: var(--golge); }
.grup-kart span { color: var(--soluk); font-size: 0.92rem; line-height: 1.5; }

.tablo-sarmal { margin: 4px 0 16px; border: 1px solid var(--cizgi); border-radius: 12px; overflow: hidden; background: var(--yuzey); }
.veri-tablosu { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.veri-tablosu th, .veri-tablosu td { padding: 11px 14px; text-align: left; vertical-align: top; line-height: 1.55; }
.veri-tablosu thead th { background: var(--yuzey-ikincil); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--soluk); font-weight: 600; border-bottom: 1px solid var(--cizgi); }
.veri-tablosu tbody tr + tr { border-top: 1px solid var(--cizgi); }
.veri-tablosu tbody th { font-weight: 600; white-space: nowrap; }
@media (max-width: 639px) {
  /* Mobilde tablo satırları alt alta kartlara dönüşür; sütun adları her hücrenin üstünde görünür */
  .veri-tablosu thead { display: none; }
  .veri-tablosu, .veri-tablosu tbody, .veri-tablosu tr, .veri-tablosu th, .veri-tablosu td { display: block; width: 100%; }
  .veri-tablosu tbody tr { padding: 10px 0; }
  .veri-tablosu tbody th, .veri-tablosu td { padding: 4px 14px; white-space: normal; }
  .veri-tablosu [data-etiket]::before {
    content: attr(data-etiket); display: block; font-size: 0.72rem; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.04em; color: var(--soluk); margin-bottom: 2px;
  }
}
.haklar-listesi { margin: 0 0 10px; padding-left: 1.2em; display: grid; gap: 6px; }
.haklar-listesi li::marker { color: var(--vurgu); }

/* Gizlilik: erişim düzeyleri, kontrol listesi, durum rozetleri */
.erisim-kartlari { display: grid; gap: 12px; margin: 6px 0 16px; }
@media (min-width: 760px) { .erisim-kartlari { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.erisim-kart { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 16px 16px 14px; border-top: 4px solid var(--basari); }
.erisim-kart.kisitli { border-top-color: var(--mor); }
.erisim-kart.kapali { border-top-color: #6b6f78; }
.erisim-kart h3 { font-size: 1.05rem; margin: 0 0 2px; }
.erisim-not { margin: 0 0 10px; font-size: 0.82rem; color: var(--soluk); }
.erisim-kart ul { margin: 0; padding-left: 1.1em; display: grid; gap: 5px; font-size: 0.93rem; line-height: 1.5; }
.kontrol-listesi { list-style: none; margin: 4px 0 16px; padding: 0; display: grid; gap: 10px; }
.kontrol-listesi li { position: relative; padding-left: 32px; line-height: 1.65; color: #2a3430; }
.kontrol-listesi li::before {
  content: ""; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; border-radius: 50%;
  background: var(--vurgu-acik) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c4a66' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4.5 4.5L19 7'/%3E%3C/svg%3E") center / 12px no-repeat;
}
.durum-rozet { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 0.8rem; font-weight: 600; white-space: nowrap; }
.durum-rozet.uygulaniyor { background: #e3f3ea; color: #1e6a43; }
.durum-rozet.hesapla { background: #fff3cd; color: #6b4e00; }
.durum-rozet.planlaniyor { background: #eceae4; color: #4f5551; }

/* Çerez politikası */
.kurumsal-bolum code { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 0.88em; background: var(--yuzey-ikincil); border: 1px solid var(--cizgi); border-radius: 6px; padding: 1px 6px; }
.ozet-kartlari { display: grid; gap: 10px; margin: 4px 0 16px; }
@media (min-width: 600px) { .ozet-kartlari { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ozet-kart { display: grid; gap: 4px; padding: 16px; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--cizgi); }
.ozet-kart strong { font-family: var(--serif); font-size: 2.2rem; line-height: 1; color: var(--vurgu); }
.ozet-kart span { color: #3a433f; font-size: 0.94rem; line-height: 1.5; }
.tercih-paneli { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 16px 18px; margin: 4px 0 16px; }
.tercih-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.tercih-satir > div { display: grid; gap: 2px; }
.tercih-satir span { color: var(--soluk); font-size: 0.92rem; }
.tercih-not { margin: 8px 0 0; font-size: 0.9rem; color: #23704a; }
.tercih-not:empty { display: none; }

/* ---------- Psikoloji gündemi (haber önizlemeleri) ---------- */
.haber-bolumu { background: var(--zemin); border-top: 1px solid var(--cizgi); padding: 56px 0 56px; }
.haber-bolumu .bolum-bas a:not(.btn) { color: var(--vurgu); }
.haber-duzen { display: grid; gap: 16px; }
@media (min-width: 900px) { .haber-duzen { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 24px; align-items: stretch; } }
.haber-one-cikan {
  position: relative; display: flex; flex-direction: column; gap: 12px;
  padding: 26px 26px 24px; border-radius: 18px; color: #fff; overflow: hidden;
  background: linear-gradient(140deg, var(--mor-koyu) 0%, var(--mor) 60%, #6e55a0 100%);
}
.haber-one-cikan::after {
  content: ""; position: absolute; right: -60px; bottom: -80px; width: 220px; height: 220px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.08); pointer-events: none;
}
.haber-one-cikan h3 { font-size: clamp(1.35rem, 3vw, 1.75rem); margin: 0; line-height: 1.25; }
.haber-one-cikan p { margin: 0; color: rgba(255, 255, 255, 0.86); line-height: 1.6; }
.haber-one-cikan .haber-meta { color: rgba(255, 255, 255, 0.8); }
.haber-one-cikan .haber-kategori { background: rgba(255, 255, 255, 0.16); color: #fff; }
.haber-baglanti { color: inherit; text-decoration: none; }
.haber-baglanti::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.haber-one-cikan:hover .haber-baglanti { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.haber-baglanti:focus-visible { outline: none; }
.haber-one-cikan:focus-within { outline: 3px solid var(--metin); outline-offset: 3px; }
.haber-oku { margin-top: auto; display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 0.92rem; }
.haber-oku .ikon { width: 16px; height: 16px; }
.haber-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 0.84rem; color: var(--soluk); }
.haber-kategori { padding: 2px 9px; border-radius: 999px; background: var(--mor-acik); color: var(--mor-koyu); font-weight: 600; font-size: 0.78rem; }
.haber-listesi { list-style: none; margin: 0; padding: 0; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 18px; overflow: hidden; }
.haber-listesi li + li { border-top: 1px solid var(--cizgi); }
.haber-listesi a { display: grid; gap: 6px; padding: 15px 18px; color: var(--metin); text-decoration: none; min-height: 44px; }
.haber-listesi a:hover { background: var(--yuzey-ikincil); }
.haber-listesi a:hover .haber-liste-baslik { color: var(--mor); text-decoration: underline; text-underline-offset: 3px; }
.haber-liste-baslik { font-weight: 600; line-height: 1.4; }
.haber-not { margin: 14px 0 0; font-size: 0.82rem; color: var(--soluk); }

/* ---------- Marka logosu ---------- */
.logo-gorsel { display: block; height: 88px; width: auto; }
@media (max-width: 1079px) { .ust .kapsayici { height: 92px; } .logo-gorsel { height: 72px; } }
@media (max-width: 400px) { .ust .kapsayici { height: 84px; } .logo-gorsel { height: 62px; } }
.alt-logo { display: inline-block; justify-self: start; }
.alt-logo img { display: block; width: 240px; max-width: 100%; height: auto; }

/* ---------- Profil bölüm başlıkları ----------
   Her bölümün üstünde, kartın kenarlarına kadar uzanan renkli bir başlık şeridi ve simge. */
.blok-bolum { padding: 0; overflow: hidden; }
.blok-baslik {
  display: flex; align-items: center; gap: 12px;
  margin: 0 !important; padding: 14px 22px;
  font-size: 1.2rem;
  background: linear-gradient(90deg, var(--vurgu-acik) 0%, rgba(229, 238, 244, 0.35) 100%);
  border-bottom: 1px solid var(--cizgi);
  color: var(--vurgu-koyu);
}
.blok-baslik::before {
  content: ""; align-self: stretch; width: 4px; border-radius: 4px; margin: -2px 2px -2px -10px; background: var(--vurgu);
}
.blok-ikon {
  flex: none; width: 34px; height: 34px; border-radius: 10px;
  display: grid; place-items: center;
  background: var(--vurgu); color: #fff;
}
.blok-ikon .ikon { width: 18px; height: 18px; }
.blok-icerik { padding: 20px 22px 22px; }
@media (min-width: 700px) {
  .blok-baslik { padding: 16px 28px; }
  .blok-icerik { padding: 22px 28px 26px; }
}

/* İletişim sayfası */
html { scroll-padding-top: 124px; }
.iletisim-sayfa { padding-top: 28px; padding-bottom: 56px; display: grid; gap: 18px; max-width: 1000px; }
.iletisim-ara-baslik { font-size: clamp(1.35rem, 3vw, 1.7rem); margin: 10px 0 0; }
.konu-kartlari { display: grid; gap: 12px; }
@media (min-width: 640px) { .konu-kartlari { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { .konu-kartlari { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.konu-kart {
  display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
  padding: 18px; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--cizgi); border-top: 3px solid var(--vurgu);
}
.konu-kart h3 { font-size: 1.05rem; margin: 0; }
.konu-kart p { margin: 0 0 6px; color: #3a433f; font-size: 0.94rem; line-height: 1.55; flex: 1; }


/* ---------- Altın vurgular (logodaki altın daire) ---------- */
.blok-baslik::before { background: var(--altin); }
.bolum-ust-yazi { color: var(--altin-koyu); }
.ust-etiket { color: var(--altin-koyu); border-color: #e8dcc8; }
@media (min-width: 1080px) {
  .ust-menu .metin-link[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--altin); border-radius: 0; }
}
.ust { border-bottom-color: #e7e3da; }
.uzman-cagri { background: linear-gradient(135deg, var(--vurgu-koyu) 0%, var(--vurgu) 100%); }
.uzman-cagri h2::after {
  content: ""; display: block; width: 56px; height: 3px; border-radius: 3px; margin-top: 12px; background: var(--altin);
}
.kurumsal-cagri { background: linear-gradient(135deg, var(--vurgu-koyu) 0%, var(--vurgu) 100%); }
.dogrulama-isaret, .dogrulama-detay summary { color: var(--vurgu); }

/* ---------- Profil sayfası: gezinme izi, paylaş, örnek rozeti, yükleniyor/hata durumları ---------- */
.kirinti { margin: 4px 0 16px; font-size: 0.88rem; }
.kirinti ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 0; }
.kirinti li { display: inline-flex; align-items: center; color: var(--soluk); min-width: 0; }
.kirinti li + li::before { content: "›"; margin: 0 8px; color: var(--cizgi-koyu); }
.kirinti a { color: var(--soluk); text-decoration: none; padding: 6px 0; }
.kirinti a:hover { color: var(--vurgu); text-decoration: underline; text-underline-offset: 3px; }
.kirinti [aria-current] { color: var(--metin); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60vw; }

.profil-bas > div.profil-araclar { flex: none; align-self: flex-start; margin-left: auto; }
.profil-araclar .btn { gap: 6px; min-height: 40px; }
.profil-araclar .ikon { width: 16px; height: 16px; }
.paylas-bildirim { margin: 0; font-size: 0.88rem; color: var(--vurgu); }
.paylas-bildirim:not(:empty) { margin-top: 12px; }
.paylas-adres { width: 100%; max-width: 420px; margin-top: 6px; padding: 8px 10px; border: 1px solid var(--cizgi-koyu); border-radius: 8px; font: inherit; font-size: 0.85rem; }
.profil-kimlik .rozetler { gap: 8px 14px; }

.ornek-rozet {
  display: inline-flex; align-items: flex-start; gap: 6px; margin: 12px 0 0; padding: 6px 10px;
  font-size: 0.82rem; color: #6b5420; background: #fbf3df; border: 1px solid #ecdcb3; border-radius: 8px;
}
.ornek-rozet .ikon { width: 15px; height: 15px; flex: none; margin-top: 2px; }

.yol-tarifi { margin-top: 14px; gap: 6px; min-height: 40px; }
.yol-tarifi .ikon { width: 16px; height: 16px; }

.bos-baslik { font-size: 1.35rem; margin: 0 0 8px; }
.bos-durum-butonlar { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.bos-durum-butonlar .btn { gap: 6px; }
.bos-durum-butonlar .ikon { width: 16px; height: 16px; }

.profil-iskelet { background: var(--yuzey, #fff); border: 1px solid var(--cizgi); border-radius: 16px; padding: 28px; margin-bottom: 48px; }
.iskelet-satir { height: 14px; border-radius: 7px; margin-bottom: 14px; background: linear-gradient(90deg, #ecedea 25%, #f4f5f2 50%, #ecedea 75%); background-size: 200% 100%; animation: iskelet 1.4s ease-in-out infinite; }
.iskelet-avatar { width: 96px; height: 96px; border-radius: 50%; margin-bottom: 20px; }
@keyframes iskelet { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .iskelet-satir { animation: none; } }

/* ---------- Yazı okuma sayfası ---------- */
.yazi-sayfa { max-width: 760px; margin: 0 auto 56px; }
.yazi-sayfa h1 { font-size: clamp(1.7rem, 4.5vw, 2.4rem); line-height: 1.2; margin: 12px 0 14px; }
.yazi-sayfa .yazi-giris { font-size: 1.12rem; color: var(--soluk); margin: 0 0 24px; }
.yazi-yazar { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); margin-bottom: 28px; }
.yazi-yazar .avatar { width: 48px; height: 48px; flex: none; }
.yazi-yazar a { font-weight: 600; color: var(--metin); }
.yazi-yazar small { display: block; color: var(--soluk); }
.yazi-govde p { font-size: 1.06rem; line-height: 1.75; margin: 0 0 1.1em; }
.yazi-not { margin-top: 32px; padding: 14px 16px; background: var(--bilgi-acik); border-radius: 10px; font-size: 0.9rem; color: var(--soluk); }

/* ---------- Profil: isim yanındaki onay işareti ve açıklama balonu ---------- */
.profil-bas h1 { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.onay-sarici { position: relative; display: inline-flex; }
.onay-dugme {
  display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0; border: none; border-radius: 50%;
  background: var(--vurgu); color: #fff; cursor: pointer; box-shadow: 0 0 0 3px var(--altin-acik), 0 0 0 4px var(--altin);
}
.onay-dugme .ikon { width: 19px; height: 19px; }
.onay-dugme:focus-visible { outline: 3px solid var(--altin); outline-offset: 3px; }
.onay-balon {
  position: absolute; z-index: 20; top: calc(100% + 12px); left: 50%; transform: translateX(-50%);
  width: min(320px, calc(100vw - 48px)); padding: 14px 16px; border-radius: 12px;
  background: var(--vurgu-koyu); color: #fff; font-family: Inter, system-ui, sans-serif;
  font-size: 0.86rem; font-weight: 400; line-height: 1.5; box-shadow: 0 12px 28px rgba(12, 30, 44, 0.25);
}
.onay-balon::before {
  content: ""; position: absolute; top: -6px; left: 50%; width: 12px; height: 12px;
  background: var(--vurgu-koyu); transform: translateX(-50%) rotate(45deg);
}
.onay-balon strong { display: block; margin-bottom: 4px; font-size: 0.95rem; color: #f3e6cf; }
.onay-balon small { display: block; margin-top: 8px; color: rgba(255, 255, 255, 0.75); font-size: 0.78rem; }
/* Dar ekranda balon başlığın tüm genişliğine yayılır; ekrandan taşmaz. */
@media (max-width: 559px) {
  .profil-bas h1 { position: relative; }
  .onay-sarici { position: static; }
  .onay-balon { left: 0; right: 0; width: auto; transform: none; }
  .onay-balon::before { display: none; }
}

/* ---------- Profil: görüşme biçimi ve hedef kitle etiketleri ---------- */
.profil-etiket-satirlari { display: grid; gap: 10px; margin-top: 18px; }
.etiket-satiri { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.etiket-satir-baslik { font-size: 0.78rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--soluk); min-width: 128px; }
.etiket-bicim { display: inline-flex; align-items: center; gap: 6px; background: var(--vurgu-acik); color: var(--vurgu-koyu); border-color: transparent; font-weight: 500; }
.etiket-bicim .ikon { width: 15px; height: 15px; }
.etiket-kitle { background: var(--altin-acik); color: #6b5230; border-color: #ead9bd; font-weight: 500; }
.profil-etiket-satirlari + .paylas-bildirim + .tanitim, .profil-etiket-satirlari + .tanitim { margin-top: 18px; }

/* ---------- Giriş formları: CAPTCHA ve bilgi notları ---------- */
.captcha-kutu { min-height: 65px; margin: 4px 0 16px; }
.form-not { font-size: 0.86rem; color: var(--soluk); line-height: 1.55; margin: 4px 0 14px; }
.form-not a { color: var(--vurgu); }
.alan-ipucu { font-size: 0.84rem; color: var(--soluk); margin: 6px 0 0; }
.mesaj-basari { background: #e9f5ee; color: #1f5f3d; border: 1px solid #c6e3d2; }

/* ---------- Uzman paneli ---------- */
.panel-duzen { padding-top: 24px; padding-bottom: 56px; }
.panel-baslik { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.panel-baslik h1 { margin: 2px 0 4px; font-size: clamp(1.6rem, 4vw, 2.1rem); }
.soluk { color: var(--soluk); margin: 0; }
.yonetici-rozet { gap: 6px; background: var(--altin-acik); color: #6b5230; }
.yonetici-rozet .ikon { width: 14px; height: 14px; }
.panel-izgara { display: grid; gap: 16px; }
@media (min-width: 900px) { .panel-izgara { grid-template-columns: 1fr 1.2fr; align-items: start; } }
.panel-kart { padding: 24px; }
.panel-kart h2 { font-size: 1.2rem; margin: 0 0 12px; }
.panel-kart .soluk + .panel-bilgi { margin-top: 16px; }
.panel-durum { display: inline-block; padding: 4px 12px; border-radius: 999px; font-weight: 600; font-size: 0.88rem; background: var(--vurgu-acik); color: var(--vurgu-koyu); }
.panel-durum.yayinda { background: #e3f3ea; color: #1f5f3d; }
.panel-durum.incelemede { background: var(--altin-acik); color: #6b5230; }
.panel-durum.uyari { background: var(--hata-acik); color: var(--hata); }
.panel-bilgi { display: grid; gap: 10px; margin: 16px 0; }
.panel-bilgi div { display: grid; grid-template-columns: 120px 1fr; gap: 8px; font-size: 0.93rem; }
.panel-bilgi dt { color: var(--soluk); }
.panel-bilgi dd { margin: 0; word-break: break-word; }
.panel-adimlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.panel-adimlar li { display: flex; gap: 12px; align-items: flex-start; }
.adim-no { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--cizgi-koyu); color: var(--soluk); font-weight: 600; font-size: 0.9rem; }
.panel-adimlar li.tamam .adim-no { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
.adim-no .ikon { width: 16px; height: 16px; }
.panel-adimlar strong { display: block; margin-top: 4px; }
.panel-adimlar p { margin: 4px 0 0; color: var(--soluk); font-size: 0.9rem; }
.yakinda-etiket { display: inline-block; margin-top: 6px; font-size: 0.78rem; padding: 2px 8px; border-radius: 6px; background: var(--yuzey-ikincil); border: 1px dashed var(--cizgi-koyu); color: var(--soluk); }
.panel-guvenlik { margin-top: 16px; }
.panel-guvenlik .soluk { margin-bottom: 12px; }
.sayaclar { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
.sayac-kutu { padding: 14px 16px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--yuzey-ikincil); }
.sayac-kutu strong { display: block; font-size: 1.8rem; line-height: 1.1; color: var(--vurgu-koyu); }
.sayac-kutu span { font-size: 0.86rem; color: var(--soluk); }
.sayac-kutu.vurgulu { border-color: var(--altin); background: var(--altin-acik); }