/* ============================================================
   DOSYA SORUMLULUGU — features-04-sub-screens.css
   ------------------------------------------------------------
   NE YAPAR   : sub-screen kabugu, #sub-howto tam ekran istisnasi, slideIn animasyonu.
   KAYNAK     : v3.12.0'da bolundu — kurallar birebir tasindi,
                hicbir kural yeniden yazilmadi veya siralanmadi.
   SIRA       : index.html'deki <link> sirasi kaskadi belirler.
                Bu dosyanin sirasini DEGISTIRME.
   ------------------------------------------------------------
   Tam dosya listesi ve sira: BAGIMLILIK-HARITASI.md
   ============================================================ */

/* ============================================================
   SUB-SCREENS
   ============================================================ */
.sub-screen {
  display: none;
  flex-direction: column;
  position: absolute;
  inset: 0;
  bottom: var(--nav-h);
  background: var(--bg);
  z-index: 150;
  animation: slideIn 0.25s cubic-bezier(0.4,0,0.2,1);
}
.sub-screen.active { display: flex; }
.sub-screen .screen-body { flex: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; padding-bottom: 16px; }
.sub-screen .screen-body::-webkit-scrollbar { display: none; }

/* sub-howto #app dışında — tam ekran, nav yok */
#sub-howto {
  position: fixed;
  inset: 0;
  bottom: 0;
  z-index: 1000;
  max-width: 430px;
  margin: 0 auto;
}

@keyframes slideIn {
  from { transform: translateX(100%); opacity: 0.8; }
  to   { transform: translateX(0);    opacity: 1; }
}