/* ============================================
   PAGES — sayfa-özgü stiller
   ============================================ */

/* ---------- Hero Slider (ana sayfa) ----------
   Tam genişlik fotoğraf slider'ı. Slaytlar admin "Ana Sayfa / Hero" bölümünden
   yönetilir; main.js heroSlider() render eder. */
.hero {
  position: relative;
  overflow: hidden;
  background: #0a3d80;
  min-height: clamp(400px, 56vh, 600px);
  min-height: clamp(400px, 56dvh, 600px);
}
@media (max-width: 640px) {
  .hero { min-height: clamp(380px, 56vh, 500px); min-height: clamp(380px, 56dvh, 500px); }
}
.hero-slider { position: relative; width: 100%; }
/* CLS rezervasyonu .hero üzerinde (min-height) yapılıyor — :empty whitespace+yorum
   yüzünden güvenilmez olduğundan burada kullanılmadı. */
.hero-slider__sahne {
  position: relative;
  width: 100%;
  min-height: clamp(400px, 56vh, 600px);
  min-height: clamp(400px, 56dvh, 600px);
}
.hero-slayt {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  background-image: var(--hero-bg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #0a3d80;
  opacity: 0;
  visibility: hidden;
  transition: opacity 800ms var(--easing-standard);
  z-index: 1;
}
/* İlk slayt akışta kalır → konteyner yüksekliğini belirler (diğerleri absolute overlay) */
.hero-slayt:first-child { position: relative; }
.hero-slayt.aktif { opacity: 1; visibility: visible; z-index: 2; }

.hero-slayt__katman {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(8, 18, 40, calc(var(--hero-overlay, 0.5) + 0.18)) 0%,
    rgba(8, 18, 40, var(--hero-overlay, 0.5)) 50%,
    rgba(8, 18, 40, calc(var(--hero-overlay, 0.5) - 0.12)) 100%
  );
  pointer-events: none;
}
.hero-slayt__icerik {
  position: relative;
  z-index: 1;
  color: white;
  max-width: 680px;
  padding-block: clamp(var(--bosluk-12), 9vw, var(--bosluk-20));
}

/* Slayt metin konum + hizalama varyantları */

/* SOL: içerik sol kenara — kapsayıcı max-width'i kaldır, icerik'e padding ver */
.hero-slayt--sol .hero-slayt__icerik,
.hero-slayt:not(.hero-slayt--orta):not(.hero-slayt--sag) .hero-slayt__icerik {
  text-align: left;
  margin-left: clamp(24px, 5vw, 80px);
  margin-right: auto;
}

/* ORTA: içerik ortada */
.hero-slayt--orta .hero-slayt__icerik {
  max-width: 800px;
  text-align: center;
  margin-inline: auto;
}
.hero-slayt--orta .hero-slayt__baslik { max-width: 100%; }
.hero-slayt--orta .hero-slayt__cta { justify-content: center; }

/* SAĞ: içerik sağ kenara */
.hero-slayt--sag .hero-slayt__icerik {
  text-align: right;
  margin-left: auto;
  margin-right: clamp(24px, 5vw, 80px);
}
.hero-slayt--sag .hero-slayt__cta { justify-content: flex-end; }

.hero-slayt__rozet {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  /* Soyut/parlak hero zemininde de okunsun diye opaklık biraz artırıldı */
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: var(--yuvarlak-tam);
  font-size: var(--yazi-sm);
  font-weight: 500;
  margin-bottom: var(--bosluk-5);
  backdrop-filter: blur(4px);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
}
.hero-slayt__rozet svg { width: 16px; height: 16px; flex-shrink: 0; }

.hero-slayt__baslik {
  color: white;
  font-size: clamp(var(--yazi-3xl), 5.2vw, var(--yazi-6xl));
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: var(--bosluk-4);
  max-width: 18ch;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.28);
}
.hero-slayt__alt {
  font-size: clamp(var(--yazi-lg), 2.2vw, var(--yazi-xl));
  color: rgba(255, 255, 255, 0.92);
  margin-bottom: var(--bosluk-8);
  max-width: 54ch;
  font-weight: 400;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.22);
}
.hero-slayt__cta { display: flex; gap: var(--bosluk-4); flex-wrap: wrap; }

/* Oklar */
.hero-slider__ok {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  width: 48px; height: 48px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  color: white;
  backdrop-filter: blur(4px);
  transition: background var(--gecis-hizli);
}
.hero-slider__ok:hover { background: rgba(255, 255, 255, 0.3); }
.hero-slider__ok svg { width: 22px; height: 22px; }
.hero-slider__ok--onceki { left: clamp(8px, 2vw, 24px); }
.hero-slider__ok--sonraki { right: clamp(8px, 2vw, 24px); }

/* Noktalar */
.hero-slider__noktalar {
  position: absolute;
  z-index: 4;
  left: 0; right: 0;
  bottom: clamp(16px, 3vw, 28px);
  display: flex;
  justify-content: center;
  gap: 14px;   /* genişletilmiş dokunma alanları çakışmasın diye 10→14px */
}
.hero-slider__nokta {
  position: relative;
  width: 12px; height: 12px;
  border-radius: var(--yuvarlak-tam);
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.65);
  /* Parlak hero zemininde noktalar kaybolmasın */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  transition: all var(--gecis-hizli);
}
/* Görünür nokta 12px kalır; etrafına ~44px görünmez dokunma alanı
   (mobilde oklar gizli olduğundan slayt gezinmenin tek yolu nokta). */
