/* ————————————————————————— Hizmet anlatım sayfaları —————————————————————————
   /sac-kesimi, /ombre, /gelin-saci — uzun metin taşıyan üç sayfa.

   NEDEN AYRI DOSYA: stil.css'e eklenseydi damgası değişir ve onu çağıran
   BEŞ sayfanın (index, randevu, salon, yaptiklarimiz, gizlilik) `?v=`
   satırlarını birden güncellemek gerekirdi. Bu dosyayı yalnız üç yeni sayfa
   çağırıyor; eski sayfalar tek bayt bile yeniden indirmiyor.

   Yeni renk, yeni yazı tipi, yeni yuvarlaklık YOK — hepsi renk.css'teki
   değişkenler ve stil.css'in kalıpları. Burada tanımlanan tek şey uzun
   metnin okunabilir sütun genişliği ve başlık aralıkları.

   AI ŞABLONU YOK (AGENTS §8): gradyan, renkli parlama, kart içinde kart,
   üç eşit sütunlu ikon ızgarası, emoji madde işareti yok. Madde işaretleri
   tarayıcının kendi diski; liste kartlara dönüştürülmedi. */

/* 68ch: gövde 1.05rem'de yaklaşık 62–68 karakterlik satır veriyor. Daha
   geniş bırakılınca göz satır başını kaybediyor, .kap'ın 1080px'i düz metin
   için fazla. */
.icerik-metin{ max-width:68ch; }

.icerik-metin > * + *{ margin-top:18px; }

.icerik-giris{
  font-size:1.12rem; line-height:1.75; color:var(--sis);
  max-width:62ch;
}

.icerik-metin h2{
  margin:46px 0 0;
  font-family:var(--govde);
  font-size:clamp(1.45rem, 3vw, 2.05rem);
  font-weight:700; letter-spacing:-.015em; line-height:1.15;
  color:var(--tebesir);
  text-wrap:balance;
}

.icerik-metin h3{
  margin:30px 0 0;
  font-family:var(--govde);
  font-size:1.08rem; font-weight:700; letter-spacing:-.005em;
  color:var(--tebesir);
}

.icerik-metin p,
.icerik-metin li{ line-height:1.78; color:var(--tebesir); }

.icerik-metin ul{ padding-left:1.15rem; }
.icerik-metin li + li{ margin-top:10px; }
.icerik-metin li strong{ color:var(--tebesir); }

/* Metin içi bağlantı: altı çizili kalıyor. Yalnız renkle ayrılan bağlantı
   kontrast eşiğini tek başına geçmiyor ve renk körü ziyaretçide kayboluyor. */
.icerik-metin a{
  color:var(--altin);
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
.icerik-metin a:hover{ color:var(--gul); }

/* ————————————————————————— SSS —————————————————————————
   <details> kullanılıyor: JS'siz açılıp kapanıyor, klavyeyle geziliyor ve
   arama motoru kapalı haldeki cevabı da okuyor (içerik gizlenmiyor, yalnız
   katlanıyor). Akordeon için JS yazmaya gerek yok. */
.sss-liste{ max-width:68ch; }

.sss-oge{
  border-top:1px solid var(--cizgi);
  padding:4px 0;
}
.sss-liste .sss-oge:last-child{ border-bottom:1px solid var(--cizgi); }

.sss-oge > summary{
  cursor:pointer;
  list-style:none;
  padding:16px 34px 16px 0;
  position:relative;
  font-family:var(--govde);
  font-size:1.05rem; font-weight:600; line-height:1.45;
  color:var(--tebesir);
}
.sss-oge > summary::-webkit-details-marker{ display:none; }
.sss-oge > summary:focus-visible{ outline:3px solid var(--altin-ac); outline-offset:2px; }

/* Artı/eksi işareti CSS'ten; ikon fontu ya da yeni SVG eklenmedi. */
.sss-oge > summary::after{
  content:"+";
  position:absolute; right:4px; top:50%;
  transform:translateY(-50%);
  font-size:1.5rem; font-weight:400; line-height:1;
  color:var(--altin);
}
.sss-oge[open] > summary::after{ content:"–"; }

.sss-oge > p{
  margin:0 0 18px;
  padding-right:34px;
  line-height:1.78; color:var(--tebesir);
}

/* ————————————————————————— Sayfa sonu eylemi —————————————————————————
   Kapanış bölümünün küçük kardeşi: tek satır metin, tek düğme. */
.icerik-eylem{
  margin-top:52px;
  padding-top:28px;
  border-top:1px solid var(--cizgi);
  display:flex; flex-wrap:wrap; align-items:center; gap:18px;
  max-width:68ch;
}
.icerik-eylem p{ margin:0; color:var(--sis); flex:1 1 260px; line-height:1.7; }

@media (max-width:560px){
  .icerik-metin h2{ margin-top:38px; }
  .icerik-eylem{ margin-top:40px; }
}