/* ============================================================
   EmlakDiyo · Sunum destesi
   Karanlık, sinematik; içerik assets/js/sunum-veri.js dosyasında.
   ============================================================ */
:root{
  --zemin:#0A0A12;
  --zemin-2:#12121F;
  --yuzey:#181828;
  --cizgi:#26263C;
  --mor:#8B7CF6;
  --mor-parlak:#A594FF;
  --mor-sis:rgba(139,124,246,.14);
  --turuncu:#FF9F3E;
  --turuncu-sis:rgba(255,159,62,.14);
  --yesil:#4ED9A4;
  --kirmizi:#FF6B84;
  --metin:#F5F4FA;
  --metin-2:#B9B7CE;
  --metin-3:#77748F;
  --gecis:220ms cubic-bezier(.4,0,.2,1);
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%;margin:0}
body{
  background:var(--zemin);
  color:var(--metin);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
h1,h2,h3,p,ul,li{margin:0;padding:0;list-style:none}
b,strong{font-weight:650;color:#fff}
em{font-style:normal;color:var(--mor-parlak)}

/* ---------------- SAHNE ---------------- */
.deste{
  position:fixed;inset:0;
  display:grid;place-items:center;
  padding:2vmin;
}
.slayt{
  position:relative;
  width:min(100%, calc((100vh - 4vmin) * 16 / 9));
  aspect-ratio:16/9;
  background:var(--zemin);
  border-radius:14px;
  overflow:hidden;
  display:none;
  container-type:size;
}
.slayt.aktif{display:block}
/* slayt içi tipografi kapsayıcı genişliğine göre ölçeklenir */
.ic{
  position:absolute;inset:0;
  padding:7cqw 8cqw;
  display:flex;flex-direction:column;justify-content:center;
  animation:gir 420ms cubic-bezier(.2,.7,.3,1);
}
@keyframes gir{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.etiket{
  font-size:1.5cqw;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--mor);margin-bottom:2.2cqw;
}
.baslik{font-size:5.4cqw;font-weight:700;line-height:1.08;letter-spacing:-.02em}
.baslik.kucuk{font-size:4.2cqw}
.altbaslik{font-size:2.1cqw;line-height:1.5;color:var(--metin-2);margin-top:2.4cqw;max-width:62cqw}

/* ---------------- KAPAK ---------------- */
.slayt[data-tip="kapak"] .ic{align-items:flex-start}
.kapak-logo{width:9cqw;height:9cqw;margin-bottom:3.4cqw;border-radius:2cqw}
.kapak-marka{font-size:7.4cqw;font-weight:700;letter-spacing:-.03em;line-height:1}
.kapak-marka span{color:var(--mor)}
.kapak-alt{font-size:2.3cqw;color:var(--metin-2);margin-top:2.2cqw;max-width:58cqw;line-height:1.45}
.kapak-cizgi{width:14cqw;height:.4cqw;background:var(--mor);border-radius:99px;margin-top:3.6cqw}

/* ---------------- SORU ---------------- */
.slayt[data-tip="soru"] .ic{align-items:center;text-align:center}
.soru{font-size:6cqw;font-weight:700;line-height:1.14;letter-spacing:-.02em;max-width:74cqw}
.soru-alt{font-size:2cqw;color:var(--metin-3);margin-top:3cqw}

/* ---------------- BÖLÜM AYRACI ---------------- */
.slayt[data-tip="bolum"]{background:linear-gradient(135deg,#14122A,#0A0A12 62%)}
.bolum-no{
  font-size:16cqw;font-weight:800;line-height:.9;letter-spacing:-.05em;
  color:transparent;-webkit-text-stroke:.22cqw var(--mor);opacity:.55;
}
.bolum-ad{font-size:5cqw;font-weight:700;margin-top:1cqw;letter-spacing:-.02em}
.bolum-alt{font-size:2.1cqw;color:var(--metin-2);margin-top:1.6cqw;max-width:60cqw;line-height:1.5}

/* ---------------- ÜÇLÜ KART ---------------- */
.uclu{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4cqw;margin-top:4cqw}
.kart{
  background:var(--yuzey);border:1px solid var(--cizgi);
  border-radius:1.5cqw;padding:3cqw 2.6cqw;
  display:flex;flex-direction:column;gap:1.2cqw;
}
.kart .rakam{font-size:4.4cqw;font-weight:750;line-height:1;color:var(--kirmizi);letter-spacing:-.02em}
.kart .kart-ad{font-size:2cqw;font-weight:650}
.kart .kart-metin{font-size:1.55cqw;line-height:1.55;color:var(--metin-2)}
.kart.iyi .rakam{color:var(--yesil)}
.kart.mor .rakam{color:var(--mor-parlak)}

/* ---------------- TEZ ---------------- */
.slayt[data-tip="tez"]{background:radial-gradient(120% 90% at 20% 20%, #1B1738, #0A0A12 65%)}
.slayt[data-tip="tez"] .ic{align-items:flex-start}
.tez{font-size:6.4cqw;font-weight:750;line-height:1.1;letter-spacing:-.025em;max-width:76cqw}
.tez em{color:var(--mor-parlak)}
.tez-alt{font-size:2.1cqw;color:var(--metin-2);margin-top:3cqw;max-width:60cqw;line-height:1.5}

/* ---------------- EKRAN SLAYTLARI ---------------- */
.ekran-duzen{display:grid;grid-template-columns:1fr 1.05fr;gap:4cqw;align-items:center;height:100%}
.ekran-duzen.ters{grid-template-columns:1.05fr 1fr}
.ekran-duzen.ters .yazi{order:2}
.ekran-duzen.ters .gorsel{order:1}
.yazi .baslik{font-size:3.6cqw}
.yazi .altbaslik{font-size:1.75cqw;margin-top:1.8cqw;max-width:none}
.madde{margin-top:2.6cqw;display:flex;flex-direction:column;gap:1.3cqw}
.madde li{
  display:flex;gap:1.1cqw;font-size:1.6cqw;line-height:1.5;color:var(--metin-2);
}
.madde li::before{
  content:"";flex-shrink:0;width:.55cqw;height:.55cqw;border-radius:50%;
  background:var(--mor);margin-top:.75cqw;
}

.gorsel{display:grid;place-items:center;height:100%;min-height:0;overflow:hidden}
.cerceve-web{
  width:100%;border-radius:1cqw;overflow:hidden;
  background:#fff;border:1px solid var(--cizgi);
  box-shadow:0 2cqw 4cqw rgba(0,0,0,.55), 0 0 0 1px rgba(139,124,246,.14);
  max-height:100%;
}
.cerceve-web img{display:block;width:100%;height:auto}
.cerceve-tel{
  height:100%;max-height:90cqh;border-radius:2.4cqw;padding:.6cqw;
  background:#05050C;border:1px solid #2C2C42;
  box-shadow:0 2cqw 4cqw rgba(0,0,0,.55), 0 0 0 1px rgba(255,159,62,.14);
}
.cerceve-tel img{display:block;height:100%;width:auto;border-radius:1.9cqw}
/* kırpılmış kahraman görsel — telefon çerçevesi yok, yalnız yumuşak kart */
.cerceve-kirpim{
  width:100%;max-height:100%;border-radius:1.4cqw;overflow:hidden;
  background:#fff;border:1px solid rgba(255,255,255,.10);
  box-shadow:0 2.4cqw 5cqw rgba(0,0,0,.62), 0 0 0 1px rgba(255,159,62,.16);
}
.cerceve-kirpim img{display:block;width:100%;height:auto}
.cerceve-kirpim.mor{box-shadow:0 2.4cqw 5cqw rgba(0,0,0,.62), 0 0 0 1px rgba(139,124,246,.18)}

/* tam genişlik ekran */
.slayt[data-tip="ekran-tam"] .ic{padding:5cqw 6cqw}
.tam-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:3cqw;margin-bottom:2.4cqw}
.tam-ust .baslik{font-size:3.4cqw}
.tam-ust .not{font-size:1.6cqw;color:var(--metin-2);max-width:40cqw;text-align:right;line-height:1.5}
.tam-madde{
  display:grid;grid-template-columns:1fr 1fr;
  gap:.9cqw 3.4cqw;margin-bottom:2cqw;max-width:74cqw;
}
.tam-madde li{display:flex;gap:.9cqw;font-size:1.45cqw;line-height:1.45;color:var(--metin-2)}
.tam-madde li::before{
  content:"";flex-shrink:0;width:.5cqw;height:.5cqw;border-radius:50%;
  background:var(--mor);margin-top:.62cqw;
}
.tam-gorsel{
  flex:1;min-height:0;display:grid;place-items:center;
}
.tam-gorsel .cerceve-web{max-height:100%;width:100%;max-width:100%}
.tam-gorsel .cerceve-web img{width:100%;height:auto;max-height:100%;object-fit:contain}

/* ---------------- SAYI VURGUSU ---------------- */
.slayt[data-tip="sayi"] .ic{align-items:center;text-align:center}
.sayi-satir{display:flex;gap:8cqw;align-items:flex-start;justify-content:center;margin-top:1cqw}
.sayi-blok .sayi-buyuk{
  font-size:9cqw;font-weight:800;line-height:1;letter-spacing:-.04em;
  background:linear-gradient(180deg,#fff,var(--mor));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.sayi-blok .sayi-ad{font-size:1.9cqw;color:var(--metin-2);margin-top:1.2cqw}
.sayi-not{font-size:1.9cqw;color:var(--metin-3);margin-top:4cqw;max-width:60cqw}

/* ---------------- KAPANIŞ ---------------- */
.slayt[data-tip="kapanis"]{background:radial-gradient(120% 90% at 80% 30%, #1B1738, #0A0A12 65%)}
.slayt[data-tip="kapanis"] .ic{align-items:flex-start}
.kapanis-soru{font-size:5.2cqw;font-weight:700;line-height:1.15;letter-spacing:-.02em;max-width:74cqw}
.kapanis-secenek{display:flex;gap:1.6cqw;margin-top:4cqw;flex-wrap:wrap}
.secenek{
  padding:1.4cqw 2.4cqw;border-radius:99px;
  border:1px solid var(--cizgi);background:var(--yuzey);
  font-size:1.75cqw;color:var(--metin-2);
}

/* ---------------- ÜST/ALT ARAYÜZ ---------------- */
.arayuz{position:fixed;left:0;right:0;z-index:20;pointer-events:none}
.arayuz > *{pointer-events:auto}
.ust{top:0;display:flex;align-items:center;justify-content:space-between;padding:2vmin 2.6vmin}
.ust-marka{display:flex;align-items:center;gap:.9vmin;opacity:.5;font-size:1.5vmin;letter-spacing:.04em}
.ust-marka img{width:2.4vmin;height:2.4vmin;border-radius:.6vmin}
.ust-dugmeler{display:flex;gap:.8vmin}
.mini{
  width:3.4vmin;height:3.4vmin;border-radius:.9vmin;
  display:grid;place-items:center;color:var(--metin-3);
  border:1px solid transparent;transition:var(--gecis);
}
.mini svg{width:1.9vmin;height:1.9vmin}
.mini:hover{color:var(--metin);background:var(--yuzey);border-color:var(--cizgi)}

.alt{bottom:0;display:flex;align-items:center;justify-content:space-between;padding:2vmin 2.6vmin;gap:2vmin}
.noktalar{display:flex;gap:.55vmin;flex-wrap:wrap;max-width:70vw}
.nokta{
  width:1.5vmin;height:.45vmin;border-radius:99px;background:var(--cizgi);
  transition:var(--gecis);
}
.nokta.aktif{background:var(--mor);width:3vmin}
.nokta.bolum-basi{background:var(--metin-3)}
.sayac{font-size:1.5vmin;color:var(--metin-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.sayac b{color:var(--metin)}

/* ---------------- KONUŞMA NOTU ---------------- */
.not-panel{
  position:fixed;left:0;right:0;bottom:0;z-index:30;
  background:rgba(10,10,18,.97);
  border-top:1px solid var(--cizgi);
  padding:2.4vmin 3vmin 3vmin;
  max-height:38vh;overflow-y:auto;
  transform:translateY(100%);transition:transform var(--gecis);
}
body.not-acik .not-panel{transform:translateY(0)}
.not-etiket{font-size:1.3vmin;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mor);margin-bottom:1.2vmin}
.not-metin{font-size:2vmin;line-height:1.6;color:var(--metin-2);max-width:110ch}
.not-metin em{color:var(--mor-parlak)}

/* ---------------- GENEL BAKIŞ ---------------- */
.bakis{
  position:fixed;inset:0;z-index:40;background:rgba(8,8,14,.96);
  padding:4vmin;overflow-y:auto;display:none;
}
body.bakis-acik .bakis{display:block}
.bakis-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(19vmin,1fr));gap:2vmin}
.bakis-kart{
  aspect-ratio:16/9;border-radius:1vmin;overflow:hidden;
  border:1px solid var(--cizgi);background:var(--zemin-2);
  padding:1.6vmin;text-align:left;
  display:flex;flex-direction:column;justify-content:space-between;
  transition:var(--gecis);
}
.bakis-kart:hover{border-color:var(--mor);transform:translateY(-2px)}
.bakis-kart.aktif{border-color:var(--mor);box-shadow:0 0 0 1px var(--mor)}
.bakis-kart .bk-no{font-size:1.3vmin;color:var(--metin-3)}
.bakis-kart .bk-ad{font-size:1.55vmin;font-weight:600;line-height:1.35;color:var(--metin)}

/* ---------------- YARDIM ---------------- */
.yardim{
  position:fixed;inset:0;z-index:50;display:none;
  background:rgba(8,8,14,.9);place-items:center;
}
body.yardim-acik .yardim{display:grid}
.yardim-kutu{
  background:var(--yuzey);border:1px solid var(--cizgi);border-radius:1.6vmin;
  padding:4vmin;width:min(56vmin,90vw);
}
.yardim-kutu h3{font-size:2.4vmin;margin-bottom:2.6vmin}
.yardim-satir{display:flex;justify-content:space-between;gap:2vmin;padding:1.1vmin 0;font-size:1.8vmin;color:var(--metin-2);border-bottom:1px solid var(--cizgi)}
.yardim-satir:last-child{border-bottom:0}
.yardim-satir kbd{
  background:var(--zemin-2);border:1px solid var(--cizgi);border-radius:.6vmin;
  padding:.3vmin 1vmin;font:inherit;font-size:1.6vmin;color:var(--metin);
}

/* ---------------- YAZDIRMA (PDF) ---------------- */
@media print{
  body{background:#fff;overflow:visible}
  .arayuz,.not-panel,.bakis,.yardim{display:none!important}
  .deste{position:static;padding:0;display:block}
  .slayt{
    display:block!important;width:100%;max-width:none;
    border-radius:0;page-break-after:always;break-after:page;
  }
}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}