.hero-slider__nokta::after {
  content: "";
  position: absolute;
  inset: -16px;
}
.hero-slider__nokta:hover { background: rgba(255, 255, 255, 0.7); }
.hero-slider__nokta:active { transform: scale(0.85); }
.hero-slider__nokta.aktif { background: white; width: 30px; }

@media (max-width: 640px) {
  .hero-slider__ok { display: none; }
  /* Mobilde hero biraz alçalsın → altındaki bölümün ucu görünür (scroll ipucu) */
  .hero-slider__sahne { min-height: clamp(380px, 56vh, 500px); min-height: clamp(380px, 56dvh, 500px); }
  .hero-slayt__baslik { max-width: 100%; }
  .hero-slayt__cta { flex-direction: column; align-items: stretch; }
  .hero-slayt__cta .dugme { width: 100%; }
}

/* Neden Biz (özellik kartları — 6 madde) */
.neden-biz {
  background: white;
  padding-block: clamp(var(--bosluk-12), 7vw, var(--bosluk-16));
  border-bottom: 1px solid var(--renk-cizgi);
  position: relative;
  z-index: 1;
}
.neden-biz__bas {
  text-align: center;
  margin-bottom: var(--bosluk-10);
}
.neden-biz__bas h2 { margin-top: var(--bosluk-2); }
.neden-biz__aciklama {
  max-width: 720px;
  margin: var(--bosluk-4) auto 0;
  color: var(--renk-yazi-acik);
  font-size: var(--yazi-lg);
}
.neden-biz__alinti {
  text-align: center;
  font-style: italic;
  color: var(--renk-yazi-acik);
  margin-top: var(--bosluk-10);
  font-size: var(--yazi-lg);
  max-width: 640px;
  margin-inline: auto;
}
.neden-biz__izgara {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--bosluk-6);
}
.neden-biz__izgara--6 {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 900px) {
  .neden-biz__izgara { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .neden-biz__izgara { gap: var(--bosluk-4) var(--bosluk-3); }
  .neden-biz .ozellik {
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: var(--bosluk-2);
  }
}
@media (max-width: 360px) {
  .neden-biz__izgara { grid-template-columns: 1fr; }
}

/* ---------- Başarı Sistemimiz — 5 adım ---------- */
.basari-sistemi {
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%);
  color: white;
  padding-block: clamp(var(--bosluk-12), 8vw, var(--bosluk-20));
}
.basari-sistemi .bolum-baslik h2,
.basari-sistemi .bolum-baslik p {
  color: white;
}
.basari-sistemi .serit-baslik {
  background: rgba(255,255,255,0.15);
  color: white;
  border: 1px solid rgba(255,255,255,0.3);
}
.adimlar {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--bosluk-5);
  margin-top: var(--bosluk-10);
}
.adim {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: var(--yuvarlak-md);
  padding: var(--bosluk-6);
  text-align: center;
  backdrop-filter: blur(4px);
  transition: all var(--gecis);
}
.adim:hover {
  background: rgba(255,255,255,0.14);
  transform: translateY(-4px);
}
.adim__numara {
  font-family: var(--yazi-aile-baslik);
  font-size: var(--yazi-4xl);
  font-weight: 800;
  opacity: 0.3;
  line-height: 1;
  margin-bottom: var(--bosluk-3);
}
.adim__baslik {
  font-size: var(--yazi-xl);
  font-weight: 700;
  margin-bottom: var(--bosluk-2);
  color: white;
}
.adim__alt {
  font-size: var(--yazi-sm);
  color: rgba(255,255,255,0.7);
  font-weight: 600;
  margin-bottom: var(--bosluk-3);
}
.adim__metin {
  font-size: var(--yazi-sm);
  color: rgba(255,255,255,0.85);
  line-height: 1.6;
}
@media (max-width: 900px) {
  .adimlar { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .adimlar { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 420px) {
  .adimlar { grid-template-columns: 1fr; }
}

/* Adımlar akış çizgisi */
.adimlar-akis {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--bosluk-3);
  margin-top: var(--bosluk-10);
  flex-wrap: wrap;
  font-family: var(--yazi-aile-baslik);
  font-weight: 700;
  font-size: var(--yazi-base);
  color: rgba(255,255,255,0.8);
}
.adimlar-akis__ok {
  color: rgba(255,255,255,0.4);
  font-size: var(--yazi-xl);
}
.adimlar-akis__son {
  color: white;
  background: rgba(255,255,255,0.2);
  padding: var(--bosluk-2) var(--bosluk-4);
  border-radius: var(--yuvarlak);
  font-size: var(--yazi-lg);
}

/* ---------- Deneme + Koçluk bölümü ---------- */
.kocluk-bolum {
  background: white;
  padding-block: clamp(var(--bosluk-12), 7vw, var(--bosluk-16));
}
.iki-sutun--kocluk {
  align-items: flex-start;
}
.kocluk-liste {
  list-style: none;
  padding: 0;
  margin: var(--bosluk-4) 0 var(--bosluk-6);
}
.kocluk-liste li {
  padding: var(--bosluk-2) 0;
  padding-left: var(--bosluk-6);
  position: relative;
  color: var(--renk-yazi-acik);
  font-size: var(--yazi-base);
}
.kocluk-liste li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--renk-birincil);
  font-weight: 700;
}
.kocluk-metin {
  color: var(--renk-yazi-acik);
  font-size: var(--yazi-base);
  line-height: 1.7;
}
.kocluk-gorsel {
  border-radius: var(--yuvarlak-lg);
  overflow: hidden;
  background: var(--renk-arka-yumusak);
  aspect-ratio: 4/3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kocluk-gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kocluk-gorsel--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}
