/* Varyasyon A — Editoryal / minimal (fildişi + mürekkep, DM Serif Display + DM Sans, keskin çizgiler; v2 2026-11-07 okunabilirlik) */
.tema-a{
  --yesil:#8a7a66; --yesil-koyu:#1d1b18; --yesil-acik:#ece5d9;
  --krem:#f4efe7; --kum:#e9e1d4; --beyaz:#faf7f2;
  --kiremit:#a8532f; --kiremit-koyu:#8a4122;
  --metin:#1f1d1a; --soluk:#45413b; --cizgi:#d6cbbb;
  --r:0px; --golge:0 30px 60px -40px rgba(29,27,24,.45);
  --serif:"DM Serif Display",Georgia,serif; --sans:"DM Sans",system-ui,sans-serif;
  font-weight:400; font-size:17.5px; line-height:1.72; color:var(--metin);
}
.tema-a h1,.tema-a h2,.tema-a h3{font-weight:400;letter-spacing:-.01em;color:var(--yesil-koyu)}
.tema-a h3{font-family:var(--sans);font-weight:600;letter-spacing:-.005em}
.tema-a h1 em,.tema-a h2 em{color:var(--kiremit);font-weight:400}
.tema-a .ust-etiket{font-weight:600;letter-spacing:.14em;font-size:.8rem;color:var(--kiremit-koyu)}
.tema-a .ust-etiket::before{width:40px;background:var(--kiremit)}

/* düğmeler: köşeli, büyük harf */
.tema-a .dugme{border-radius:0;text-transform:none;letter-spacing:.01em;font-size:.95rem;font-weight:600;padding:1em 1.6em}
.tema-a .dugme-buyuk{font-size:1rem;padding:1.1em 1.8em}
.tema-a .dugme-koyu{background:var(--yesil-koyu)}
.tema-a .dugme-cizgi{border-width:1.5px}
.tema-a .metin-link{color:var(--kiremit-koyu);font-size:.95rem;font-weight:600}

/* üst bar: ortalanmış logo + altında menü */
@media (min-width:1101px){
  .tema-a .ust{background:var(--beyaz);backdrop-filter:none;border-bottom:1px solid var(--cizgi)}
  .tema-a .ust-ic{flex-direction:column;height:auto;gap:12px;padding:20px 0 14px}
  .tema-a .logo{margin:0;align-items:center}
  .tema-a .logo-ad{font-size:2.1rem;letter-spacing:.02em}
  .tema-a .logo-unvan{letter-spacing:.16em;font-size:.72rem;color:var(--soluk)}
  .tema-a .menu{gap:34px}
  .tema-a .menu a:not(.dugme){font-size:.95rem;letter-spacing:.01em;font-weight:500;color:var(--metin)}
  .tema-a .menu-wa{position:absolute;right:20px;top:30px}
  .tema-a .ust-ic{position:relative}
  .tema-a .ust.kaydi .logo-unvan{display:none}
  .tema-a .ust.kaydi .ust-ic{padding:12px 0 10px;gap:8px}
  .tema-a .ust.kaydi .logo-ad{font-size:1.6rem}
  .tema-a{scroll-padding-top:130px}
}

