/* /analiz — "DETAYLI ANALİZLER" bölümü (statik görsel kartlar; js/analiz-kartlar.js).
   gece-maci.css ve analiz.css'ten SONRA yüklenir. Renkler YALNIZ rollerden
   (--kart/--cizgi/--ink/--ink2/--soluk/--cim/--yuzey2) — gece ve gündüz aynı
   dosyadan çalışır, kart gövdesi mevcut .kart token'larını kullanır.
   Izgara: mobil tek sütun, 560px'ten 2, 800px'ten 3 sütun (css/analiz.css
   .az-isi-izgara deseniyle aynı mantık). */

.az-dk {
  display: flex; flex-direction: column; gap: 10px;
  margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--cizgi);
}
.az-dk[hidden] { display: none; }
.az-dk-baslik { margin: 0 2px; }
.az-dk-giris { margin: -2px 2px 2px; }
.az-dk-grup { display: flex; flex-direction: column; gap: 10px; }
.az-icerik .az-dk-grup-baslik { margin: 6px 2px 0; font-family: var(--govde); line-height: 1.3; }

.az-dk-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
@media (min-width: 560px) { .az-dk-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 800px) { .az-dk-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.az-dk-kart { display: flex; flex-direction: column; gap: 8px; padding: 10px; }
.az-dk-gorsel {
  display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; overflow: hidden;
  background: var(--yuzey2); border: 0; border-radius: 10px; cursor: zoom-in;
}
.az-dk-gorsel:hover { background: var(--kart-hover); }
.az-dk-gorsel:focus-visible { outline: 2px solid var(--cim); outline-offset: 2px; }
.az-dk-gorsel img { display: block; width: 100%; height: 100%; object-fit: contain; }
.az-icerik .az-dk-kart-baslik {
  margin: 0 2px; font-family: var(--govde); font-size: 14px; font-weight: 700;
  line-height: 1.3; color: var(--ink);
}
.az-dk-aciklama { margin: -2px 2px 0; font-size: 12px; color: var(--ink2); line-height: 1.4; }
.az-dk-kaynak { margin: 0 2px; letter-spacing: .08em; }

/* ---- Tam ekran görsel (oyuncu.css .gif-ortu deseni; perde opaklıklı katman) ---- */
.az-dk-ortu {
  position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center;
  padding: 20px; backdrop-filter: blur(6px);
}
.az-dk-ortu::before { content: ""; position: absolute; inset: 0; background: var(--sz-gm-zemin); opacity: .8; }
.az-dk-kutu {
  position: relative; width: 100%; max-width: 920px; padding: 12px; border-radius: 16px;
  background: var(--kart); border: 1px solid var(--cizgi2); box-shadow: var(--tel-golge);
}
.az-dk-ortu-ust { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.az-dk-ortu-baslik {
  flex: 1; min-width: 0; font-family: var(--display); font-size: 17px; font-weight: 700; letter-spacing: .02em;
}
.az-dk-kapat {
  border: 0; background: none; color: var(--soluk); font-size: 20px; line-height: 1; padding: 2px 4px; cursor: pointer;
}
.az-dk-kapat:hover { color: var(--ink); }
.az-dk-kapat:focus-visible { outline: 2px solid var(--cim); outline-offset: 2px; border-radius: 6px; }
.az-dk-buyuk {
  display: block; width: 100%; max-height: 78vh; object-fit: contain;
  background: var(--yuzey2); border-radius: 10px;
}

@media (max-width: 420px) {
  .az-dk-kutu { padding: 10px; }
  .az-dk-buyuk { max-height: 70vh; }
}