.kocluk-gorsel__icerik {
  text-align: center;
}

/* ---------- Görsel Kartlar (tıkla-aç) ---------- */
.gorsel-kartlar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--bosluk-5);
}
@media (max-width: 900px) {
  .gorsel-kartlar { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .gorsel-kartlar { grid-template-columns: 1fr; }
}
.gorsel-kart {
  border-radius: var(--yuvarlak-md);
  overflow: hidden;
  border: 1px solid var(--renk-cizgi);
  background: white;
  cursor: pointer;
  transition: all var(--gecis);
}
.gorsel-kart:hover {
  box-shadow: var(--golge-kart-hover);
  transform: translateY(-2px);
}
.gorsel-kart__gorsel {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.gorsel-kart__gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 400ms var(--easing-standard);
}
.gorsel-kart:hover .gorsel-kart__gorsel img {
  transform: scale(1.05);
}
.gorsel-kart__etiket {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--bosluk-4) var(--bosluk-4) var(--bosluk-3);
  background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%);
  color: white;
  font-family: var(--yazi-aile-baslik);
  font-weight: 700;
  font-size: var(--yazi-base);
}
.gorsel-kart__detay {
  max-height: 0;
  overflow: hidden;
  transition: max-height 350ms var(--easing-standard), padding 350ms var(--easing-standard);
  padding: 0 var(--bosluk-4);
}
.gorsel-kart__detay p {
  color: var(--renk-yazi-acik);
  font-size: var(--yazi-sm);
  line-height: 1.6;
}
.gorsel-kart.acik .gorsel-kart__detay {
  max-height: 200px;
  padding: var(--bosluk-4);
}

/* Bölüm altı alıntı (genel kullanım) */
.bolum-alinti {
  text-align: center;
  font-style: italic;
  color: var(--renk-yazi-acik);
  margin-top: var(--bosluk-10);
  font-size: var(--yazi-lg);
  max-width: 640px;
  margin-inline: auto;
}

.ozellik {
  display: flex;
  align-items: flex-start;
  gap: var(--bosluk-4);
}
.ozellik__ikon {
  /* SPRINT 2: emoji + gradient kutu → SVG + solid soft bg.
     "Pastel-mavi gradient pastel-pembe" iki-renk kutu çocuk siti hissi
     veriyordu. Modern stroke SVG ikonu için minimal solid arka plan. */
  flex-shrink: 0;
  width: 48px; height: 48px;
  background: var(--pastel-mavi);
  color: var(--renk-birincil);
  border-radius: var(--yuvarlak);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ozellik__ikon svg {
  width: 22px; height: 22px;
  stroke-width: 2;
}
/* Marka kırmızısını ikincil aksan olarak dağıt — çift sıradaki özellik ikonları kırmızı zemin
   (logonun ikinci rengi). Sayfa tek-renk mavi monotonluğundan çıksın (~70/30 mavi/kırmızı). */
.neden-biz__izgara .ozellik:nth-child(even) .ozellik__ikon {
  background: var(--pastel-pembe);
  color: var(--renk-vurgu);
}
.ozellik__baslik {
  font-size: var(--yazi-base);
  font-weight: 700;
  margin-bottom: var(--bosluk-1);
}
.ozellik__metin {
  font-size: var(--yazi-sm);
  color: var(--renk-yazi-acik);
}

/* ---------- Hakkımızda görsel + metin yan yana ---------- */
.iki-sutun {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bosluk-12);
  align-items: center;
}
@media (max-width: 900px) {
  .iki-sutun { grid-template-columns: 1fr; gap: var(--bosluk-8); }
}
.iki-sutun__gorsel {
  border-radius: var(--yuvarlak-lg);
  overflow: hidden;
  background: var(--renk-arka-yumusak);
  aspect-ratio: 4/3;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--renk-yazi-soluk);
  font-size: var(--yazi-sm);
  box-shadow: var(--golge-lg);
}
.iki-sutun__gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Foto yokken (main.js wrapper'ı kaldırır) iki-sutun otomatik tek sütun olur.
   :has() selector — Chrome 105+, Safari 15.4+, Firefox 121+ (~%96 destek). */
.iki-sutun:has(> :only-child) {
  grid-template-columns: 1fr;
  max-width: 800px;
  margin-inline: auto;
}

.tanitim-video {
  border-radius: var(--yuvarlak-lg);
  overflow: hidden;
  box-shadow: var(--golge-lg);
  background: var(--renk-arka-koyu);
  aspect-ratio: 16/9;
}
.tanitim-video video,
.tanitim-video iframe {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border: 0;
}
/* Tanıtım video bölümü gizliyse (admin video ID girmemişse), iki sütunu tek sütuna düşür.
   Metin tam-genişlik yayılıp asimetrik beyaz boşluk bırakmasın diye ölçü sınırla + ortala. */
.iki-sutun:has(> .tanitim-video[hidden]) {
  grid-template-columns: 1fr;
  max-width: 760px;
  margin-inline: auto;
}

/* ---------- Programlar izgarası ---------- */
.program-karti {
  background: white;
  border: 1px solid var(--renk-cizgi);
  border-radius: var(--yuvarlak-md);
  padding: var(--bosluk-6);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all var(--gecis);
  position: relative;
  overflow: hidden;
}
/* SPRINT 3: Gradient top-bar (scaleX 0→1) ve rotate ikon — Material 2018 dili.
   Kaldırıldı. Hover sadece shadow lift = sade modern dil (.kart ile uyumlu). */
.program-karti:hover {
  box-shadow: var(--golge-kart-hover);
}

.program-karti__ikon {
  margin-bottom: var(--bosluk-4);
  width: 56px; height: 56px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--pastel-mavi);
  color: var(--renk-birincil);
  border-radius: var(--yuvarlak-md);
  transition: background 200ms var(--easing-standard), color 200ms var(--easing-standard);
}
.program-karti__ikon svg { width: 26px; height: 26px; stroke-width: 1.75; }
.program-karti:hover .program-karti__ikon {
  background: var(--renk-birincil);
  color: white;
}
.program-karti__baslik { font-size: var(--yazi-xl); margin-bottom: var(--bosluk-1); }
.program-karti__kitle {
  font-size: var(--yazi-sm);
  color: var(--renk-vurgu);
  font-weight: 600;
  margin-bottom: var(--bosluk-3);
}
.program-karti__aciklama {
  color: var(--renk-yazi-acik);
  margin-bottom: var(--bosluk-4);
  flex-grow: 1;
}
.program-karti__ozellikler li {
  padding: var(--bosluk-1) 0;
  padding-left: var(--bosluk-5);
  position: relative;
  color: var(--renk-yazi-acik);
  font-size: var(--yazi-sm);
}
.program-karti__ozellikler li::before {
  /* Liste işareti olarak ✓ — kart__liste ile tutarlı (marka tek karakter) */
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--renk-birincil);
  font-weight: 700;
}