/* hero A */
.hero-a{position:relative;background:var(--krem);overflow:hidden}
.hero-a-gorsel{position:absolute;top:0;left:0;right:0;height:min(88vh,860px);overflow:hidden;background:#98ac7a}
.hero-a-gorsel img{width:100%;height:100%;object-fit:cover;object-position:50% 27%}
@media (min-width:981px){
  /* geniş görsel (3:2): yükseklik hero'nun %182'si -> fotoğraf kendi çözünürlüğünde, sağa yaslı; baş üstte ~%16 */
  .hero-a-gorsel img{position:absolute;right:0;top:-38%;height:182%;width:auto;max-width:none;object-fit:fill}
  .hero-a-metin{max-width:520px}
}
.hero-a-gorsel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,239,231,.92) 0%,rgba(244,239,231,.8) 24%,rgba(244,239,231,.45) 36%,rgba(244,239,231,0) 46%)}
.hero-a-ic{position:relative;min-height:min(88vh,860px);display:flex;align-items:center}
.hero-a-metin{max-width:560px;padding:60px 0}
.hero-a h1{font-size:clamp(3rem,6.2vw,5.4rem);line-height:1.04;margin-bottom:.4em}
.hero-a .hero-alt{font-size:1.22rem;line-height:1.6;color:var(--metin);max-width:25em;margin-bottom:2.2rem}
.hero-a .hero-dugmeler{display:flex;gap:12px;flex-wrap:wrap}
.hero-a-alt{position:relative;background:var(--beyaz);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.hero-a-alt .guven{border:0;padding:26px 0;grid-template-columns:repeat(4,1fr)}
.hero-a-alt .guven li{border-left:1px solid var(--cizgi);padding-left:22px}
.hero-a-alt .guven li:first-child{border-left:0;padding-left:0}
.hero-a-alt .guven strong{font-size:1.6rem;font-weight:400}
.hero-a-alt .guven span{font-size:.9rem;color:var(--soluk)}

/* bölüm başlıkları sola, üst çizgili */
.tema-a .bolum{padding:120px 0}
.tema-a .bolum-bas{text-align:left;margin:0 0 64px;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;align-items:end;border-top:1px solid var(--yesil-koyu);padding-top:22px}
.tema-a .bolum-bas .ust-etiket{justify-content:flex-start;grid-column:1/-1;margin:0}
.tema-a .bolum-bas .ust-etiket::after{display:none}
.tema-a .bolum-bas h2{margin:0;font-size:clamp(2.3rem,4.4vw,3.6rem)}
.tema-a .bolum-bas p{margin:0;font-size:1.1rem;color:var(--soluk)}
.tema-a .koyu-zemin .bolum-bas{border-color:rgba(255,255,255,.4)}

/* hakkımda */
.tema-a .hakkimda-gorsel img{border-radius:0;box-shadow:none}
.tema-a .imza{position:static;display:inline-block;background:none;color:var(--yesil-koyu);box-shadow:none;padding:14px 0 0;font-size:1.6rem;font-style:italic}
.tema-a .buyuk{font-family:var(--sans);font-size:1.22rem;line-height:1.6;font-weight:500;color:var(--yesil-koyu)}
.tema-a .rozetler li{background:none;border:1px solid var(--yesil-koyu);border-radius:0;font-weight:600;font-size:.88rem}

/* kartlar: 2 sütun, yatay */
.tema-a .acik-zemin{background:var(--beyaz)}
.tema-a .kartlar{grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--cizgi);border-left:1px solid var(--cizgi)}
.tema-a .kart{flex-direction:row;border-radius:0;box-shadow:none;background:transparent;border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.tema-a .kart:hover{transform:none;box-shadow:none;background:var(--krem)}
.tema-a .kart-gorsel{flex:0 0 42%;aspect-ratio:auto;min-height:320px}
.tema-a .kart-gorsel img{filter:grayscale(.35)}
.tema-a .kart:hover .kart-gorsel img{filter:none;transform:scale(1.03)}
.tema-a .kart-ic{padding:34px 30px}
.tema-a .kart-ic h3{font-size:1.35rem}
.tema-a .kart-ic p{color:var(--soluk);font-size:1rem}
.tema-a .alanlar{text-align:left}
.tema-a .alanlar ul{justify-content:flex-start}
.tema-a .alanlar li{border-radius:0;background:none;border:0;border-bottom:1px solid var(--cizgi);padding:.4em 0;margin-right:18px;font-size:1rem}

/* programlar */
.tema-a .program{background:var(--beyaz);border-radius:0;border:1px solid var(--cizgi);border-top:3px solid var(--yesil-koyu)}
.tema-a .program:hover{border-color:var(--cizgi);border-top-color:var(--kiremit);transform:none}
.tema-a .durum{border-radius:0;font-size:.78rem}
.tema-a .program h3{font-size:1.4rem}
.tema-a .program>p,.tema-a .program-bilgi{color:var(--soluk);font-size:.98rem}
.tema-a .grup-bant{background:var(--krem);border-radius:0;border:1px solid var(--cizgi)}
.tema-a .grup-bant img{border-radius:0}
.tema-a .tikli li::before{border-radius:0;background-color:var(--yesil-koyu)}

/* yaklaşımlar */
.tema-a .koyu-zemin{background:var(--yesil-koyu)}
.tema-a .yaklasim{border-radius:0;border:0;border-left:1px solid rgba(255,255,255,.2);padding:10px 30px}
.tema-a .yaklasim-no{font-size:4rem;color:var(--kiremit)}

/* eğitim zaman çizelgesi */
.tema-a .zaman{border-left-color:var(--yesil-koyu);border-left-width:1px}
.tema-a .zaman h3{font-size:1.18rem}
.tema-a .zaman p{color:var(--soluk)}
.tema-a .zaman li::before{border-radius:0;width:11px;height:11px;left:-36px;border:1px solid var(--yesil-koyu)}
.tema-a .egitim-foto{border-radius:0;box-shadow:none;filter:grayscale(1)}

/* süreç */
.tema-a .surec li{background:transparent;border-top:1px solid var(--yesil-koyu);border-radius:0;padding:28px 0 0}
.tema-a .surec span{background:none;color:var(--kiremit);width:auto;height:auto;font-size:3.4rem;font-style:italic;display:block;margin-bottom:.6rem}

/* SSS */
.tema-a .sss{gap:0;border-top:1px solid var(--yesil-koyu)}
.tema-a .sss details,.tema-a .sss details[open]{background:none;border-radius:0;border-bottom:1px solid var(--cizgi);padding:0}
.tema-a .sss summary{font-size:1.12rem;font-weight:600;color:var(--yesil-koyu);padding:22px 40px 22px 0}
.tema-a .sss details p{color:var(--soluk);font-size:1.02rem}

/* iletişim + form */
.tema-a .iletisim{background:var(--krem)}
.tema-a .form{border-radius:0;box-shadow:none;border:1px solid var(--cizgi)}
.tema-a .form input[type=text],.tema-a .form input[type=tel],.tema-a .form input[type=email],.tema-a .form select,.tema-a .form textarea{background:transparent;border:0;border-bottom:1px solid var(--cizgi);border-radius:0;padding:.7em 0}
.tema-a .form input:focus,.tema-a .form select:focus,.tema-a .form textarea:focus{background:transparent;border-bottom-color:var(--yesil-koyu)}
.tema-a .iletisim-wa{border-radius:0;box-shadow:none}
.tema-a .iletisim-foto img{border-radius:0;filter:grayscale(1)}

/* sayfa başlığı */
.tema-a .sayfa-bas{background:var(--krem);border-bottom:1px solid var(--cizgi);padding:70px 0 60px}
.tema-a .sayfa-bas::before{display:none}
.tema-a .sayfa-bas h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1.02}

