/* ═══════════════════════════════════════════════════════════════════
   ETESIO TEMASI — Ilker'in tasarimi (16 Eki 2026), bilesenler-etesio.js
   Yazi: Segoe UI (Windows'ta yerlesik; dosyasi sunulmaz, lisansi
   dagitima izin vermez) -> yoksa sistem yazisi.
   ═══════════════════════════════════════════════════════════════════ */
.et-bolum {
  --et-mavi: #0aa5e8; --et-mavi-koyu: #014a8f; --et-lacivert: #070d1c; --et-kart: #0b1428;
  --et-yazi: "Segoe UI", "Segoe UI Variable Text", system-ui, -apple-system, Roboto, sans-serif;
  font-family: var(--et-yazi); padding: 0 !important; position: relative;
}
.et-bolum .kapsayici { position: relative; z-index: 1; }
.et-vurgu { color: var(--et-mavi); }
.et-dugmeler { display: flex; flex-wrap: wrap; gap: .9rem; }
.et-dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 48px; padding: 0 1.6rem;
  border-radius: 999px; font-weight: 600; font-size: .95rem; text-decoration: none; transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.et-dugme svg { width: 16px; height: 16px; }
.et-dugme:hover { transform: translateY(-1px); filter: brightness(1.08); }
.et-dugme-ana { background: linear-gradient(90deg, #003b7a, #0a7ad6); color: #fff; box-shadow: 0 8px 22px rgba(10, 122, 214, .35); }
.et-dugme-beyaz { background: #fff; color: #111; }
.et-dugme-sari { background: #f5a10a; color: #10213b; border-radius: 6px; font-size: 1.15rem; font-weight: 500; }
.et-dugme-mavi { background: #2f6bff; color: #fff; border-radius: 6px; }
.et-dugme-lacivert { background: #0b1428; color: #fff; border-radius: 6px; }
.et-dugme-turkuaz { background: linear-gradient(90deg, #0fb5c9, #0b7f72); color: #fff; border-radius: 6px; }

/* Acik zemin + noktali dalga (tasarimdaki doku; ozgun hafif cizim) */
.et-acik { background: linear-gradient(180deg, #f4f4f5, #e9e9eb 60%, #f6f6f7); color: #10213b; }
.et-noktali::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: url("/kimlik/tema-etesio/noktali-dalga.svg") center / cover no-repeat; opacity: .75;
}
:root[data-tema="koyu"] .et-acik { background: linear-gradient(180deg, #0d1424, #0a101d); color: #e6edf7; }
:root[data-tema="koyu"] .et-noktali::before { opacity: .22; }

.et-tepe { text-align: center; max-width: 760px; margin: 0 auto 2.5rem; }
.et-tepe-sol { text-align: left; max-width: none; margin-left: 9%; }
.et-tepe h2 { margin: 0 0 .4rem; font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 400; color: inherit; letter-spacing: -.01em; }
.et-tepe p { margin: 0; font-size: 1.05rem; opacity: .85; }

/* 1. Giris (kartli slayt) */
.et-kahraman { position: relative; min-height: clamp(560px, 70vh, 820px); background: #fff; overflow: hidden; }
.et-slayt {
  position: absolute; inset: 0; display: flex; align-items: center; opacity: 0; visibility: hidden; transition: opacity .7s ease, visibility .7s;
  background: linear-gradient(115deg, #fff 45%, #e8f0ff 70%, #c9dcff) center / cover no-repeat;
}
.et-slayt.etkin { opacity: 1; visibility: visible; }
.et-kart {
  width: min(570px, 92%); padding: clamp(1.8rem, 3vw, 2.6rem) clamp(1.5rem, 3vw, 3rem) clamp(1.8rem, 3vw, 2.6rem) max(7.5vw, 1.5rem);
  background: rgba(70, 70, 68, .96); color: #fff; border-radius: 0 56px 56px 0; box-shadow: 0 30px 60px rgba(0, 0, 0, .18);
}
.et-kahraman-baslik { margin: 0 0 1.1rem; font-size: clamp(2.2rem, 4.2vw, 3.3rem); line-height: 1.12; font-weight: 700; color: #fff; letter-spacing: -.01em; }
.et-kahraman-metin { margin: 0 0 1.8rem; font-size: 1.02rem; line-height: 1.6; color: rgba(255, 255, 255, .92); font-weight: 300; }
.et-kanit { display: flex; align-items: center; gap: .6rem; margin: 1.5rem 0 0; font-size: .82rem; }
.et-avatarlar { display: inline-flex; }
.et-avatarlar i { width: 30px; height: 30px; border-radius: 50%; border: 2px solid #fff; margin-right: -9px; background: #1aa0b8; }
.et-avatarlar i:nth-child(2) { background: #e3a02a; } .et-avatarlar i:nth-child(3) { background: #7a8ff0; margin-right: 0; }
.et-gosterge { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: flex; gap: 8px; padding: 1.1rem 1.4rem; background: var(--et-lacivert); border-radius: 0; z-index: 2; }
.et-gosterge button { width: 96px; height: 4px; border: 0; padding: 0; background: rgba(255, 255, 255, .35); cursor: pointer; }
.et-gosterge button[aria-selected="true"] { background: #fff; }

/* 2. Panel tanitimi ve 5. ortak mavi serit */
.et-serit { background: linear-gradient(90deg, #014a8f, #0a86d6 50%, #014a8f); color: #fff; text-align: center; padding: 2.4rem 0 2.2rem; box-shadow: 0 10px 30px rgba(0, 0, 0, .35); position: relative; z-index: 2; }
.et-serit-baslik { margin: 0 0 .5rem; font-size: clamp(1.9rem, 4vw, 3.3rem); font-weight: 700; color: #fff; letter-spacing: -.01em; }
.et-serit-baslik.et-ince { font-weight: 400; font-size: clamp(1.7rem, 3.2vw, 2.5rem); }
.et-serit p { margin: 0 auto; max-width: 860px; font-size: clamp(1rem, 1.6vw, 1.3rem); color: rgba(255, 255, 255, .92); }
.et-panel-zemin {
  padding: 3rem 0 4rem; background:
    linear-gradient(125deg, transparent 30%, rgba(40, 70, 140, .25) 30% 46%, transparent 46% 58%, rgba(40, 70, 140, .18) 58% 70%, transparent 70%),
    var(--et-lacivert);
}
.et-panel-gorsel { display: block; width: 100%; max-width: 1140px; height: auto; margin: 0 auto; filter: drop-shadow(0 30px 60px rgba(0, 0, 0, .5)); }

/* 3. Uygulamalar izgarasi */
.etesioUygulamalar-dis, .bolum-etesioUygulamalar { padding: 3.5rem 0 4rem !important; }
.et-uyg-izgara { display: flex; flex-wrap: wrap; justify-content: center; gap: 2.2rem 2.5rem; padding: 2.4rem 1rem; background: rgba(170, 170, 170, .55); border-block: 10px solid #1f1f1f; }
:root[data-tema="koyu"] .et-uyg-izgara { background: rgba(255, 255, 255, .05); border-color: #000; }
.et-uyg { display: flex; align-items: flex-start; gap: .9rem; width: min(100%, 300px); text-decoration: none; color: inherit; }
.et-uyg-simge {
  flex: none; width: 90px; height: 90px; border-radius: 12px; display: grid; place-items: center; overflow: hidden;
  background: var(--et-renk); box-shadow: 0 6px 16px rgba(0, 0, 0, .25); transition: transform .2s ease;
}
.et-uyg-simge img { width: 100%; height: 100%; object-fit: cover; }
.et-uyg-simge b { color: #fff; font-size: 2.4rem; font-weight: 700; }
.et-uyg:hover .et-uyg-simge { transform: translateY(-3px) scale(1.03); }
.et-uyg-yazi strong { display: block; font-size: 1.1rem; font-weight: 700; margin: .2rem 0 .35rem; color: #111; }
:root[data-tema="koyu"] .et-uyg-yazi strong { color: #fff; }
.et-uyg-yazi strong em { font-style: normal; font-size: .68rem; font-weight: 600; padding: .1rem .45rem; border-radius: 999px; background: #0aa5e8; color: #fff; vertical-align: middle; }
.et-uyg-yazi small { display: block; font-size: .8rem; line-height: 1.4; color: #1d1d1d; font-weight: 600; }
:root[data-tema="koyu"] .et-uyg-yazi small { color: #b9c4d3; font-weight: 400; }

/* 4. Uc adim */
.bolum-etesioUcAdim { padding: 3.5rem 0 4.5rem !important; }
.et-adim-hat { list-style: none; margin: 0 auto 1.6rem; padding: 0; display: grid; grid-template-columns: repeat(var(--et-adet), 1fr); position: relative; }
.et-adim-hat::before { content: ""; position: absolute; top: 50%; left: calc(50% / var(--et-adet)); right: calc(50% / var(--et-adet)); height: 1px; background: #7da2e6; }
.et-adim-hat li { display: grid; place-items: center; position: relative; }
.et-adim-hat span {
  width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: #050b18; color: #2ec8ff; font-weight: 600;
  box-shadow: 0 0 0 7px rgba(140, 180, 255, .35), 0 0 18px rgba(80, 140, 255, .5);
}
.et-adim-izgara { display: grid; grid-template-columns: repeat(var(--et-adet), 1fr); gap: 1.5rem; }
.et-adim-kart { position: relative; padding: 1.8rem 1.7rem 2.2rem; border-radius: 14px; color: #fff; background: linear-gradient(110deg, var(--et-renk), #050505 92%); min-height: 160px; box-shadow: 0 14px 30px rgba(0, 0, 0, .18); }
.et-adim-no { display: none; }
.et-adim-kart h3 { margin: 0 0 .9rem; font-size: 1.3rem; font-weight: 600; color: #fff; }
.et-adim-kart p { margin: 0; line-height: 1.7; font-size: .98rem; color: rgba(255, 255, 255, .92); }

/* 5. Cerceveli kartlar */
.et-koyu-zemin { background: linear-gradient(180deg, #012a5c, #000 85%); padding: 4rem 0 5rem; }
.et-cerceve-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5rem; }
.et-cerceve-kart { padding: 1.8rem 1.7rem; border: 1.5px solid var(--et-renk); border-radius: 12px; background: rgba(5, 12, 26, .85); color: #e8eef7; }
.et-cerceve-tepe { display: flex; align-items: center; gap: .9rem; margin-bottom: 1.1rem; }
.et-cerceve-tepe h3 { margin: 0; font-size: 1.2rem; font-weight: 600; color: inherit; }
.et-cerceve-simge { flex: none; width: 44px; height: 44px; border-radius: 10px; display: grid; place-items: center; border: 1.5px solid var(--et-renk); color: var(--et-renk); }
.et-cerceve-simge svg { width: 22px; height: 22px; }
.et-cerceve-kart p { margin: 0; line-height: 1.65; font-size: .97rem; }
.et-cerceve-kart hr, .et-ilt-kart hr { border: 0; border-top: 1.5px solid var(--et-renk); margin: 1.3rem 0 1rem; opacity: .9; }
.et-cerceve-kart ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; font-size: .92rem; }
.et-cerceve-kart li { display: flex; align-items: center; gap: .55rem; }
.et-cerceve-kart li::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--et-renk); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .25); flex: none; }

/* 6. SSS */
.et-sss-zemin { background: linear-gradient(90deg, #00499a, #002a5c 45%, #000 100%); color: #fff; overflow: hidden; padding: 6rem 0 7.5rem !important; }
.et-sss-zemin::after { content: ""; position: absolute; left: -10%; right: -10%; bottom: -80px; height: 160px; background: var(--zemin, #fff); border-radius: 50%; }
.et-sss-isaret {
  position: absolute; right: -2%; top: 50%; transform: translateY(-50%); font: 700 min(48vw, 720px)/1 var(--et-yazi);
  color: #f5a10a; -webkit-text-stroke: 3px #3b6fd6; opacity: .95; pointer-events: none;
}
.et-sss { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 8fr); gap: 3rem; align-items: center; }
.et-sss-sol h2 { margin: 0 0 .5rem; font-size: clamp(2.6rem, 5vw, 4.2rem); line-height: 1.08; font-weight: 700; color: #fff; }
.et-sss-sol p { margin: 0 0 2rem; font-size: 1.3rem; color: rgba(255, 255, 255, .62); }
.et-sss-sag { display: grid; gap: .7rem; }
.et-soru { background: #0a1226; border: 1px solid rgba(80, 120, 255, .25); border-radius: 10px; }
.et-soru[open] { border-color: #3d6dff; }
.et-soru summary { list-style: none; display: flex; align-items: center; gap: 1.4rem; padding: 1.15rem 1.5rem; cursor: pointer; font-weight: 600; }
.et-soru summary::-webkit-details-marker { display: none; }
.et-soru-no { font-size: .78rem; color: #5b6b8a; font-weight: 500; }
.et-soru[open] .et-soru-no { color: #2ec8ff; }
.et-soru summary i { margin-left: auto; width: 14px; height: 14px; position: relative; flex: none; }
.et-soru summary i::before, .et-soru summary i::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background: #2ec8ff; transform: translateY(-50%); }
.et-soru summary i::after { transform: translateY(-50%) rotate(90deg); transition: transform .2s ease; }
.et-soru[open] summary i::after { transform: translateY(-50%) rotate(0); }
.et-soru-cevap { margin: 0 1.5rem; padding: 1rem 0 1.3rem 2.6rem; border-top: 1px solid rgba(255, 255, 255, .1); color: #b9c4d6; line-height: 1.65; font-size: .95rem; }

/* 7. Iletisim (birlikte bulalim) */
.bolum-etesioIletisim { padding: 6rem 0 6rem !important; }
.et-ilt-ust { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; align-items: center; margin-bottom: 2.2rem; }
.et-ilt-baslik { margin: 0 0 1.2rem; font-size: clamp(2.2rem, 4.2vw, 3.6rem); line-height: 1.12; font-weight: 700; color: #2f6bff; }
.et-ilt-ust p { margin: 0 0 1.8rem; font-size: 1.12rem; line-height: 1.6; color: #2b2f38; max-width: 560px; }
:root[data-tema="koyu"] .et-ilt-ust p { color: #c2cbd8; }
.et-ozel-kart { padding: 1.8rem 2rem 2rem; border-radius: 14px; color: #fff; background: linear-gradient(180deg, #050b18 55%, #2a3a5e); box-shadow: 0 20px 40px rgba(0, 0, 0, .2); }
.et-ozel-kart p { margin: 0 0 1.8rem; line-height: 1.7; font-size: .98rem; color: rgba(255, 255, 255, .92); }
.et-turkuaz { --et-renk: #19b7c7; }
.et-ilt-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5rem; margin-bottom: 2rem; }
.et-ilt-kart { padding: 1.8rem 1.8rem 1.6rem; border-radius: 14px; background: #0b1428; color: #fff; }
.et-ilt-alt { margin: 0; font-size: .92rem; color: #97a3b8; }
.et-ilt-bilgi { display: flex; align-items: center; gap: .7rem; margin: 0 0 1rem; font-size: 1.1rem; }
.et-ilt-bilgi svg { width: 18px; height: 18px; color: #97a3b8; }
.et-ilt-bilgi a { color: #fff; text-decoration: none; }
.et-ilt-dugme { display: flex; align-items: center; justify-content: center; gap: .5rem; min-height: 46px; border-radius: 6px; background: var(--et-renk); color: #fff; font-weight: 600; text-decoration: none; transition: filter .15s ease; }
.et-ilt-kart[style*="#f5a10a"] .et-ilt-dugme { color: #10213b; }
.et-ilt-dugme svg { width: 16px; height: 16px; }
.et-ilt-dugme:hover { filter: brightness(1.1); }
.et-konum-serit { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding: 1.6rem 2rem; border-radius: 14px; background: #0b1428; color: #fff; }
.et-konum-serit > span { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; }
.et-konum-serit svg { width: 22px; height: 22px; color: #22c3d6; }
.et-konum-serit strong { font-size: 1.15rem; }
.et-konum-serit em { font-style: normal; font-weight: 300; font-size: 1.1rem; color: #d7deea; margin-left: .6rem; }
.et-konum-serit a { color: #22c3d6; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: .35rem; }
.et-konum-serit a svg { width: 15px; height: 15px; }

/* Duyarli */
@media (max-width: 960px) {
  .et-sss, .et-ilt-ust { grid-template-columns: 1fr; gap: 2rem; }
  .et-adim-hat { display: none; }
  .et-adim-izgara { grid-template-columns: 1fr; }
  .et-adim-no { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(0, 0, 0, .35); margin-bottom: .8rem; font-weight: 700; }
  .et-tepe-sol { margin-left: 0; text-align: center; }
  .et-sss-isaret { opacity: .25; }
}
@media (max-width: 640px) {
  .et-kahraman { min-height: 620px; }
  .et-kart { width: 100%; border-radius: 0 0 36px 0; padding: 2rem 1.3rem; }
  .et-gosterge button { width: 44px; }
  .et-uyg { width: 100%; }
  .et-uyg-simge { width: 72px; height: 72px; }
  .et-uyg-izgara { gap: 1.4rem; }
  .et-sss-zemin { padding: 4rem 0 6rem !important; }
  .et-soru summary { padding: 1rem; gap: .8rem; }
  .et-soru-cevap { margin: 0 1rem; padding-left: 0; }
  .et-konum-serit em { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) { .et-slayt, .et-dugme, .et-uyg-simge { transition: none; } }

/* Site geneli bolum zemini/desen kurallari temanin zeminini ezmesin (16 Eki 2026) */
.bolum.et-bolum.et-sss-zemin { background: linear-gradient(90deg, #00499a, #002a5c 45%, #000 100%) !important; color: #fff; }
.bolum.et-bolum.et-acik { background: linear-gradient(180deg, #f4f4f5, #e9e9eb 60%, #f6f6f7) !important; }
:root[data-tema="koyu"] .bolum.et-bolum.et-acik { background: linear-gradient(180deg, #0d1424, #0a101d) !important; }
.bolum.et-bolum.et-tam { background-color: transparent; }
.et-bolum .et-cerceve-kart p, .et-bolum .et-ozel-kart p { color: #dbe3ef; }
.et-bolum .et-adim-kart p { color: rgba(255, 255, 255, .92); }
.et-bolum .et-sss-sol h2 { color: #fff; }
.et-bolum .et-sss-sol p { color: rgba(255, 255, 255, .62); }
.et-bolum .et-soru summary { color: #fff; }
.et-bolum .et-serit p { color: rgba(255, 255, 255, .92); }
.et-bolum .et-kahraman-metin { color: rgba(255, 255, 255, .92); }

/* Alt bilgi — Etesio temasi */
.et-alt { --et-alt-zemin: #0d1526; background: transparent !important; color: #e6ebf3; padding: 0 !important; border: 0 !important; font-family: "Segoe UI", system-ui, sans-serif; }
.et-alt-dalga { display: block; width: 100%; height: clamp(50px, 8vw, 110px); margin-bottom: -1px; fill: var(--et-alt-zemin); }
.et-alt-govde { background: var(--et-alt-zemin); padding: 3rem 0 0; }
.et-alt-duzen { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(auto-fit, minmax(150px, 1fr)); gap: 2.5rem; padding-bottom: 2.5rem; }
.et-alt-marka .marka { color: #fff; }
.et-alt-marka p { color: #aab6c8; font-size: .92rem; margin: .8rem 0 0; }
.et-alt-ofisler { display: grid; gap: 1.4rem; margin-top: 1.6rem; }
.et-alt-ofis { display: flex; gap: .6rem; }
.et-alt-ofis svg { flex: none; width: 20px; height: 20px; color: #2b7bd6; margin-top: 2px; }
.et-alt-ofis strong { display: block; font-size: 1rem; color: #fff; margin-bottom: .3rem; }
.et-alt-ofis span { font-size: .85rem; line-height: 1.55; color: #d5dce8; }
.et-alt-sosyal { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.5rem; }
.et-alt-sosyal a { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #1f2633; color: #f5a10a; transition: background .15s ease; }
.et-alt-sosyal a:hover { background: #2b3445; }
.et-alt-sosyal svg { width: 18px; height: 18px; }
.et-alt-sutun h3 { margin: 0 0 .9rem; font-size: .95rem; font-weight: 600; color: #fff; }
.et-alt-sutun ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.et-alt-sutun a { color: #aab6c8; text-decoration: none; font-size: .9rem; }
.et-alt-sutun a:hover { color: #f5a10a; }
.et-alt .alt-serit { border-top: 1px solid rgba(255, 255, 255, .08); }
.et-alt .alt-serit p, .et-alt .guven-baslik { color: #93a1b6; }
@media (max-width: 760px) { .et-alt-duzen { grid-template-columns: 1fr 1fr; } .et-alt-marka { grid-column: 1 / -1; } }

/* Kartli slayt: arka plan videosu (17 Eki 2026) */
.et-slayt-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; pointer-events: none; }
.et-slayt-videolu .et-kart { position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) { .et-slayt-video { display: none; } }

/* ═══ Gorunum sekmesi renkleri (17 Eki 2026) ═══════════════════════════
   Enver: "burada renkleri degistiriyorum degismiyor". Panel renkleri bolum
   etiketine --bolum-* olarak yazilir; temanin bolumleri ise renkleri sabit
   yaziyordu. Asagidaki kurallar her sabit rengi o degiskene baglar; alan bos
   birakilirsa tasarimin kendi rengi kalir.
   --et-zemin-s / --et-metin-s: koyu temada ayri secilen renk once gelir. */
.bolum.et-bolum { --et-zemin-s: var(--bolum-zemin); --et-metin-s: var(--bolum-metin); }
:root[data-tema="koyu"] .bolum.et-bolum {
  --et-zemin-s: var(--bolum-zemin-koyu, var(--bolum-zemin)); --et-metin-s: var(--bolum-metin-koyu, var(--bolum-metin));
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) .bolum.et-bolum {
    --et-zemin-s: var(--bolum-zemin-koyu, var(--bolum-zemin)); --et-metin-s: var(--bolum-metin-koyu, var(--bolum-metin));
  }
}
/* Arka plan */
.bolum.et-bolum { background: var(--et-zemin-s, var(--sira-zemin, transparent)); }
.bolum.et-bolum .et-kahraman { background: var(--et-zemin-s, #fff); }
.bolum.et-bolum .et-slayt { background-color: var(--et-zemin-s, transparent); }
.bolum.et-bolum .et-panel-zemin {
  background:
    linear-gradient(125deg, transparent 30%, rgba(40, 70, 140, .25) 30% 46%, transparent 46% 58%, rgba(40, 70, 140, .18) 58% 70%, transparent 70%),
    var(--et-zemin-s, var(--et-lacivert));
}
.bolum.et-bolum .et-koyu-zemin { background: var(--et-zemin-s, linear-gradient(180deg, #012a5c, #000 85%)); }
.bolum.et-bolum.et-acik { background: var(--et-zemin-s, linear-gradient(180deg, #f4f4f5, #e9e9eb 60%, #f6f6f7)) !important; color: var(--et-metin-s, #10213b); }
:root[data-tema="koyu"] .bolum.et-bolum.et-acik { background: var(--et-zemin-s, linear-gradient(180deg, #0d1424, #0a101d)) !important; color: var(--et-metin-s, #e6edf7); }
.bolum.et-bolum.et-sss-zemin { background: var(--et-zemin-s, linear-gradient(90deg, #00499a, #002a5c 45%, #000 100%)) !important; color: var(--et-metin-s, #fff); }
/* Vurgu: serit bandi, vurgulu kelimeler, ana dugme, adim numaralari */
.bolum.et-bolum .et-serit { background: var(--bolum-vurgu, linear-gradient(90deg, #014a8f, #0a86d6 50%, #014a8f)); }
.bolum.et-bolum .et-vurgu { color: var(--bolum-vurgu, var(--et-mavi)); }
.bolum.et-bolum .et-serit .et-vurgu { color: var(--bolum-baslik, var(--et-mavi)); }
.bolum.et-bolum .et-dugme-ana { background: var(--bolum-vurgu, linear-gradient(90deg, #003b7a, #0a7ad6)); }
.bolum.et-bolum .et-adim-no { color: var(--bolum-vurgu, #2ec8ff); }
.bolum.et-bolum .et-ilt-baslik { color: var(--bolum-baslik, var(--bolum-vurgu, #2f6bff)); }
/* Baslik */
.bolum.et-bolum .et-kahraman-baslik,
.bolum.et-bolum .et-serit-baslik,
.bolum.et-bolum .et-sss-sol h2,
.bolum.et-bolum .et-adim-kart h3 { color: var(--bolum-baslik, #fff); }
.bolum.et-bolum .et-tepe h2,
.bolum.et-bolum .et-cerceve-tepe h3 { color: var(--bolum-baslik, inherit); }
.bolum.et-bolum .et-uyg-yazi strong { color: var(--bolum-baslik, #111); }
:root[data-tema="koyu"] .bolum.et-bolum .et-uyg-yazi strong { color: var(--bolum-baslik, #fff); }
/* Metin */
.bolum.et-bolum .et-kahraman-metin,
.bolum.et-bolum .et-serit p,
.bolum.et-bolum .et-adim-kart p,
.bolum.et-bolum .et-ozel-kart p { color: var(--et-metin-s, rgba(255, 255, 255, .92)); }
.bolum.et-bolum .et-sss-sol p { color: var(--et-metin-s, rgba(255, 255, 255, .62)); }
.bolum.et-bolum .et-cerceve-kart p { color: var(--et-metin-s, #dbe3ef); }
.bolum.et-bolum .et-soru summary { color: var(--et-metin-s, #fff); }
.bolum.et-bolum .et-soru-cevap { color: var(--et-metin-s, #b9c4d6); }
.bolum.et-bolum .et-kart, .bolum.et-bolum .et-ilt-kart { color: var(--et-metin-s, #fff); }
.bolum.et-bolum .et-cerceve-kart { color: var(--et-metin-s, #e8eef7); }
.bolum.et-bolum .et-uyg-yazi small { color: var(--et-metin-s, #1d1d1d); }
:root[data-tema="koyu"] .bolum.et-bolum .et-uyg-yazi small { color: var(--et-metin-s, #b9c4d3); }
.bolum.et-bolum .et-ilt-ust p { color: var(--et-metin-s, #2b2f38); }
:root[data-tema="koyu"] .bolum.et-bolum .et-ilt-ust p { color: var(--et-metin-s, #c2cbd8); }
/* Kart zemini */
.bolum.et-bolum .et-kart { background: var(--bolum-kart, rgba(70, 70, 68, .96)); }
.bolum.et-bolum .et-adim-kart { background: var(--bolum-kart, linear-gradient(110deg, var(--et-renk), #050505 92%)); }
.bolum.et-bolum .et-cerceve-kart { background: var(--bolum-kart, rgba(5, 12, 26, .85)); }
.bolum.et-bolum .et-soru { background: var(--bolum-kart, #0a1226); }
.bolum.et-bolum .et-ilt-kart, .bolum.et-bolum .et-konum-serit { background: var(--bolum-kart, #0b1428); }
.bolum.et-bolum .et-ozel-kart { background: var(--bolum-kart, linear-gradient(180deg, #050b18 55%, #2a3a5e)); }
.bolum.et-bolum .et-uyg-izgara { background: var(--bolum-kart, rgba(170, 170, 170, .55)); }
:root[data-tema="koyu"] .bolum.et-bolum .et-uyg-izgara { background: var(--bolum-kart, rgba(255, 255, 255, .05)); }
/* Kenar */
.bolum.et-bolum .et-cerceve-kart { border-color: var(--bolum-kenar, var(--et-renk)); }
.bolum.et-bolum .et-soru { border-color: var(--bolum-kenar, rgba(80, 120, 255, .25)); }
.bolum.et-bolum .et-uyg-izgara { border-color: var(--bolum-kenar, #1f1f1f); }
.bolum.et-bolum .et-soru[open] { border-color: var(--bolum-vurgu, #3d6dff); }
:root[data-tema="koyu"] .bolum.et-bolum .et-uyg-izgara { border-color: var(--bolum-kenar, #000); }

/* ═══ GIRIS SLAYTI: gecis efektleri ve gosterge cesitleri (17 Eki 2026) ═══
   Degerler bilesenin ayarlarindan: --et-sure, --et-hiz, --et-g-aktif/pasif/zemin, --et-g-olcek, --et-ok */
.et-kahraman { --et-g-aktif: #fff; --et-g-pasif: rgba(255, 255, 255, .35); --et-g-zemin: var(--et-lacivert, #070d1c); --et-g-olcek: 1; --et-ok: #fff; --et-hiz: 700ms; }
.et-kahraman .et-slayt { transition: opacity var(--et-hiz) ease, visibility var(--et-hiz), transform var(--et-hiz) ease; }
/* Kayma */
.et-e-kayma .et-slayt { opacity: 1; transform: translateX(100%); }
.et-e-kayma .et-slayt.etkin { transform: none; }
.et-e-kayma .et-slayt.cikan { visibility: visible; transform: translateX(-100%); }
.et-e-kayma.et-geri .et-slayt:not(.etkin):not(.cikan) { transform: translateX(-100%); }
.et-e-kayma.et-geri .et-slayt.cikan { transform: translateX(100%); }
/* Yakinlasma */
.et-e-yakinlasma .et-slayt { transform: scale(1.08); }
.et-e-yakinlasma .et-slayt.etkin { transform: none; }
/* Efektsiz */
.et-e-yok .et-slayt { transition: none; }

/* Gosterge: ortak */
.et-gosterge { gap: calc(8px * var(--et-g-olcek)); padding: calc(1.1rem * var(--et-g-olcek)) calc(1.4rem * var(--et-g-olcek)); background: var(--et-g-zemin); }
.et-gosterge.et-g-zeminsiz { background: transparent; padding-bottom: 1.4rem; }
.et-gosterge button { position: relative; overflow: hidden; width: calc(96px * var(--et-g-olcek)); height: calc(4px * var(--et-g-olcek)); background: var(--et-g-pasif); transition: background .25s ease, width .3s ease; }
.et-gosterge button[aria-selected="true"] { background: var(--et-g-aktif); }
.et-gosterge button:focus-visible { outline: 2px solid var(--et-g-aktif); outline-offset: 3px; }
/* Konum */
.et-gk-alt-sol { left: max(7.5vw, 1.5rem); transform: none; }
.et-gk-alt-sag { left: auto; right: max(4vw, 1.5rem); transform: none; }
.et-gk-sag { left: auto; right: max(2.5vw, 1rem); top: 50%; bottom: auto; transform: translateY(-50%); flex-direction: column; border-radius: 999px; }
.et-gk-sag button { width: calc(4px * var(--et-g-olcek)); height: calc(46px * var(--et-g-olcek)); }
/* Nokta */
.et-g-nokta { border-radius: 999px; }
.et-g-nokta button { width: calc(10px * var(--et-g-olcek)); height: calc(10px * var(--et-g-olcek)); border-radius: 999px; }
.et-g-nokta button[aria-selected="true"] { width: calc(28px * var(--et-g-olcek)); }
.et-gk-sag.et-g-nokta button[aria-selected="true"] { width: calc(10px * var(--et-g-olcek)); height: calc(28px * var(--et-g-olcek)); }
/* Numara */
.et-g-sayi { border-radius: 999px; }
.et-g-sayi button { display: grid; place-items: center; width: calc(32px * var(--et-g-olcek)); height: calc(32px * var(--et-g-olcek)); border-radius: 999px; background: transparent; border: 1.5px solid var(--et-g-pasif); color: var(--et-g-pasif); font: 600 calc(.8rem * var(--et-g-olcek)) / 1 var(--et-yazi, inherit); }
.et-g-sayi button[aria-selected="true"] { background: var(--et-g-aktif); border-color: var(--et-g-aktif); color: var(--et-g-zemin); }
/* Sure boyunca dolan cizgi */
.et-g-ilerleme button[aria-selected="true"] { background: var(--et-g-pasif); }
.et-g-ilerleme button[aria-selected="true"]::after { content: ""; position: absolute; inset: 0; transform-origin: left center; background: var(--et-g-aktif); animation: et-dol var(--et-sure, 6s) linear forwards; }
.et-gk-sag.et-g-ilerleme button[aria-selected="true"]::after { transform-origin: center top; animation-name: et-dol-dikey; }
.et-durdu .et-g-ilerleme button[aria-selected="true"]::after { animation-play-state: paused; }
.et-elle .et-g-ilerleme button[aria-selected="true"]::after { animation: none; }
@keyframes et-dol { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes et-dol-dikey { from { transform: scaleY(0); } to { transform: scaleY(1); } }
/* Oklar */
.et-ok { position: absolute; top: 50%; z-index: 3; display: grid; place-items: center; width: 46px; height: 46px; margin-top: -23px; border: 1.5px solid color-mix(in srgb, var(--et-ok) 55%, transparent); border-radius: 50%;
  background: color-mix(in srgb, #000 28%, transparent); color: var(--et-ok); cursor: pointer; backdrop-filter: blur(4px); transition: background .2s ease, transform .2s ease; }
.et-ok:hover { background: color-mix(in srgb, #000 45%, transparent); transform: scale(1.06); }
.et-ok svg { width: 20px; height: 20px; }
/* Oklar sag altta yan yana: soldaki kartin ustune binmez */
.et-ok { top: auto; bottom: 1.4rem; margin-top: 0; }
.et-ok-ileri { right: max(2.5vw, 1rem); } .et-ok-geri { right: calc(max(2.5vw, 1rem) + 56px); }
.et-ok-ileri:has(~ .et-gk-alt-sag), .et-ok-geri:has(~ .et-gk-alt-sag) { bottom: 5.2rem; }
.et-ok-ileri:has(~ .et-gk-sag) { right: calc(max(2.5vw, 1rem) + 3rem); } .et-ok-geri:has(~ .et-gk-sag) { right: calc(max(2.5vw, 1rem) + 3rem + 56px); }
@media (max-width: 767px) { .et-ok { width: 38px; height: 38px; } .et-ok-geri { right: calc(max(2.5vw, 1rem) + 46px); } .et-gk-sag { right: .6rem; } }
@media (prefers-reduced-motion: reduce) { .et-kahraman .et-slayt { transition: none; } .et-g-ilerleme button[aria-selected="true"]::after { animation: none; } }
/* Bekleyen slayt yerine gecissiz doner; donerken ekranin onunden gecmesin */
.et-e-kayma .et-slayt:not(.etkin):not(.cikan) { transition: none; visibility: hidden; }

/* ═══ GIRIS SLAYTI: slayt basina tasarim (17 Eki 2026) ═══════════════
   Her slayt kendi kart yeri/bicimi, hiza, baslik boyutu, renkler, dugme bicimi ve
   yazi hareketiyle cizilir. Renk degiskeni olan slaytta o renk, bolumun Gorunum
   renginden (bolum-renk.css) once gelir: :is(#rk, ...) kimlik agirligi ve !important. */
.et-slayt::after { content: ""; position: absolute; inset: 0; z-index: 0; background: var(--et-karartma, transparent); pointer-events: none; }
.et-slayt .et-kart { position: relative; z-index: 1; background: var(--et-kart-zemin, rgba(70, 70, 68, .96)); }
.bolum.et-bolum .et-slayt .et-kart { background: var(--et-kart-zemin, var(--bolum-kart, rgba(70, 70, 68, .96))); }
/* Ust yazi */
.et-ust-yazi { display: inline-block; margin: 0 0 .9rem; padding: .3rem .8rem; border-radius: 999px; font-size: .78rem; font-weight: 700; letter-spacing: .04em;
  color: var(--et-ust-yazi, var(--et-mavi, #0aa5e8)); background: color-mix(in srgb, var(--et-ust-yazi, var(--et-mavi, #0aa5e8)) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--et-ust-yazi, var(--et-mavi, #0aa5e8)) 35%, transparent); }
/* Kart yeri */
.et-slayt.et-ky-orta { justify-content: center; }
.et-slayt.et-ky-sag { justify-content: flex-end; }
.et-ky-orta .et-kart { border-radius: 36px; padding-left: clamp(1.5rem, 3vw, 3rem); margin-inline: 1rem; }
.et-ky-sag .et-kart { border-radius: 56px 0 0 56px; padding-left: clamp(1.5rem, 3vw, 3rem); padding-right: max(7.5vw, 1.5rem); }
/* Hiza */
.et-hz-orta .et-kart { text-align: center; } .et-hz-orta .et-dugmeler { justify-content: center; }
.et-hz-sag .et-kart { text-align: right; } .et-hz-sag .et-dugmeler { justify-content: flex-end; }
/* Kart bicimi */
.et-kb-acik .et-kart { --et-kart-zemin-v: rgba(255, 255, 255, .96); }
.bolum.et-bolum .et-slayt.et-kb-acik .et-kart { background: var(--et-kart-zemin, rgba(255, 255, 255, .96)); box-shadow: 0 30px 60px rgba(15, 30, 60, .16); }
.bolum.et-bolum .et-slayt.et-kb-acik .et-kahraman-baslik { color: var(--et-baslik, #10213b); }
.bolum.et-bolum .et-slayt.et-kb-acik .et-kahraman-metin { color: var(--et-metin, #3b4456); }
.bolum.et-bolum .et-slayt.et-kb-cam .et-kart { background: var(--et-kart-zemin, rgba(255, 255, 255, .14)); backdrop-filter: blur(16px) saturate(1.2); -webkit-backdrop-filter: blur(16px) saturate(1.2);
  border: 1px solid rgba(255, 255, 255, .28); box-shadow: 0 30px 60px rgba(0, 0, 0, .22); }
.bolum.et-bolum .et-slayt.et-kb-kartsiz .et-kart { background: transparent; box-shadow: none; }
.et-kb-kartsiz .et-kahraman-baslik, .et-kb-kartsiz .et-kahraman-metin { text-shadow: 0 2px 18px rgba(0, 0, 0, .45); }
/* Baslik boyutu */
.et-bb-kucuk .et-kahraman-baslik { font-size: clamp(1.7rem, 3.1vw, 2.4rem); }
.et-bb-buyuk .et-kahraman-baslik { font-size: clamp(2.6rem, 5.2vw, 4.2rem); }
.et-bb-dev .et-kahraman-baslik { font-size: clamp(3rem, 6.8vw, 5.6rem); line-height: 1.02; }
.et-bb-dev .et-kart, .et-bb-buyuk .et-kart { width: min(720px, 94%); }
/* Slayt rengi bolum renginden once gelir */
.bolum.et-bolum .et-slayt .et-kahraman-baslik { color: var(--et-baslik, var(--bolum-baslik, #fff)); }
.bolum.et-bolum .et-slayt .et-kahraman-metin { color: var(--et-metin, var(--et-metin-s, rgba(255, 255, 255, .92))); }
.bolum.et-bolum .et-slayt .et-vurgu { color: var(--et-vurgu-s, var(--bolum-vurgu, var(--et-mavi))); }
:is(#rk, .et-slayt)[style*="--et-baslik"] .et-kahraman-baslik { color: var(--et-baslik) !important; }
:is(#rk, .et-slayt)[style*="--et-metin"] .et-kahraman-metin { color: var(--et-metin) !important; }
:is(#rk, .et-slayt)[style*="--et-vurgu-s"] .et-vurgu { color: var(--et-vurgu-s) !important; }
:is(#rk, .et-slayt)[style*="--et-kart-zemin"] .et-kart { background: var(--et-kart-zemin) !important; }
/* Dugme bicimleri */
.et-dugme-cerceve { background: transparent; color: var(--et-d-renk, var(--et-baslik, #fff)); border: 1.5px solid currentColor; }
.et-kb-acik .et-dugme-cerceve { color: var(--et-d-renk, var(--et-baslik, #10213b)); }
.et-dugme-yalin { background: transparent; color: var(--et-d-renk, var(--et-baslik, #fff)); padding-inline: .2rem; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1.5px; }
.et-kb-acik .et-dugme-yalin { color: var(--et-d-renk, var(--et-baslik, #10213b)); }
.et-dugme-ana[style*="--et-d-renk"] { background: var(--et-d-renk); box-shadow: 0 8px 22px color-mix(in srgb, var(--et-d-renk) 40%, transparent); }
.et-dugme-beyaz[style*="--et-d-renk"] { background: var(--et-d-renk); }
/* Yazi hareketi: etkin slaytin kartindakiler sirayla belirir */
.et-slayt.etkin.et-yh-yukari .et-kart > * { animation: et-yukari .7s cubic-bezier(.2, .7, .2, 1) both; }
.et-slayt.etkin.et-yh-solma .et-kart > * { animation: et-sol .8s ease both; }
.et-slayt.etkin .et-kart > :nth-child(2) { animation-delay: .08s; }
.et-slayt.etkin .et-kart > :nth-child(3) { animation-delay: .16s; }
.et-slayt.etkin .et-kart > :nth-child(4) { animation-delay: .24s; }
.et-slayt.etkin .et-kart > :nth-child(5) { animation-delay: .32s; }
@keyframes et-yukari { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes et-sol { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 767px) {
  .et-ky-sag .et-kart, .et-ky-orta .et-kart { border-radius: 28px; margin-inline: .75rem; padding: 1.6rem 1.4rem; }
}
@media (prefers-reduced-motion: reduce) { .et-slayt.etkin .et-kart > * { animation: none !important; } }
/* Slayt dugmesine verilen renk, bolumun vurgu kuralindan once gelir */
:is(#rk, .et-dugme)[style*="--et-d-renk"].et-dugme-ana, :is(#rk, .et-dugme)[style*="--et-d-renk"].et-dugme-beyaz { background: var(--et-d-renk) !important; border-color: var(--et-d-renk) !important; }

/* Slayt basina yazi tipi, punto, kalinlik, dikey yer ve kart genisligi (17 Eki 2026) */
:is(#rk, .et-slayt)[style*="--et-slayt-yazi"] .et-kart, :is(#rk, .et-slayt)[style*="--et-slayt-yazi"] .et-kart :is(h1, h2, p, a, span) { font-family: var(--et-slayt-yazi) !important; }
:is(#rk, .et-slayt)[style*="--et-baslik-px"] .et-kahraman-baslik { font-size: min(var(--et-baslik-px), 11vw) !important; }
:is(#rk, .et-slayt)[style*="--et-metin-px"] .et-kahraman-metin { font-size: min(var(--et-metin-px), 5.5vw) !important; }
:is(#rk, .et-slayt)[style*="--et-baslik-kalinlik"] .et-kahraman-baslik { font-weight: var(--et-baslik-kalinlik) !important; }
.et-slayt.et-dk-ust { align-items: flex-start; padding-top: clamp(1.5rem, 5vh, 3.5rem); }
.et-slayt.et-dk-alt { align-items: flex-end; padding-bottom: clamp(4.5rem, 10vh, 6.5rem); }
.et-kg-dar .et-kart { width: min(460px, 92%); }
.et-kg-genis .et-kart { width: min(780px, 94%); }
/* Telefonda cizgiler ekrana sigar: genislik slayt sayisina paylastirilir */
@media (max-width: 767px) {
  .et-gosterge.et-g-cizgi:not(.et-gk-sag), .et-gosterge.et-g-ilerleme:not(.et-gk-sag) { left: 1rem; right: 1rem; transform: none; padding: .8rem 1rem; }
  .et-gosterge.et-g-cizgi:not(.et-gk-sag) button, .et-gosterge.et-g-ilerleme:not(.et-gk-sag) button { flex: 1 1 0; width: auto; min-width: 0; }
}

/* Nokta gostergesi: nokta 10px gorunur, dokunma alani 24px (saydam kenar) - erisilebilirlik hedef boyutu */
.et-g-nokta button { box-sizing: content-box; border: 7px solid transparent !important; background-clip: padding-box !important; }
.et-g-nokta { gap: 0 !important; }

/* Etesio alt bilgisi renkleri (17 Eki 2026, panel: Alt bilgi > Renkler). Degisken yoksa kural calismaz. */
.et-alt[style*="--et-alt-bosluk"] { margin-top: var(--et-alt-bosluk) !important; }
.et-alt[style*="--et-alt-serit-zemin"] { margin-top: 0 !important; padding-top: var(--et-alt-bosluk, var(--aralik-8, 48px)) !important; background: var(--et-alt-serit-zemin) !important; }
.et-alt[style*="--et-alt-yazi"] { color: var(--et-alt-yazi); }
.et-alt[style*="--et-alt-yazi"] :is(.et-alt-marka p, .et-alt-ofis span, .et-alt-sutun a, .alt-serit p, .guven-baslik) { color: var(--et-alt-yazi) !important; }
.et-alt[style*="--et-alt-baslik"] :is(.et-alt-sutun h3, .et-alt-ofis strong) { color: var(--et-alt-baslik) !important; }
.et-alt[style*="--et-alt-vurgu"] :is(.et-alt-sutun a:hover, .et-alt-sutun a:focus-visible, .et-alt-ofis svg, .et-alt-sosyal a) { color: var(--et-alt-vurgu) !important; }

/* Alt bilgide sosyal sutunu (17 Eki 2026) */
.et-alt-sosyal-sutun .et-alt-sosyal { margin-top: 0; }

/* Alt bilgi her temada lacivert: icindeki yasal baglantilar, kunye ve surum rozeti
   sitenin acik tema metin rengini almasin (17 Eki 2026, acik temada okunmuyordu) */
.et-alt .odeme-yasal a, .et-alt .odeme-kunye, .et-alt .odeme-baslik, .et-alt .odeme-yasal-baslik { color: var(--et-alt-yazi, #aab6c8); }
.et-alt .odeme-kunye strong, .et-alt .odeme-kunye b { color: var(--et-alt-baslik, #d5dce8); }
.et-alt .odeme-yasal a:hover, .et-alt .odeme-yasal a:focus-visible { color: var(--et-alt-vurgu, #f5a10a); }
.et-alt .surum-rozet { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .14); color: var(--et-alt-yazi, #aab6c8); }