/* ---------- Telefonda tek-kolon kart dengesi ----------
   Tek kolon kartlar sola yaslı olunca dengesiz duruyordu. Çözüm:
   ikon + başlık + alt başlık ORTALI, gövde metni/liste SOLA (okunabilirlik;
   justify mobilde nehir/boşluk yaptığından kullanılmadı). */
@media (max-width: 520px) {
  .program-karti { align-items: center; text-align: center; }
  .program-karti__aciklama,
  .program-karti__ozellikler { align-self: stretch; text-align: left; }

  .izgara .kart { align-items: center; text-align: center; }
  .izgara .kart .kart__metin,
  .izgara .kart .kart__liste { align-self: stretch; text-align: left; }
}

/* ---------- Kadro kartları ---------- */
.kadro-karti {
  background: var(--renk-arka);
  border: 1px solid var(--renk-cizgi);
  border-radius: var(--yuvarlak-md);
  padding: var(--bosluk-6);
  text-align: center;
  transition: all var(--gecis);
}
.kadro-karti:hover {
  /* SPRINT 3: translateY kaldırıldı — sadece shadow lift */
  box-shadow: var(--golge-kart-hover);
}
.kadro-karti__foto {
  /* SPRINT 5: 120px → 144px (modern boyut), gradient → soft mavi.
     İlletral harf placeholder (AY) yerine Lucide user-round SVG. */
  width: 144px; height: 144px;
  margin: 0 auto var(--bosluk-4);
  border-radius: 50%;
  background: var(--pastel-mavi);
  color: var(--renk-birincil);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.kadro-karti__foto svg {
  width: 56px; height: 56px;
  opacity: 0.7;
}
.kadro-karti__foto img { width: 100%; height: 100%; object-fit: cover; }
.kadro-karti__ad {
  font-size: var(--yazi-lg);
  font-weight: 700;
  margin-bottom: var(--bosluk-1);
  color: var(--renk-yazi);
}
.kadro-karti__brans {
  color: var(--renk-birincil);
  font-weight: 600;
  font-size: var(--yazi-sm);
  margin-bottom: var(--bosluk-3);
}
.kadro-karti__detay {
  font-size: var(--yazi-sm);
  color: var(--renk-yazi-soluk);
  margin-bottom: var(--bosluk-2);
}
.kadro-karti__motto {
  color: var(--renk-yazi-soluk);
  font-size: var(--yazi-sm);
  font-style: italic;
}

/* ---------- İletişim sayfası ---------- */
.iletisim-izgara {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--bosluk-10);
}
@media (max-width: 900px) {
  .iletisim-izgara { grid-template-columns: 1fr; }
}

.iletisim-bilgi { display: flex; flex-direction: column; gap: var(--bosluk-5); }
.iletisim-satir {
  display: flex;
  align-items: flex-start;
  gap: var(--bosluk-4);
  padding: var(--bosluk-4);
  background: var(--renk-arka-yumusak);
  border-radius: var(--yuvarlak);
}
.iletisim-satir__ikon {
  width: 48px; height: 48px;
  background: var(--renk-birincil);
  color: white;
  border-radius: var(--yuvarlak);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.iletisim-satir__icerik h4 { font-size: var(--yazi-base); margin-bottom: var(--bosluk-1); }
.iletisim-satir__icerik p { color: var(--renk-yazi-acik); font-size: var(--yazi-sm); margin: 0; }
.iletisim-satir__icerik a { color: var(--renk-yazi-acik); }
.iletisim-satir__icerik a:hover { color: var(--renk-birincil); }

.calisma-saatleri {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--yazi-sm);
  font-variant-numeric: tabular-nums;   /* saat sütunları dikey hizalansın */
  margin-top: var(--bosluk-1);
}
.calisma-saatleri th,
.calisma-saatleri td {
  padding: 6px 4px;
  text-align: left;
  border-bottom: 1px dashed var(--renk-cizgi);
  font-weight: normal;
  color: var(--renk-yazi-acik);
}
.calisma-saatleri th {
  font-weight: 600;
  color: var(--renk-yazi);
  width: 110px;
}
.calisma-saatleri td {
  text-align: right;
}
@media (max-width: 480px) {
  .calisma-saatleri th { width: auto; }
}
.calisma-saatleri tr:last-child th,
.calisma-saatleri tr:last-child td { border-bottom: 0; }