/* çağrı bandı + alt */
.tema-a .cta-bant{background:var(--krem);color:var(--metin);border-top:1px solid var(--cizgi)}
.tema-a .cta-bant h2{color:var(--yesil-koyu)}
.tema-a .cta-bant p{color:var(--soluk)}
.tema-a .dugme-acik{color:var(--yesil-koyu);border-color:var(--yesil-koyu)}
.tema-a .dugme-acik:hover{background:var(--yesil-koyu);color:#fff}
.tema-a .alt{background:var(--yesil-koyu)}
.tema-a .alt-sosyal a{border-radius:0}
.tema-a .pencere .form{border-radius:0}
.tema-a .wa-sabit{border-radius:0}

@media (max-width:980px){
  .hero-a-gorsel{position:relative;left:auto;right:auto;height:min(62vh,560px)}
  .hero-a-gorsel::after{background:linear-gradient(0deg,rgba(244,239,231,1) 0%,rgba(244,239,231,0) 35%)}
  .hero-a-gorsel img{object-position:55% 30%}
  .hero-a-ic{min-height:0}
  .hero-a-metin{padding:0 0 40px;margin-top:-60px;position:relative}
  .hero-a-alt .guven{grid-template-columns:1fr 1fr;gap:18px}
  .hero-a-alt .guven li:nth-child(3){border-left:0;padding-left:0}
  .tema-a .bolum-bas{grid-template-columns:1fr}
  .tema-a .kartlar{grid-template-columns:1fr}
  .tema-a .yaklasim{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:26px 0 0}
}
@media (max-width:640px){
  .tema-a .kart{flex-direction:column}
  .tema-a .kart-gorsel{min-height:0;aspect-ratio:4/3.4}
  .tema-a .bolum{padding:80px 0}
  .hero-a h1{font-size:3.1rem}
}

/* koyu zemin: tema başlık rengi (.tema-a h2/h3) beyaz kuralı ezmesin */
.tema-a .koyu-zemin h2,.tema-a .koyu-zemin h3{color:#f4efe7}
.tema-a .koyu-zemin .ust-etiket{color:#d9a184}
.tema-a .yaklasim-no{margin-bottom:1.6rem}
.tema-a .yaklasim h3{font-size:1.3rem;margin:0 0 .8rem}
/* hakkımda: unvan kutuları kaldırıldı; bağlantı son paragrafla nefes alsın */
.tema-a .hakkimda .metin-link{display:inline-block;margin-top:.8rem}