.iletisim-harita iframe {
  width: 100%;
  height: 450px;
  border: 0;
  border-radius: var(--yuvarlak-md);
  box-shadow: var(--golge-md);
}
@media (max-width: 640px) {
  .iletisim-harita iframe { height: 320px; }
}

/* ---------- Galeri ---------- */
.galeri-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--bosluk-4);
}
.galeri-oge {
  position: relative;
  aspect-ratio: 4/3;
  border-radius: var(--yuvarlak-md);
  overflow: hidden;
  background: var(--renk-arka-yumusak);
  border: 0;
  cursor: pointer;
  transition: all var(--gecis);
  padding: 0;
  display: block;
}
.galeri-oge:hover { transform: scale(1.02); box-shadow: var(--golge-md); }
.galeri-oge img { width: 100%; height: 100%; object-fit: cover; display: block; }
.galeri-oge__baslik {
  position: absolute;
  inset: auto 0 0 0;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
  color: white;
  padding: var(--bosluk-4) var(--bosluk-3) var(--bosluk-3);
  font-size: var(--yazi-sm);
  font-weight: 500;
  text-align: left;
  opacity: 0;
  transition: opacity var(--gecis);
}
.galeri-oge:hover .galeri-oge__baslik { opacity: 1; }

/* Lightbox */
.galeri-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.92);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--bosluk-4);
  animation: lb-icer 200ms ease;
}
@keyframes lb-icer { from { opacity: 0; } to { opacity: 1; } }

.galeri-lightbox__icerik {
  max-width: 95vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--bosluk-4);
}
.galeri-lightbox__icerik img {
  max-width: 100%;
  max-height: 80vh;
  object-fit: contain;
  border-radius: var(--yuvarlak);
  transition: opacity 200ms ease;   /* yükleme fade-in — galeri.js opacity'i toggle eder */
}
.galeri-lightbox__baslik {
  color: white;
  font-size: var(--yazi-base);
  text-align: center;
  max-width: 600px;
}

.galeri-lightbox__kapa,
.galeri-lightbox__yon {
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  border: 0;
  color: white;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background var(--gecis-hizli);
  z-index: 2;
}
.galeri-lightbox__kapa:hover,
.galeri-lightbox__yon:hover { background: rgba(255, 255, 255, 0.25); }

/* Kapatma butonu çentik/safe-area'yı ezmesin (viewport-fit=cover ile) */
.galeri-lightbox__kapa {
  top: max(var(--bosluk-4), env(safe-area-inset-top));
  right: max(var(--bosluk-4), env(safe-area-inset-right));
}
.galeri-lightbox__yon { top: 50%; transform: translateY(-50%); width: 52px; height: 52px; font-size: 32px; }
.galeri-lightbox__yon--sol { left: max(var(--bosluk-4), env(safe-area-inset-left)); }
.galeri-lightbox__yon--sag { right: max(var(--bosluk-4), env(safe-area-inset-right)); }

@media (max-width: 640px) {
  /* Dokunma hedefi 44px altına inmesin (WCAG 2.5.8) */
  .galeri-lightbox__yon { width: 44px; height: 44px; font-size: 26px; }
  .galeri-lightbox__yon--sol { left: max(var(--bosluk-2), env(safe-area-inset-left)); }
  .galeri-lightbox__yon--sag { right: max(var(--bosluk-2), env(safe-area-inset-right)); }
}

/* ---------- Blog: arama + filtre çubuğu ---------- */
.blog-arama {
  display: flex;
  gap: var(--bosluk-2);
  max-width: 480px;
  margin-bottom: var(--bosluk-5);
}
.blog-arama input[type="search"] {
  flex: 1;
  padding: var(--bosluk-3) var(--bosluk-4);
  font-size: var(--yazi-base);
  border: 1.5px solid var(--renk-cizgi-koyu);
  border-radius: var(--yuvarlak);
  background: white;
  transition: all var(--gecis-hizli);
}
.blog-arama input[type="search"]:focus {
  outline: none;
  border-color: var(--renk-birincil);
  box-shadow: 0 0 0 3px rgba(21,101,192,0.12);
}

.filtre-aktif-bar {
  display: flex;
  gap: var(--bosluk-2);
  flex-wrap: wrap;
  align-items: center;
  padding: var(--bosluk-3) var(--bosluk-4);
  background: var(--pastel-mavi);
  border-radius: var(--yuvarlak);
  margin-bottom: var(--bosluk-5);
  font-size: var(--yazi-sm);
}
.filtre-aktif-bar__etiket {
  color: var(--renk-yazi-acik);
  font-weight: 600;
}
.filtre-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 4px 4px 10px;
  background: white;
  border: 1px solid var(--renk-cizgi);
  border-radius: var(--yuvarlak-tam);
  font-size: var(--yazi-xs);
}
.filtre-chip__etiket { color: var(--renk-yazi-soluk); }
.filtre-chip__deger { font-weight: 600; color: var(--renk-yazi); }
.filtre-chip__kaldir {
  display: inline-flex;
  width: 24px; height: 24px;
  align-items: center; justify-content: center;
  background: var(--renk-arka-yumusak);
  border-radius: 50%;
  font-size: 16px; line-height: 1;
  text-decoration: none;
  color: var(--renk-yazi-acik);
  transition: all var(--gecis-hizli);
}
.filtre-chip__kaldir:hover {
  background: var(--renk-vurgu);
  color: white;
}
.filtre-aktif-bar__temizle {
  margin-left: auto;
  font-size: var(--yazi-xs);
  font-weight: 600;
  color: var(--renk-vurgu);
}

/* Etiket linkleri (hover ile renkleniyor) */
.etiket--link {
  text-decoration: none;
  transition: all var(--gecis-hizli);
}
.etiket--link:hover {
  background: var(--renk-birincil);
  color: white;
  border-color: var(--renk-birincil);
}

/* ---------- Blog ---------- */
.blog-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: var(--bosluk-6);
}

.blog-kart {
  background: var(--renk-arka);
  border: 1px solid var(--renk-cizgi);
  border-radius: var(--yuvarlak-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--gecis);
}
.blog-kart:hover {
  /* SPRINT 3: translateY kaldırıldı — sadece shadow lift */
  box-shadow: var(--golge-kart-hover);
}
.blog-kart__gorsel {
  display: block;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--renk-arka-yumusak);
}
.blog-kart__gorsel img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform var(--gecis);
}
.blog-kart:hover .blog-kart__gorsel img { transform: scale(1.05); }
.blog-kart__icerik {
  padding: var(--bosluk-5);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.blog-kart__meta {
  display: flex;
  gap: var(--bosluk-2);
  align-items: center;
  flex-wrap: wrap;
  font-size: var(--yazi-xs);
  color: var(--renk-yazi-soluk);
  margin-bottom: var(--bosluk-3);
}
.blog-kart__baslik {
  font-size: var(--yazi-xl);
  margin-bottom: var(--bosluk-3);
  line-height: 1.3;
}
.blog-kart__baslik a {
  color: var(--renk-yazi);
  text-decoration: none;
}
.blog-kart__baslik a:hover { color: var(--renk-birincil); }
.blog-kart__ozet {
  color: var(--renk-yazi-acik);
  font-size: var(--yazi-sm);
  margin-bottom: var(--bosluk-4);
  flex-grow: 1;
}
.blog-kart__etiketler {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: var(--bosluk-4);
}
.blog-kart__alt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--bosluk-3);
  padding-top: var(--bosluk-3);
  margin-top: auto;
  border-top: 1px solid var(--renk-cizgi);
  font-size: var(--yazi-xs);
  color: var(--renk-yazi-acik);
}
.blog-kart__yazar a {
  color: var(--renk-yazi-acik);
  font-weight: 500;
}
.blog-kart__yazar a:hover { color: var(--renk-birincil); }
.blog-kart__sure {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--yazi-xs);
  color: var(--renk-yazi-soluk);
}
.blog-kart__sure::before { content: "⏱"; }

.blog-kart__link {
  color: var(--renk-birincil);
  font-weight: 600;
  font-size: var(--yazi-sm);
  transition: gap var(--gecis-hizli);
}
.blog-kart__link:hover { color: var(--renk-birincil-koyu); }

/* Blog detay */
.blog-detay {
  max-width: 760px;
  margin-inline: auto;
}
.blog-detay__ust { margin-bottom: var(--bosluk-6); }
.blog-detay__meta {
  display: flex;
  gap: var(--bosluk-3);
  align-items: center;
  flex-wrap: wrap;
  font-size: var(--yazi-sm);
  color: var(--renk-yazi-soluk);
  margin-bottom: var(--bosluk-4);
}
.blog-detay h1 {
  font-size: clamp(var(--yazi-2xl), 5vw, var(--yazi-4xl));
  margin-bottom: var(--bosluk-4);
  line-height: 1.2;
}
.blog-detay__ozet {
  font-size: var(--yazi-lg);
  color: var(--renk-yazi-acik);
  line-height: 1.6;
  font-style: italic;
  padding-left: var(--bosluk-4);
  border-left: 3px solid var(--renk-cizgi);
}
.blog-detay__kapak {
  width: 100%;
  max-height: 480px;
  object-fit: cover;
  border-radius: var(--yuvarlak-md);
  margin-bottom: var(--bosluk-8);
  box-shadow: var(--golge-md);
}
.blog-detay__icerik {
  font-size: var(--yazi-lg);
  line-height: 1.75;
  color: var(--renk-yazi);
}
.blog-detay__icerik h1,
.blog-detay__icerik h2,
.blog-detay__icerik h3 { margin: var(--bosluk-8) 0 var(--bosluk-3); }
.blog-detay__icerik h2 { font-size: var(--yazi-2xl); }
.blog-detay__icerik h3 { font-size: var(--yazi-xl); }
.blog-detay__icerik p { margin-bottom: var(--bosluk-4); }
.blog-detay__icerik img {
  max-width: 100%; height: auto;
  border-radius: var(--yuvarlak); margin: var(--bosluk-5) 0;
}
.blog-detay__icerik blockquote {
  border-left: 4px solid var(--renk-vurgu);
  background: var(--renk-arka-yumusak);
  padding: var(--bosluk-4) var(--bosluk-5);
  margin: var(--bosluk-5) 0;
  font-style: italic;
  color: var(--renk-yazi-acik);
  border-radius: 0 var(--yuvarlak) var(--yuvarlak) 0;
}
.blog-detay__icerik a {
  color: var(--renk-birincil);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.blog-detay__icerik ul,
.blog-detay__icerik ol {
  margin: var(--bosluk-3) 0 var(--bosluk-4) var(--bosluk-6);
}
.blog-detay__icerik li { margin-bottom: var(--bosluk-2); list-style: revert; }
.blog-detay__icerik pre {
  background: #0f1a2c;
  color: #94e2d5;
  padding: var(--bosluk-4);
  border-radius: var(--yuvarlak);
  overflow-x: auto;
  font-family: ui-monospace, 'SF Mono', monospace;
  font-size: var(--yazi-sm);
  margin: var(--bosluk-4) 0;
}
.blog-detay__icerik code {
  background: var(--renk-arka-yumusak);
  padding: 2px 6px;
  border-radius: var(--yuvarlak-sm);
  font-size: 0.9em;
}
.blog-detay__etiketler {
  margin-top: var(--bosluk-10);
  padding-top: var(--bosluk-6);
  border-top: 1px solid var(--renk-cizgi);
  display: flex;
  gap: var(--bosluk-2);
  flex-wrap: wrap;
  align-items: center;
  font-size: var(--yazi-sm);
}

/* Yazar kartı (detayda) */
.blog-detay__yazar {
  display: flex;
  align-items: center;
  gap: var(--bosluk-3);
  margin-top: var(--bosluk-6);
  padding-top: var(--bosluk-5);
  border-top: 1px solid var(--renk-cizgi);
}
.blog-detay__yazar-avatar {
  width: 48px; height: 48px;
  background: linear-gradient(135deg, var(--renk-birincil), var(--renk-birincil-acik));
  color: white;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: var(--yazi-lg);
}
.blog-detay__yazar-ad { font-weight: 600; font-size: var(--yazi-base); color: var(--renk-yazi); }
.blog-detay__yazar-ad a { color: inherit; text-decoration: none; }
.blog-detay__yazar-ad a:hover { color: var(--renk-birincil); text-decoration: underline; }
.blog-detay__yazar-alt {
  font-size: var(--yazi-xs);
  color: var(--renk-yazi-soluk);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Önceki / sonraki yazı navigasyonu */
.blog-nav {
  max-width: 760px;
  margin: var(--bosluk-10) auto 0;
  padding-top: var(--bosluk-6);
  border-top: 1px solid var(--renk-cizgi);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bosluk-3);
}
.blog-nav__link {
  padding: var(--bosluk-4);
  background: white;
  border: 1px solid var(--renk-cizgi);
  border-radius: var(--yuvarlak-md);
  text-decoration: none;
  transition: all var(--gecis);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.blog-nav__link:hover {
  border-color: var(--renk-birincil);
  background: var(--pastel-mavi);
  transform: translateY(-2px);
  box-shadow: var(--golge-renk);
}
.blog-nav__link--sonraki { text-align: right; }
.blog-nav__yon {
  font-size: var(--yazi-xs);
  color: var(--renk-birincil);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.blog-nav__baslik {
  font-size: var(--yazi-base);
  font-weight: 600;
  color: var(--renk-yazi);
  line-height: 1.3;
}
@media (max-width: 640px) {
  .blog-nav { grid-template-columns: 1fr; }
  .blog-nav__link--sonraki { text-align: left; }
}

/* Yazar CTA (detay altında) */
.blog-yazar-cta {
  max-width: 760px;
  margin: var(--bosluk-8) auto 0;
  padding: var(--bosluk-6);
  background: var(--pastel-pembe);
  border-radius: var(--yuvarlak-md);
  text-align: center;
}
.blog-yazar-cta p {
  font-size: var(--yazi-base);
  color: var(--renk-yazi-acik);
  margin-bottom: var(--bosluk-3);
}

/* ---------- Duyurular sayfası filtre ---------- */
.duyuru-filtre {
  display: flex;
  gap: var(--bosluk-2);
  margin-bottom: var(--bosluk-8);
  flex-wrap: wrap;
}
/* Filtre düğmeleri artık tek kanon .cip / .cip--aktif bileşenini kullanıyor
   (duyurular.js + galeri.js). Eski .duyuru-filtre__dugme ikinci-sistem stilleri kaldırıldı. */

/* ---------- CTA bölümü ---------- */
.cta-bolumu {
  /* Sade 2-stop derin mavi — eski 3-stop "2016 corporate" canlı gradient yerine */
  background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%);
  color: white;
  padding: var(--bosluk-16) var(--bosluk-8);
  border-radius: var(--yuvarlak-lg);
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: var(--golge-lg);
}
.cta-bolumu::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.10), transparent 50%);
  pointer-events: none;
}
.cta-bolumu > * { position: relative; }
.cta-bolumu h2 { color: white; margin-bottom: var(--bosluk-4); }
.cta-bolumu p {
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--yazi-lg);
  margin-bottom: var(--bosluk-8);
  max-width: 600px;
  margin-inline: auto;
}
.cta-bolumu__dugmeler {
  display: flex;
  justify-content: center;
  gap: var(--bosluk-4);
  flex-wrap: wrap;
}
@media (max-width: 520px) {
  .cta-bolumu { padding: var(--bosluk-12) var(--bosluk-5); }
  .cta-bolumu__dugmeler {
    flex-direction: column;
    align-items: stretch;
  }
  .cta-bolumu__dugmeler .dugme { width: 100%; }
}

/* ---------- 404 ---------- */
.bulunamadi {
  text-align: center;
  padding: var(--bosluk-16) var(--bosluk-4);
  max-width: 720px;
  margin-inline: auto;
}
.bulunamadi__kod {
  font-family: var(--yazi-aile-baslik);
  font-size: clamp(6rem, 20vw, 11rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  background: linear-gradient(135deg, var(--renk-birincil), var(--renk-vurgu));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-bottom: var(--bosluk-2);
}
.bulunamadi h1 { margin-bottom: var(--bosluk-3); }
.bulunamadi__alt {
  color: var(--renk-yazi-acik);
  font-size: var(--yazi-lg);
  margin-bottom: var(--bosluk-8);
}

/* Akıllı öneri panosu — kullanıcı hedefini tahmin et, link grid göster */
.bulunamadi__oneriler {
  margin: var(--bosluk-2) auto var(--bosluk-8);
  padding: var(--bosluk-6);
  background: var(--renk-arka-yumusak);
  border: 1px solid var(--renk-cizgi);
  border-radius: var(--yuvarlak-md);
  max-width: 560px;
  text-align: left;
}
.bulunamadi__oneriler-baslik {
  font-size: var(--yazi-sm);
  font-weight: 600;
  color: var(--renk-yazi);
  margin-bottom: var(--bosluk-3);
  text-align: center;
}
.bulunamadi__linkler {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--bosluk-2);
}
.bulunamadi__linkler a {
  display: flex;
  align-items: center;
  gap: var(--bosluk-3);
  padding: var(--bosluk-3) var(--bosluk-4);
  background: white;
  border: 1px solid var(--renk-cizgi);
  border-radius: var(--yuvarlak);
  color: var(--renk-yazi);
  font-size: var(--yazi-sm);
  font-weight: 500;
  text-decoration: none;
  transition: border-color var(--gecis-hizli), color var(--gecis-hizli), background var(--gecis-hizli);
}
.bulunamadi__linkler a:hover {
  border-color: var(--renk-birincil);
  color: var(--renk-birincil);
  background: var(--pastel-mavi);
}
.bulunamadi__linkler svg {
  width: 18px; height: 18px;
  flex-shrink: 0;
  color: var(--renk-birincil);
}
@media (max-width: 480px) {
  .bulunamadi__linkler { grid-template-columns: 1fr; }
}

/* ---------- Sayaç / İstatistik bandı (ana sayfa) ---------- */
.sayac-bolum {
  padding-block: clamp(var(--bosluk-12), 7vw, var(--bosluk-16));
  background: var(--pastel-mavi);
}
.sayac-izgara { gap: var(--bosluk-5); }
/* Mobilde 4 sayaç tek kolon (alt alta) yerine 2x2 kompakt grid */
@media (max-width: 640px) {
  .sayac-izgara { grid-template-columns: 1fr 1fr; gap: var(--bosluk-4); }
}

/* ---------- Görüşler (testimonials) ---------- */
.gorusler-izgara { gap: var(--bosluk-6); }
.gorus-karti {
  background: white;
  border: 1px solid var(--renk-cizgi);
  border-radius: var(--yuvarlak-md);
  padding: var(--bosluk-6);
  display: flex;
  flex-direction: column;
  gap: var(--bosluk-4);
  height: 100%;
  margin: 0;
  transition: box-shadow var(--gecis);
}
.gorus-karti:hover {
  box-shadow: var(--golge-kart-hover);
}
.gorus-karti__yildiz {
  color: var(--renk-uyari);          /* magic-hex #f59e0b yerine token */
  letter-spacing: 2px;
  font-size: var(--yazi-sm);
}
.gorus-karti__metin {
  margin: 0;
  color: var(--renk-yazi-acik);
  font-style: italic;
  line-height: 1.7;
  flex-grow: 1;
}
.gorus-karti__metin::before {
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 2.4rem;
  line-height: 0;
  color: var(--renk-birincil);
  opacity: 0.22;
  margin-right: 4px;
  vertical-align: -0.4em;
}
.gorus-karti__kisi {
  display: flex;
  align-items: center;
  gap: var(--bosluk-3);
  padding-top: var(--bosluk-3);
  border-top: 1px solid var(--renk-cizgi);
}
.gorus-karti__avatar {
  width: 48px; height: 48px;
  border-radius: 50%;
  background: var(--pastel-mavi);
  color: var(--renk-birincil);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: var(--yazi-lg);
  overflow: hidden;
  flex-shrink: 0;
}
.gorus-karti__avatar img { width: 100%; height: 100%; object-fit: cover; }
.gorus-karti__ad { font-weight: 700; color: var(--renk-yazi); }
.gorus-karti__rol { font-size: var(--yazi-sm); color: var(--renk-yazi-soluk); }

/* ---------- SSS (accordion) ---------- */
.sss-liste { display: flex; flex-direction: column; gap: var(--bosluk-3); }
.sss-oge {
  background: white;
  border: 1px solid var(--renk-cizgi);
  border-radius: var(--yuvarlak-md);
  overflow: hidden;
}
.sss-oge[open] { border-color: var(--renk-cizgi-koyu); box-shadow: var(--golge-sm); }
.sss-oge__soru {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--bosluk-4);
  padding: var(--bosluk-4) var(--bosluk-5);
  font-family: var(--yazi-aile-baslik);
  font-weight: 600;
  color: var(--renk-yazi);
  cursor: pointer;
  list-style: none;
}
.sss-oge__soru::-webkit-details-marker { display: none; }
.sss-oge__soru:hover { color: var(--renk-birincil); }
.sss-oge__ok {
  width: 20px; height: 20px;
  flex-shrink: 0;
  color: var(--renk-birincil);
  transition: transform var(--gecis);
}
.sss-oge[open] .sss-oge__ok { transform: rotate(180deg); }
.sss-oge__cevap {
  padding: 0 var(--bosluk-5) var(--bosluk-5);
  color: var(--renk-yazi-acik);
  line-height: 1.7;
}
/* Açılışta sert "snap" yerine yumuşak iç-içe geçiş (reduced-motion'da global kural sıfırlar) */
.sss-oge[open] .sss-oge__cevap {
  animation: sss-ac 260ms var(--easing-decelerate);
}
@keyframes sss-ac {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: none; }
}