/* =====================================================================
   Selçuk Üniversitesi Diş Hekimliği Fakültesi — "Aurora" Teması
   Koyu uzay laciverti + menekşe/camgöbeği degrade, WebGL + GSAP uyumlu
   ===================================================================== */

:root {
  --gece: #070b1a;          /* en koyu zemin */
  --gece-2: #0c1230;        /* koyu yüzey */
  --gece-3: #111631;        /* kart yüzeyi (koyu) */
  --cizgi: #232a52;         /* koyu kenarlık */
  --menekse: #6d5df6;       /* birincil */
  --menekse-2: #8b5cf6;
  --cam: #22d3ee;           /* vurgu */
  --pembe: #f472b6;
  --altin: #fbbf24;
  --murekkep: #10142e;      /* açık zeminde metin */
  --gri: #5b6284;
  --acik: #f7f8ff;          /* açık içerik zemini */
  --acik-2: #eef0fc;
  --beyaz: #ffffff;
  --grad: linear-gradient(90deg, var(--menekse), var(--cam));
  --grad-135: linear-gradient(135deg, var(--menekse), var(--cam));
  --golge: 0 10px 40px rgba(13, 16, 45, .10);
  --golge-buyuk: 0 28px 80px rgba(13, 16, 45, .20);
  --neon: 0 8px 30px rgba(109, 93, 246, .45);
  --gecis: .3s cubic-bezier(.4, 0, .2, 1);
  --radius: 20px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body { overflow-x: clip; }

body {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  color: var(--murekkep);
  background: var(--acik);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .marka-metin strong { font-family: 'Sora', 'Plus Jakarta Sans', sans-serif; }

img { max-width: 100%; height: auto; }
a { color: var(--menekse); }

.kap { max-width: 1240px; margin: 0 auto; padding: 0 1.25rem; }

.atlama {
  position: absolute; left: -9999px; top: 0; z-index: 999;
  background: var(--menekse); color: #fff; padding: .6rem 1rem; border-radius: 0 0 10px 0;
}
.atlama:focus { left: 0; }

/* Degrade metin yardımcı sınıfı */
.grad-metin {
  background: var(--grad);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* ---------------- Üst Bilgi — ince şerit + yüzen kapsül menü ---------------- */
.ust { position: relative; z-index: 1000; isolation: isolate; }

/* İnce üst şerit — sayfa akışında, kaydırınca kaybolur */
.ust-serit {
  background: #1c2150;
  border-bottom: 1px solid rgba(139, 124, 248, .18);
  font-size: .78rem;
}
.ust-serit-ic {
  display: flex; align-items: center; justify-content: space-between;
  min-height: 38px; gap: 1.5rem;
}
.ust-serit-sol, .ust-serit-sag { display: flex; align-items: center; gap: 1.4rem; }
.ust-serit-link {
  display: inline-flex; align-items: center; gap: .4rem;
  color: #8b93b8; text-decoration: none; white-space: nowrap;
  transition: color .2s ease;
}
.ust-serit-link svg { flex-shrink: 0; opacity: .8; }
.ust-serit-link:hover { color: var(--cam); }
.ust-serit-link:hover svg { opacity: 1; }
.ust-serit-tel { color: #cdd3f0; font-weight: 600; }
.ust-serit-konum { cursor: default; }
.ust-serit-mesaj {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .3rem .8rem; border-radius: 999px; text-decoration: none;
  font-size: .72rem; font-weight: 700; letter-spacing: .02em;
  color: #dbe4ff; white-space: nowrap;
  border: 1px solid rgba(34, 211, 238, .26);
  background: linear-gradient(180deg, rgba(14, 22, 48, .95), rgba(10, 16, 36, .95));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 8px rgba(0, 0, 0, .24);
  transition: color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.ust-serit-mesaj:hover {
  color: #fff; transform: translateY(-1px);
  border-color: rgba(34, 211, 238, .5);
  background: linear-gradient(180deg, rgba(16, 28, 60, .98), rgba(10, 18, 42, .98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 4px 16px rgba(34, 211, 238, .2);
}
.ust-serit-mesaj:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 211, 238, .25), inset 0 1px 0 rgba(255,255,255,.12);
}
.ust-serit-mesaj svg { opacity: .9; }
.nav-mobil-mesaj { width: 100%; justify-content: center; margin-top: .35rem; }

/* Ana menü — tam genişlik, gövdeyle kesintisiz birleşen sabit çubuk */
.ust-ana {
  position: sticky; top: 0; z-index: 1000;
  background: linear-gradient(180deg, rgba(42, 49, 112, .96), rgba(32, 38, 89, .97));
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 4px 24px rgba(20, 26, 60, .28);
  transition: box-shadow .3s ease, background .3s ease;
}
.ust-ana::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(109, 93, 246, .55), rgba(34, 211, 238, .55), transparent);
}
.ust.kaydi .ust-ana {
  box-shadow: 0 18px 46px rgba(20, 26, 60, .34);
  background: linear-gradient(180deg, #2a3170, #232a5e);
}
.ust .kap { max-width: 1440px; }
.ust-ic {
  display: flex; align-items: center; gap: .75rem; min-height: 70px;
}

.marka { display: flex; align-items: center; gap: .65rem; text-decoration: none; color: #fff; flex-shrink: 1; min-width: 0; }
.marka-logo {
  height: 46px; width: auto; max-width: 240px; flex-shrink: 1;
  object-fit: contain;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.25));
}
.marka-metin { display: flex; flex-direction: column; line-height: 1.25; }
.marka-metin strong { font-size: .92rem; font-weight: 700; color: #fff; }
.marka-metin span { font-size: .74rem; color: #8b93b8; }

.nav { margin-left: auto; }
.nav-liste { display: flex; list-style: none; gap: .2rem; align-items: center; }
.nav-link {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .55rem .8rem; border: 0; background: transparent; cursor: pointer;
  font: inherit; font-size: .85rem; font-weight: 600; color: #b7bede;
  text-decoration: none; white-space: nowrap; position: relative;
  border-radius: 999px; isolation: isolate;
  transition: color .25s ease;
  letter-spacing: .01em;
}
.nav-ikon {
  display: inline-flex; align-items: center; justify-content: center;
  color: rgba(34, 211, 238, .6);
  transition: color .25s ease, transform .25s ease;
  line-height: 0;
}
.nav-link:hover .nav-ikon { color: var(--cam); transform: translateY(-1px); }
.acilir.acik .nav-link .nav-ikon { color: var(--cam); }
.nav-link .ok { transition: transform var(--gecis), opacity var(--gecis); opacity: .35; margin-left: -.1rem; }

/* Manyetik pil vurgusu: hover'da sarı buton belirir */
.nav-link::before {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 999px;
  background: linear-gradient(135deg, #fde047, #fbbf24);
  border: 1px solid #f59e0b;
  opacity: 0; transform: scale(.85);
  transition: opacity .28s cubic-bezier(.34, 1.56, .64, 1), transform .28s cubic-bezier(.34, 1.56, .64, 1);
}
.nav-link:hover::before,
.acilir.acik .nav-link::before {
  opacity: 1; transform: scale(1);
}

.nav-link:hover { color: #422006; }
.nav-link:focus { outline: none; }
.nav-link:focus-visible { outline: 2px solid var(--cam); outline-offset: 2px; }
.acilir.acik .nav-link { color: #422006; }
.nav-link:hover .nav-ikon,
.acilir.acik .nav-link .nav-ikon { color: #92400e; }
.nav-link:hover .ok { opacity: .7; }
.acilir.acik .nav-link .ok { transform: rotate(180deg); opacity: .8; }

/* Açılır mega menü — kapsülün altında yüzer, kart temelli düzen */
.acilir { position: static; }
.acilir-panel {
  position: absolute; top: 100%; left: 50%;
  z-index: 1001;
  transform: translateX(-50%) translateY(14px);
  width: min(1200px, calc(100% - 2rem));
  padding-top: .9rem;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .24s ease, transform .24s ease, visibility .24s ease;
}
.acilir.acik .acilir-panel {
  opacity: 1; visibility: visible; pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.acilir-panel-ic {
  position: relative; overflow: hidden;
  background: linear-gradient(165deg, #ffffff, #f2f4fd);
  border: 1px solid rgba(109, 93, 246, .18);
  border-radius: 26px;
  box-shadow: 0 30px 70px rgba(20, 26, 60, .22), inset 0 1px 0 rgba(255, 255, 255, .7);
  padding: 1.7rem;
  display: flex; gap: 0;
  max-height: calc(100vh - 140px); overflow-y: auto;
  scrollbar-width: thin; scrollbar-color: rgba(109, 93, 246, .4) transparent;
}
.acilir-panel-ic::-webkit-scrollbar { width: 6px; }
.acilir-panel-ic::-webkit-scrollbar-thumb { background: rgba(139, 124, 248, .35); border-radius: 999px; }
.acilir-panel-ic::-webkit-scrollbar-track { background: transparent; }
.acilir-panel-ic::before {
  content: ""; position: absolute; top: -80px; right: -80px; width: 260px; height: 260px;
  border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(109, 93, 246, .10), transparent 70%);
}

.acilir-gruplar {
  flex: 1; min-width: 0; display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: .9rem;
}
.acilir-grup {
  min-width: 0; padding: 1.1rem 1.2rem;
  background: rgba(109, 93, 246, .04);
  border: 1px solid rgba(109, 93, 246, .10);
  border-radius: 16px;
  transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
.acilir-grup:hover {
  background: rgba(109, 93, 246, .09);
  border-color: rgba(109, 93, 246, .22);
}

/* Grup başlığı: ikon çipi + sayaç rozeti */
.acilir-baslik {
  display: flex; align-items: center; gap: .6rem;
  font-weight: 800; font-size: .85rem; color: #1c2150;
  text-decoration: none; padding-bottom: .65rem; margin-bottom: .5rem;
  border-bottom: 1px solid rgba(109, 93, 246, .14);
  transition: color var(--gecis);
}
.acilir-baslik:hover { color: var(--menekse); }
.grup-ikon {
  width: 28px; height: 28px; border-radius: 9px; flex-shrink: 0;
  display: grid; place-items: center; color: #fff;
  background: var(--grad-135); box-shadow: 0 6px 16px rgba(109, 93, 246, .4);
}
.grup-adet {
  margin-left: auto; font-size: .66rem; font-weight: 800; color: var(--menekse);
  background: rgba(109, 93, 246, .12); border: 1px solid rgba(109, 93, 246, .3);
  border-radius: 999px; padding: .05rem .55rem;
}

/* Menü öğeleri */
.acilir-grup ul { list-style: none; }
.acilir-grup li a {
  display: flex; align-items: center; gap: .5rem;
  padding: .42rem .5rem; font-size: .83rem; color: #4a5170;
  text-decoration: none; border-radius: 8px; transition: all var(--gecis);
  line-height: 1.4;
}
.acilir-grup li a .mini-ok { color: var(--menekse-2); opacity: .5; flex-shrink: 0; transition: all var(--gecis); }
.acilir-grup li a:hover { background: rgba(109, 93, 246, .12); color: var(--menekse); padding-left: .7rem; }
.acilir-grup li a:hover .mini-ok { color: var(--cam); opacity: 1; }
a.tumu { color: var(--menekse) !important; font-weight: 700; }

/* Tek gruplu paneller (örn. Ana Bilim Dalları): liste sütunlara bölünür */
.gruplu-1 .acilir-grup ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 0 1.6rem;
}

/* Mega menü vitrin kartı — grubun sağında farklı bir görsel vurgu */
.acilir-vitrin {
  flex-shrink: 0; width: 240px; margin-left: 1.1rem; padding: 1.4rem 1.3rem;
  position: relative; overflow: hidden;
  display: flex; flex-direction: column;
  background: linear-gradient(160deg, #6d5df6 0%, #7c5cf0 55%, #22a3c9 100%);
  border: 1px solid rgba(109, 93, 246, .55);
  box-shadow: 0 14px 34px rgba(109, 93, 246, .32);
  border-radius: 18px; text-decoration: none;
  transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s ease;
}
.acilir-vitrin:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(109, 93, 246, .45); }
.acilir-vitrin-ikon-buyuk {
  position: absolute; right: -18px; bottom: -18px; color: rgba(255, 255, 255, .08);
  transition: transform .4s ease;
}
.acilir-vitrin:hover .acilir-vitrin-ikon-buyuk { transform: rotate(-8deg) scale(1.08); }
.acilir-vitrin-ust { margin-bottom: .9rem; }
.acilir-vitrin-ikon {
  width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center;
  color: #fff; background: rgba(255, 255, 255, .18);
  border: 1px solid rgba(255, 255, 255, .28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
}
.acilir-vitrin strong {
  position: relative; z-index: 1; font-family: 'Sora', sans-serif; font-size: 1.02rem;
  font-weight: 800; color: #fff; margin-bottom: .45rem; line-height: 1.3;
}
.acilir-vitrin p {
  position: relative; z-index: 1; font-size: .8rem; color: rgba(255, 255, 255, .9);
  line-height: 1.5; margin-bottom: 1.1rem; flex: 1;
}
.acilir-vitrin-ok {
  position: relative; z-index: 1; display: inline-flex; align-items: center; gap: .35rem;
  font-size: .8rem; font-weight: 800; color: #fff;
}
.acilir-vitrin:hover .acilir-vitrin-ok svg { transform: translateX(3px); }
.acilir-vitrin-ok svg { transition: transform .25s ease; }

.ust-eylemler { display: flex; align-items: center; gap: .55rem; flex-shrink: 0; }

.dil-secici {
  display: flex; align-items: center; gap: .15rem;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px; padding: .2rem;
}
.dil-dugme {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 2rem; height: 1.75rem; padding: 0 .45rem;
  border-radius: 999px; font-size: .68rem; font-weight: 700; letter-spacing: .04em;
  color: var(--gri); text-decoration: none; transition: background .2s, color .2s;
}
.dil-dugme:hover { color: #fff; background: rgba(255,255,255,.08); }
.dil-dugme.aktif { background: linear-gradient(90deg,#6d5df6,#22d3ee); color: #fff; }

.nav-arama {
  display: none; place-items: center; width: 38px; height: 38px; flex-shrink: 0;
  border-radius: 999px; border: 1px solid var(--cizgi); color: #cdd3f0;
  background: rgba(139, 124, 248, .1); transition: all var(--gecis);
}
.nav-arama:hover { background: rgba(139, 124, 248, .22); color: #fff; }

.arama-mini {
  display: flex; align-items: center;
  background: rgba(139, 124, 248, .1); border: 1px solid var(--cizgi);
  border-radius: 999px; padding: .2rem .3rem .2rem .9rem;
}
.arama-mini input { border: 0; background: none; outline: none; font: inherit; font-size: .85rem; width: 110px; color: #fff; }
.arama-mini input::placeholder { color: #8b93b8; }
.arama-mini button { border: 0; background: var(--grad-135); color: #fff; width: 30px; height: 30px; border-radius: 999px; display: grid; place-items: center; cursor: pointer; }

.dugme {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .68rem 1.4rem; border-radius: 999px; text-decoration: none;
  font-weight: 700; font-size: .9rem; transition: all var(--gecis); border: 0; cursor: pointer;
  will-change: transform; white-space: nowrap;
}
.dugme-randevu { background: var(--grad-135); color: #fff; box-shadow: var(--neon); }
.dugme-randevu:hover { box-shadow: 0 12px 40px rgba(109, 93, 246, .6); }

.hamburger { display: none; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; padding: .5rem; }
.hamburger span { width: 24px; height: 2.5px; background: #fff; border-radius: 2px; transition: all var(--gecis); }
.hamburger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.hamburger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.hamburger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }

/* ---------------- Kahraman (WebGL hero) ---------------- */
.kahraman {
  position: relative; overflow: hidden;
  background:
    radial-gradient(820px 460px at 82% -12%, rgba(139, 124, 248, .42), transparent 60%),
    radial-gradient(640px 380px at 2% 112%, rgba(34, 211, 238, .26), transparent 60%),
    linear-gradient(150deg, #2a3170 0%, #202659 52%, #1c2150 100%);
  color: #fff; padding: 4.2rem 0 6rem; min-height: 500px;
}
.kahraman .kap { position: relative; z-index: 2; }
.kahraman-rozet {
  display: inline-flex; align-items: center; gap: .5rem;
  background: rgba(139, 124, 248, .12); border: 1px solid rgba(139, 124, 248, .3);
  padding: .45rem 1.1rem; border-radius: 999px; font-size: .82rem; font-weight: 600;
  backdrop-filter: blur(8px); margin-bottom: 1.5rem; color: #cdd3f0;
}
.kahraman-rozet .nokta {
  width: 8px; height: 8px; border-radius: 50%; background: var(--cam);
  box-shadow: 0 0 12px var(--cam); animation: titre 2s ease-in-out infinite;
}
@keyframes titre { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }

.slogan-slider { position: relative; min-height: clamp(5.5rem, 12vw, 9rem); }
.slogan-item {
  font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 800; line-height: 1.12;
  letter-spacing: -.03em;
  position: absolute; top: 0; left: 0; width: 100%;
  opacity: 0; transform: translateY(18px);
  transition: opacity .6s ease, transform .6s ease;
  pointer-events: none;
}
.slogan-item.aktif {
  opacity: 1; transform: translateY(0);
  position: relative; pointer-events: auto;
}
.slogan-item .satir { display: block; }
.slogan-item .vurgu {
  background: linear-gradient(90deg, #a78bfa, var(--cam), #67e8f9);
  background-size: 200% auto;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: grad-kay 6s linear infinite;
}
@keyframes grad-kay { to { background-position: 200% center; } }

.slogan-gostergeler {
  display: flex; gap: 8px; margin-top: 1.2rem;
}
.slogan-gosterge {
  width: 28px; height: 3px; border: 0; border-radius: 3px; cursor: pointer;
  background: rgba(255,255,255,.2); transition: all .35s ease; padding: 0;
}
.slogan-gosterge.aktif {
  width: 44px; background: var(--cam);
  box-shadow: 0 0 10px rgba(34,211,238,.4);
}
.slogan-gosterge:hover { background: rgba(255,255,255,.5); }

.kahraman p.tanitim { margin: 1.4rem 0 2.2rem; font-size: 1.08rem; color: #a6adce; max-width: 36rem; }

.kahraman-dugmeler { display: flex; gap: 1rem; flex-wrap: wrap; }
.dugme-buyuk { padding: .95rem 2rem; font-size: 1rem; }
.dugme-cerceve {
  background: rgba(255, 255, 255, .05); color: #fff;
  border: 1px solid rgba(139, 124, 248, .4); backdrop-filter: blur(8px);
}
.dugme-cerceve:hover { background: rgba(139, 124, 248, .16); border-color: var(--menekse); }

.kahraman-dalga { position: absolute; bottom: -1px; left: 0; right: 0; color: var(--acik); z-index: 2; }
.kahraman-dalga svg { display: block; width: 100%; height: 80px; }

/* Hero iki sütun düzeni */
.kahraman-ic {
  display: grid; grid-template-columns: 1.35fr .65fr; gap: 2.5rem; align-items: center;
}

/* ---- Vektörel diş sahnesi ---- */
.dis-sahne {
  position: relative; display: grid; place-items: center;
  min-height: 360px; max-width: 400px; width: 100%; margin-left: auto;
}
.dis-parilti {
  position: absolute; width: 380px; height: 380px; border-radius: 50%;
  background: radial-gradient(circle, rgba(109, 93, 246, .35), rgba(34, 211, 238, .12) 55%, transparent 70%);
  filter: blur(6px); animation: parilti-nefes 5s ease-in-out infinite;
}
@keyframes parilti-nefes {
  0%, 100% { transform: scale(1); opacity: .8; }
  50% { transform: scale(1.12); opacity: 1; }
}

.dis-govde {
  width: min(240px, 55%); position: relative; z-index: 2;
  filter: drop-shadow(0 30px 50px rgba(10, 14, 40, .6)) drop-shadow(0 0 40px rgba(109, 93, 246, .35));
  animation: dis-yuzen 5.5s ease-in-out infinite;
}
@keyframes dis-yuzen {
  0%, 100% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-18px) rotate(2deg); }
}

/* Yörüngeler */
.yorunge {
  position: absolute; border: 1.5px dashed rgba(139, 124, 248, .35);
  border-radius: 50%; z-index: 1;
}
.yorunge-1 { width: 330px; height: 330px; animation: donus 26s linear infinite; }
.yorunge-2 { width: 440px; height: 440px; animation: donus 40s linear infinite reverse; }
@keyframes donus { to { transform: rotate(360deg); } }

.uydu {
  position: absolute; width: 44px; height: 44px; border-radius: 50%;
  display: grid; place-items: center; color: #fff;
  background: linear-gradient(135deg, var(--menekse), var(--menekse-2));
  border: 1px solid rgba(255, 255, 255, .25);
  box-shadow: 0 8px 24px rgba(109, 93, 246, .5);
}
.uydu-1 { top: -22px; left: calc(50% - 22px); animation: donus 26s linear infinite reverse; }
.uydu-2 {
  top: calc(50% - 22px); left: -22px;
  background: linear-gradient(135deg, #0ea5b7, var(--cam));
  box-shadow: 0 8px 24px rgba(34, 211, 238, .5);
  animation: donus 40s linear infinite;
}
.uydu-3 {
  bottom: 30px; right: 30px;
  background: linear-gradient(135deg, #d946ef, var(--pembe));
  box-shadow: 0 8px 24px rgba(244, 114, 182, .5);
  animation: donus 40s linear infinite;
}

/* Yüzen cam rozetler */
.yuzen-rozet {
  position: absolute; z-index: 3;
  display: flex; align-items: center; gap: .6rem;
  background: rgba(16, 22, 54, .75); border: 1px solid rgba(139, 124, 248, .35);
  backdrop-filter: blur(12px); border-radius: 14px;
  padding: .6rem .9rem; font-size: .72rem; line-height: 1.25; color: #aab2d8;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .4);
}
.yuzen-rozet strong { color: #fff; font-size: .82rem; }
.rozet-ikon {
  width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center;
  background: var(--grad-135); color: #fff; font-size: .9rem; flex-shrink: 0;
}
.rozet-a { top: 12%; left: 2%; animation: rozet-yuzen 6s ease-in-out infinite; }
.rozet-b { bottom: 16%; left: 6%; animation: rozet-yuzen 7s ease-in-out infinite 1.2s; }
.rozet-c { top: 22%; right: 2%; animation: rozet-yuzen 6.5s ease-in-out infinite .6s; }
@keyframes rozet-yuzen {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

/* ==============================================================
   HERO ANİMASYON TEMALARI — her yenilemede rastgele değişir
   JS, dis-sahne'ye custom property'ler ve data-tema atar.
   ============================================================== */
.dis-sahne {
  --tema-y1-hiz: 26s;  --tema-y2-hiz: 40s;  --tema-y3-hiz: 55s;
  --tema-y1-yon: normal; --tema-y2-yon: reverse; --tema-y3-yon: normal;
  --tema-dis-hiz: 5.5s; --tema-dis-genlik: 18px; --tema-dis-donus: 2deg;
  --tema-nabiz-hiz: 4.5s; --tema-nabiz-olcek: 2.8;
  --tema-dna-hiz: 3.5s; --tema-dna-genlik: 18px;
  --tema-parcacik-hiz: 1; --tema-parlaklik: 1;
  --tema-renk1: 109,93,246; --tema-renk2: 34,211,238;
}

/* Tema bazlı yörünge hızları */
.dis-sahne .yorunge-1 { animation: donus var(--tema-y1-hiz) linear infinite var(--tema-y1-yon); }
.dis-sahne .yorunge-2 { animation: donus var(--tema-y2-hiz) linear infinite var(--tema-y2-yon); }
.dis-sahne .yorunge-3 { animation: donus var(--tema-y3-hiz) linear infinite var(--tema-y3-yon); }
.dis-sahne .uydu-1 { animation: donus var(--tema-y1-hiz) linear infinite reverse; }
.dis-sahne .uydu-2 { animation: donus var(--tema-y2-hiz) linear infinite; }
.dis-sahne .uydu-3 { animation: donus var(--tema-y2-hiz) linear infinite; }
.dis-sahne .uydu-4 { animation: donus var(--tema-y3-hiz) linear infinite reverse, uydu-nabiz 3s ease-in-out infinite; }

/* Tema bazlı diş hareketi */
.dis-sahne .dis-govde {
  animation: tema-dis-yuzen var(--tema-dis-hiz) ease-in-out infinite;
  filter:
    drop-shadow(0 30px 50px rgba(10, 14, 40, .6))
    drop-shadow(0 0 calc(40px * var(--tema-parlaklik)) rgba(var(--tema-renk1), .35))
    drop-shadow(0 0 calc(60px * var(--tema-parlaklik)) rgba(var(--tema-renk2), .15));
}
@keyframes tema-dis-yuzen {
  0%, 100% { transform: translateY(0) rotate(calc(var(--tema-dis-donus) * -1)); }
  25%      { transform: translateY(calc(var(--tema-dis-genlik) * -0.4)) rotate(calc(var(--tema-dis-donus) * 0.5)); }
  50%      { transform: translateY(calc(var(--tema-dis-genlik) * -1)) rotate(var(--tema-dis-donus)); }
  75%      { transform: translateY(calc(var(--tema-dis-genlik) * -0.3)) rotate(calc(var(--tema-dis-donus) * -0.5)); }
}

/* Tema bazlı parlama */
.dis-sahne .dis-parilti {
  background: radial-gradient(circle,
    rgba(var(--tema-renk1), .35),
    rgba(var(--tema-renk2), .12) 55%,
    transparent 70%);
  animation: tema-parilti calc(var(--tema-dis-hiz) * 0.9) ease-in-out infinite;
}
@keyframes tema-parilti {
  0%, 100% { transform: scale(1); opacity: calc(.8 * var(--tema-parlaklik)); }
  50%      { transform: scale(calc(1 + .12 * var(--tema-parlaklik))); opacity: var(--tema-parlaklik); }
}

/* Tema bazlı nabız halkaları */
.dis-sahne .hero-nabiz {
  border-color: rgba(var(--tema-renk1), .25);
  animation: heroNabiz var(--tema-nabiz-hiz) ease-out infinite;
}
.dis-sahne .hero-n3 { border-color: rgba(var(--tema-renk2), .2); }

/* Tema bazlı DNA */
.dis-sahne .hero-dna-nokta {
  background: rgba(var(--tema-renk1), .55);
  box-shadow: 0 0 10px rgba(var(--tema-renk1), .4);
  animation: tema-dnaA var(--tema-dna-hiz) ease-in-out infinite;
  animation-delay: calc(var(--i) * -0.29s);
}
.dis-sahne .hero-dna-b {
  background: rgba(var(--tema-renk2), .45);
  box-shadow: 0 0 10px rgba(var(--tema-renk2), .35);
  animation-name: tema-dnaB;
}
@keyframes tema-dnaA {
  0%,100% { transform: translateX(calc(var(--tema-dna-genlik) * -1)) scale(1); opacity: .85; }
  50%     { transform: translateX(var(--tema-dna-genlik)) scale(.5); opacity: .3; }
}
@keyframes tema-dnaB {
  0%,100% { transform: translateX(var(--tema-dna-genlik)) scale(.5); opacity: .3; }
  50%     { transform: translateX(calc(var(--tema-dna-genlik) * -1)) scale(1); opacity: .85; }
}

/* Tema bazlı uydu renkleri */
.dis-sahne[data-tema="supernova"] .uydu-1 { background: linear-gradient(135deg, #a855f7, #d946ef); box-shadow: 0 8px 24px rgba(168,85,247,.5); }
.dis-sahne[data-tema="supernova"] .uydu-2 { background: linear-gradient(135deg, #f472b6, #ec4899); box-shadow: 0 8px 24px rgba(244,114,182,.5); }
.dis-sahne[data-tema="supernova"] .uydu-3 { background: linear-gradient(135deg, #e879f9, #c084fc); box-shadow: 0 8px 24px rgba(232,121,249,.5); }
.dis-sahne[data-tema="supernova"] .yorunge-1 { border-color: rgba(168,85,247,.35); }
.dis-sahne[data-tema="supernova"] .yorunge-2 { border-color: rgba(249,168,212,.3); }

.dis-sahne[data-tema="okyanus"] .uydu-1 { background: linear-gradient(135deg, #06b6d4, #22d3ee); box-shadow: 0 8px 24px rgba(6,182,212,.5); }
.dis-sahne[data-tema="okyanus"] .uydu-2 { background: linear-gradient(135deg, #0ea5b7, #67e8f9); box-shadow: 0 8px 24px rgba(14,165,183,.5); }
.dis-sahne[data-tema="okyanus"] .uydu-3 { background: linear-gradient(135deg, #0891b2, #22d3ee); box-shadow: 0 8px 24px rgba(8,145,178,.5); }
.dis-sahne[data-tema="okyanus"] .yorunge-1 { border-color: rgba(6,182,212,.35); }
.dis-sahne[data-tema="okyanus"] .yorunge-2 { border-color: rgba(34,211,238,.3); }

.dis-sahne[data-tema="nebula"] .uydu-1 { background: linear-gradient(135deg, #ec4899, #f472b6); box-shadow: 0 8px 24px rgba(236,72,153,.5); }
.dis-sahne[data-tema="nebula"] .uydu-2 { background: linear-gradient(135deg, #8b5cf6, #a78bfa); box-shadow: 0 8px 24px rgba(139,92,246,.5); }
.dis-sahne[data-tema="nebula"] .uydu-3 { background: linear-gradient(135deg, #d946ef, #e879f9); box-shadow: 0 8px 24px rgba(217,70,239,.5); }
.dis-sahne[data-tema="nebula"] .yorunge-1 { border-color: rgba(236,72,153,.3); }
.dis-sahne[data-tema="nebula"] .yorunge-2 { border-color: rgba(139,92,246,.3); }

.dis-sahne[data-tema="aurora"] .uydu-1 { background: linear-gradient(135deg, #34d399, #10b981); box-shadow: 0 8px 24px rgba(52,211,153,.5); }
.dis-sahne[data-tema="aurora"] .uydu-2 { background: linear-gradient(135deg, #6d5df6, #8b5cf6); box-shadow: 0 8px 24px rgba(109,93,246,.5); }
.dis-sahne[data-tema="aurora"] .uydu-3 { background: linear-gradient(135deg, #2dd4bf, #14b8a6); box-shadow: 0 8px 24px rgba(45,212,191,.5); }
.dis-sahne[data-tema="aurora"] .yorunge-1 { border-color: rgba(52,211,153,.35); }
.dis-sahne[data-tema="aurora"] .yorunge-2 { border-color: rgba(109,93,246,.3); }

.dis-sahne[data-tema="kuantum"] .uydu-1 { background: linear-gradient(135deg, #818cf8, #a5b4fc); box-shadow: 0 8px 24px rgba(129,140,248,.5); }
.dis-sahne[data-tema="kuantum"] .uydu-2 { background: linear-gradient(135deg, #e0e7ff, #c7d2fe); box-shadow: 0 8px 24px rgba(224,231,255,.4); }
.dis-sahne[data-tema="kuantum"] .uydu-3 { background: linear-gradient(135deg, #c4b5fd, #a78bfa); box-shadow: 0 8px 24px rgba(196,181,253,.4); }
.dis-sahne[data-tema="kuantum"] .yorunge-1 { border-color: rgba(129,140,248,.4); }
.dis-sahne[data-tema="kuantum"] .yorunge-2 { border-color: rgba(255,255,255,.2); }
.dis-sahne[data-tema="kuantum"] .yorunge-3 { border-color: rgba(196,181,253,.2); }

/* ==============================================================
   GİRİŞ ANİMASYONLARI — sayfa yüklenince bir defalık
   ============================================================== */
.tema-giris .dis-govde,
.tema-giris .yorunge,
.tema-giris .uydu,
.tema-giris .hero-nabiz,
.tema-giris .pirilti,
.tema-giris .hero-dna,
.tema-giris .hero-parcacik,
.tema-giris .yuzen-rozet,
.tema-giris .dis-parilti {
  opacity: 0;
}

/* Yukarıdan kayma */
.giris-yukari .dis-govde { transform: translateY(60px); }
.giris-yukari .yorunge { transform: scale(.3) translateY(40px); }
.giris-yukari .hero-dna { transform: translateY(80px); }
.giris-yukari .yuzen-rozet { transform: translateY(40px); }

/* Patlama (merkezden) */
.giris-patlama .dis-govde { transform: scale(0); }
.giris-patlama .yorunge { transform: scale(0); }
.giris-patlama .hero-dna { transform: scale(0) translateX(40px); }
.giris-patlama .yuzen-rozet { transform: scale(0); }

/* Dalga (soldan sağa) */
.giris-dalga .dis-govde { transform: translateX(80px); }
.giris-dalga .yorunge { transform: translateX(60px) scale(.5); }
.giris-dalga .hero-dna { transform: translateX(100px); }
.giris-dalga .yuzen-rozet { transform: translateX(50px); }

/* Spiral (dönerek) */
.giris-spiral .dis-govde { transform: rotate(-180deg) scale(0); }
.giris-spiral .yorunge { transform: rotate(-90deg) scale(.2); }
.giris-spiral .hero-dna { transform: rotate(90deg) translateY(40px); }
.giris-spiral .yuzen-rozet { transform: rotate(-45deg) scale(0); }

/* Kayma (alttan) */
.giris-kayma .dis-govde { transform: translateY(80px) scale(.8); }
.giris-kayma .yorunge { transform: translateY(60px) scale(.5); }
.giris-kayma .hero-dna { transform: translateY(100px); }
.giris-kayma .yuzen-rozet { transform: translateY(60px); }

/* Zoom (büyükten küçüğe) */
.giris-zoom .dis-govde { transform: scale(2.5); }
.giris-zoom .yorunge { transform: scale(3); }
.giris-zoom .hero-dna { transform: scale(2); }
.giris-zoom .yuzen-rozet { transform: scale(2); }

/* Aktif duruma geçiş */
.tema-giris-aktif .dis-govde {
  opacity: 1; transform: none;
  transition: opacity 1s cubic-bezier(.16,1,.3,1), transform 1.2s cubic-bezier(.16,1,.3,1);
}
.tema-giris-aktif .dis-parilti {
  opacity: 1;
  transition: opacity 1.5s ease .3s;
}
.tema-giris-aktif .yorunge-1 {
  opacity: 1; transform: none;
  transition: opacity .8s ease .2s, transform 1s cubic-bezier(.16,1,.3,1) .2s;
}
.tema-giris-aktif .yorunge-2 {
  opacity: 1; transform: none;
  transition: opacity .8s ease .4s, transform 1s cubic-bezier(.16,1,.3,1) .4s;
}
.tema-giris-aktif .yorunge-3 {
  opacity: 1; transform: none;
  transition: opacity .8s ease .6s, transform 1s cubic-bezier(.16,1,.3,1) .6s;
}
.tema-giris-aktif .uydu {
  opacity: 1;
  transition: opacity .6s ease .5s;
}
.tema-giris-aktif .hero-nabiz {
  opacity: 1;
  transition: opacity .8s ease .8s;
}
.tema-giris-aktif .pirilti {
  opacity: 1;
  transition: opacity .5s ease .9s;
}
.tema-giris-aktif .hero-dna {
  opacity: 1; transform: none;
  transition: opacity 1s ease .3s, transform 1.2s cubic-bezier(.16,1,.3,1) .3s;
}
.tema-giris-aktif .hero-parcacik {
  opacity: 1;
  transition: opacity .8s ease 1s;
}
.tema-giris-aktif .yuzen-rozet {
  opacity: 1; transform: none;
}
.tema-giris-aktif .rozet-a {
  transition: opacity .8s ease .5s, transform 1s cubic-bezier(.16,1,.3,1) .5s;
}
.tema-giris-aktif .rozet-b {
  transition: opacity .8s ease .7s, transform 1s cubic-bezier(.16,1,.3,1) .7s;
}
.tema-giris-aktif .rozet-c {
  transition: opacity .8s ease .9s, transform 1s cubic-bezier(.16,1,.3,1) .9s;
}

/* ---- Diş sahnesinde göz kırpan ışıltılar ---- */
.pirilti {
  position: absolute; z-index: 3; color: #a5f3fc;
  text-shadow: 0 0 14px rgba(34, 211, 238, .9);
  animation: pirilti-yan 3.2s ease-in-out infinite;
  pointer-events: none;
}
.p-1 { top: 14%; left: 30%; font-size: 1.1rem; animation-delay: 0s; }
.p-2 { top: 34%; right: 16%; font-size: .8rem; animation-delay: .9s; color: #c4b5fd; }
.p-3 { bottom: 26%; left: 22%; font-size: .9rem; animation-delay: 1.7s; }
.p-4 { bottom: 12%; right: 26%; font-size: 1.2rem; animation-delay: 2.4s; color: #c4b5fd; }
.p-5 { top: 6%; right: 38%; font-size: .7rem; animation-delay: .4s; }
.p-6 { top: 25%; left: 10%; font-size: .85rem; animation-delay: 2s; color: #f9a8d4; text-shadow: 0 0 12px rgba(249,168,212,.6); }
@keyframes pirilti-yan {
  0%, 100% { opacity: 0; transform: scale(.4) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.15) rotate(90deg); }
}

/* ---- Hero yörünge 3 (eğimli, geniş) ---- */
.yorunge-3 {
  width: 540px; height: 540px;
  border-width: 1px;
  border-color: rgba(109,93,246,.15);
  border-style: dotted;
  transform: rotate(20deg);
  animation: donus 55s linear infinite;
}
.uydu-4 {
  top: -16px; left: calc(50% - 16px);
  width: 32px; height: 32px;
  background: linear-gradient(135deg, #f472b6, #ec4899);
  box-shadow: 0 6px 18px rgba(244,114,182,.5);
  animation: donus 55s linear infinite reverse, uydu-nabiz 3s ease-in-out infinite;
}
@keyframes uydu-nabiz {
  0%,100% { transform: scale(1); }
  50%     { transform: scale(1.25); }
}

/* ---- Hero nabız halkaları ---- */
.hero-nabiz {
  position: absolute; border-radius: 50%;
  border: 1.5px solid rgba(109,93,246,.25);
  width: 280px; height: 280px;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%) scale(0);
  animation: heroNabiz 4.5s ease-out infinite;
  pointer-events: none; z-index: 1;
}
.hero-n1 { animation-delay: 0s; }
.hero-n2 { animation-delay: 1.5s; }
.hero-n3 { animation-delay: 3s; border-color: rgba(34,211,238,.2); }
@keyframes heroNabiz {
  0%   { transform: translate(-50%, -50%) scale(0); opacity: .5; }
  100% { transform: translate(-50%, -50%) scale(2.8); opacity: 0; }
}

/* ---- Hero DNA Sarmalı ---- */
.hero-dna {
  position: absolute; right: -40px; top: 5%; bottom: 5%;
  width: 80px; z-index: 1;
}
.hero-dna-nokta {
  position: absolute;
  width: 7px; height: 7px; border-radius: 50%;
  background: rgba(109,93,246,.55);
  box-shadow: 0 0 10px rgba(109,93,246,.4);
  left: 50%;
  top: calc(var(--i) * 8.33%);
  animation: heroDnaA 3.5s ease-in-out infinite;
  animation-delay: calc(var(--i) * -0.29s);
}
.hero-dna-b {
  background: rgba(34,211,238,.45);
  box-shadow: 0 0 10px rgba(34,211,238,.35);
  animation-name: heroDnaB;
}
@keyframes heroDnaA {
  0%,100% { transform: translateX(-18px) scale(1); opacity: .85; }
  50%     { transform: translateX(18px) scale(.5); opacity: .3; }
}
@keyframes heroDnaB {
  0%,100% { transform: translateX(18px) scale(.5); opacity: .3; }
  50%     { transform: translateX(-18px) scale(1); opacity: .85; }
}

/* ---- Hero yüzen parçacıklar ---- */
.hero-parcacik {
  position: absolute; border-radius: 50%;
  pointer-events: none; z-index: 1;
  animation: heroParcacik linear infinite;
}
.hp1 { width: 5px; height: 5px; background: rgba(109,93,246,.4); top: 8%;  left: 40%;  animation-duration: 14s; --hpx: .3; }
.hp2 { width: 3px; height: 3px; background: rgba(34,211,238,.4);  top: 60%; left: 15%;  animation-duration: 18s; animation-delay: -3s; --hpx: .7; }
.hp3 { width: 4px; height: 4px; background: rgba(249,168,212,.3); top: 30%; left: 85%;  animation-duration: 12s; animation-delay: -6s; --hpx: .4; }
.hp4 { width: 3px; height: 3px; background: rgba(139,124,248,.4); top: 75%; left: 55%;  animation-duration: 16s; animation-delay: -2s; --hpx: .6; }
.hp5 { width: 4px; height: 4px; background: rgba(165,243,252,.3); top: 15%; left: 70%;  animation-duration: 20s; animation-delay: -8s; --hpx: .2; }
.hp6 { width: 3px; height: 3px; background: rgba(255,255,255,.2); top: 50%; left: 25%;  animation-duration: 15s; animation-delay: -5s; --hpx: .8; }
@keyframes heroParcacik {
  0%   { transform: translate(0, 0) scale(1); opacity: 0; }
  10%  { opacity: .7; }
  50%  { transform: translate(calc(-25px + 50px * var(--hpx)), -50px) scale(1.3); opacity: .5; }
  90%  { opacity: .1; }
  100% { transform: translate(calc(35px - 70px * var(--hpx)), -90px) scale(.4); opacity: 0; }
}

/* ---------------- Sayaçlar ---------------- */
.sayaclar { margin-top: -5.2rem; position: relative; z-index: 5; }
.sayac-kutu {
  background:
    radial-gradient(ellipse 500px 300px at 15% 120%, rgba(139,124,248,.32), transparent),
    radial-gradient(ellipse 400px 250px at 85% -30%, rgba(34,211,238,.24), transparent),
    radial-gradient(ellipse 300px 200px at 50% 50%, rgba(139,124,248,.12), transparent),
    linear-gradient(135deg, #2a3170 0%, #232a63 50%, #1e2456 100%);
  border: 1px solid rgba(139, 124, 248, .28);
  border-radius: var(--radius);
  box-shadow:
    0 30px 70px rgba(20, 26, 60, .32),
    0 8px 24px rgba(109, 93, 246, .16),
    inset 0 1px 0 rgba(255, 255, 255, .12);
  display: grid; grid-template-columns: repeat(4, 1fr);
  overflow: hidden; position: relative;
}

/* Nabız çizgisi animasyonu */
.sayac-kutu::before {
  content: ""; position: absolute; inset: 0; z-index: 0;
  background:
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 24.5%,
      rgba(139,124,248,.08) 24.5%,
      rgba(139,124,248,.08) 25%,
      transparent 25%,
      transparent 49.5%,
      rgba(139,124,248,.08) 49.5%,
      rgba(139,124,248,.08) 50%,
      transparent 50%,
      transparent 74.5%,
      rgba(139,124,248,.08) 74.5%,
      rgba(139,124,248,.08) 75%,
      transparent 75%
    );
  pointer-events: none;
}
/* Nabız canvas — JS ile gerçekçi EKG çizgisi üretilir */
.sayac-nabiz-kanvas {
  position: absolute; inset: 0; z-index: 0;
  width: 100%; height: 100%;
  pointer-events: none; opacity: .65;
}

.sayac {
  padding: 2.4rem 1.2rem 2rem; text-align: center; position: relative;
  transition: all .4s cubic-bezier(.16,1,.3,1); z-index: 1;
  display: flex; flex-direction: column; align-items: center; gap: .6rem;
}
.sayac:hover {
  background: rgba(109, 93, 246, .08);
  transform: translateY(-4px);
}
.sayac + .sayac > .sayac-ayrac {
  display: none;
}
.sayac + .sayac::before {
  content: ""; position: absolute; left: 0; top: 15%; height: 70%; width: 1px;
  background: linear-gradient(to bottom, transparent, rgba(139, 124, 248, .2), transparent);
}

/* Sayaç ikon — koyu tema */
.sayac-ikon {
  width: 54px; height: 54px; border-radius: 14px;
  display: grid; place-items: center;
  background: linear-gradient(135deg, rgba(109,93,246,.25), rgba(109,93,246,.1));
  color: #a78bfa;
  border: 1px solid rgba(109,93,246,.25);
  transition: all .4s cubic-bezier(.16,1,.3,1);
  position: relative;
  box-shadow: 0 4px 16px rgba(109,93,246,.2);
}
.sayac:hover .sayac-ikon {
  transform: scale(1.15) rotate(-5deg);
  box-shadow: 0 8px 28px rgba(109,93,246,.35);
  background: linear-gradient(135deg, rgba(109,93,246,.35), rgba(109,93,246,.15));
}
.sayac-ikon-cam {
  background: linear-gradient(135deg, rgba(34,211,238,.25), rgba(34,211,238,.08));
  color: #67e8f9;
  border-color: rgba(34,211,238,.25);
  box-shadow: 0 4px 16px rgba(34,211,238,.15);
}
.sayac:hover .sayac-ikon-cam {
  box-shadow: 0 8px 28px rgba(34,211,238,.3);
  background: linear-gradient(135deg, rgba(34,211,238,.35), rgba(34,211,238,.12));
}
.sayac-ikon-pembe {
  background: linear-gradient(135deg, rgba(236,72,153,.25), rgba(236,72,153,.08));
  color: #f9a8d4;
  border-color: rgba(236,72,153,.2);
  box-shadow: 0 4px 16px rgba(236,72,153,.15);
}
.sayac:hover .sayac-ikon-pembe {
  box-shadow: 0 8px 28px rgba(236,72,153,.3);
  background: linear-gradient(135deg, rgba(236,72,153,.35), rgba(236,72,153,.12));
}
.sayac-ikon-yesil {
  background: linear-gradient(135deg, rgba(52,211,153,.25), rgba(52,211,153,.08));
  color: #6ee7b7;
  border-color: rgba(52,211,153,.2);
  box-shadow: 0 4px 16px rgba(52,211,153,.15);
}
.sayac:hover .sayac-ikon-yesil {
  box-shadow: 0 8px 28px rgba(52,211,153,.3);
  background: linear-gradient(135deg, rgba(52,211,153,.35), rgba(52,211,153,.12));
}

/* Sayaç halka — hover'da dönen dekoratif halka */
.sayac-halka {
  position: absolute; top: 50%; left: 50%;
  width: 90px; height: 90px;
  border: 1.5px dashed rgba(139,124,248,.15);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0) rotate(0deg);
  transition: all .6s cubic-bezier(.16,1,.3,1);
  pointer-events: none;
}
.sayac:hover .sayac-halka {
  transform: translate(-50%, -50%) scale(1) rotate(90deg);
  border-color: rgba(139,124,248,.35);
}

.sayac strong {
  display: block; font-size: 2.5rem; font-weight: 800; font-family: 'Sora', sans-serif;
  color: #fff;
  line-height: 1.1;
  transition: all .4s cubic-bezier(.16,1,.3,1);
  text-shadow: 0 0 30px rgba(109,93,246,.3);
  position: relative; z-index: 1;
}
.sayac:hover strong {
  transform: scale(1.08);
  text-shadow: 0 0 40px rgba(109,93,246,.5);
}
.sayac span {
  font-size: .82rem; color: rgba(170,178,216,.8); font-weight: 600;
  letter-spacing: .02em; line-height: 1.3;
  position: relative; z-index: 1;
}

/* ---------- Köprü Geçiş Bölümü ---------- */
.kopru-bolum {
  position: relative; z-index: 2;
  background: var(--beyaz);
}
.kopru-ic { position: relative; }
.kopru-dalga-ust,
.kopru-dalga-alt {
  display: block; width: 100%; height: 50px;
}
.kopru-dalga-ust { margin-bottom: -1px; }
.kopru-dalga-alt { margin-top: -1px; }

.kopru-icerik {
  display: flex; align-items: center; gap: 1.5rem;
  padding: 2rem 1.25rem;
}
.kopru-cizgi {
  flex: 1; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(109,93,246,.2) 30%, rgba(34,211,238,.2) 70%, transparent);
}
.kopru-yazi {
  font-family: 'Sora', sans-serif;
  font-size: .82rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--menekse); white-space: nowrap;
  position: relative;
}
.kopru-yazi::before,
.kopru-yazi::after {
  content: "◆"; font-size: .45rem; vertical-align: middle;
  color: var(--cam); margin: 0 .5rem; opacity: .5;
}

/* ---------------- Bölümler ---------------- */
.bolum { padding: 5rem 0; }
.bolum-baslik { text-align: center; max-width: 660px; margin: 0 auto 3.2rem; }
.etiket {
  display: inline-block; background: rgba(109, 93, 246, .1); color: var(--menekse);
  border: 1px solid rgba(109, 93, 246, .25);
  font-size: .76rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  padding: .32rem 1.1rem; border-radius: 999px; margin-bottom: 1rem;
}
.bolum-baslik h2 { font-size: clamp(1.7rem, 3.2vw, 2.4rem); font-weight: 800; letter-spacing: -.02em; }
.bolum-baslik p { color: var(--gri); margin-top: .7rem; }

.gri-zemin { background: linear-gradient(180deg, var(--acik-2), var(--acik)); }

/* Kart ızgaraları */
.izgara { display: grid; gap: 1.4rem; }
.izgara-4 { grid-template-columns: repeat(4, 1fr); }
.izgara-3 { grid-template-columns: repeat(3, 1fr); }
.izgara-2 { grid-template-columns: repeat(2, 1fr); }

.kart {
  background: var(--beyaz); border-radius: var(--radius); padding: 1.7rem;
  box-shadow: var(--golge); border: 1px solid rgba(109, 93, 246, .1);
  text-decoration: none; color: inherit; display: block; position: relative;
  transition: box-shadow var(--gecis), border-color var(--gecis);
  transform-style: preserve-3d; will-change: transform;
}
.kart::after {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 4px;
  border-radius: var(--radius) var(--radius) 0 0;
  background: var(--grad);
  transform: scaleX(0); transform-origin: left; transition: transform var(--gecis);
}
.kart:hover { box-shadow: var(--golge-buyuk); border-color: rgba(109, 93, 246, .35); }
.kart:hover::after { transform: scaleX(1); }
.kart-ikon {
  width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center;
  background: rgba(109, 93, 246, .1); color: var(--menekse); margin-bottom: 1rem;
  transition: all var(--gecis);
}
.kart:hover .kart-ikon { background: var(--grad-135); color: #fff; box-shadow: var(--neon); }
.kart h3 { font-size: 1.02rem; font-weight: 700; margin-bottom: .35rem; }
.kart p { font-size: .88rem; color: var(--gri); }
.kart .kart-ok { display: inline-flex; align-items: center; gap: .3rem; margin-top: .8rem; font-size: .85rem; font-weight: 700; color: var(--menekse); }

/* ============================================
   Ana Bilim Dalları — modern grid kartlar
   ============================================ */
.abd-bolum {
  position: relative; overflow: hidden;
  background: linear-gradient(170deg, #f0f2ff 0%, #f8f9ff 40%, #eef7ff 100%);
  padding: 5.5rem 0 6rem;
}
.abd-dekor { position: absolute; inset: 0; pointer-events: none; }
.abd-dekor-dis {
  position: absolute; color: var(--menekse);
}
.abd-dd1 { width: 320px; height: 320px; top: -40px; right: -60px; transform: rotate(15deg); }
.abd-dd2 { width: 240px; height: 240px; bottom: -30px; left: -40px; transform: rotate(-20deg); }

.abd-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem;
}

.abd-kart-yeni {
  position: relative; overflow: hidden;
  display: flex; align-items: center; gap: 1rem;
  padding: 1.3rem 1.5rem; border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(109,93,246,.08);
  text-decoration: none; color: var(--murekkep);
  box-shadow: 0 2px 12px rgba(109,93,246,.06);
  transition: all .35s cubic-bezier(.2,.8,.2,1);
}
.abd-kart-yeni:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(109,93,246,.14), 0 0 0 1px rgba(109,93,246,.12);
}

.abd-kart-no {
  position: absolute; top: .6rem; right: .8rem;
  font-family: 'Sora', sans-serif; font-size: .65rem; font-weight: 800;
  color: rgba(109,93,246,.12); letter-spacing: .06em;
}

.abd-kart-ikon {
  width: 46px; height: 46px; border-radius: 13px; flex-shrink: 0;
  display: grid; place-items: center;
  background: linear-gradient(135deg, var(--abd-r, #6d5df6), var(--abd-r2, #8b7cf8));
  color: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,.1), inset 0 1px 1px rgba(255,255,255,.25);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;
}
.abd-kart-yeni:hover .abd-kart-ikon {
  transform: scale(1.1) rotate(-5deg);
  box-shadow: 0 8px 24px rgba(0,0,0,.15), 0 0 16px color-mix(in srgb, var(--abd-r, #6d5df6) 40%, transparent);
}

.abd-kart-yeni h3 {
  font-size: .92rem; font-weight: 700; margin: 0; flex: 1;
  transition: color .3s ease;
}
.abd-kart-yeni:hover h3 { color: var(--abd-r, var(--menekse)); }

.abd-kart-ok {
  display: grid; place-items: center;
  width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0;
  background: rgba(109,93,246,.06); color: var(--menekse);
  transition: all .35s ease;
}
.abd-kart-yeni:hover .abd-kart-ok {
  background: linear-gradient(135deg, var(--abd-r, #6d5df6), var(--abd-r2, #8b7cf8));
  color: #fff;
  box-shadow: 0 4px 16px rgba(109,93,246,.25);
  transform: translateX(2px);
}

.abd-kart-isik {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(var(--abd-r, 109,93,246), .03) 0%, transparent 60%);
  opacity: 0; transition: opacity .35s ease; pointer-events: none;
}
.abd-kart-yeni:hover .abd-kart-isik { opacity: 1; }

/* Üst kenar gradient */
.abd-kart-yeni::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--abd-r, #6d5df6), var(--abd-r2, #8b7cf8));
  transform: scaleX(0); transform-origin: left;
  transition: transform .35s cubic-bezier(.2,.8,.2,1);
}
.abd-kart-yeni:hover::before { transform: scaleX(1); }

@media (max-width: 1080px) {
  .abd-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .abd-grid { grid-template-columns: 1fr; }
  .abd-bolum { padding: 4rem 0; }
}

/* ---- Ana Bilim Dalları kategori sayfası ---- */
.abd-kategori-liste {
  position: relative;
  padding: 2.5rem 0 4rem;
  overflow: hidden;
}
.abd-kategori-dekor {
  position: absolute; inset: 0; pointer-events: none; overflow: hidden;
}
.abd-kategori-grid {
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.35rem;
  align-items: stretch;
}
.abd-kart-kategori {
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-items: stretch;
  gap: 0;
  padding: 1.5rem 1.4rem 1.25rem;
  min-height: 17.5rem;
  height: 100%;
}
.abd-kart-kategori .abd-kart-ikon {
  width: 52px; height: 52px; border-radius: 14px;
  margin-bottom: 1rem;
  grid-row: 1;
}
.abd-kart-govde {
  grid-row: 2;
  display: flex;
  flex-direction: column;
  gap: .55rem;
  min-height: 0;
  overflow: hidden;
}
.abd-kart-kategori h3 {
  font-size: .95rem;
  line-height: 1.35;
  flex: 0 0 auto;
  margin: 0;
}
.abd-kart-kategori p {
  margin: 0;
  font-size: .84rem;
  line-height: 1.55;
  color: var(--gri-600, #64748b);
  flex: 0 1 auto;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  text-overflow: ellipsis;
  word-break: normal;
  overflow-wrap: anywhere;
}
.abd-kart-alt {
  grid-row: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-top: 1.1rem;
  padding-top: .95rem;
  border-top: 1px solid rgba(109, 93, 246, .08);
  flex-shrink: 0;
}
.abd-kart-etiket {
  font-size: .78rem;
  font-weight: 700;
  color: var(--abd-r, var(--menekse));
  transition: color .3s ease;
}
.abd-kart-kategori:hover .abd-kart-etiket { color: var(--abd-r2, var(--menekse)); }
.abd-kart-kategori .abd-kart-ok { margin-left: auto; }
@media (prefers-reduced-motion: no-preference) {
  .abd-kart-kategori:not(:hover) .abd-kart-ikon {
    animation: abd-ikon-sallan 5s ease-in-out infinite;
  }
  .abd-kategori-dekor .abd-dd1 { animation: abd-dekor-yuzer 14s ease-in-out infinite; }
  .abd-kategori-dekor .abd-dd2 { animation: abd-dekor-yuzer 18s ease-in-out infinite reverse; }
}
@keyframes abd-ikon-sallan {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-4px) rotate(2deg); }
}
@keyframes abd-dekor-yuzer {
  0%, 100% { transform: translateY(0) rotate(-20deg); }
  50% { transform: translateY(-12px) rotate(-14deg); }
}
.js .gsap-belir[data-gecikme] {
  transition-delay: calc(var(--gecikme, 0) * 1s);
}
@media (max-width: 1280px) {
  .abd-kategori-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 960px) {
  .abd-kategori-grid { grid-template-columns: repeat(2, 1fr); }
  .abd-kart-kategori { min-height: 16rem; }
}
@media (max-width: 560px) {
  .abd-kategori-grid { grid-template-columns: 1fr; }
  .abd-kart-kategori { min-height: 0; }
  .abd-kategori-liste { padding: 1.5rem 0 3rem; }
}

/* ---------------- Personel Kartları ---------------- */
.personel-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.4rem; margin: 1.6rem 0; }
.personel-kart {
  background: var(--beyaz); border-radius: var(--radius); overflow: hidden;
  border: 1px solid rgba(109, 93, 246, .12); box-shadow: var(--golge);
  text-align: center; transition: all var(--gecis); position: relative;
  text-decoration: none; color: inherit; display: block;
}
.personel-kart:hover { transform: translateY(-6px); box-shadow: var(--golge-buyuk); border-color: rgba(109, 93, 246, .35); }
.personel-foto {
  width: 100%; aspect-ratio: 1/1.05; object-fit: cover; object-position: top center;
  background: linear-gradient(140deg, var(--acik-2), #dfe3fa); display: block;
}
.personel-foto-yok {
  width: 100%; aspect-ratio: 1/1.05; display: grid; place-items: center;
  background: linear-gradient(140deg, var(--gece-2), var(--gece-3)); color: var(--menekse);
  font-family: 'Sora', sans-serif; font-size: 3rem; font-weight: 800;
}
.personel-bilgi { padding: 1.1rem 1rem 1.3rem; }
.personel-bilgi .unvan {
  display: inline-block; font-size: .72rem; font-weight: 800; letter-spacing: .05em;
  color: var(--menekse); background: rgba(109, 93, 246, .1); border-radius: 999px;
  padding: .15rem .7rem; margin-bottom: .45rem; text-transform: uppercase;
}
.personel-bilgi h3 { font-size: 1rem; font-weight: 700; }
.personel-bilgi .gorev { font-size: .82rem; color: var(--cam); font-weight: 700; margin-top: .2rem; }
.personel-bilgi .eposta { font-size: .78rem; color: var(--gri); margin-top: .3rem; word-break: break-all; }

/* ---------------- Kadro Kartları (DB — şık ızgara) ---------------- */
.kadro-bolum { margin: 0 0 2.4rem; }
.kadro-baslik {
  display: flex; align-items: baseline; justify-content: space-between; gap: 1rem;
  margin-bottom: 1.5rem; padding-bottom: .85rem;
  border-bottom: 1px solid rgba(109, 93, 246, .14);
}
.kadro-baslik h2 {
  font-family: 'Sora', sans-serif; font-size: 1.35rem; font-weight: 800;
  background: var(--grad-135); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
.kadro-baslik p { font-size: .88rem; color: var(--gri); font-weight: 600; }

.kadro-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.35rem;
}

/* ---- Akademik personel — ABD gruplu görünüm ---- */
.kadro-gruplu { margin: 0 0 1.5rem; }
.kadro-grup { margin: 0 0 2.6rem; }
.kadro-grup-baslik {
  display: flex; align-items: center; gap: .7rem;
  margin: 0 0 1.25rem; padding: .7rem 1rem;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(109,93,246,.10), rgba(34,211,238,.08));
  border: 1px solid rgba(109,93,246,.16);
}
.kadro-grup-ikon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px;
  color: #fff; background: var(--grad-135);
  box-shadow: 0 6px 16px rgba(109,93,246,.28);
}
.kadro-grup-baslik h3 {
  font-family: 'Sora', sans-serif; font-size: 1.12rem; font-weight: 800;
  color: #1c2150; margin: 0; letter-spacing: -.01em;
}
.kadro-grup-baslik h3 a { color: inherit; text-decoration: none; }
.kadro-grup-baslik h3 a:hover { color: var(--mor, #6d5df6); }
.kadro-grup-sayi {
  margin-left: auto; font-size: .8rem; font-weight: 700; color: #4b4f7a;
  background: rgba(255,255,255,.7); border: 1px solid rgba(109,93,246,.2);
  padding: .18rem .6rem; border-radius: 999px;
}
.kadro-kart {
  position: relative; display: flex; flex-direction: column;
  background: linear-gradient(165deg, rgba(255,255,255,.98), rgba(248,249,255,.92));
  border: 1px solid rgba(109, 93, 246, .14);
  border-radius: calc(var(--radius) + 4px);
  overflow: hidden; text-decoration: none; color: inherit;
  box-shadow: 0 8px 28px rgba(15, 23, 42, .06);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, border-color .35s;
}
.kadro-kart:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 44px rgba(109, 93, 246, .18);
  border-color: rgba(109, 93, 246, .38);
}
.kadro-kart-foto {
  position: relative; aspect-ratio: 4/5; overflow: hidden;
  background: linear-gradient(145deg, #e8ebff, #cfd8ff 45%, #b8c4ff);
}
.kadro-kart-foto img {
  width: 100%; height: 100%; object-fit: cover; object-position: top center;
  transition: transform .5s ease;
}
.kadro-kart:hover .kadro-kart-foto img { transform: scale(1.06); }
.kadro-kart-yok {
  position: absolute; inset: 0; display: grid; place-items: center;
  font-family: 'Sora', sans-serif; font-size: 2.6rem; font-weight: 800;
  color: rgba(79, 70, 229, .55);
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.7), transparent 55%),
              linear-gradient(160deg, #eef0ff, #d9deff);
}
.kadro-kart-parilti {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(120deg, transparent 40%, rgba(255,255,255,.35) 50%, transparent 60%);
  transform: translateX(-120%); transition: transform .6s ease;
}
.kadro-kart:hover .kadro-kart-parilti { transform: translateX(120%); }
.kadro-kart-govde { padding: 1.1rem 1.15rem 1.25rem; flex: 1; display: flex; flex-direction: column; }
.kadro-unvan {
  display: inline-block; align-self: flex-start;
  font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  color: var(--menekse); background: rgba(109, 93, 246, .1);
  border-radius: 999px; padding: .18rem .65rem; margin-bottom: .5rem;
}
.kadro-kart-govde h3 {
  font-size: 1rem; font-weight: 800; line-height: 1.35; margin-bottom: .35rem;
  color: var(--gece);
}
.kadro-gorev { font-size: .82rem; color: var(--cam); font-weight: 600; line-height: 1.45; flex: 1; }
.kadro-detay {
  margin-top: .85rem; font-size: .78rem; font-weight: 700; color: var(--menekse);
  opacity: .85; transition: opacity .2s;
}
.kadro-kart:hover .kadro-detay { opacity: 1; }

/* DB kadro varken eski org-chart kalıntılarını gizle */
.icerik-govde:has(.kadro-bolum) .org-level,
.icerik-govde:has(.kadro-bolum) .org-chart,
.icerik-govde:has(.kadro-bolum) .org-cards,
.icerik-govde:has(.kadro-bolum) .staff-grid,
.icerik-govde:has(.yonetim-bolum) .org-level,
.icerik-govde:has(.yonetim-bolum) .org-chart,
.icerik-govde:has(.yonetim-bolum) .org-cards,
.icerik-govde:has(.yonetim-bolum) .staff-grid {
  display: none !important;
}

/* ---- Yönetim hiyerarşik düzen ---- */
.yonetim-bolum {
  display: flex; flex-direction: column; align-items: center;
  gap: 0; margin: 0 0 2.4rem; position: relative;
}
.yonetim-katman {
  display: flex; flex-direction: column; align-items: center; width: 100%;
}
.yonetim-baglanti-cizgi {
  width: 3px; height: 36px;
  background: linear-gradient(180deg, rgba(109, 93, 246, .35), rgba(109, 93, 246, .12));
  border-radius: 2px; flex-shrink: 0;
}
.yonetim-katman-baslik {
  font-family: 'Sora', sans-serif; font-size: .82rem; font-weight: 800;
  letter-spacing: .07em; text-transform: uppercase; text-align: center;
  color: var(--menekse); background: rgba(109, 93, 246, .08);
  padding: .4rem 1.15rem; border-radius: 999px; margin-bottom: 1.25rem;
}

/* Dekan — diğerleriyle aynı ebatta */
.yonetim-kart-dekan {
  display: grid; grid-template-columns: 160px 1fr; gap: 1.5rem; align-items: center;
  width: 100%; max-width: 480px; padding: 1.35rem 1.65rem;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,249,255,.94));
  border: 1px solid rgba(109, 93, 246, .18);
  border-radius: calc(var(--radius) + 6px);
  text-decoration: none; color: inherit; position: relative; overflow: hidden;
  box-shadow: 0 10px 32px rgba(15, 23, 42, .06), 0 0 0 1px rgba(255,255,255,.4) inset;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, border-color .35s;
}
.yonetim-kart-dekan:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 48px rgba(109, 93, 246, .16), 0 0 0 1px rgba(255,255,255,.4) inset;
  border-color: rgba(109, 93, 246, .35);
}

/* Yardımcılar — orta boy kartlar yan yana */
.yonetim-yardimci-izgara {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.35rem; width: 100%;
}
.yonetim-kart-yardimci, .yonetim-kart-sekreter {
  display: grid; grid-template-columns: 160px 1fr; gap: 1.5rem; align-items: center;
  width: 100%; padding: 1.35rem 1.65rem;
  background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(248,249,255,.92));
  border: 1px solid rgba(109, 93, 246, .14);
  border-radius: calc(var(--radius) + 6px);
  text-decoration: none; color: inherit; overflow: hidden;
  box-shadow: 0 10px 32px rgba(15, 23, 42, .06), 0 0 0 1px rgba(255,255,255,.4) inset;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, border-color .35s;
}
.yonetim-kart-yardimci:hover, .yonetim-kart-sekreter:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 48px rgba(109, 93, 246, .16), 0 0 0 1px rgba(255,255,255,.4) inset;
  border-color: rgba(109, 93, 246, .35);
}

/* Sekreter — tek kart ortalı */
.yonetim-sekreterler .yonetim-kart-sekreter {
  max-width: 480px; margin-inline: auto;
}

/* Ortak foto stili */
.yonetim-kart-foto {
  position: relative; aspect-ratio: 4/5; border-radius: calc(var(--radius) + 4px);
  overflow: hidden;
  background: linear-gradient(145deg, #e8ebff, #cfd8ff 45%, #b8c4ff);
}
.yonetim-kart-foto img {
  width: 100%; height: 100%; object-fit: cover; object-position: top center;
  transition: transform .5s ease;
}
.yonetim-kart:hover .yonetim-kart-foto img { transform: scale(1.06); }
.yonetim-kart-yok {
  position: absolute; inset: 0; display: grid; place-items: center;
  font-family: 'Sora', sans-serif; font-size: 2.4rem; font-weight: 800;
  color: rgba(79, 70, 229, .55);
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.7), transparent 55%),
              linear-gradient(160deg, #eef0ff, #d9deff);
}
.yonetim-kart-parilti {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(120deg, transparent 40%, rgba(255,255,255,.35) 50%, transparent 60%);
  transform: translateX(-120%); transition: transform .6s ease;
}
.yonetim-kart:hover .yonetim-kart-parilti,
.yonetim-kart-dekan:hover .yonetim-kart-parilti,
.yonetim-kart-yardimci:hover .yonetim-kart-parilti,
.yonetim-kart-sekreter:hover .yonetim-kart-parilti { transform: translateX(120%); }

/* Bilgi alanı */
.yonetim-kart-bilgi { min-width: 0; }
.yonetim-rozet {
  display: inline-block; font-size: .7rem; font-weight: 800; letter-spacing: .06em;
  text-transform: uppercase; color: var(--menekse); background: rgba(109, 93, 246, .1);
  border-radius: 999px; padding: .2rem .7rem; margin-bottom: .55rem;
}
.yonetim-kart-bilgi h2 {
  font-family: 'Sora', sans-serif; font-size: 1.08rem;
  font-weight: 800; line-height: 1.35; margin-bottom: .3rem; color: var(--gece);
}
.yonetim-kart-bilgi h3 {
  font-family: 'Sora', sans-serif; font-size: 1.08rem;
  font-weight: 800; line-height: 1.35; margin-bottom: .3rem; color: var(--gece);
}
.yonetim-gorev {
  font-size: .88rem; font-weight: 600; color: var(--cam); line-height: 1.5; margin-bottom: .55rem;
}
.yonetim-detay {
  font-size: .78rem; font-weight: 700; color: var(--menekse);
  opacity: .8; transition: opacity .2s;
}
.yonetim-kart:hover .yonetim-detay,
.yonetim-kart-dekan:hover .yonetim-detay,
.yonetim-kart-yardimci:hover .yonetim-detay,
.yonetim-kart-sekreter:hover .yonetim-detay { opacity: 1; }

@media (max-width: 768px) {
  .yonetim-kart-dekan {
    grid-template-columns: 1fr; text-align: center; padding: 1.25rem;
    max-width: 100%;
  }
  .yonetim-kart-dekan .yonetim-kart-foto { max-width: 180px; margin-inline: auto; }
  .yonetim-kart-yardimci, .yonetim-kart-sekreter {
    grid-template-columns: 1fr; text-align: center; padding: 1.25rem;
  }
  .yonetim-kart-yardimci .yonetim-kart-foto,
  .yonetim-kart-sekreter .yonetim-kart-foto {
    max-width: 180px; margin-inline: auto;
  }
  .yonetim-yardimci-izgara { grid-template-columns: 1fr; }
  .yonetim-sekreterler .yonetim-kart-sekreter { max-width: 100%; }
  .yonetim-baglanti-cizgi { height: 28px; margin: .15rem 0; }
  .yonetim-katman-baslik { margin-bottom: 1rem; }
  .icerik-govde .org-card { width: 100%; max-width: 300px; }
  .sayfa-metin .org-cards { flex-direction: column; align-items: center; }
}

/* Personel profil sayfası */
.personel-profil { padding-bottom: 3rem; }
.personel-profil-ust {
  display: grid; grid-template-columns: 280px 1fr; gap: 2.2rem; align-items: start;
  margin-bottom: 2rem; padding: 2rem;
  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(248,249,255,.88));
  border: 1px solid rgba(109, 93, 246, .12); border-radius: calc(var(--radius) + 6px);
  box-shadow: var(--golge);
}
.personel-profil-foto {
  border-radius: calc(var(--radius) + 2px); overflow: hidden;
  box-shadow: 0 16px 40px rgba(79, 70, 229, .2);
  aspect-ratio: 4/5; background: linear-gradient(145deg, #e8ebff, #cfd8ff);
}
.personel-profil-foto img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
.personel-profil-foto .personel-foto-yok {
  width: 100%; height: 100%; aspect-ratio: unset;
  font-size: 4rem;
}
.personel-rozet-unvan {
  display: inline-block; font-size: .72rem; font-weight: 800; letter-spacing: .05em;
  text-transform: uppercase; color: var(--menekse);
  background: rgba(109, 93, 246, .12); border-radius: 999px; padding: .2rem .75rem; margin-bottom: .6rem;
}
.personel-profil-ozet h1 { font-family: 'Sora', sans-serif; font-size: clamp(1.6rem, 3vw, 2.2rem); margin-bottom: .5rem; }
.personel-gorev { font-size: 1.05rem; color: var(--cam); font-weight: 600; margin-bottom: 1rem; }
.personel-eposta-dugme {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .55rem 1rem; border-radius: 999px; font-size: .88rem; font-weight: 700;
  color: var(--menekse); background: rgba(109, 93, 246, .1); text-decoration: none;
  margin-bottom: 1rem; transition: background .2s;
}
.personel-eposta-dugme:hover { background: rgba(109, 93, 246, .18); }
.personel-profil-icerik { margin-top: .5rem; }

/* ---- Profil sayfası ---- */
.profil-sayfa {
  position: relative; overflow: hidden;
  padding-bottom: 4rem;
  background: linear-gradient(180deg, #eef1f8 0%, #f8f9fc 45%, #fff 100%);
}
.profil-sayfa-arkaplan {
  position: absolute; inset: 0 0 auto 0; height: 320px; pointer-events: none;
  background:
    radial-gradient(900px 420px at 85% -20%, rgba(109, 93, 246, .35), transparent 60%),
    radial-gradient(600px 320px at 10% 110%, rgba(34, 211, 238, .18), transparent 55%),
    linear-gradient(165deg, #0a0e22 0%, #070b1a 55%, #0d1228 100%);
}
.profil-sayfa-ust { position: relative; z-index: 1; padding-top: 1.5rem; }
.profil-sayfa-govde { position: relative; z-index: 1; padding-top: 1.25rem; }
.kirinti-acik a, .kirinti-acik span { color: rgba(255,255,255,.82); }
.kirinti-acik a:hover { color: #fff; }

.profil-kimlik {
  display: grid; grid-template-columns: 200px 1fr; gap: 2.25rem; align-items: center;
  width: 100%; margin-inline: auto; padding: 2rem 2.5rem;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,249,255,.94));
  border: 1px solid rgba(109, 93, 246, .14);
  border-radius: calc(var(--radius) + 10px);
  box-shadow:
    0 28px 70px rgba(15, 23, 42, .12),
    0 8px 24px rgba(79, 70, 229, .08),
    0 0 0 1px rgba(255,255,255,.6) inset;
}
.profil-kimlik-foto-wrap { position: relative; width: 100%; }
.profil-kimlik-icerik { min-width: 0; }
.profil-kimlik-foto {
  position: relative; z-index: 1; aspect-ratio: 3/4; border-radius: calc(var(--radius) + 4px); overflow: hidden;
  background: linear-gradient(145deg, #e8ebff, #cfd8ff);
  box-shadow: 0 16px 36px rgba(79, 70, 229, .18);
}
.profil-kimlik-foto img {
  width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block;
}
.profil-kimlik-yok {
  width: 100%; height: 100%; display: grid; place-items: center;
  font-family: 'Sora', sans-serif; font-size: 2.6rem; font-weight: 800;
  color: rgba(79, 70, 229, .45);
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.75), transparent 55%),
    linear-gradient(160deg, #eef0ff, #d9deff);
}
.profil-kimlik-halka {
  position: absolute; inset: -8px -8px auto auto; width: 65%; height: 65%;
  border-radius: calc(var(--radius) + 8px);
  background: linear-gradient(135deg, rgba(109, 93, 246, .35), rgba(34, 211, 238, .25));
  filter: blur(0); opacity: .55; z-index: 0;
}

.profil-etiket-unvan {
  display: inline-block; margin-bottom: .7rem; padding: .32rem .9rem; border-radius: 999px;
  font-size: .72rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase;
  color: var(--menekse); background: rgba(109, 93, 246, .1); border: 1px solid rgba(109, 93, 246, .18);
}
.profil-kimlik-icerik h1 {
  font-family: 'Sora', sans-serif; font-size: clamp(1.85rem, 3.5vw, 2.55rem);
  line-height: 1.12; margin-bottom: .5rem; color: var(--gece);
}
.profil-etiket-gorev {
  font-size: 1.05rem; font-weight: 600; color: var(--cam); margin-bottom: 1.6rem; line-height: 1.55;
}

.profil-bilgi-kutular {
  display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: 1.35rem;
}
.profil-bilgi-kutu {
  display: inline-flex; align-items: center; gap: .6rem; padding: .55rem .85rem;
  border-radius: calc(var(--radius) - 2px);
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(109, 93, 246, .1);
  text-decoration: none; color: inherit;
  transition: transform .2s, box-shadow .2s, border-color .2s, background .2s;
}
a.profil-bilgi-kutu:hover {
  transform: translateY(-2px);
  border-color: rgba(109, 93, 246, .28);
  box-shadow: 0 8px 20px rgba(79, 70, 229, .1);
  background: #fff;
}
.profil-bilgi-kutu-statik { cursor: default; }
.profil-bilgi-ikon {
  flex-shrink: 0; width: 32px; height: 32px; display: grid; place-items: center;
  border-radius: 8px; color: var(--menekse);
  background: linear-gradient(145deg, rgba(109, 93, 246, .1), rgba(34, 211, 238, .06));
}
.profil-bilgi-kutu span:last-child { min-width: 0; }
.profil-bilgi-kutu small {
  display: block; font-size: .65rem; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: var(--gri); margin-bottom: .1rem;
}
.profil-bilgi-kutu strong {
  display: block; font-size: .82rem; font-weight: 700; color: var(--gece);
  word-break: break-word;
}
a.profil-bilgi-kutu strong { color: var(--menekse); }

.profil-alt-eylemler {
  display: flex; flex-wrap: wrap; gap: .7rem; margin-bottom: 1.25rem;
}
.profil-alt-eylemler .dugme-cerceve {
  color: var(--menekse); background: rgba(109, 93, 246, .06);
  border-color: rgba(109, 93, 246, .3); backdrop-filter: none;
}
.profil-alt-eylemler .dugme-cerceve:hover {
  background: rgba(109, 93, 246, .14); border-color: var(--menekse);
}
.profil-diger-birimler {
  padding-top: 1.15rem; border-top: 1px solid rgba(109, 93, 246, .1);
}
.profil-diger-baslik {
  display: block; font-size: .76rem; font-weight: 700; color: var(--gri);
  text-transform: uppercase; letter-spacing: .05em; margin-bottom: .55rem;
}
.profil-diger-liste { display: flex; flex-wrap: wrap; gap: .45rem; }
.profil-diger-liste a {
  display: inline-block; padding: .32rem .78rem; border-radius: 999px;
  font-size: .78rem; font-weight: 600; text-decoration: none;
  color: var(--menekse); background: rgba(109, 93, 246, .08); border: 1px solid rgba(109, 93, 246, .14);
  transition: background .2s;
}
.profil-diger-liste a:hover { background: rgba(109, 93, 246, .16); }

@media (max-width: 768px) {
  .personel-profil-ust { grid-template-columns: 1fr; max-width: 320px; margin-inline: auto; }
  .profil-kimlik {
    grid-template-columns: 1fr; gap: 1.75rem; padding: 1.5rem; text-align: center;
  }
  .profil-kimlik-foto-wrap { max-width: 200px; margin-inline: auto; }
  .profil-kimlik-halka { inset: -8px -8px auto auto; }
  .profil-bilgi-kutu { text-align: left; }
  .profil-alt-eylemler, .profil-diger-liste { justify-content: center; }
  .profil-alt-eylemler .dugme { flex: 1 1 100%; justify-content: center; }
  .kadro-izgara { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1rem; }
}

@media (max-width: 560px) {
  .profil-sayfa-ust { padding-top: 1rem; }
  .profil-sayfa-arkaplan { height: 260px; }
}

/* ============================================
   Kalite & Akreditasyon — modern kartlar
   ============================================ */
.klt-bolum {
  position: relative; overflow: hidden;
  background: linear-gradient(170deg, #faf8ff 0%, #f0edff 50%, #eef4ff 100%);
  padding: 5.5rem 0 6rem;
}
.klt-bolum::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(rgba(109,93,246,.05) 1.5px, transparent 1.5px);
  background-size: 32px 32px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 75%);
}
.klt-bolum .bolum-baslik { position: relative; z-index: 1; }
.klt-kartlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; position: relative; z-index: 1; }

.klt-kart {
  position: relative; overflow: hidden;
  background: #fff;
  border-radius: 20px; padding: 2rem 1.6rem 1.8rem;
  border: 1px solid rgba(109,93,246,.08);
  box-shadow: 0 4px 24px rgba(109,93,246,.06);
  text-decoration: none; color: var(--murekkep);
  display: flex; flex-direction: column; min-height: 220px;
  transition: all .4s cubic-bezier(.2,.8,.2,1);
}
.klt-kart:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 24px 64px rgba(109,93,246,.15);
  border-color: var(--klt-r1);
}
.klt-kart::before {
  content: ""; position: absolute; inset: 0; z-index: 0; opacity: 0;
  background: linear-gradient(135deg, color-mix(in srgb, var(--klt-r1) 6%, transparent), color-mix(in srgb, var(--klt-r2) 4%, transparent));
  transition: opacity .4s ease;
}
.klt-kart:hover::before { opacity: 1; }
.klt-kart::after {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--klt-r1), var(--klt-r2));
  transform: scaleX(0); transform-origin: left;
  transition: transform .4s cubic-bezier(.2,.8,.2,1);
}
.klt-kart:hover::after { transform: scaleX(1); }

.klt-kart-ikon {
  width: 56px; height: 56px; border-radius: 16px; margin-bottom: 1.3rem;
  display: grid; place-items: center; position: relative; z-index: 1;
  background: linear-gradient(135deg, var(--klt-r1), var(--klt-r2));
  color: #fff;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--klt-r1) 30%, transparent);
  transition: transform .35s ease, box-shadow .35s ease;
}
.klt-kart:hover .klt-kart-ikon {
  transform: scale(1.12) rotate(-5deg);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--klt-r1) 40%, transparent);
}

.klt-kart h3 { font-size: 1.08rem; font-weight: 700; margin-bottom: .5rem; position: relative; z-index: 1; }
.klt-kart-sayi {
  font-size: .8rem; font-weight: 600; color: var(--gri); margin-bottom: auto;
  padding: .3rem .7rem; border-radius: 999px;
  background: rgba(109,93,246,.06); display: inline-block; width: fit-content;
  position: relative; z-index: 1;
}
.klt-kart-ok {
  display: grid; place-items: center; margin-top: 1.2rem;
  width: 38px; height: 38px; border-radius: 50%;
  background: rgba(109,93,246,.07); color: var(--menekse);
  transition: all .35s ease; position: relative; z-index: 1;
}
.klt-kart:hover .klt-kart-ok {
  background: linear-gradient(135deg, var(--klt-r1), var(--klt-r2));
  color: #fff; transform: translateX(4px);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--klt-r1) 30%, transparent);
}

@media (max-width: 1024px) {
  .klt-kartlar { grid-template-columns: repeat(2, 1fr); gap: 1.1rem; }
  .klt-kart { min-height: 200px; padding: 1.6rem 1.35rem 1.4rem; }
}
@media (max-width: 768px) {
  .klt-bolum { padding: 3.5rem 0 4rem; }
  .klt-bolum .bolum-baslik { margin-bottom: 1.75rem; }
  .klt-bolum .bolum-baslik h2 { font-size: clamp(1.35rem, 5vw, 1.75rem); }
  .klt-bolum .bolum-baslik p { font-size: .88rem; line-height: 1.55; margin-top: .5rem; }
  .klt-kartlar { grid-template-columns: 1fr; gap: .6rem; }
  .klt-kart {
    min-height: 0;
    padding: 1rem 1.1rem;
    border-radius: 16px;
  }
  .klt-kart-ikon { width: 48px; height: 48px; border-radius: 14px; margin-bottom: .85rem; }
  .klt-kart h3 { font-size: .95rem; }
  .klt-kart-sayi { font-size: .75rem; }
  .klt-kart-ok { margin-top: .85rem; width: 34px; height: 34px; }
}
@media (max-width: 640px) {
  .klt-kart {
    display: grid;
    grid-template-columns: 44px 1fr 34px;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: .85rem;
    row-gap: .15rem;
    padding: .8rem 1rem;
  }
  .klt-kart-ikon {
    grid-row: 1 / span 2;
    align-self: center;
    width: 44px;
    height: 44px;
    margin-bottom: 0;
    border-radius: 12px;
  }
  .klt-kart-ikon svg { width: 22px; height: 22px; }
  .klt-kart h3 {
    grid-column: 2;
    font-size: .88rem;
    margin-bottom: 0;
    line-height: 1.3;
  }
  .klt-kart-sayi {
    grid-column: 2;
    font-size: .72rem;
    padding: .18rem .55rem;
    margin-bottom: 0;
  }
  .klt-kart-ok {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    margin-top: 0;
    width: 32px;
    height: 32px;
  }
  .klt-kart-ok svg { width: 16px; height: 16px; }
  .klt-kart:hover { transform: none; box-shadow: 0 4px 24px rgba(109,93,246,.06); }
  .klt-kart:active { transform: scale(.985); opacity: .94; }
}
@media (max-width: 480px) {
  .klt-bolum { padding: 2.5rem 0 3rem; }
  .klt-bolum .bolum-baslik { margin-bottom: 1.1rem; }
  .klt-kart { padding: .7rem .85rem; column-gap: .7rem; border-radius: 12px; }
  .klt-kart-ikon { width: 40px; height: 40px; border-radius: 10px; }
  .klt-kart-ikon svg { width: 20px; height: 20px; }
  .klt-kart h3 { font-size: .84rem; }
  .klt-kart-sayi { font-size: .68rem; }
  .klt-kart-ok { width: 30px; height: 30px; }
}

/* ============================================
   Anasayfa — Hastalar İçin bölümü
   ============================================ */
.hst-bolum {
  position: relative; overflow: hidden;
  padding: 5.5rem 0 6rem;
  background: linear-gradient(170deg, #f0fbfd 0%, #eef6ff 55%, #fdf4ff 100%);
}
.hst-dekor { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.hst-blob {
  position: absolute; border-radius: 50%; filter: blur(60px); opacity: .35;
  animation: hst-yuzen 14s ease-in-out infinite;
}
.hst-blob1 { width: 340px; height: 340px; background: radial-gradient(circle, #22d3ee, transparent 70%); top: -80px; left: -60px; }
.hst-blob2 { width: 280px; height: 280px; background: radial-gradient(circle, #f472b6, transparent 70%); bottom: -60px; right: 5%; animation-delay: -5s; animation-duration: 17s; }
.hst-blob3 { width: 220px; height: 220px; background: radial-gradient(circle, #a78bfa, transparent 70%); top: 30%; right: 25%; animation-delay: -9s; animation-duration: 12s; }
@keyframes hst-yuzen {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(24px, -28px) scale(1.12); }
}

.hst-bolum .bolum-baslik, .hst-bolum .hst-grid { position: relative; z-index: 1; }

.hst-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.1rem; align-items: stretch; }

/* Randevu vurgu kartı — hareketli degrade + nabız halkaları */
.hst-vurgu-kart {
  position: relative; overflow: hidden;
  display: flex; flex-direction: column;
  background: linear-gradient(135deg, #6d5df6, #22d3ee, #8b5cf6);
  background-size: 220% 220%;
  animation: cta-grad 8s ease-in-out infinite;
  color: #fff; text-decoration: none;
  border-radius: 16px; padding: 1.4rem 1.2rem; box-shadow: var(--neon);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s cubic-bezier(.2,.8,.2,1);
  min-height: 178px;
}
.hst-vurgu-arka {
  position: absolute; inset: 0; z-index: 0;
  background-image: radial-gradient(rgba(255,255,255,.35) 1.5px, transparent 1.5px);
  background-size: 14px 14px; opacity: .25;
  mask-image: radial-gradient(ellipse 90% 90% at 100% 100%, black 10%, transparent 75%);
}
.hst-vurgu-kart:hover { transform: translateY(-8px) scale(1.015); box-shadow: 0 24px 60px rgba(109,93,246,.5); }
.hst-vurgu-ikon {
  position: relative; z-index: 1;
  width: 42px; height: 42px; border-radius: 12px; margin-bottom: .8rem;
  background: rgba(255,255,255,.22); display: grid; place-items: center;
  backdrop-filter: blur(4px);
}
.hst-vurgu-ikon svg { width: 20px; height: 20px; position: relative; z-index: 1; }
.hst-vurgu-halka {
  position: absolute; inset: 0; border-radius: 12px;
  border: 1.5px solid rgba(255,255,255,.7);
  animation: hst-halka-nabiz 2.6s ease-out infinite;
}
.hst-vurgu-halka.hst-vh2 { animation-delay: 1.3s; }
@keyframes hst-halka-nabiz {
  0% { transform: scale(1); opacity: .8; }
  100% { transform: scale(1.9); opacity: 0; }
}
.hst-vurgu-kart h3 { position: relative; z-index: 1; font-size: .98rem; font-weight: 800; margin-bottom: .4rem; }
.hst-vurgu-kart p { position: relative; z-index: 1; font-size: .74rem; line-height: 1.5; opacity: .92; margin-bottom: .9rem; }
.hst-vurgu-ok { position: relative; z-index: 1; margin-top: auto; display: inline-flex; align-items: center; gap: .4rem; font-weight: 700; font-size: .78rem; }
.hst-vurgu-ok svg { width: 13px; height: 13px; transition: transform .3s ease; }
.hst-vurgu-kart:hover .hst-vurgu-ok svg { transform: translateX(4px); }

/* Diğer kartlar — renkli ikon kutuları + hover parıltısı */
.hst-kart {
  position: relative; overflow: hidden;
  display: flex; flex-direction: column; min-height: 178px;
  background: #fff; color: var(--murekkep); text-decoration: none;
  border-radius: 16px; padding: 1.4rem 1.2rem;
  border: 1px solid rgba(109,93,246,.08); box-shadow: var(--golge);
  transition: all .3s cubic-bezier(.2,.8,.2,1);
}
.hst-kart::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--hst-r1), var(--hst-r2));
  transform: scaleX(0); transform-origin: left;
  transition: transform .4s cubic-bezier(.2,.8,.2,1);
}
.hst-kart:hover::before { transform: scaleX(1); }
.hst-kart:hover { transform: translateY(-8px); box-shadow: 0 20px 48px color-mix(in srgb, var(--hst-r1) 25%, transparent); border-color: color-mix(in srgb, var(--hst-r1) 40%, transparent); }
.hst-kart-ikon {
  width: 44px; height: 44px; border-radius: 13px; margin-bottom: 1rem;
  display: grid; place-items: center; position: relative; z-index: 1;
  background: linear-gradient(135deg, var(--hst-r1), var(--hst-r2));
  color: #fff; box-shadow: 0 8px 20px color-mix(in srgb, var(--hst-r1) 35%, transparent);
  transition: transform .35s cubic-bezier(.2,.8,.2,1);
}
.hst-kart-ikon svg { width: 20px; height: 20px; }
.hst-kart:hover .hst-kart-ikon { transform: scale(1.12) rotate(-6deg); }
.hst-kart h3 { font-size: .92rem; font-weight: 700; line-height: 1.4; margin-bottom: auto; position: relative; z-index: 1; }
.hst-kart-ok {
  margin-top: 1rem; width: 32px; height: 32px; border-radius: 50%; position: relative; z-index: 1;
  background: color-mix(in srgb, var(--hst-r1) 10%, transparent); color: var(--hst-r2);
  display: grid; place-items: center; transition: all .3s ease;
}
.hst-kart-ok svg { width: 14px; height: 14px; }
.hst-kart:hover .hst-kart-ok { background: linear-gradient(135deg, var(--hst-r1), var(--hst-r2)); color: #fff; transform: translateX(3px); }
.hst-kart-isik {
  position: absolute; width: 140px; height: 140px; border-radius: 50%; z-index: 0;
  background: radial-gradient(circle, color-mix(in srgb, var(--hst-r1) 18%, transparent), transparent 70%);
  top: -50px; right: -50px; opacity: 0; transition: opacity .4s ease;
}
.hst-kart:hover .hst-kart-isik { opacity: 1; }

@media (max-width: 1100px) {
  .hst-grid { grid-template-columns: repeat(3, 1fr); gap: 1rem; }
  .hst-vurgu-kart, .hst-kart { min-height: 165px; padding: 1.25rem 1.1rem; }
}
@media (max-width: 768px) {
  .hst-bolum { padding: 3.5rem 0 4rem; }
  .hst-bolum .bolum-baslik { margin-bottom: 1.5rem; }
  .hst-bolum .bolum-baslik h2 { font-size: clamp(1.35rem, 5vw, 1.75rem); }
  .hst-bolum .bolum-baslik p { font-size: .88rem; line-height: 1.55; margin-top: .5rem; }
  .hst-grid { grid-template-columns: 1fr; gap: .6rem; }
  .hst-vurgu-kart, .hst-kart { min-height: 0; padding: 1rem 1.1rem; border-radius: 14px; }
  .hst-vurgu-ikon { width: 40px; height: 40px; margin-bottom: .65rem; }
  .hst-vurgu-kart h3 { font-size: .92rem; }
  .hst-vurgu-kart p { font-size: .72rem; margin-bottom: .65rem; }
  .hst-kart-ikon { width: 40px; height: 40px; margin-bottom: .75rem; }
  .hst-kart h3 { font-size: .88rem; }
  .hst-kart-ok { margin-top: .75rem; }
}
@media (max-width: 640px) {
  .hst-blob { display: none; }
  .hst-grid { gap: .55rem; }

  /* Randevu vurgu kartı — kompakt yatay */
  .hst-vurgu-kart {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: .85rem;
    row-gap: .12rem;
    padding: .85rem 1rem;
  }
  .hst-vurgu-ikon {
    grid-row: 1 / span 2;
    align-self: center;
    width: 44px;
    height: 44px;
    margin-bottom: 0;
  }
  .hst-vurgu-kart h3 {
    grid-column: 2;
    font-size: .88rem;
    margin-bottom: 0;
  }
  .hst-vurgu-kart p {
    grid-column: 2;
    font-size: .72rem;
    line-height: 1.4;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hst-vurgu-ok {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    margin-top: 0;
    font-size: .72rem;
    white-space: nowrap;
  }

  /* Diğer kartlar — kompakt yatay */
  .hst-kart {
    display: grid;
    grid-template-columns: 44px 1fr 32px;
    align-items: center;
    column-gap: .85rem;
    padding: .8rem 1rem;
  }
  .hst-kart-ikon {
    width: 44px;
    height: 44px;
    margin-bottom: 0;
    border-radius: 12px;
  }
  .hst-kart-ikon svg { width: 20px; height: 20px; }
  .hst-kart h3 {
    font-size: .88rem;
    margin-bottom: 0;
    line-height: 1.3;
  }
  .hst-kart-ok {
    margin-top: 0;
    width: 32px;
    height: 32px;
  }
  .hst-kart-ok svg { width: 14px; height: 14px; }
  .hst-vurgu-kart:hover,
  .hst-kart:hover { transform: none; box-shadow: var(--golge); }
  .hst-vurgu-kart:active,
  .hst-kart:active { transform: scale(.985); opacity: .94; }
}
@media (max-width: 480px) {
  .hst-bolum { padding: 2.5rem 0 3rem; }
  .hst-bolum .bolum-baslik { margin-bottom: 1.1rem; }
  .hst-vurgu-kart,
  .hst-kart { padding: .7rem .85rem; column-gap: .7rem; border-radius: 12px; }
  .hst-vurgu-ikon,
  .hst-kart-ikon { width: 40px; height: 40px; border-radius: 10px; }
  .hst-vurgu-kart h3,
  .hst-kart h3 { font-size: .84rem; }
  .hst-vurgu-kart p { font-size: .68rem; -webkit-line-clamp: 1; }
  .hst-vurgu-ok {
    font-size: 0;
    gap: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .22);
    display: grid;
    place-items: center;
    justify-content: center;
  }
  .hst-vurgu-ok svg { width: 14px; height: 14px; }
  .hst-kart-ok { width: 30px; height: 30px; }
}

/* ============================================
   Anasayfa — Haberler & Duyurular bölümü
   ============================================ */
.hbr-anasayfa-bolum {
  padding: 5.5rem 0 6rem;
  background: linear-gradient(180deg, #fff 0%, #f8f9ff 60%, #fff 100%);
}
.hbr-ana-izgara {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 1.5rem;
}
.hbr-ana-kart {
  position: relative; display: flex; flex-direction: column; overflow: hidden;
  text-decoration: none; color: inherit;
  background: #fff; border-radius: 18px; border: 1px solid rgba(109,93,246,.1);
  box-shadow: var(--golge); transition: all .35s cubic-bezier(.2,.8,.2,1);
}
.hbr-ana-kart:hover { transform: translateY(-6px); box-shadow: var(--golge-buyuk); border-color: rgba(109,93,246,.25); }
.hbr-ana-kart-buyuk { grid-column: 1; grid-row: 1 / 3; }
.hbr-ana-kart-gorsel { position: relative; overflow: hidden; background: linear-gradient(135deg, var(--menekse), var(--cam)); aspect-ratio: 4/3; }
.hbr-ana-kart-buyuk .hbr-ana-kart-gorsel { aspect-ratio: auto; flex: 1; }
.hbr-ana-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.hbr-ana-kart:hover .hbr-ana-kart-gorsel img { transform: scale(1.08); }
.hbr-ana-kart-govde { padding: 1.1rem 1.3rem 1.3rem; }
.hbr-ana-kart-buyuk .hbr-ana-kart-govde { padding: 1.5rem 1.7rem 1.8rem; }
.hbr-ana-kart-govde h3 { font-size: .98rem; font-weight: 700; line-height: 1.35; }
.hbr-ana-kart-buyuk .hbr-ana-kart-govde h3 { font-size: 1.35rem; font-weight: 800; margin-bottom: .6rem; }
.hbr-ana-kart-buyuk .hbr-ana-kart-govde p { color: var(--gri); font-size: .92rem; line-height: 1.6; }
.hbr-ana-alt { text-align: center; margin-top: 2.6rem; }

@media (max-width: 900px) {
  .hbr-ana-izgara { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .hbr-ana-kart-buyuk { grid-column: 1 / 3; grid-row: auto; }
  .hbr-ana-kart-buyuk .hbr-ana-kart-gorsel { aspect-ratio: 16/9; }
}
@media (max-width: 640px) {
  .hbr-ana-izgara { grid-template-columns: 1fr; }
  .hbr-ana-kart-buyuk { grid-column: 1; }
}

/* ============================================
   Anasayfa Güncel Bölümü — Slider + Duyurular + Haberler
   ============================================ */
.guncel-bolum {
  padding: 4rem 0 4.5rem;
  background: linear-gradient(180deg, #f4f6fd 0%, #ffffff 45%, #f6f7fe 100%);
}

/* Ortak blok başlığı (Genel Duyurular / Öğrenci Duyuruları / Haberler) */
.blok-baslik {
  font-family: 'Sora', 'Inter', sans-serif;
  font-size: clamp(1.35rem, 2.6vw, 1.75rem);
  font-weight: 800; letter-spacing: -.02em; color: #1c2150;
  margin-bottom: 1.4rem; padding-bottom: .7rem; position: relative;
}
.blok-baslik::after {
  content: ""; position: absolute; left: 0; bottom: 0;
  width: 56px; height: 4px; border-radius: 4px;
  background: linear-gradient(90deg, #2a3170, #6d5df6);
}

/* ---------- Slider ---------- */
.ana-slider {
  position: relative; overflow: hidden;
  border-radius: 22px; aspect-ratio: 16 / 9;
  background: #0f1329;
  box-shadow: 0 24px 60px rgba(20, 26, 60, .22);
}
.ana-slider-ray { position: absolute; inset: 0; }
.ana-slayt {
  position: absolute; inset: 0; display: block;
  opacity: 0; visibility: hidden; transform: scale(1.02);
  transition: opacity .8s ease, transform 6s ease, visibility .8s;
  text-decoration: none;
}
.ana-slayt.aktif { opacity: 1; visibility: visible; transform: scale(1); }
/* Yatay (dikdörtgen) haber görselleri — çerçeveyi doldur, ortala, bozma */
.ana-slayt img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center center;
  display: block;
}
.ana-slayt-katman {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 2.6rem 2.8rem 2rem;
  background: linear-gradient(0deg, rgba(10, 14, 34, .9) 0%, rgba(10, 14, 34, .55) 45%, transparent 100%);
  color: #fff;
}
.ana-slayt-etiket {
  display: inline-block; margin-bottom: .8rem;
  padding: .35rem .85rem; border-radius: 999px;
  font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  background: linear-gradient(135deg, #6d5df6, #22a3c9); color: #fff;
  box-shadow: 0 6px 18px rgba(109, 93, 246, .4);
}
.ana-slayt-baslik {
  font-family: 'Sora', 'Inter', sans-serif;
  font-size: clamp(1.3rem, 3.2vw, 2.1rem); font-weight: 800;
  line-height: 1.2; letter-spacing: -.02em; max-width: 40ch;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
}
.ana-slayt-tarih {
  display: inline-flex; align-items: center; gap: .4rem;
  margin-top: .8rem; font-size: .85rem; color: rgba(255, 255, 255, .82);
}
.ana-slider-ok {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 46px; height: 46px; border-radius: 50%; z-index: 3;
  display: grid; place-items: center; cursor: pointer;
  color: #1c2150; background: rgba(255, 255, 255, .85);
  border: 1px solid rgba(255, 255, 255, .6); backdrop-filter: blur(6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
  transition: background .25s ease, transform .25s ease;
}
.ana-slider-ok:hover { background: #fff; transform: translateY(-50%) scale(1.08); }
.ana-slider-onceki { left: 1.1rem; }
.ana-slider-sonraki { right: 1.1rem; }
.ana-slider-nokta {
  position: absolute; left: 0; right: 0; bottom: 1.1rem; z-index: 3;
  display: flex; justify-content: center; gap: .5rem;
}
.ana-nokta {
  width: 10px; height: 10px; border-radius: 999px; cursor: pointer; padding: 0;
  border: none; background: rgba(255, 255, 255, .5);
  transition: width .3s ease, background .3s ease;
}
.ana-nokta.aktif { width: 28px; background: #fff; }

/* ---------- Duyuru Panel (iki kolon) ---------- */
.duyuru-panel {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1.6rem;
  margin-top: 2.4rem;
}
.duyuru-kol {
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid rgba(109, 93, 246, .12);
  border-radius: 20px; padding: 1.8rem 1.8rem 1.6rem;
  box-shadow: 0 14px 40px rgba(20, 26, 60, .07);
}
.duyuru-liste { list-style: none; margin: 0; padding: 0; flex: 1; }
.duyuru-liste li + li { border-top: 1px solid rgba(20, 26, 60, .07); }
.duyuru-oge {
  display: flex; align-items: flex-start; gap: .9rem;
  padding: .95rem .4rem; text-decoration: none; color: inherit;
  border-radius: 12px; transition: background .25s ease, padding .25s ease;
}
.duyuru-oge:hover { background: rgba(109, 93, 246, .06); padding-left: .75rem; padding-right: .6rem; }
.duyuru-oge-ikon {
  flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px;
  display: grid; place-items: center; color: #6d5df6;
  background: rgba(109, 93, 246, .1);
  transition: background .25s ease, color .25s ease;
}
.duyuru-oge:hover .duyuru-oge-ikon { background: linear-gradient(135deg, #6d5df6, #22a3c9); color: #fff; }
.duyuru-oge-govde { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.duyuru-oge-tarih { font-size: .78rem; font-weight: 600; color: #8a90b0; letter-spacing: .01em; }
.duyuru-oge-baslik {
  font-size: .95rem; font-weight: 600; line-height: 1.4; color: #232a55;
}
.duyuru-oge:hover .duyuru-oge-baslik { color: #6d5df6; }
.duyuru-oge-ok {
  flex: 0 0 auto; margin-left: auto; align-self: center; color: #c3c8e0;
  opacity: 0; transform: translateX(-6px);
  transition: opacity .25s ease, transform .25s ease, color .25s ease;
}
.duyuru-oge:hover .duyuru-oge-ok { opacity: 1; transform: translateX(0); color: #6d5df6; }
.duyuru-bos { color: var(--gri, #6b7280); font-size: .92rem; padding: 1.5rem .2rem; flex: 1; }
.duyuru-tumu {
  align-self: flex-start; margin-top: 1.3rem;
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .7rem 1.4rem; border-radius: 12px; text-decoration: none;
  font-size: .88rem; font-weight: 700; color: #fff;
  background: linear-gradient(135deg, #2a3170, #1c2150);
  box-shadow: 0 10px 24px rgba(28, 33, 80, .28);
  transition: transform .25s ease, box-shadow .25s ease;
}
.duyuru-tumu:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(28, 33, 80, .36); }
.duyuru-tumu svg { transition: transform .25s ease; }
.duyuru-tumu:hover svg { transform: translateX(3px); }

/* ---------- Haber Vitrin ---------- */
.haber-vitrin {
  margin-top: 2.4rem;
  background: #fff; border: 1px solid rgba(109, 93, 246, .12);
  border-radius: 20px; padding: 1.9rem 1.9rem 2rem;
  box-shadow: 0 14px 40px rgba(20, 26, 60, .07);
}
.haber-vitrin-izgara {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
}
.haber-vitrin-kart {
  display: flex; flex-direction: column; overflow: hidden;
  text-decoration: none; color: inherit;
  background: #fff; border: 1px solid rgba(20, 26, 60, .08);
  border-radius: 16px;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease;
}
.haber-vitrin-kart:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 44px rgba(20, 26, 60, .16);
  border-color: rgba(109, 93, 246, .3);
}
.haber-vitrin-gorsel {
  position: relative; overflow: hidden; aspect-ratio: 16 / 10;
  background: linear-gradient(135deg, #6d5df6, #22a3c9);
  display: grid; place-items: center;
}
.haber-vitrin-gorsel img {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
  transition: transform .5s ease;
}
.haber-vitrin-kart:hover .haber-vitrin-gorsel img { transform: scale(1.06); }
.haber-vitrin-gorsel-yer { position: relative; z-index: 1; color: rgba(255, 255, 255, .85); }
.haber-vitrin-govde { padding: 1.1rem 1.25rem 1.35rem; display: flex; flex-direction: column; gap: .6rem; flex: 1; }
.haber-vitrin-govde h3 {
  font-size: 1.02rem; font-weight: 700; line-height: 1.4; color: #1c2150;
}
.haber-vitrin-kart:hover .haber-vitrin-govde h3 { color: #6d5df6; }
.haber-vitrin-tarih {
  display: inline-flex; align-items: center; gap: .4rem; margin-top: auto;
  font-size: .82rem; font-weight: 600; color: #8a90b0;
}
.haber-vitrin-alt { text-align: center; margin-top: 1.9rem; }

@media (max-width: 900px) {
  .guncel-bolum { padding: 3rem 0 3.2rem; }
  .ana-slider { aspect-ratio: 16 / 9; border-radius: 18px; }
  .ana-slayt-katman { padding: 1.6rem 1.5rem 1.4rem; }
  .duyuru-panel { grid-template-columns: 1fr; gap: 1.2rem; margin-top: 1.8rem; }
  .haber-vitrin-izgara { grid-template-columns: repeat(2, 1fr); gap: 1.1rem; }
  .haber-vitrin { margin-top: 1.8rem; }
}
@media (max-width: 620px) {
  .ana-slider { aspect-ratio: 16 / 9; border-radius: 14px; }
  .ana-slider-ok { width: 38px; height: 38px; }
  .ana-slayt-katman { padding: 1.3rem 1.2rem 1.2rem; }
  .haber-vitrin-izgara { grid-template-columns: 1fr; }
  .duyuru-kol, .haber-vitrin { padding: 1.4rem 1.3rem; }
}

/* ============================================
   Kurullar & Komisyonlar — koyu tema
   ============================================ */
.krl-bolum {
  background: linear-gradient(180deg, #fff 0%, #f8f9ff 100%);
  padding: 5.5rem 0 6rem;
}
.krl-etiket {
  background: rgba(109,93,246,.08) !important; color: var(--menekse) !important;
  border-color: rgba(109,93,246,.2) !important;
}

.krl-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }

.krl-grup {
  background: #fff; border-radius: 20px;
  border: 1px solid rgba(109,93,246,.08);
  padding: 1.8rem;
  box-shadow: 0 4px 24px rgba(109,93,246,.05);
  transition: all .35s ease;
  display: flex; flex-direction: column;
}
.krl-grup:hover {
  box-shadow: 0 16px 48px rgba(109,93,246,.1);
  border-color: rgba(109,93,246,.15);
  transform: translateY(-4px);
}
.krl-liste { flex: 1; }

.krl-grup-ust {
  display: flex; align-items: center; gap: .8rem;
  margin-bottom: 1.2rem; padding-bottom: 1rem;
  border-bottom: 1px solid rgba(109,93,246,.08);
}
.krl-ikon {
  width: 42px; height: 42px; border-radius: 12px;
  display: grid; place-items: center;
  background: linear-gradient(135deg, var(--krl-r, #6d5df6), color-mix(in srgb, var(--krl-r, #6d5df6) 60%, #fff));
  color: #fff;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--krl-r, #6d5df6) 25%, transparent);
}
.krl-grup-ust h3 {
  font-family: 'Sora', sans-serif; font-size: 1.1rem; font-weight: 800; color: var(--murekkep);
}

.krl-liste { list-style: none; display: grid; gap: .3rem; margin-bottom: 1.2rem; }
.krl-liste li a {
  display: flex; align-items: center; gap: .6rem;
  padding: .55rem .8rem; border-radius: 10px;
  font-size: .85rem; font-weight: 600; color: var(--gri); text-decoration: none;
  transition: all .25s ease;
}
.krl-liste li a:hover {
  background: rgba(109,93,246,.06); color: var(--menekse);
  transform: translateX(4px);
}
.krl-num {
  font-family: 'Sora', sans-serif; font-size: .68rem; font-weight: 800;
  color: rgba(109,93,246,.25); min-width: 1.4em;
}

.krl-tumu {
  display: inline-flex; align-items: center; gap: .4rem;
  font-size: .84rem; font-weight: 700; text-decoration: none;
  color: var(--menekse);
  transition: gap .3s ease;
}
.krl-tumu:hover { gap: .7rem; color: var(--cam); }
.krl-tumu svg { color: var(--menekse); transition: color .3s ease; }
.krl-tumu:hover svg { color: var(--cam); }

@media (max-width: 768px) {
  .krl-grid { grid-template-columns: 1fr; }
  .krl-grup { padding: 1.4rem; }
}

/* ============================================
   CTA — çağrı bandı yeniden
   ============================================ */
.cta-bolum { padding: 0 0 5rem; background: linear-gradient(180deg, #f8f9ff 0%, #fff 100%); }
.cta-kutu {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, #1a1040, #2d1b69, #6d5df6);
  background-size: 200% 200%;
  animation: cta-grad 10s ease-in-out infinite;
  border-radius: 24px; color: #fff;
  padding: 3.5rem 4rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem;
  box-shadow: 0 24px 64px rgba(109,93,246,.4);
}
@keyframes cta-grad {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
.cta-arka { position: absolute; inset: 0; pointer-events: none; }
.cta-daire {
  position: absolute; border-radius: 50%;
  background: rgba(139,124,248,.15);
}
.cta-d1 { width: 350px; height: 350px; top: -140px; right: -80px; }
.cta-d2 { width: 220px; height: 220px; bottom: -90px; left: -50px; background: rgba(34,211,238,.08); }
.cta-icerik { position: relative; z-index: 1; }
.cta-icerik h2 { font-size: clamp(1.4rem, 2.6vw, 2rem); font-weight: 800; margin-bottom: .4rem; }
.cta-icerik p { color: rgba(255,255,255,.8); }
.cta-dugme {
  background: #fff !important; color: var(--menekse) !important;
  border: none !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
  flex-shrink: 0; position: relative; z-index: 1;
  transition: all .3s ease;
  font-size: 1rem; padding: .85rem 2rem;
}
.cta-dugme:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 14px 40px rgba(0,0,0,.3);
}

@media (max-width: 768px) {
  .cta-kutu { flex-direction: column; text-align: center; padding: 2.5rem 1.5rem; }
}

/* ============================================
   Hakkında — animasyonlu görsel + bilgi
   ============================================ */
/* ============================================
   Hakkında — koyu tema, animasyonlu
   ============================================ */
.hk-bolum {
  padding: 6rem 0 7rem; overflow: hidden;
  background:
    radial-gradient(ellipse 700px 450px at 20% 20%, rgba(139,124,248,.3), transparent 65%),
    radial-gradient(ellipse 500px 400px at 80% 80%, rgba(34,211,238,.18), transparent 65%),
    linear-gradient(165deg, #2a3170 0%, #232a63 45%, #1e2456 100%);
  color: #fff;
}
.hk-bolum .etiket {
  background: rgba(34,211,238,.1); color: var(--cam);
  border-color: rgba(34,211,238,.25);
}
.hakkinda { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }

.hk-gorsel { position: relative; }
.hk-sahne {
  position: relative; width: 100%; aspect-ratio: 1/1; max-width: 440px; margin: 0 auto;
  display: grid; place-items: center;
  background: radial-gradient(circle at 50% 50%, rgba(109,93,246,.12) 0%, transparent 55%);
}

.hk-arka { position: absolute; inset: 0; }
.hk-halka {
  position: absolute; border-radius: 50%;
  border: 1.5px dashed rgba(109,93,246,.25);
  top: 50%; left: 50%; transform: translate(-50%, -50%);
  animation: hk-don 30s linear infinite;
}
.hk-h1 { width: 75%; height: 75%; }
.hk-h2 { width: 90%; height: 90%; border-color: rgba(34,211,238,.2); animation-duration: 45s; animation-direction: reverse; }
.hk-h3 { width: 105%; height: 105%; border-style: dotted; border-color: rgba(139,124,248,.15); animation-duration: 60s; }
@keyframes hk-don { to { transform: translate(-50%, -50%) rotate(360deg); } }

.hk-parcacik {
  position: absolute; border-radius: 50%;
  animation: hk-yuz 6s ease-in-out infinite alternate;
}
.hk-pc1 { width: 10px; height: 10px; background: var(--menekse); top: 12%; left: 20%; opacity: .6; box-shadow: 0 0 12px rgba(109,93,246,.6); }
.hk-pc2 { width: 8px; height: 8px; background: var(--cam); top: 25%; right: 10%; opacity: .7; animation-delay: -1s; box-shadow: 0 0 12px rgba(34,211,238,.6); }
.hk-pc3 { width: 12px; height: 12px; background: #ec4899; bottom: 18%; left: 8%; opacity: .5; animation-delay: -2s; box-shadow: 0 0 12px rgba(236,72,153,.5); }
.hk-pc4 { width: 7px; height: 7px; background: var(--cam); bottom: 30%; right: 18%; opacity: .6; animation-delay: -3s; box-shadow: 0 0 10px rgba(34,211,238,.5); }
.hk-pc5 { width: 9px; height: 9px; background: var(--menekse); top: 50%; left: 5%; opacity: .5; animation-delay: -4s; box-shadow: 0 0 10px rgba(109,93,246,.5); }
@keyframes hk-yuz {
  0% { transform: translateY(0) scale(1); }
  100% { transform: translateY(-15px) scale(1.3); }
}

.hk-dis {
  position: relative; z-index: 2;
  width: 150px; height: 150px; border-radius: 50%;
  background: linear-gradient(135deg, var(--menekse), #4f46e5, var(--cam));
  background-size: 200% 200%;
  animation: hk-dis-grad 8s ease-in-out infinite, hk-nabiz 4s ease-in-out infinite;
  display: grid; place-items: center; color: #fff;
  box-shadow:
    0 0 60px rgba(109,93,246,.4),
    0 0 120px rgba(109,93,246,.2),
    inset 0 2px 4px rgba(255,255,255,.25);
}
@keyframes hk-dis-grad {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes hk-nabiz {
  0%, 100% { box-shadow: 0 0 60px rgba(109,93,246,.4), 0 0 120px rgba(109,93,246,.2), inset 0 2px 4px rgba(255,255,255,.25); transform: scale(1); }
  50% { box-shadow: 0 0 90px rgba(109,93,246,.55), 0 0 180px rgba(109,93,246,.25), inset 0 2px 4px rgba(255,255,255,.25); transform: scale(1.04); }
}

.hk-stat {
  position: absolute; z-index: 3;
  background: rgba(15,19,41,.85); border-radius: 14px; padding: .7rem 1.1rem;
  border: 1px solid rgba(139,124,248,.2);
  box-shadow: 0 8px 30px rgba(0,0,0,.3);
  display: flex; align-items: center; gap: .5rem;
  animation: hk-yuz 5s ease-in-out infinite alternate;
  backdrop-filter: blur(12px);
}
.hk-stat strong {
  font-family: 'Sora', sans-serif; font-size: 1.15rem; font-weight: 800;
  background: linear-gradient(90deg, var(--cam), #a78bfa);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hk-stat span { font-size: .72rem; color: #8b93b8; font-weight: 600; line-height: 1.2; }
.hk-stat1 { top: 8%; right: 2%; animation-delay: -1s; }
.hk-stat2 { bottom: 22%; left: -4%; animation-delay: -3s; }
.hk-stat3 { bottom: 5%; right: 8%; animation-delay: -5s; }

.hk-rozet {
  position: absolute; bottom: -12px; right: 0;
  background: rgba(15,19,41,.9); border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,.3);
  padding: .8rem 1.2rem;
  display: flex; align-items: center; gap: .6rem;
  border: 1px solid rgba(139,124,248,.25); z-index: 4;
  backdrop-filter: blur(12px);
}
.hk-rozet strong {
  font-size: 1.2rem; font-weight: 800;
  background: linear-gradient(90deg, var(--cam), #a78bfa);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hk-rozet span { font-size: .72rem; color: #8b93b8; line-height: 1.2; font-weight: 600; }

.hk-metin h2 { font-size: clamp(1.5rem, 2.6vw, 2.1rem); font-weight: 800; margin-bottom: 1rem; letter-spacing: -.02em; color: #fff; }
.hk-metin p { color: #a0a8c8; margin-bottom: 1.2rem; line-height: 1.7; font-size: .95rem; }

.hk-ozellikler { list-style: none; margin: 1.5rem 0 2rem; display: grid; gap: .75rem; }
.hk-ozellikler li {
  display: flex; align-items: center; gap: .75rem;
  font-weight: 600; font-size: .93rem; color: #c8cfe6;
  padding: .6rem .9rem; border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(139,124,248,.1);
  transition: all .3s ease;
}
.hk-ozellikler li:hover {
  background: rgba(109,93,246,.1);
  border-color: rgba(139,124,248,.25);
  transform: translateX(6px);
}
.hk-tik {
  width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0;
  background: linear-gradient(135deg, var(--menekse), var(--cam));
  color: #fff; display: grid; place-items: center;
  font-size: .72rem; font-weight: 800;
  box-shadow: 0 4px 14px rgba(109,93,246,.35);
}

.hk-bolum .dugme-randevu { box-shadow: var(--neon); }


/* ---------------- İçerik Sayfası ---------------- */
.sayfa-baslik {
  --sb-r1: 139, 124, 248; --sb-r2: 34, 211, 238;
  background:
    radial-gradient(760px 420px at 85% -20%, rgba(var(--sb-r1), .42), transparent 60%),
    radial-gradient(560px 340px at 0% 115%, rgba(var(--sb-r2), .26), transparent 60%),
    linear-gradient(150deg, #2a3170 0%, #202659 52%, #1c2150 100%);
  background-position: 50% 50%;
  color: #fff; padding: 3.6rem 0 3.2rem; position: relative; overflow: hidden;
}
.kirinti { font-size: .84rem; color: #8b93b8; margin-bottom: .7rem; }
.kirinti a { color: #cdd3f0; text-decoration: none; }
.kirinti a:hover { color: var(--cam); }
.sayfa-baslik h1 { font-size: clamp(1.6rem, 3.4vw, 2.5rem); font-weight: 800; letter-spacing: -.02em; }

.icerik-duzen {
  display: grid; grid-template-columns: 1fr 300px; gap: 2.6rem;
  padding: 0 0 4.5rem;
  margin-top: -2rem;
  position: relative;
  z-index: 3;
}
.icerik-duzen-abd { margin-top: 1.4rem; }

/* =====================================================================
   İÇERİK GÖVDESİ — CKEditor 5 çıktısına göre biçimlendirilmiş tipografi
   ===================================================================== */
.icerik-govde {
  min-width: 0;
  font-size: 1.02rem;
  line-height: 1.85;
  color: #3a4068;
  max-width: 74ch;
}
.icerik-govde > :first-child { margin-top: 0; }
.icerik-govde > :last-child { margin-bottom: 0; }

/* sayfa-metin — CKEditor çıktısı biçimleme */
.sayfa-metin {
  font-size: 1.02rem; line-height: 1.9; color: #3a4068;
  word-break: break-word; overflow-wrap: break-word;
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
}

/* İlk harf büyütme */
.sayfa-metin > p:first-of-type::first-letter {
  float: left; font-family: 'Sora', sans-serif;
  font-size: 3.4em; font-weight: 800; line-height: .82;
  margin: .06em .16em 0 0;
  background: linear-gradient(135deg, var(--menekse), var(--cam));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* İlk paragraf — biraz daha büyük */
.sayfa-metin > p:first-of-type {
  font-size: 1.08rem; line-height: 1.85; color: #2b3255;
}

/* Paragraflar arası ayrım */
.sayfa-metin > p + p {
  margin-top: 1.3em;
  text-indent: 1.5em;
}

/* Başlıklar — yalnızca sayfa metni (CKEditor); kadro/yönetim kartları hariç */
.sayfa-metin h1, .sayfa-metin h2, .sayfa-metin h3, .sayfa-metin h4 {
  font-family: 'Sora', 'Plus Jakarta Sans', sans-serif;
  color: var(--murekkep); line-height: 1.3; letter-spacing: -.015em;
  margin: 2.2em 0 .7em; scroll-margin-top: 100px;
}
.sayfa-metin h2 {
  font-size: 1.5rem; font-weight: 800; padding-bottom: .55rem; position: relative;
  padding-left: 1rem;
  border-left: 3px solid var(--menekse);
}
.sayfa-metin h2::after {
  content: ""; position: absolute; left: 1rem; bottom: 0; width: 2.4rem; height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--menekse), var(--cam));
}
.sayfa-metin h3 {
  font-size: 1.2rem; font-weight: 700;
  color: #2d3460;
}
.sayfa-metin h4 { font-size: 1.04rem; font-weight: 700; color: #3a4270; }

/* Paragraflar */
.sayfa-metin p { margin: 0 0 1.2em; }
.icerik-govde strong, .icerik-govde b { color: var(--murekkep); font-weight: 700; }

/* Haber içeriği görselleri + galeri */
.sayfa-metin img { max-width: 100%; height: auto; border-radius: 12px; display: block; margin: 1.2em auto; }
.sayfa-metin .hbr-galeri {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: .8rem;
  margin: 1.8rem 0 .4rem;
}
.sayfa-metin .hbr-galeri-oge { margin: 0; }
.sayfa-metin .hbr-galeri-oge img {
  width: 100%; height: 170px; object-fit: cover; margin: 0;
  border-radius: 12px; box-shadow: 0 6px 18px rgba(23,32,73,.12);
  transition: transform .35s ease, box-shadow .35s ease;
}
.sayfa-metin .hbr-galeri-oge img:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 28px rgba(23,32,73,.2);
}
@media (max-width: 560px) {
  .sayfa-metin .hbr-galeri { grid-template-columns: repeat(2, 1fr); gap: .55rem; }
  .sayfa-metin .hbr-galeri-oge img { height: 120px; }
}

/* Ekler (PDF/DOC/XLS...) */
.sayfa-metin .hbr-ekler { margin: 2rem 0 .4rem; }
.sayfa-metin .hbr-ekler-baslik {
  font-size: 1.1rem; font-weight: 700; color: var(--lacivert, #172049);
  margin: 0 0 .9rem; padding-bottom: .5rem; border-bottom: 2px solid rgba(109,93,246,.18);
}
.sayfa-metin .hbr-ekler-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.sayfa-metin .hbr-ekler-liste li { margin: 0; }
.sayfa-metin a.hbr-ek {
  display: flex; align-items: center; gap: .9rem;
  padding: .8rem 1rem; border-radius: 12px; text-decoration: none;
  background: linear-gradient(135deg, #f6f7ff, #eef1ff);
  border: 1px solid rgba(109,93,246,.16);
  box-shadow: 0 4px 14px rgba(23,32,73,.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sayfa-metin a.hbr-ek:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(23,32,73,.14);
  border-color: rgba(109,93,246,.4);
}
.sayfa-metin .hbr-ek-tur {
  flex: 0 0 auto; min-width: 3.2rem; text-align: center;
  font-size: .72rem; font-weight: 800; letter-spacing: .03em; color: #fff;
  padding: .45rem .5rem; border-radius: 8px;
  background: linear-gradient(135deg, #6d5df6, #22a3c9);
}
.sayfa-metin a.hbr-ek-pdf .hbr-ek-tur { background: linear-gradient(135deg, #e5484d, #b3261e); }
.sayfa-metin a.hbr-ek-doc .hbr-ek-tur,
.sayfa-metin a.hbr-ek-docx .hbr-ek-tur { background: linear-gradient(135deg, #2b6cb0, #1a4e8a); }
.sayfa-metin a.hbr-ek-xls .hbr-ek-tur,
.sayfa-metin a.hbr-ek-xlsx .hbr-ek-tur { background: linear-gradient(135deg, #2f9e44, #1e7a34); }
.sayfa-metin .hbr-ek-ad {
  flex: 1 1 auto; min-width: 0; color: var(--lacivert, #172049); font-weight: 600;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.sayfa-metin .hbr-ek-boyut { flex: 0 0 auto; color: #6b7280; font-size: .82rem; }

/* Bağlantılar */
.icerik-govde a {
  color: var(--menekse); font-weight: 600; text-decoration: none;
  background: linear-gradient(90deg, var(--menekse), var(--menekse)) no-repeat 0 100%;
  background-size: 0% 1px;
  transition: background-size .3s ease, color .3s ease;
}
.icerik-govde a:hover { color: var(--menekse-2); background-size: 100% 1px; }
/* Personel / yönetim kartları — sayfa metni bağlantı stilini devre dışı bırak */
.icerik-govde .yonetim-kart,
.icerik-govde .kadro-kart,
.icerik-govde .staff-card,
.icerik-govde .org-card {
  color: inherit;
  font-weight: inherit;
  background: none;
  background-size: unset;
}
.icerik-govde .yonetim-kart:hover,
.icerik-govde .kadro-kart:hover,
.icerik-govde .staff-card:hover,
.icerik-govde .org-card:hover {
  color: inherit;
  background-size: unset;
}

/* Listeler */
.icerik-govde ul, .icerik-govde ol { margin: 0 0 1.3em; padding-left: 0; }
.icerik-govde li { margin-bottom: .5em; padding-left: 1.8em; position: relative; }
.icerik-govde ul { list-style: none; }
.icerik-govde ul > li::before {
  content: ""; position: absolute; left: .4em; top: .72em;
  width: 6px; height: 6px; border-radius: 50%;
  background: linear-gradient(135deg, var(--menekse), var(--cam));
  box-shadow: 0 0 6px rgba(109,93,246,.25);
}
.icerik-govde ol { list-style: none; counter-reset: ol-sayac; }
.icerik-govde ol > li { counter-increment: ol-sayac; }
.icerik-govde ol > li::before {
  content: counter(ol-sayac, decimal-leading-zero);
  position: absolute; left: 0; top: 0;
  font-family: 'Sora', sans-serif; font-size: .75rem; font-weight: 800;
  color: var(--menekse); opacity: .5;
}
.icerik-govde li > ul, .icerik-govde li > ol { margin: .5em 0 .2em; }

/* Alıntı (blockquote) */
.icerik-govde blockquote {
  margin: 1.8em 0; padding: 1.2rem 1.6rem 1.2rem 1.4rem;
  border-left: 3px solid;
  border-image: linear-gradient(180deg, var(--menekse), var(--cam)) 1;
  background: linear-gradient(135deg, #f5f3ff, #eef4ff);
  border-radius: 0 16px 16px 0; color: #3a4270; font-style: italic;
  position: relative;
}
.icerik-govde blockquote::before {
  content: """; position: absolute; top: -.15em; left: .5rem;
  font-family: 'Sora', sans-serif; font-size: 3rem; font-weight: 800;
  color: rgba(109,93,246,.12); line-height: 1;
}
.icerik-govde blockquote p:last-child { margin-bottom: 0; }

/* Yatay çizgi */
.icerik-govde hr {
  border: 0; height: 2px; margin: 2.5em 0;
  background: linear-gradient(90deg, transparent 5%, rgba(109,93,246,.12) 30%, rgba(34,211,238,.1) 70%, transparent 95%);
  border-radius: 2px;
}

/* Kod */
.icerik-govde code {
  background: var(--acik-2); border: 1px solid #e3e6f8; border-radius: 6px;
  padding: .12em .4em; font-size: .9em; font-family: ui-monospace, 'SFMono-Regular', Menlo, monospace;
}
.icerik-govde pre {
  background: var(--gece-2); color: #e2e8f0; padding: 1.1rem 1.3rem; border-radius: 14px;
  overflow-x: auto; margin: 1.4em 0; font-size: .9rem;
}
.icerik-govde pre code { background: none; border: 0; padding: 0; color: inherit; }

/* Görseller — CKEditor <figure class="image"> sarmalayıcısıyla uyumlu */
.icerik-govde img {
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease;
}
.icerik-govde img:hover {
  transform: scale(1.01);
  box-shadow: 0 10px 36px rgba(109,93,246,.12);
}
.icerik-govde figure { margin: 2em 0; }
.icerik-govde figure.image { display: table; }
.icerik-govde figure.image img { display: block; width: 100%; }
.icerik-govde figure.image figcaption,
.icerik-govde figcaption {
  display: table-caption; caption-side: bottom;
  font-size: .84rem; color: var(--gri); text-align: center; padding-top: .6rem;
}
.icerik-govde .image-style-align-left  { float: left; margin: .4em 1.6em 1em 0; max-width: 50%; }
.icerik-govde .image-style-align-right { float: right; margin: .4em 0 1em 1.6em; max-width: 50%; }
.icerik-govde .image-style-align-center,
.icerik-govde figure.image.image_resized { margin-left: auto; margin-right: auto; }

/* Tablolar — CKEditor <figure class="table"> sarmalayıcısıyla uyumlu */
.icerik-govde figure.table { margin: 1.8em 0; overflow-x: auto; border-radius: 16px; }
.icerik-govde table {
  width: 100%; border-collapse: collapse; margin: 1.8em 0; font-size: .92rem;
  border: 0; border-radius: 16px; overflow: hidden;
  box-shadow: 0 4px 20px rgba(109,93,246,.06);
}
.icerik-govde figure.table table { margin: 0; }
.icerik-govde table th {
  background: linear-gradient(135deg, #1a1740, #2d2460);
  color: #fff; text-align: left; font-weight: 700; font-size: .82rem;
  text-transform: uppercase; letter-spacing: .04em;
}
.icerik-govde table th, .icerik-govde table td { padding: .75rem 1rem; border-bottom: 1px solid #eef0fa; }
.icerik-govde table tbody tr { transition: background .2s ease; }
.icerik-govde table tbody tr:nth-child(even) { background: #f9f8ff; }
.icerik-govde table tbody tr:hover { background: #f0edff; }

/* CKEditor metin boyutu sınıfları */
.icerik-govde .text-tiny { font-size: .75em; }
.icerik-govde .text-small { font-size: .875em; }
.icerik-govde .text-big { font-size: 1.2em; }
.icerik-govde .text-huge { font-size: 1.45em; font-weight: 600; }

/* CKEditor vurgu/marker sınıfları */
.icerik-govde .marker-yellow { background: #fef08a; padding: .08em .3em; border-radius: 4px; }
.icerik-govde .marker-green  { background: #bbf7d0; padding: .08em .3em; border-radius: 4px; }
.icerik-govde .marker-pink   { background: #fbcfe8; padding: .08em .3em; border-radius: 4px; }
.icerik-govde .marker-blue   { background: #bfdbfe; padding: .08em .3em; border-radius: 4px; }

/* CKEditor hizalama */
.icerik-govde [style*="text-align:center"],
.icerik-govde [style*="text-align: center"] { text-align: center; }
.icerik-govde [style*="text-align:right"],
.icerik-govde [style*="text-align: right"] { text-align: right; }
.icerik-govde [style*="text-align:justify"],
.icerik-govde [style*="text-align: justify"] { text-align: justify; }

/* CKEditor media embed */
.icerik-govde .media { margin: 2em 0; }
.icerik-govde .media iframe {
  width: 100%; aspect-ratio: 16 / 9; border: 0;
  border-radius: 16px; box-shadow: 0 6px 24px rgba(0,0,0,.08);
}

/* Düz metin kutusu (info-box) CKEditor widget */
.icerik-govde .info-box,
.icerik-govde .raw-html-embed {
  margin: 1.6em 0; padding: 1.2rem 1.4rem;
  background: linear-gradient(135deg, #f5f3ff, #eef4ff);
  border: 1px solid rgba(109,93,246,.1);
  border-radius: 14px;
}

.icerik-bilgi {
  margin-top: 2.5rem; padding: 1rem 1.4rem;
  background: linear-gradient(135deg, #f8f7ff, #eef4ff);
  border: 1px solid rgba(109,93,246,.08);
  border-radius: 14px;
  font-size: .82rem; color: var(--gri); display: flex; flex-wrap: wrap; gap: .4rem 1.4rem;
  align-items: center;
}
.icerik-bilgi::before {
  content: ""; width: 16px; height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236d5df6'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 5h2v2h-2V7zm0 4h2v6h-2v-6z'/%3E%3C/svg%3E") no-repeat center / contain;
  flex-shrink: 0; opacity: .5;
}
.icerik-bilgi a { color: var(--menekse); }

/* =====================================================================
   PERSONEL & YÖNETİM KARTLARI — kaynak "staff-card" / "org-card" yapısı
   (CSS'siz düz metin görünüyordu; şık kartlara dönüştürülür)
   ===================================================================== */

/* Kart içeren sayfalarda içerik tam genişlik kullansın */
.icerik-govde:has(.staff-card),
.icerik-govde:has(.org-chart) { max-width: none; }

/* --- Ortak gradient avatar (fotoğraf yok; kişi silüeti) --- */
.staff-photo, .org-card__photo {
  width: 92px; height: 92px; border-radius: 50%; flex-shrink: 0;
  background: var(--grad-135); box-shadow: 0 10px 26px rgba(109, 93, 246, .32);
  display: grid; place-items: center; overflow: hidden;
}
.staff-photo::after, .org-card__photo::after {
  content: ""; width: 54%; height: 54%; background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4 0-8 2-8 5v2h16v-2c0-3-4-5-8-5Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4 0-8 2-8 5v2h16v-2c0-3-4-5-8-5Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.staff-photo img, .org-card__photo img { width: 100%; height: 100%; object-fit: cover; }
.staff-photo:has(img)::after, .org-card__photo:has(img)::after { display: none; }

/* --- Personel kart ızgarası --- */
.sayfa-metin:has(> .staff-card) {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(232px, 1fr)); gap: 1.3rem;
}
.icerik-govde .staff-card {
  background: #fff; border: 1px solid #e8eaf7; border-radius: 18px;
  padding: 1.7rem 1.3rem 1.4rem; text-align: center;
  display: flex; flex-direction: column; align-items: center;
  box-shadow: var(--golge);
  transition: transform var(--gecis), box-shadow var(--gecis), border-color var(--gecis);
}
.icerik-govde .staff-card:hover {
  transform: translateY(-6px); box-shadow: var(--golge-buyuk); border-color: rgba(109, 93, 246, .4);
}
.staff-info { display: flex; flex-direction: column; align-items: center; width: 100%; flex: 1; }
.staff-photo { margin-bottom: 1.1rem; }
.icerik-govde .staff-title {
  color: var(--menekse); font-weight: 700; font-size: .72rem;
  text-transform: uppercase; letter-spacing: .05em;
}
.icerik-govde .staff-name {
  font-family: 'Sora', sans-serif; font-size: 1.02rem; font-weight: 700;
  color: var(--murekkep); margin: .3rem 0 .15rem; line-height: 1.3;
}
.staff-name br { display: none; }
.icerik-govde .staff-position { color: var(--gri); font-size: .85rem; margin-bottom: 1rem; }
.staff-contact { display: flex; gap: .5rem; justify-content: center; align-items: center; margin-top: auto; }

/* Kart içindeki ikon/buton bağlantıları */
.icerik-govde .contact-link {
  width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center;
  background: var(--acik-2); color: var(--menekse); border: 1px solid #e8eaf7;
  transition: all var(--gecis);
}
.icerik-govde .contact-link:hover {
  background: var(--grad-135); color: #fff; border-color: transparent; transform: translateY(-2px);
}
.contact-link i, .contact-link .fas {
  width: 16px; height: 16px; display: block; background: currentColor;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
}
.fa-envelope {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5-8-5V6l8 5 8-5Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5-8-5V6l8 5 8-5Z'/%3E%3C/svg%3E");
}
.fa-phone {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.5 21 3 13.5 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.5 21 3 13.5 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2Z'/%3E%3C/svg%3E");
}
.icerik-govde .staff-contact a { border-bottom: 0; }
.icerik-govde .btn {
  display: inline-grid; place-items: center; height: 36px; padding: 0 1rem; border-radius: 999px;
  background: var(--grad-135); color: #fff; font-size: .78rem; font-weight: 700;
  border: 0; cursor: pointer; line-height: 1; transition: all var(--gecis);
}
.icerik-govde .btn:hover { box-shadow: var(--neon); transform: translateY(-2px); }

/* --- Yönetim organizasyon şeması (org-card) --- */
.org-chart { padding: .5rem 0; }
.org-tree, .org-level { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; }
.org-level { width: 100%; }
.org-tree-lines { display: none; } /* boş bağlantı çizgisi kapları */
.org-cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.3rem; width: 100%; }
.icerik-govde .org-card {
  width: 224px; background: #fff; border: 1px solid #e8eaf7; border-radius: 18px;
  padding: 1.7rem 1.3rem; text-align: center; text-decoration: none;
  display: flex; flex-direction: column; align-items: center;
  box-shadow: var(--golge);
  transition: transform var(--gecis), box-shadow var(--gecis), border-color var(--gecis);
}
.icerik-govde .org-card:hover {
  transform: translateY(-6px); box-shadow: var(--golge-buyuk); border-color: rgba(109, 93, 246, .4);
}
.org-card__photo { margin-bottom: 1rem; }
.icerik-govde .org-card__title {
  color: var(--menekse); font-weight: 700; font-size: .72rem;
  text-transform: uppercase; letter-spacing: .05em;
}
.icerik-govde .org-card__name {
  font-family: 'Sora', sans-serif; font-size: 1.02rem; font-weight: 700;
  color: var(--murekkep); margin: .3rem 0; line-height: 1.3;
}
.org-card__role {
  display: inline-block; margin-top: .35rem; padding: .3rem .85rem; border-radius: 999px;
  background: rgba(109, 93, 246, .1); color: var(--menekse); font-size: .76rem; font-weight: 700;
}

.kirinti-ayrac { opacity: .45; margin: 0 .35rem; }
.sayfa-baslik-alt { max-width: 720px; }
.sayfa-baslik-alt h1 { margin-bottom: .5rem; }
.sayfa-ozet { color: #aab2d8; font-size: 1.02rem; line-height: 1.65; max-width: 58ch; }
.sayfa-baslik-kisa { padding-bottom: 2.4rem; }

/* ---- Ana bilim dalı detay sayfası ---- */
.sayfa-baslik-abd {
  background:
    radial-gradient(720px 400px at 88% -15%, color-mix(in srgb, var(--abd-r, #6d5df6) 48%, transparent), transparent 62%),
    radial-gradient(520px 320px at 0% 105%, color-mix(in srgb, var(--abd-r2, #22d3ee) 30%, transparent), transparent 60%),
    linear-gradient(150deg, #2a3170 0%, #202659 52%, #1c2150 100%);
}
.abd-sayfa-rozet {
  display: inline-flex; align-items: center; gap: .45rem;
  padding: .35rem .85rem; margin-bottom: .85rem;
  border-radius: 999px;
  font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  color: #fff;
  background: linear-gradient(135deg, color-mix(in srgb, var(--abd-r, #6d5df6) 85%, #fff), var(--abd-r2, #8b7cf8));
  box-shadow: 0 4px 18px color-mix(in srgb, var(--abd-r, #6d5df6) 35%, transparent);
}
.abd-sayfa-rozet svg { opacity: .95; }
.abd-sayfa-ust {
  margin-top: -2.4rem;
  margin-bottom: -.2rem;
  position: relative;
  z-index: 4;
}
.abd-sayfa-tanitim {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1.65rem 1.85rem;
  background: #fff;
  border-radius: 18px;
  border: 1px solid rgba(109, 93, 246, .1);
  box-shadow: 0 10px 40px rgba(15, 23, 42, .08), 0 0 0 1px rgba(255, 255, 255, .6) inset;
  position: relative;
  overflow: hidden;
}
.abd-sayfa-tanitim::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--abd-r, #6d5df6), var(--abd-r2, #8b7cf8));
}
.abd-sayfa-tanitim-ikon {
  width: 58px; height: 58px; border-radius: 15px; flex-shrink: 0;
  display: grid; place-items: center;
  color: #fff;
  background: linear-gradient(135deg, var(--abd-r, #6d5df6), var(--abd-r2, #8b7cf8));
  box-shadow: 0 6px 20px color-mix(in srgb, var(--abd-r, #6d5df6) 35%, transparent);
}
.abd-sayfa-tanitim-metin { flex: 1; min-width: 0; position: relative; z-index: 1; }
.abd-sayfa-tanitim-etiket {
  display: block;
  font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  color: var(--abd-r, var(--menekse));
  margin-bottom: .4rem;
}
.abd-sayfa-tanitim-metin p {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.78;
  color: #434970;
  max-width: 62ch;
}
.abd-sayfa-tanitim-dekor {
  position: absolute; right: -1rem; bottom: -1.5rem;
  color: var(--abd-r, #6d5df6);
  opacity: .06;
  pointer-events: none;
  transform: rotate(-12deg);
}
@media (max-width: 640px) {
  .abd-sayfa-ust { margin-top: -1.6rem; }
  .abd-sayfa-tanitim { flex-direction: column; padding: 1.35rem 1.2rem; gap: 1rem; }
  .abd-sayfa-tanitim-metin p { font-size: .98rem; line-height: 1.7; }
  .abd-sayfa-tanitim-dekor { display: none; }
}

/* İçerik panel — cam kutu */
.icerik-panel {
  background: #fff;
  border: 1px solid rgba(109,93,246,.08);
  border-radius: 22px;
  box-shadow: 0 4px 24px rgba(109,93,246,.06), 0 1px 3px rgba(0,0,0,.04);
  overflow: hidden;
  position: relative;
}
.icerik-panel::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--menekse), var(--cam), var(--menekse));
  background-size: 200% 100%;
  animation: icerik-grad 6s linear infinite;
}
@keyframes icerik-grad {
  to { background-position: 200% 0; }
}
.icerik-panel .icerik-govde { padding: 2.8rem 3rem; max-width: none; }

/* ============================================
   Kenar çubuğu — koyu tema, kurumsal
   ============================================ */
.kenar-kutu {
  background: linear-gradient(165deg, #2a3170 0%, #1e2456 100%);
  border-radius: 20px;
  box-shadow: 0 12px 34px rgba(20,26,60,.22);
  border: 1px solid rgba(139,124,248,.24);
  padding: 0; margin-bottom: 1.4rem; overflow: hidden;
}
.kenar-baslik {
  display: flex; align-items: center; gap: .85rem;
  padding: 1.3rem 1.4rem;
  background: linear-gradient(135deg, rgba(139,124,248,.22), rgba(34,211,238,.12));
  border-bottom: 1px solid rgba(139,124,248,.2);
}
.kenar-baslik small {
  display: block; font-size: .65rem; text-transform: uppercase;
  letter-spacing: .1em; color: rgba(34,211,238,.7); font-weight: 700;
}
.kenar-baslik h3 { font-size: .98rem; font-weight: 800; color: #fff; margin: 0; }
.kenar-ikon {
  width: 44px; height: 44px; border-radius: 13px; flex-shrink: 0;
  display: grid; place-items: center;
  background: linear-gradient(135deg, var(--menekse), #4f46e5);
  color: #fff;
  box-shadow: 0 8px 24px rgba(109,93,246,.4);
}
.kenar-liste { list-style: none; padding: .5rem; }
.kenar-link {
  display: flex; align-items: center; gap: .65rem;
  padding: .7rem .9rem; font-size: .86rem; color: #c2c8e4;
  text-decoration: none; border-radius: 12px; transition: all .25s ease;
  border: 1px solid transparent; font-weight: 500;
}
.kenar-link:hover {
  background: rgba(109,93,246,.1);
  border-color: rgba(139,124,248,.15);
  color: #fff;
  transform: translateX(4px);
}
.kenar-link.aktif {
  background: linear-gradient(135deg, var(--menekse), var(--cam));
  color: #fff; font-weight: 700;
  box-shadow: 0 4px 18px rgba(109,93,246,.35);
  border-color: transparent;
}
.kenar-link-metin { flex: 1; min-width: 0; }
.kenar-link.aktif svg { opacity: 1; }
.kenar-link svg { opacity: .3; flex-shrink: 0; color: #8b93b8; transition: all .25s ease; }
.kenar-link:hover svg { opacity: .7; color: var(--cam); }

/* Sinyal ikonu */
.kenar-link-sinyal {
  width: 22px; height: 22px; flex-shrink: 0;
  position: relative; display: flex; align-items: center; justify-content: center;
}
.sinyal-cekirdek {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--cam);
  position: relative; z-index: 1;
  transition: all .3s ease;
}
.sinyal-dalga {
  position: absolute; border-radius: 50%;
  border: 1.5px solid rgba(34,211,238,.3);
  border-left-color: transparent; border-bottom-color: transparent;
  transition: all .3s ease;
}
.sinyal-d1 {
  width: 14px; height: 14px;
  transform: rotate(-45deg);
}
.sinyal-d2 {
  width: 20px; height: 20px;
  transform: rotate(-45deg);
  border-color: rgba(34,211,238,.15);
  border-left-color: transparent; border-bottom-color: transparent;
}

/* Hover */
.kenar-link:hover .sinyal-cekirdek {
  background: #22d3ee;
  box-shadow: 0 0 8px rgba(34,211,238,.6);
}
.kenar-link:hover .sinyal-d1 {
  border-color: rgba(34,211,238,.6);
  border-left-color: transparent; border-bottom-color: transparent;
}
.kenar-link:hover .sinyal-d2 {
  border-color: rgba(34,211,238,.35);
  border-left-color: transparent; border-bottom-color: transparent;
}

/* Aktif */
.kenar-link.aktif .sinyal-cekirdek {
  background: #fff;
  box-shadow: 0 0 10px rgba(255,255,255,.5);
}
.kenar-link.aktif .sinyal-d1 {
  border-color: rgba(255,255,255,.6);
  border-left-color: transparent; border-bottom-color: transparent;
}
.kenar-link.aktif .sinyal-d2 {
  border-color: rgba(255,255,255,.3);
  border-left-color: transparent; border-bottom-color: transparent;
}

/* Aktif sinyal nabız animasyonu */
.kenar-link.aktif .sinyal-cekirdek::after {
  content: ""; position: absolute; inset: -3px; border-radius: 50%;
  background: rgba(255,255,255,.2);
  animation: sinyal-nabiz 2s ease-out infinite;
}
@keyframes sinyal-nabiz {
  0% { transform: scale(1); opacity: .6; }
  100% { transform: scale(2.5); opacity: 0; }
}
.kenar-kutu-cta {
  padding: 1.5rem; text-align: center;
  background: linear-gradient(165deg, #2a3170 0%, #1e2456 100%);
}
.kenar-kutu-cta .kenar-ikon { margin: 0 auto .8rem; }
.kenar-kutu-cta h3 { font-size: 1rem; margin-bottom: .4rem; color: #fff; }
.kenar-kutu-cta p { font-size: .84rem; color: #aab2d4; margin-bottom: 1rem; }
.dugme-tam { width: 100%; justify-content: center; }
.kenar { position: sticky; top: 96px; align-self: start; }
.kategori-liste { padding: 3rem 0 4.5rem; }
.arama-buyuk { display: flex; gap: .75rem; max-width: 640px; margin: 0 auto; align-items: stretch; }
.arama-sonuc { display: grid; gap: 1rem; }
.arama-sonuc .kart h3 mark, .arama-sonuc .kart p mark {
  background: rgba(34, 211, 238, .25); color: var(--murekkep); border-radius: 4px; padding: 0 .15rem;
}

/* Kategori sayfası */
.kategori-rozet {
  display: inline-flex; align-items: center; gap: .45rem;
  background: rgba(34, 211, 238, .12); border: 1px solid rgba(34, 211, 238, .25);
  color: var(--cam); font-size: .78rem; font-weight: 700; padding: .35rem .9rem;
  border-radius: 999px; margin-bottom: .8rem;
}
.kategori-baslik-alt h1 { margin-top: 0; }
.izgara-kategori { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }
.kart-sayfa {
  padding: 1.5rem 1.6rem 1.3rem; min-height: 210px;
  display: flex; flex-direction: column;
  background: linear-gradient(165deg, #fff 0%, #f8f9ff 100%);
}
.kart-sayfa-ust { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1rem; }
.kart-sayfa .kart-num {
  font-family: 'Sora', sans-serif; font-size: .72rem; font-weight: 800;
  color: rgba(109, 93, 246, .35); letter-spacing: .06em;
}
.kart-varsayilan { color: var(--gri); font-size: .86rem; font-style: italic; }
.kart-sayfa .kart-ok { margin-top: auto; padding-top: .9rem; }

/* ============================================
   Haberler & Duyurular — liste ve detay
   ============================================ */
.hbr-filtre-bar { display: flex; gap: .6rem; flex-wrap: wrap; margin-bottom: 2rem; }
.hbr-filtre {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .55rem 1.2rem; border-radius: 999px; text-decoration: none;
  font-size: .85rem; font-weight: 700; color: var(--murekkep);
  background: #fff; border: 1px solid rgba(109,93,246,.15);
  box-shadow: 0 2px 10px rgba(109,93,246,.05);
  transition: all var(--gecis);
}
.hbr-filtre:hover { border-color: var(--menekse); color: var(--menekse); }
.hbr-filtre.aktif { background: var(--grad-135); color: #fff; border-color: transparent; box-shadow: var(--neon); }

.hbr-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.6rem; }
.hbr-kart {
  display: flex; flex-direction: column; overflow: hidden;
  background: #fff; border-radius: var(--radius); text-decoration: none; color: inherit;
  border: 1px solid rgba(109,93,246,.1); box-shadow: var(--golge);
  transition: all .35s cubic-bezier(.2,.8,.2,1);
}
.hbr-kart:hover { transform: translateY(-6px); box-shadow: var(--golge-buyuk); border-color: rgba(109,93,246,.25); }
.hbr-kart-gorsel {
  position: relative; aspect-ratio: 16/10; overflow: hidden;
  background: linear-gradient(135deg, var(--menekse), var(--cam));
  display: grid; place-items: center;
}
.hbr-kart-gorsel img {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
  transition: transform .5s ease;
}
.hbr-kart:hover .hbr-kart-gorsel img { transform: scale(1.06); }
.hbr-kart-gorsel-yer { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; color: rgba(255,255,255,.85); }
.hbr-rozet {
  position: absolute; top: .8rem; left: .8rem; z-index: 1;
  font-size: .68rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
  padding: .3rem .8rem; border-radius: 999px; color: #fff;
  backdrop-filter: blur(6px);
}
.hbr-rozet-haber { background: rgba(34,211,238,.85); }
.hbr-rozet-duyuru { background: rgba(244,114,182,.9); }
.hbr-rozet-ogrenci { background: rgba(139,124,248,.92); }
.hbr-rozet-buyuk { position: static; display: inline-flex; margin-bottom: .9rem; font-size: .74rem; }
.hbr-kart-govde { padding: 1.3rem 1.4rem 1.5rem; display: flex; flex-direction: column; flex: 1; }
.hbr-kart-tarih {
  display: inline-flex; align-items: center; gap: .4rem;
  font-size: .76rem; font-weight: 700; color: var(--menekse); margin-bottom: .5rem;
}
.hbr-kart-govde h3 { font-size: 1.08rem; font-weight: 800; line-height: 1.35; margin-bottom: .5rem; }
.hbr-kart-govde p { color: var(--gri); font-size: .88rem; line-height: 1.6; margin-bottom: 1rem; }
.hbr-kart-ok {
  margin-top: auto; display: inline-flex; align-items: center; gap: .4rem;
  font-size: .82rem; font-weight: 700; color: var(--menekse);
}
.hbr-kart:hover .hbr-kart-ok { color: var(--cam); }
.hbr-kart:hover .hbr-kart-ok svg { transform: translateX(3px); }
.hbr-kart-ok svg { transition: transform .25s ease; }

.hbr-sayfalama { display: flex; justify-content: center; gap: .5rem; margin-top: 2.5rem; flex-wrap: wrap; }
.hbr-sayfa-link {
  width: 38px; height: 38px; display: grid; place-items: center;
  border-radius: 10px; text-decoration: none; color: var(--murekkep); font-weight: 700; font-size: .86rem;
  background: #fff; border: 1px solid rgba(109,93,246,.15);
}
.hbr-sayfa-link:hover { border-color: var(--menekse); color: var(--menekse); }
.hbr-sayfa-link.aktif { background: var(--grad-135); color: #fff; border-color: transparent; }

.hbr-detay-gorsel { width: 100%; aspect-ratio: 21/9; overflow: hidden; }
.hbr-detay-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.hbr-detay-ozet { color: var(--murekkep) !important; font-weight: 600; font-size: 1.05rem !important; border-left: 3px solid var(--menekse); padding-left: 1rem; margin-bottom: 1.8rem !important; max-width: none !important; }
.hbr-detay-meta { display: flex; gap: 1rem; color: #aab2d8; font-size: .86rem; margin-top: .8rem; }
.hbr-detay-meta span { display: inline-flex; align-items: center; gap: .4rem; }

@media (max-width: 640px) {
  .hbr-izgara { grid-template-columns: 1fr; }
}

/* Arama sayfası — profesyonel, kompakt */
.arama-pro { padding: 0 0 4rem; margin-top: -1.2rem; position: relative; z-index: 2; }

.arama-pro-form { margin-bottom: 1.25rem; }
.arama-pro-cubuk {
  display: flex; align-items: center; gap: .65rem;
  background: #fff; border: 1px solid rgba(15, 23, 42, .1);
  border-radius: 14px; padding: .5rem .55rem .5rem 1rem;
  box-shadow: 0 4px 24px rgba(15, 23, 42, .06);
  transition: border-color .2s, box-shadow .2s;
}
.arama-pro-cubuk:focus-within {
  border-color: rgba(13, 148, 136, .45);
  box-shadow: 0 4px 24px rgba(13, 148, 136, .08), 0 0 0 3px rgba(13, 148, 136, .1);
}
.arama-pro-ikon { color: #94a3b8; flex-shrink: 0; }
.arama-pro-cubuk input {
  flex: 1; border: 0; background: none; font: inherit; font-size: .98rem;
  padding: .65rem 0; outline: none; color: var(--murekkep); min-width: 0;
}
.arama-pro-cubuk input::placeholder { color: #94a3b8; }
.arama-pro-temiz {
  width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center;
  text-decoration: none; color: #64748b; font-size: 1.25rem; line-height: 1;
  transition: background .15s, color .15s;
}
.arama-pro-temiz:hover { background: #f1f5f9; color: #334155; }
.arama-pro-btn { flex-shrink: 0; padding: .65rem 1.25rem; font-size: .88rem; border-radius: 10px; }

.arama-pro-arac { margin-bottom: 1.25rem; }
.arama-pro-filtreler {
  display: flex; gap: .45rem; flex-wrap: wrap; margin-bottom: .65rem;
}
.arama-pro-filtre {
  display: inline-flex; align-items: center; gap: .35rem;
  padding: .42rem .95rem; border-radius: 8px; text-decoration: none;
  font-size: .82rem; font-weight: 600; color: #475569;
  background: #fff; border: 1px solid #e2e8f0;
  transition: all .18s ease;
}
.arama-pro-filtre:hover { border-color: #0d9488; color: #0f766e; }
.arama-pro-filtre.aktif {
  background: #0d9488; color: #fff; border-color: #0d9488;
}
.arama-pro-adet {
  font-size: .7rem; font-weight: 700; opacity: .85;
  background: rgba(0,0,0,.08); padding: .05rem .4rem; border-radius: 999px;
}
.arama-pro-filtre.aktif .arama-pro-adet { background: rgba(255,255,255,.22); }

.arama-pro-katlar {
  display: flex; flex-wrap: wrap; gap: .4rem; align-items: center;
  padding-top: .15rem;
}
.arama-pro-kat-baslik { font-size: .76rem; font-weight: 700; color: #64748b; margin-right: .15rem; }
.arama-pro-kat {
  display: inline-flex; align-items: center; gap: .2rem;
  padding: .28rem .7rem; border-radius: 6px; text-decoration: none;
  font-size: .76rem; font-weight: 600; color: #64748b;
  background: #f8fafc; border: 1px solid #e2e8f0;
  transition: all .18s ease;
}
.arama-pro-kat em { font-style: normal; opacity: .65; font-size: .68rem; }
.arama-pro-kat:hover { border-color: #0d9488; color: #0f766e; }
.arama-pro-kat.aktif { background: #ecfdf5; border-color: #6ee7b7; color: #047857; }

.arama-pro-liste {
  display: flex; flex-direction: column; gap: .55rem;
}
.arama-pro-oge {
  display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center;
  padding: 1rem 1.15rem; text-decoration: none; color: inherit;
  background: #fff; border: 1px solid #e8ecf1; border-radius: 12px;
  transition: border-color .2s, box-shadow .2s;
}
.arama-pro-oge:hover {
  border-color: rgba(13, 148, 136, .35);
  box-shadow: 0 4px 16px rgba(15, 23, 42, .06);
}
.arama-pro-ikon {
  width: 44px; height: 44px; border-radius: 10px; display: grid; place-items: center;
  background: #f1f5f9; color: #0d9488; flex-shrink: 0;
}
.arama-pro-gorsel {
  width: 44px; height: 44px; border-radius: 10px; overflow: hidden; flex-shrink: 0;
  background: #e2e8f0;
}
.arama-pro-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.arama-pro-etiketler {
  display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; margin-bottom: .3rem;
}
.arama-pro-tur {
  font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  color: #0d9488; background: #ecfdf5; padding: .12rem .5rem; border-radius: 4px;
}
.arama-pro-rozet {
  font-size: .68rem; font-weight: 600; color: #64748b;
  background: #f1f5f9; padding: .12rem .5rem; border-radius: 4px;
}
.arama-pro-tarih { font-size: .72rem; color: #94a3b8; font-weight: 500; }
.arama-pro-metin h3 {
  font-size: .98rem; font-weight: 700; line-height: 1.35; margin: 0 0 .2rem; color: #0f172a;
}
.arama-pro-metin p { font-size: .84rem; color: #64748b; line-height: 1.55; margin: 0; }
.arama-pro-metin mark, .arama-pro-metin h3 mark {
  background: #fef9c3; color: #854d0e; border-radius: 2px; padding: 0 .1rem;
}
.arama-pro-ok { color: #cbd5e1; transition: color .2s, transform .2s; }
.arama-pro-oge:hover .arama-pro-ok { color: #0d9488; transform: translateX(2px); }

.arama-pro-bos, .arama-pro-baslangic {
  padding: 1.5rem; background: #fff; border: 1px solid #e8ecf1; border-radius: 12px;
}
.arama-pro-bos-baslik { font-weight: 700; color: #0f172a; margin: 0 0 .35rem; font-size: .95rem; }
.arama-pro-bos p, .arama-pro-baslangic > p { margin: 0; color: #64748b; font-size: .88rem; }
.arama-pro-uyari { color: #64748b; font-size: .88rem; margin: 0; padding: .5rem 0; }
.arama-pro-ipuclari { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .85rem; }
.arama-pro-ipuclari a {
  padding: .35rem .8rem; border-radius: 6px; text-decoration: none;
  font-size: .8rem; font-weight: 600; color: #475569;
  background: #f8fafc; border: 1px solid #e2e8f0;
  transition: all .18s ease;
}
.arama-pro-ipuclari a:hover { border-color: #0d9488; color: #0f766e; background: #ecfdf5; }

@media (max-width: 640px) {
  .arama-pro { margin-top: -.8rem; }
  .arama-pro-cubuk { flex-wrap: wrap; border-radius: 12px; padding: .65rem .75rem; gap: .5rem; }
  .arama-pro-cubuk input { width: 100%; order: 1; padding: .4rem 0; }
  .arama-pro-ikon { order: 0; }
  .arama-pro-temiz { order: 2; margin-left: auto; }
  .arama-pro-btn { order: 3; width: 100%; justify-content: center; }
  .arama-pro-filtreler { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .25rem; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .arama-pro-filtreler::-webkit-scrollbar { display: none; }
  .arama-pro-filtre { flex-shrink: 0; }
  .arama-pro-katlar { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .arama-pro-katlar .arama-pro-kat { flex-shrink: 0; }
  .arama-pro-oge { grid-template-columns: auto 1fr; gap: .75rem; padding: .85rem; }
  .arama-pro-ok { display: none; }
  .arama-pro-ikon, .arama-pro-gorsel { width: 38px; height: 38px; }
}

/* Arama sayfası (eski sınıflar — uyumluluk) */
.arama-sayfa { padding: 0; }
.arama-kapsul {
  background: rgba(255,255,255,.9); border: 1px solid rgba(109,93,246,.12);
  border-radius: calc(var(--radius) + 4px); padding: 1.5rem; box-shadow: var(--golge);
  margin-bottom: 2rem;
}
.arama-girdi-wrap {
  flex: 1; display: flex; align-items: center; gap: .65rem;
  background: var(--acik-2); border-radius: 999px; padding: 0 1.1rem;
  border: 2px solid transparent; transition: border var(--gecis), box-shadow var(--gecis);
}
.arama-buyuk:focus-within .arama-girdi-wrap { border-color: rgba(109,93,246,.3); box-shadow: 0 0 0 4px rgba(109,93,246,.1); }
.arama-girdi-wrap svg { color: var(--menekse); flex-shrink: 0; opacity: .7; }
.arama-girdi-wrap input { border: 0; background: none; flex: 1; padding: .85rem 0; font: inherit; outline: none; }
.arama-ozet { text-align: center; color: var(--gri); margin-bottom: 1.5rem; }
.kart-arama { padding: 1.4rem 1.5rem; }
.kart-arama-ust { margin-bottom: .5rem; }
.kart-etiket {
  display: inline-block; font-size: .68rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: .06em; color: var(--menekse); background: rgba(109,93,246,.1);
  padding: .2rem .65rem; border-radius: 999px;
}
.arama-bos { text-align: center; max-width: 420px; margin: 2rem auto; }

/* Uyarı kutusu — estetik */
.uyari-kutu {
  display: flex; align-items: flex-start; gap: .85rem;
  background: linear-gradient(135deg, #fffbeb, #fef3c7);
  border: 1px solid #fde68a; border-radius: 16px; color: #92400e;
  padding: 1.2rem 1.4rem; margin: 1rem 0;
}
.uyari-ikon {
  width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0;
  display: grid; place-items: center; background: #fbbf24; color: #fff; font-size: 1rem;
}

/* İçerik blokları */
.ic-blok {
  background: linear-gradient(135deg, rgba(109,93,246,.04), rgba(34,211,238,.04));
  border: 1px solid rgba(109,93,246,.12); border-radius: 16px;
  padding: 1.6rem 1.8rem; margin: 1rem 0;
}
.ic-blok h2 { margin-top: 0; font-size: 1.2rem; }
.ic-metin { color: var(--murekkep); font-weight: 600; }
.eposta-link { font-size: .78rem; color: var(--menekse); text-decoration: none; word-break: break-all; }
.eposta-link:hover { text-decoration: underline; }

.sayfa-404 { padding: 3rem 1.25rem; text-align: center; }
.sayfa-404 p { color: var(--gri); margin-bottom: 1.2rem; }

/* ============================================
   Hızlı Erişim — koyu tema, cam efektli kartlar
   ============================================ */
.he-bolum {
  position: relative; overflow: hidden;
  background: linear-gradient(165deg, #2a3170 0%, #232a63 45%, #1e2456 100%);
  padding: 6rem 0 7rem;
}
.he-bolum .bolum-baslik h2 { color: #fff; }
.he-bolum .bolum-baslik p { color: #8b93b8; }
.he-bolum .etiket {
  background: rgba(34,211,238,.08); color: var(--cam);
  border-color: rgba(34,211,238,.25);
}

.he-arka {
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
}
.he-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(109,93,246,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(109,93,246,.06) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 80%);
}
.he-parlama {
  position: absolute; border-radius: 50%; filter: blur(100px);
  animation: he-nefes 8s ease-in-out infinite alternate;
}
.he-p1 { width: 500px; height: 500px; top: -15%; left: -5%; background: rgba(109,93,246,.12); }
.he-p2 { width: 400px; height: 400px; bottom: -10%; right: -3%; background: rgba(34,211,238,.08); animation-delay: -4s; }
@keyframes he-nefes { 0% { opacity: .5; transform: scale(1); } 100% { opacity: 1; transform: scale(1.15); } }

.he-kartlar {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem;
  position: relative; z-index: 1;
}
/* Kart sayısına göre ortalanmış düzen (3 kartın 4 sütunda sola kaymasını önler) */
.he-kartlar-1 { grid-template-columns: minmax(0, 360px); justify-content: center; }
.he-kartlar-2 { grid-template-columns: repeat(2, minmax(0, 340px)); justify-content: center; }
.he-kartlar-3 { grid-template-columns: repeat(3, minmax(0, 320px)); justify-content: center; }

.he-kart {
  position: relative; overflow: hidden;
  background: linear-gradient(160deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px; padding: 2rem 1.6rem 1.8rem;
  text-decoration: none; color: #c8cfe6;
  display: flex; flex-direction: column; min-height: 240px;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  transition: transform .4s cubic-bezier(.2,.8,.2,1), border-color .35s ease, box-shadow .35s ease;
  cursor: pointer;
}
.he-kart:hover {
  transform: translateY(-8px);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 20px 60px rgba(0,0,0,.35), 0 0 40px rgba(var(--kart-r1-rgb, 109,93,246), .12);
}

.he-kart-no {
  position: absolute; top: 1.4rem; right: 1.4rem;
  font-family: 'Sora', sans-serif; font-size: .7rem; font-weight: 800;
  color: rgba(255,255,255,.12); letter-spacing: .08em;
}

.he-kart-ikon {
  width: 56px; height: 56px; border-radius: 16px;
  display: grid; place-items: center; margin-bottom: 1.3rem;
  background: linear-gradient(135deg, var(--kart-r1, #6d5df6), var(--kart-r2, #22d3ee));
  color: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.25), inset 0 1px 1px rgba(255,255,255,.2);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;
}
.he-kart:hover .he-kart-ikon {
  transform: translateY(-3px) scale(1.08);
  box-shadow: 0 12px 32px rgba(0,0,0,.3), 0 0 20px color-mix(in srgb, var(--kart-r1, #6d5df6) 50%, transparent);
}

.he-kart h3 {
  font-size: 1.05rem; font-weight: 700; color: #fff; margin-bottom: .4rem;
  transition: color .3s ease;
}
.he-kart p { font-size: .86rem; color: #7f8aad; line-height: 1.5; }

.he-kart-ok {
  display: inline-flex; align-items: center; gap: .4rem;
  margin-top: auto; padding-top: 1.2rem;
  font-size: .84rem; font-weight: 700;
  background: linear-gradient(90deg, var(--kart-r1, #6d5df6), var(--kart-r2, #22d3ee));
  -webkit-background-clip: text; background-clip: text; color: transparent;
  transition: gap .3s ease;
}
.he-kart-ok svg { color: var(--kart-r2, #22d3ee); transition: transform .3s ease; }
.he-kart:hover .he-kart-ok { gap: .7rem; }
.he-kart:hover .he-kart-ok svg { transform: translateX(4px); }

.he-kart-isik {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background: radial-gradient(600px circle at var(--mx, 50%) var(--my, 50%),
    rgba(255,255,255,.04) 0%, transparent 60%);
  pointer-events: none; opacity: 0; transition: opacity .4s ease;
}
.he-kart:hover .he-kart-isik { opacity: 1; }

/* Üst kenar gradient çizgisi */
.he-kart::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--kart-r1, #6d5df6), var(--kart-r2, #22d3ee), transparent);
  opacity: 0; transition: opacity .35s ease;
}
.he-kart:hover::before { opacity: 1; }

/* Responsive */
@media (max-width: 1080px) {
  .he-kartlar { grid-template-columns: repeat(2, 1fr); gap: 1.1rem; }
  .he-kart { min-height: 210px; padding: 1.6rem 1.35rem 1.4rem; }
}
@media (max-width: 768px) {
  .he-bolum { padding: 3.5rem 0 4rem; }
  .he-bolum .bolum-baslik { margin-bottom: 1.75rem; }
  .he-bolum .bolum-baslik h2 { font-size: clamp(1.35rem, 5vw, 1.75rem); }
  .he-bolum .bolum-baslik p { font-size: .88rem; line-height: 1.55; margin-top: .5rem; }
  .he-kartlar { gap: .65rem; }
  .he-kart { min-height: 0; padding: 1rem 1.1rem; border-radius: 16px; }
  .he-kart-ikon { width: 48px; height: 48px; border-radius: 14px; margin-bottom: .85rem; }
  .he-kart h3 { font-size: .95rem; }
  .he-kart p { font-size: .8rem; line-height: 1.45; }
  .he-kart-ok { padding-top: .75rem; font-size: .78rem; }
}
@media (max-width: 640px) {
  .he-kartlar { grid-template-columns: 1fr; gap: .55rem; }
  .he-kart {
    display: grid;
    grid-template-columns: 44px 1fr;
    grid-template-rows: auto auto;
    column-gap: .85rem;
    row-gap: .15rem;
    align-items: center;
    padding: .8rem 1rem;
    min-height: 0;
  }
  .he-kart-no { display: none; }
  .he-kart-ikon {
    grid-row: 1 / span 2;
    align-self: center;
    width: 44px;
    height: 44px;
    margin-bottom: 0;
    border-radius: 12px;
  }
  .he-kart-ikon svg { width: 22px; height: 22px; }
  .he-kart h3 { font-size: .88rem; margin-bottom: 0; }
  .he-kart p {
    font-size: .74rem;
    line-height: 1.4;
    color: #8b93b8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .he-kart-ok { display: none; }
  .he-kart:hover { transform: none; box-shadow: none; }
  .he-kart:active { transform: scale(.985); opacity: .92; }
}
@media (max-width: 480px) {
  .he-bolum { padding: 2.5rem 0 3rem; }
  .he-bolum .bolum-baslik { margin-bottom: 1.1rem; }
  .he-bolum .etiket { font-size: .68rem; padding: .28rem .65rem; }
  .he-kart { padding: .7rem .85rem; column-gap: .7rem; border-radius: 12px; }
  .he-kart-ikon { width: 40px; height: 40px; border-radius: 10px; }
  .he-kart-ikon svg { width: 20px; height: 20px; }
  .he-kart h3 { font-size: .84rem; }
  .he-kart p { font-size: .72rem; -webkit-line-clamp: 1; }
}

@media (max-width: 1060px) {
  .icerik-panel .icerik-govde { padding: 1.8rem 1.4rem; }
}

@media (max-width: 560px) {
  .icerik-panel .icerik-govde { padding: 1.4rem 1rem; }
  .sayfa-metin > p:first-of-type::first-letter { font-size: 2.6em; }
  .sayfa-metin > p + p { text-indent: 1em; }
  .sayfa-metin h2 { font-size: 1.3rem; }
  .sayfa-metin h3 { font-size: 1.1rem; }
  .icerik-govde table { font-size: .84rem; }
  .icerik-govde table th, .icerik-govde table td { padding: .55rem .65rem; }
  .arama-buyuk { flex-direction: column; }
  .arama-girdi-wrap { width: 100%; }
}


/* ---------------- Alt Bilgi ---------------- */
.alt { background: var(--gece); color: #a6adce; margin-top: 4rem; position: relative; z-index: 0; }
.alt-dalga { color: var(--gece); margin-top: -60px; }
.alt-dalga svg { display: block; width: 100%; height: 60px; }
.alt-ic { display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: 2.2rem; padding: 3.4rem 1.25rem 2.4rem; }
.alt .marka-metin strong { color: #fff; }
.alt .marka-metin span { color: #8b93b8; }
.alt-marka p { font-size: .9rem; margin-top: 1rem; color: #8b93b8; }
.alt-iletisim a { color: var(--cam); text-decoration: none; }
.alt-sosyal {
  display: inline-flex; align-items: center; gap: .5rem; margin-top: 1rem;
  color: #fff; text-decoration: none; font-size: .88rem; font-weight: 600;
  background: rgba(139, 124, 248, .12); border: 1px solid var(--cizgi);
  padding: .5rem 1rem; border-radius: 999px; transition: all var(--gecis);
}
.alt-sosyal:hover { background: rgba(139, 124, 248, .25); }
.alt-sutun h3 { color: #fff; font-size: .9rem; font-weight: 700; margin-bottom: 1rem; }
.alt-sutun ul { list-style: none; display: grid; gap: .45rem; }
.alt-sutun a { color: #8b93b8; text-decoration: none; font-size: .86rem; transition: color var(--gecis); }
.alt-sutun a:hover { color: var(--cam); }
.alt-cizgi { border-top: 1px solid rgba(139, 124, 248, .12); padding: 1.2rem 0; }
.alt-cizgi .kap { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.alt-cizgi p { font-size: .82rem; color: #5b6284; }
.alt-cizgi a { color: #8b93b8; text-decoration: none; font-size: .82rem; margin-left: 1.2rem; }
.alt-cizgi a:hover { color: var(--cam); }

/* Footer — link sütunları (akordeon mobilde) */
.alt-detay { border: 0; }
.alt-detay-baslik {
  color: #fff;
  font-size: .9rem;
  font-weight: 700;
  list-style: none;
  cursor: default;
  user-select: none;
}
.alt-detay-baslik::-webkit-details-marker { display: none; }
.alt-detay-baslik::marker { content: ""; display: none; }

@media (max-width: 900px) {
  .alt-ic {
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem 1.25rem;
    padding: 2.5rem 1.25rem 1.75rem;
  }
  .alt-marka { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
  .alt { margin-top: 2.5rem; }
  .alt-dalga { margin-top: -36px; }
  .alt-dalga svg { height: 36px; }
  .alt-ic {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 2rem 1rem 1.25rem;
  }
  .alt-marka {
    padding-bottom: 1rem;
    margin-bottom: .35rem;
    border-bottom: 1px solid rgba(139, 124, 248, .12);
  }
  .alt-marka .marka { gap: .55rem; align-items: flex-start; }
  .alt-marka .marka-ikon { flex-shrink: 0; }
  .alt-marka .marka-ikon svg { width: 28px; height: 28px; }
  .alt-marka p { margin-top: .55rem; font-size: .82rem; line-height: 1.5; }
  .alt-iletisim { font-size: .82rem; line-height: 1.55; }
  .alt-sosyal {
    margin-top: .65rem;
    padding: .38rem .75rem;
    font-size: .78rem;
  }
  .alt-sosyal svg { width: 18px; height: 18px; }
  .alt .marka-metin strong { font-size: .88rem; line-height: 1.25; }
  .alt .marka-metin span { font-size: .76rem; }
  .alt-sutun { min-width: 0; }
  .alt-detay { border-bottom: 1px solid rgba(139, 124, 248, .1); }
  .alt-detay-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .8rem 0;
    cursor: pointer;
    font-size: .86rem;
  }
  .alt-detay-baslik::after {
    content: "";
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    border-right: 2px solid #8b93b8;
    border-bottom: 2px solid #8b93b8;
    transform: rotate(45deg);
    transition: transform .25s ease;
  }
  .alt-detay[open] .alt-detay-baslik::after { transform: rotate(-135deg); }
  .alt-detay ul { padding-bottom: .75rem; gap: .32rem; }
  .alt-sutun a { font-size: .8rem; line-height: 1.4; }
  .alt-sutun a.tumu { font-size: .78rem; }
  .alt-cizgi { padding: .95rem 0; }
  .alt-cizgi .kap {
    flex-direction: column;
    align-items: flex-start;
    gap: .65rem;
  }
  .alt-cizgi nav {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .85rem;
  }
  .alt-cizgi a { margin-left: 0; font-size: .78rem; }
  .alt-cizgi p { font-size: .75rem; line-height: 1.45; }
  .yukari {
    right: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    width: 42px;
    height: 42px;
  }
}

@media (min-width: 769px) {
  .alt-detay-baslik {
    pointer-events: none;
    margin-bottom: 1rem;
    padding: 0;
  }
  .alt-detay-baslik::after { display: none; }
}

@media (max-width: 480px) {
  .alt-ic { padding: 1.5rem 1rem 1rem; }
  .alt-marka { padding-bottom: .85rem; margin-bottom: .25rem; }
  .alt .marka-metin strong { font-size: .82rem; }
  .alt-detay-baslik { font-size: .82rem; padding: .7rem 0; }
  .alt-detay ul { padding-bottom: .65rem; gap: .28rem; }
  .alt-sutun a { font-size: .76rem; }
}

/* Yukarı çık */
.yukari {
  position: fixed; right: 1.4rem; bottom: 1.4rem; z-index: 900;
  width: 46px; height: 46px; border-radius: 999px; border: 0; cursor: pointer;
  background: var(--grad-135); color: #fff;
  display: grid; place-items: center; box-shadow: var(--neon);
  opacity: 0; visibility: hidden; transform: translateY(10px);
  transition: all var(--gecis);
}
.yukari.goster { opacity: 1; visibility: visible; transform: none; }
.yukari:hover { transform: translateY(-3px); }

/* =====================================================================
   ÜST MENÜ — GELİŞMİŞ MİKRO ANİMASYONLAR
   ===================================================================== */

/* Scroll'da yalnızca gölge — boyut/transform değişimi titreme yapıyordu */
.ust-ic { min-height: 72px; }

/* Hover'da yuvarlanan yazı (rolling text) */
.yuvarla { display: inline-block; overflow: hidden; height: 1.35em; }
.yuvarla-ic {
  display: flex; flex-direction: column;
  transition: transform .38s cubic-bezier(.76, 0, .24, 1);
}
.yuvarla-ic span { display: block; height: 1.35em; line-height: 1.35em; }
.yuvarla-ic span:nth-child(2) { color: var(--cam); }
.nav-link:hover .yuvarla-ic,
.acilir.acik .yuvarla-ic { transform: translateY(-50%); }

/* Randevu düğmesinde periyodik nabız halkası */
@keyframes nabiz-halka {
  0% { box-shadow: var(--neon), 0 0 0 0 rgba(34, 211, 238, .55); }
  9% { box-shadow: var(--neon), 0 0 0 16px rgba(34, 211, 238, 0); }
  100% { box-shadow: var(--neon), 0 0 0 0 rgba(34, 211, 238, 0); }
}
.ust .dugme-randevu { animation: nabiz-halka 7s ease-out 3s infinite; padding: .55rem 1.1rem; font-size: .82rem; }

/* Panel açılış parlaması — yalnızca masaüstü mega menü */
@media (min-width: 1061px) {
  .acilir.acik .acilir-panel { animation: panel-parla .5s ease; }
}
@keyframes panel-parla {
  0% { box-shadow: 0 40px 90px rgba(0, 0, 0, .55), inset 0 30px 60px rgba(109, 93, 246, .12); }
  100% { box-shadow: 0 40px 90px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(139, 124, 248, .15); }
}

/* =====================================================================
   KAYDIRINCA ZARİF BELİRİŞ (IntersectionObserver ile tetiklenir)
   ===================================================================== */
/* Yalnızca JS çalışırken gizle; JS yoksa içerik daima görünür kalır */
.js .gsap-belir, .js .bolum-baslik {
  opacity: 0; transform: translateY(28px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, transform;
}
.js .gsap-belir.belir-aktif, .js .bolum-baslik.belir-aktif {
  opacity: 1; transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .js .gsap-belir, .js .bolum-baslik { opacity: 1; transform: none; transition: none; }
}

/* ---- Kayan yazı şeridi (marquee) ---- */
.serit {
  overflow: hidden; padding: 2.6rem 0 .6rem;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.serit-ic { display: flex; width: max-content; animation: serit-kaydir 26s linear infinite; }
.serit-ic span {
  white-space: nowrap; font-family: 'Sora', sans-serif;
  font-size: clamp(1.6rem, 3.4vw, 2.6rem); font-weight: 800; letter-spacing: .02em;
  color: transparent; -webkit-text-stroke: 1.5px rgba(109, 93, 246, .45);
}
@keyframes serit-kaydir { to { transform: translateX(-50%); } }

/* ---- Okuma ilerleme çubuğu ---- */
.okuma-cubugu {
  position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 1002;
  pointer-events: none;
}
.okuma-cubugu span {
  display: block; height: 100%; width: 0;
  background: var(--grad);
  box-shadow: 0 0 12px rgba(34, 211, 238, .6);
}

main { position: relative; z-index: 0; }

/* ---- WebGL arka plan sahnesi (uc-boyut.js üretir) — hero + üst banner ---- */
#webgl {
  position: absolute; inset: 0; width: 100%; height: 100%;
  display: block; pointer-events: none; z-index: 0; opacity: .9;
}
/* Banner ve hero içeriği canvas'ın ÜSTÜNDE kalsın */
.sayfa-baslik > .kap { position: relative; z-index: 2; }
.sayfa-baslik .banner-sahne { z-index: 1; }
.kahraman > .kap { position: relative; z-index: 2; }
.kahraman-dalga { z-index: 2; }

/* ==============================================================
   BANNER SAHNE — Alt sayfa animasyonlu sahne (tema destekli)
   JS custom property'ler atar, her yenilemede farklı tema seçilir.
   ============================================================== */
.banner-sahne {
  position: absolute; inset: 0; z-index: 0;
  pointer-events: none; overflow: hidden;
  --bt-y1-hiz: 20s;  --bt-y2-hiz: 35s;  --bt-y3-hiz: 50s;
  --bt-y1-yon: normal; --bt-y2-yon: reverse; --bt-y3-yon: normal;
  --bt-dis-hiz: 5s; --bt-dis-genlik: 14px; --bt-dis-donus: 1.5deg;
  --bt-nabiz-hiz: 4s; --bt-nabiz-olcek: 2.5;
  --bt-dna-hiz: 3s; --bt-dna-genlik: 15px;
  --bt-parlaklik: 1;
  --bt-renk1: 109,93,246; --bt-renk2: 34,211,238;
}

/* --- Ana diş: ortada, yüzen, parlayan --- */
.bs-dis-ana {
  position: absolute; top: 42%; right: 36%;
  width: 180px; height: 180px;
  transform: translate(50%, -50%);
  display: grid; place-items: center;
}
.bs-dis-parilti {
  position: absolute; width: 200px; height: 200px; border-radius: 50%;
  background: radial-gradient(circle,
    rgba(var(--bt-renk1),.45) 0%,
    rgba(var(--bt-renk2),.18) 45%,
    transparent 72%);
  filter: blur(6px);
  animation: bsNefes calc(var(--bt-dis-hiz) * .8) ease-in-out infinite;
}
@keyframes bsNefes {
  0%,100% { transform: scale(1); opacity: calc(.7 * var(--bt-parlaklik)); }
  50%     { transform: scale(calc(1 + .25 * var(--bt-parlaklik))); opacity: var(--bt-parlaklik); }
}
.bs-dis-govde {
  width: 100px; position: relative; z-index: 3;
  filter:
    drop-shadow(0 18px 30px rgba(10,14,40,.7))
    drop-shadow(0 0 calc(32px * var(--bt-parlaklik)) rgba(var(--bt-renk1),.5))
    drop-shadow(0 0 calc(60px * var(--bt-parlaklik)) rgba(var(--bt-renk2),.2));
  animation: bsYuzen var(--bt-dis-hiz) ease-in-out infinite;
}
@keyframes bsYuzen {
  0%,100% { transform: translateY(0) rotate(0deg); }
  25%     { transform: translateY(calc(var(--bt-dis-genlik) * -.55)) rotate(var(--bt-dis-donus)); }
  50%     { transform: translateY(calc(var(--bt-dis-genlik) * -1)) rotate(0deg); }
  75%     { transform: translateY(calc(var(--bt-dis-genlik) * -.4)) rotate(calc(var(--bt-dis-donus) * -1)); }
}

/* --- Yörüngeler --- */
.bs-yorunge {
  position: absolute; border-radius: 50%;
  border: 1.5px dashed rgba(var(--bt-renk1),.3);
  top: 42%; right: 36%;
  transform: translate(50%, -50%);
}
.bs-y1 {
  width: 190px; height: 190px;
  animation: bsDonus var(--bt-y1-hiz) linear infinite var(--bt-y1-yon);
}
.bs-y2 {
  width: 280px; height: 280px;
  border-style: dotted;
  border-color: rgba(var(--bt-renk2),.25);
  animation: bsDonus var(--bt-y2-hiz) linear infinite var(--bt-y2-yon);
}
.bs-y3 {
  width: 380px; height: 380px;
  border-width: 1px;
  border-color: rgba(var(--bt-renk1),.15);
  transform: translate(50%, -50%) rotate(25deg);
  animation: bsDonusEgik var(--bt-y3-hiz) linear infinite var(--bt-y3-yon);
}
@keyframes bsDonus { to { transform: translate(50%, -50%) rotate(360deg); } }
@keyframes bsDonusEgik { to { transform: translate(50%, -50%) rotate(385deg); } }

/* --- Uydular --- */
.bs-uydu {
  position: absolute; border-radius: 50%;
  display: grid; place-items: center;
  border: 1px solid rgba(255,255,255,.2);
}
.bs-u1 {
  top: -14px; left: calc(50% - 14px);
  width: 28px; height: 28px; color: #fff;
  background: linear-gradient(135deg, rgba(var(--bt-renk1),1), rgba(var(--bt-renk1),.7));
  box-shadow: 0 4px 18px rgba(var(--bt-renk1),.6);
  animation: bsDonus var(--bt-y1-hiz) linear infinite reverse, bsNabiz 2s ease-in-out infinite;
}
.bs-u2 {
  top: -11px; left: calc(50% - 11px);
  width: 22px; height: 22px; color: rgba(var(--bt-renk2),1);
  background: rgba(var(--bt-renk2),.2);
  box-shadow: 0 0 12px rgba(var(--bt-renk2),.4);
  animation: bsDonus var(--bt-y2-hiz) linear infinite, bsNabiz 3s ease-in-out infinite .5s;
}
.bs-u3 {
  bottom: -11px; right: calc(50% - 11px);
  width: 22px; height: 22px; color: rgba(var(--bt-renk1),.8);
  background: rgba(var(--bt-renk1),.2);
  box-shadow: 0 0 12px rgba(var(--bt-renk1),.3);
  animation: bsDonus var(--bt-y2-hiz) linear infinite, bsNabiz 2.5s ease-in-out infinite 1s;
}
.bs-u4 {
  top: -10px; left: calc(50% - 10px);
  width: 20px; height: 20px; color: #f9a8d4;
  background: rgba(249,168,212,.15);
  box-shadow: 0 0 10px rgba(249,168,212,.3);
  animation: bsDonus var(--bt-y3-hiz) linear infinite reverse, bsNabiz 4s ease-in-out infinite;
}
@keyframes bsNabiz {
  0%,100% { transform: scale(1); }
  50%     { transform: scale(1.3); }
}

/* --- DNA Sarmalı --- */
.bs-dna {
  position: absolute; right: 12%; top: 10%; bottom: 10%;
  width: 60px;
}
.bs-dna-nokta {
  position: absolute;
  width: 6px; height: 6px; border-radius: 50%;
  background: rgba(var(--bt-renk1),.6);
  box-shadow: 0 0 8px rgba(var(--bt-renk1),.4);
  left: 50%;
  top: calc(var(--i) * 10%);
  animation: bsDnaA var(--bt-dna-hiz) ease-in-out infinite;
  animation-delay: calc(var(--i) * -0.3s);
}
.bs-dna-b {
  background: rgba(var(--bt-renk2),.5);
  box-shadow: 0 0 8px rgba(var(--bt-renk2),.3);
  animation-name: bsDnaB;
}
@keyframes bsDnaA {
  0%,100% { transform: translateX(calc(var(--bt-dna-genlik) * -1)) scale(1); opacity: .9; }
  50%     { transform: translateX(var(--bt-dna-genlik)) scale(.6); opacity: .4; }
}
@keyframes bsDnaB {
  0%,100% { transform: translateX(var(--bt-dna-genlik)) scale(.6); opacity: .4; }
  50%     { transform: translateX(calc(var(--bt-dna-genlik) * -1)) scale(1); opacity: .9; }
}

/* --- Yüzen parçacıklar --- */
.bs-parcacik {
  position: absolute; border-radius: 50%;
  animation: bsParcacik linear infinite;
}
.bs-p1 { width: 4px; height: 4px; background: rgba(var(--bt-renk1),.5); top: 18%; left: 55%; animation-duration: 12s; animation-delay: 0s; }
.bs-p2 { width: 3px; height: 3px; background: rgba(var(--bt-renk2),.5);  top: 65%; left: 28%; animation-duration: 15s; animation-delay: -2s; }
.bs-p3 { width: 5px; height: 5px; background: rgba(249,168,212,.4); top: 35%; left: 78%; animation-duration: 10s; animation-delay: -4s; }
.bs-p4 { width: 3px; height: 3px; background: rgba(var(--bt-renk1),.5); top: 75%; left: 65%; animation-duration: 18s; animation-delay: -1s; }
.bs-p5 { width: 4px; height: 4px; background: rgba(var(--bt-renk2),.4);  top: 22%; left: 42%; animation-duration: 14s; animation-delay: -6s; }
.bs-p6 { width: 2px; height: 2px; background: rgba(255,255,255,.3); top: 50%; left: 18%; animation-duration: 20s; animation-delay: -3s; }
.bs-p7 { width: 3px; height: 3px; background: rgba(var(--bt-renk1),.3);  top: 80%; left: 48%; animation-duration: 16s; animation-delay: -8s; }
.bs-p8 { width: 4px; height: 4px; background: rgba(var(--bt-renk2),.3); top: 12%; left: 72%; animation-duration: 11s; animation-delay: -5s; }
@keyframes bsParcacik {
  0%   { transform: translate(0, 0) scale(1); opacity: 0; }
  10%  { opacity: 1; }
  50%  { transform: translate(calc(-20px + 40px * var(--r, .5)), -40px) scale(1.3); opacity: .8; }
  90%  { opacity: .2; }
  100% { transform: translate(calc(30px - 60px * var(--r, .5)), -80px) scale(.5); opacity: 0; }
}
.bs-p1 { --r: .2; } .bs-p2 { --r: .8; } .bs-p3 { --r: .35; } .bs-p4 { --r: .65; }
.bs-p5 { --r: .5; } .bs-p6 { --r: .1; } .bs-p7 { --r: .9; } .bs-p8 { --r: .45; }

/* --- Yüzen diş aletleri --- */
.bs-alet {
  position: absolute; opacity: .35;
  animation: bsAletYuzen 7s ease-in-out infinite;
}
.bs-alet svg { width: 100%; height: 100%; }
.bs-alet1 {
  width: 22px; top: 18%; right: 18%;
  transform: rotate(25deg);
  animation-delay: 0s;
}
.bs-alet2 {
  width: 24px; bottom: 22%; right: 24%;
  transform: rotate(-15deg);
  animation-delay: -3s;
}
@keyframes bsAletYuzen {
  0%,100% { transform: translateY(0) rotate(var(--rot, 25deg)); opacity: .3; }
  50%     { transform: translateY(-12px) rotate(calc(var(--rot, 25deg) + 8deg)); opacity: .5; }
}
.bs-alet1 { --rot: 25deg; }
.bs-alet2 { --rot: -15deg; }

/* --- Nabız halkaları --- */
.bs-nabiz {
  position: absolute; border-radius: 50%;
  border: 1.5px solid rgba(var(--bt-renk1),.3);
  top: 42%; right: 36%;
  transform: translate(50%, -50%) scale(0);
  animation: bsNabizHalka var(--bt-nabiz-hiz) ease-out infinite;
}
.bs-n1 { width: 220px; height: 220px; animation-delay: 0s; }
.bs-n2 { width: 220px; height: 220px; animation-delay: calc(var(--bt-nabiz-hiz) * .33); }
.bs-n3 { width: 220px; height: 220px; animation-delay: calc(var(--bt-nabiz-hiz) * .66); border-color: rgba(var(--bt-renk2),.25); }
@keyframes bsNabizHalka {
  0%   { transform: translate(50%, -50%) scale(0); opacity: .6; }
  100% { transform: translate(50%, -50%) scale(var(--bt-nabiz-olcek)); opacity: 0; }
}

/* --- Göz kırpan ışıltılar --- */
.bs-isiltir {
  position: absolute; z-index: 4; font-size: .9rem;
  color: rgba(var(--bt-renk2),1);
  text-shadow: 0 0 12px rgba(var(--bt-renk2),.8);
  animation: bsIsiltir 3.5s ease-in-out infinite;
  pointer-events: none;
}
.bs-i1 { top: 15%; left: 32%; animation-delay: 0s; }
.bs-i2 { top: 30%; right: 18%; animation-delay: .8s; color: rgba(var(--bt-renk1),.8); text-shadow: 0 0 12px rgba(var(--bt-renk1),.7); }
.bs-i3 { bottom: 28%; left: 24%; animation-delay: 1.6s; font-size: 1rem; }
.bs-i4 { bottom: 15%; right: 28%; animation-delay: 2.2s; color: rgba(var(--bt-renk1),.8); text-shadow: 0 0 12px rgba(var(--bt-renk1),.7); font-size: 1.1rem; }
.bs-i5 { top: 20%; right: 40%; animation-delay: .5s; font-size: .7rem; }
.bs-i6 { bottom: 35%; left: 48%; animation-delay: 1.8s; font-size: .8rem; color: #f9a8d4; text-shadow: 0 0 10px rgba(249,168,212,.6); }
@keyframes bsIsiltir {
  0%, 100% { opacity: 0; transform: scale(.3) rotate(0deg); }
  50%      { opacity: 1; transform: scale(1.2) rotate(120deg); }
}

/* --- Banner tema bazlı uydu renkleri --- */
.banner-sahne[data-tema="supernova"] .bs-u1 { background: linear-gradient(135deg, #a855f7, #d946ef); box-shadow: 0 4px 18px rgba(168,85,247,.6); }
.banner-sahne[data-tema="supernova"] .bs-u2 { background: rgba(249,168,212,.25); color: #f9a8d4; box-shadow: 0 0 12px rgba(249,168,212,.4); }
.banner-sahne[data-tema="supernova"] .bs-u3 { background: rgba(232,121,249,.2); color: #e879f9; box-shadow: 0 0 12px rgba(232,121,249,.3); }
.banner-sahne[data-tema="okyanus"] .bs-u1 { background: linear-gradient(135deg, #06b6d4, #22d3ee); box-shadow: 0 4px 18px rgba(6,182,212,.6); }
.banner-sahne[data-tema="okyanus"] .bs-u2 { background: rgba(14,165,183,.25); color: #67e8f9; box-shadow: 0 0 12px rgba(14,165,183,.4); }
.banner-sahne[data-tema="nebula"] .bs-u1 { background: linear-gradient(135deg, #ec4899, #f472b6); box-shadow: 0 4px 18px rgba(236,72,153,.6); }
.banner-sahne[data-tema="nebula"] .bs-u2 { background: rgba(139,92,246,.25); color: #a78bfa; box-shadow: 0 0 12px rgba(139,92,246,.4); }
.banner-sahne[data-tema="aurora"] .bs-u1 { background: linear-gradient(135deg, #34d399, #10b981); box-shadow: 0 4px 18px rgba(52,211,153,.6); }
.banner-sahne[data-tema="aurora"] .bs-u2 { background: rgba(109,93,246,.25); color: #a78bfa; box-shadow: 0 0 12px rgba(109,93,246,.4); }
.banner-sahne[data-tema="kuantum"] .bs-u1 { background: linear-gradient(135deg, #818cf8, #a5b4fc); box-shadow: 0 4px 18px rgba(129,140,248,.5); }
.banner-sahne[data-tema="kuantum"] .bs-u2 { background: rgba(224,231,255,.2); color: #e0e7ff; box-shadow: 0 0 12px rgba(224,231,255,.4); }

/* --- Banner giriş animasyonu --- */
.bs-giris .bs-dis-ana,
.bs-giris .bs-yorunge,
.bs-giris .bs-nabiz,
.bs-giris .bs-isiltir,
.bs-giris .bs-dna,
.bs-giris .bs-parcacik,
.bs-giris .bs-alet,
.bs-giris .bs-dalga { opacity: 0; }

.bs-giris-yukari .bs-dis-ana { transform: translate(50%, calc(-50% + 40px)); }
.bs-giris-patlama .bs-dis-ana { transform: translate(50%, -50%) scale(0); }
.bs-giris-dalga .bs-dis-ana { transform: translate(calc(50% + 60px), -50%); }
.bs-giris-spiral .bs-dis-ana { transform: translate(50%, -50%) rotate(-120deg) scale(0); }
.bs-giris-kayma .bs-dis-ana { transform: translate(50%, calc(-50% + 50px)) scale(.8); }
.bs-giris-zoom .bs-dis-ana { transform: translate(50%, -50%) scale(2.2); }

.bs-giris-aktif .bs-dis-ana {
  opacity: 1; transform: translate(50%, -50%);
  transition: opacity .8s cubic-bezier(.16,1,.3,1), transform 1s cubic-bezier(.16,1,.3,1);
}
.bs-giris-aktif .bs-dis-parilti { transition: opacity 1s ease .2s; }
.bs-giris-aktif .bs-yorunge {
  opacity: 1;
  transition: opacity .6s ease .15s;
}
.bs-giris-aktif .bs-nabiz {
  opacity: 1;
  transition: opacity .6s ease .5s;
}
.bs-giris-aktif .bs-isiltir {
  opacity: 1;
  transition: opacity .5s ease .6s;
}
.bs-giris-aktif .bs-dna {
  opacity: 1;
  transition: opacity .8s ease .2s;
}
.bs-giris-aktif .bs-parcacik {
  opacity: 1;
  transition: opacity .6s ease .7s;
}
.bs-giris-aktif .bs-alet {
  opacity: 1;
  transition: opacity .8s ease .4s;
}
.bs-giris-aktif .bs-dalga {
  opacity: 1;
  transition: opacity 1s ease .3s;
}

/* --- Dalga SVG (alt) --- */
.bs-dalga {
  position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; z-index: 0;
}

/* --- Mobil uyum --- */
@media (max-width: 1060px) {
  .bs-dis-ana { right: 50%; width: 120px; height: 120px; }
  .bs-dis-govde { width: 65px; }
  .bs-dis-parilti { width: 130px; height: 130px; }
  .bs-yorunge { right: 50%; }
  .bs-nabiz { right: 50%; }
  .bs-y1 { width: 130px; height: 130px; }
  .bs-y2 { width: 190px; height: 190px; }
  .bs-y3 { display: none; }
  .bs-dna { right: 5%; width: 30px; }
  .bs-dna-nokta { width: 4px; height: 4px; }
  .bs-alet { display: none; }
  .bs-isiltir { font-size: .7rem; }
}
@media (max-width: 640px) {
  .bs-dna { display: none; }
  .bs-y2 { display: none; }
  .bs-parcacik { display: none; }
  .bs-isiltir { display: none; }
  .bs-nabiz { display: none; }
}

@media (prefers-reduced-motion: reduce), (pointer: coarse) {
  .serit-ic { animation-duration: 60s; }
}

/* Not: Global "hareketi azalt" animasyon kısıtlaması bilinçli olarak
   kaldırıldı; animasyonlar tüm platformlarda tasarlandığı gibi çalışır.
   (Süreleri 0.01ms'ye indiren eski kural sonsuz animasyonlarda titremeye
   yol açıyordu.) */

/* ---------------- Duyarlı Tasarım ---------------- */
/* Geniş masaüstü altı: yazılı arama kutusu yerine arama ikonu */
@media (max-width: 1560px) {
  .arama-mini { display: none; }
  .nav-arama { display: grid; }
}

/* Orta-geniş: üst şeritteki konum bilgisini gizle, yer aç */
@media (max-width: 1300px) {
  .ust-serit-konum { display: none; }
}

/* Orta genişlik: öğeleri sıkılaştır */
@media (max-width: 1460px) {
  .nav-liste .nav-link { padding: .5rem .6rem; font-size: .83rem; gap: .3rem; }
  .nav-ikon svg { width: 16px; height: 16px; }
  .marka-metin strong { font-size: .88rem; }
}

/* Daha dar: ikonları gizle */
@media (max-width: 1240px) {
  .nav-ikon { display: none; }
  .nav-liste .nav-link { padding: .5rem .55rem; }
}

@media (max-width: 1080px) {
  .izgara-4 { grid-template-columns: repeat(2, 1fr); }
}

/* Hamburger menüye geçiş */
@media (max-width: 1060px) {
  .ust-serit { display: none; }
  .ust-ic { min-height: 60px; }
  /* backdrop-filter fixed çocukları header kutusuna hapseder — mobil menü bozulur */
  .ust-ana {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    overflow: visible;
  }
  body.menu-acik .ust-ana {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .hamburger { display: flex; z-index: 1002; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
  /* Mobil menü — header her zaman en üstte */
  .ust { z-index: 1000; }
  .nav {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    height: calc(100vh - 60px);
    height: calc(100dvh - 60px);
    background: var(--gece);
    overflow: hidden;
    padding: 0;
    transform: translateX(100%);
    transition: transform 0.48s cubic-bezier(0.32, 0.72, 0, 1), visibility 0.48s;
    margin-left: 0;
    z-index: 1001;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    will-change: transform;
  }
  .nav.acik,
  .nav.nav-kapaniyor {
    visibility: visible;
  }
  .nav.acik {
    transform: translateX(0);
  }
  .nav.nav-kapaniyor {
    transform: translateX(100%);
    pointer-events: none;
  }
  body.menu-acik::before {
    content: "";
    position: fixed;
    inset: 60px 0 0 0;
    background: rgba(4, 6, 18, .55);
    z-index: 1000;
    backdrop-filter: blur(2px);
    animation: mobil-menu-overlay 0.42s ease;
  }
  /* Liste kaydırılabilir alan; dil seçici + Randevu butonu (nav-mobil-alt)
     her zaman sabit kalır, kaydırma gerektirmez. */
  .nav-liste {
    flex: 1 1 auto;
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    gap: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: .6rem 1.1rem .4rem;
  }
  .nav-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(109,93,246,.22), rgba(34,211,238,.14));
    border: 1px solid rgba(139,124,248,.22);
    color: var(--cam);
    transition: background var(--gecis), border-color var(--gecis), transform var(--gecis);
  }
  .nav-ikon svg { width: 17px; height: 17px; }
  .nav-liste > li {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
  }
  .nav-liste > li:last-child { border-bottom: 0; }
  /* Tüm ana menü satırları — eşit yükseklik, sola hizalı metin */
  .nav-liste > li > .nav-link {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    gap: .75rem;
    min-height: 3.1rem;
    padding: .62rem .65rem;
    font-size: .98rem;
    border-radius: 0;
    box-sizing: border-box;
  }
  .nav-liste .nav-metin {
    font-weight: 700;
    letter-spacing: -.01em;
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
  }
  .nav-link .ok { margin-left: auto; width: 13px; height: 13px; opacity: .55; flex-shrink: 0; transition: transform 0.38s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.25s ease; }
  /* Düz linklerde ok yok — açılır menülerle aynı sağ hizalama */
  .nav-liste > li:not(.acilir) > .nav-link::after {
    content: "";
    width: 13px;
    height: 13px;
    margin-left: auto;
    flex-shrink: 0;
  }
  .acilir.acik > .nav-link.acilir-dugme .ok { transform: rotate(180deg); opacity: .85; }
  .nav-link:active .nav-ikon,
  .acilir.acik .nav-link .nav-ikon {
    background: linear-gradient(135deg, var(--menekse), var(--cam));
    border-color: transparent;
    color: #fff;
  }
  .nav-link:active { background: rgba(255, 255, 255, .04); }
  .nav-link::before { display: none; }
  /* İkonu olmayan düz linkler — metin hizası için görünmez yer tutucu */
  .nav-liste > li:not(.acilir) > .nav-link:not(:has(.nav-ikon))::before {
    content: "";
    display: block;
    position: static;
    inset: auto;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    opacity: 1;
    transform: none;
    border: 0;
    background: transparent;
    z-index: auto;
  }
  /* Kapalı alt menü paneli — satır aralığına katkı vermesin */
  .acilir:not(.acik) > .acilir-panel {
    margin: 0;
    padding: 0;
    border-width: 0;
    max-height: 0;
    grid-template-rows: 0fr;
    opacity: 0;
    pointer-events: none;
  }
  .acilir-panel {
    position: static;
    transform: none;
    visibility: visible;
    pointer-events: none;
    padding: 0;
    display: grid;
    grid-template-rows: 0fr;
    width: auto;
    max-width: none;
    opacity: 0;
    margin: 0 .5rem;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
    transition:
      grid-template-rows 0.44s cubic-bezier(0.32, 0.72, 0, 1),
      opacity 0.34s ease,
      margin 0.36s ease,
      border-color 0.3s ease,
      background 0.36s ease,
      box-shadow 0.36s ease;
    animation: none !important;
  }
  /* .acilir.acik .acilir-panel (masaüstü) daha yüksek özgüllüğe sahip olduğu için
     transform: translateX(-50%) kuralını eziyor ve paneli sola kaydırıyordu — burada
     aynı özgüllükle sıfırlanıyor. */
  .acilir.acik .acilir-panel {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    grid-template-rows: 1fr;
    opacity: 1;
    pointer-events: auto;
    margin: -.15rem .5rem .75rem;
    background: linear-gradient(165deg, rgba(255, 255, 255, .09) 0%, rgba(255, 255, 255, .04) 100%);
    border-color: rgba(139, 124, 248, .22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 24px rgba(0, 0, 0, .18);
  }
  /* Üst menü satırı — açıkken vurgulu */
  .acilir.acik > .nav-link.acilir-dugme {
    background: rgba(109, 93, 246, .14);
    border-radius: 12px 12px 0 0;
    margin-bottom: 0;
    color: #fff;
  }
  .acilir-panel-ic {
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    padding: .6rem .65rem .7rem;
    max-height: none;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: .65rem;
  }
  .acilir-panel-ic::before { display: none; }
  .acilir-gruplar { display: flex; flex-direction: column; gap: .65rem; }
  .acilir-grup {
    padding: 0;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 11px;
    overflow: hidden;
  }
  /* Grup adıyla aynı isimdeki ilk kategori başlığı üst düğmeyle tekrar oluyor —
     mobilde gizlenir, liste doğrudan gösterilir (masaüstü mega menüde kalır). */
  .acilir-baslik-tekrar { display: none; }
  .acilir-grup-ana { background: transparent; border: 0; padding: 0; }
  .acilir-grup-ana ul { margin-top: 0; padding: .25rem .35rem .4rem; }
  .acilir-baslik:not(.acilir-baslik-tekrar) {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0;
    padding: .65rem .75rem;
    font-size: .8rem;
    font-weight: 800;
    color: #e8ecff;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background: rgba(109, 93, 246, .16);
  }
  .acilir-baslik .grup-ikon {
    width: 26px;
    height: 26px;
    border-radius: 8px;
  }
  .acilir-baslik .grup-adet {
    font-size: .62rem;
    padding: .12rem .45rem;
  }
  .acilir-grup ul {
    list-style: none;
    padding: .35rem .4rem .45rem;
    margin: 0;
  }
  .acilir-grup li a {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .58rem .65rem;
    font-size: .86rem;
    font-weight: 500;
    color: #b8c0dc;
    text-decoration: none;
    border-radius: 9px;
    line-height: 1.35;
    transition: background .2s ease, color .2s ease;
  }
  .acilir-grup li a .mini-ok {
    color: var(--cam);
    opacity: .65;
    flex-shrink: 0;
  }
  .acilir-grup li a:active {
    background: rgba(109, 93, 246, .22);
    color: #fff;
  }
  .acilir-vitrin { display: none; }
  .gruplu-1 .acilir-grup ul { display: block; }

  /* ---- Mobil menü animasyonları ---- */
  @keyframes mobil-menu-overlay {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  @keyframes mobil-nav-kalem {
    from { opacity: 0; transform: translateX(24px); }
    to { opacity: 1; transform: none; }
  }
  @keyframes mobil-nav-alt {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: none; }
  }
  @keyframes mobil-alt-kalem {
    from { opacity: 0; transform: translateX(10px); }
    to { opacity: 1; transform: none; }
  }
  @keyframes mobil-alt-baslik {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: none; }
  }
  .nav.acik:not(.nav-kapaniyor) .nav-liste > li {
    animation: mobil-nav-kalem 0.42s cubic-bezier(0.32, 0.72, 0, 1) backwards;
  }
  .nav.acik:not(.nav-kapaniyor) .nav-liste > li:nth-child(1) { animation-delay: 0.05s; }
  .nav.acik:not(.nav-kapaniyor) .nav-liste > li:nth-child(2) { animation-delay: 0.09s; }
  .nav.acik:not(.nav-kapaniyor) .nav-liste > li:nth-child(3) { animation-delay: 0.13s; }
  .nav.acik:not(.nav-kapaniyor) .nav-liste > li:nth-child(4) { animation-delay: 0.17s; }
  .nav.acik:not(.nav-kapaniyor) .nav-liste > li:nth-child(5) { animation-delay: 0.21s; }
  .nav.acik:not(.nav-kapaniyor) .nav-liste > li:nth-child(6) { animation-delay: 0.25s; }
  .nav.acik:not(.nav-kapaniyor) .nav-liste > li:nth-child(7) { animation-delay: 0.29s; }
  .nav.acik:not(.nav-kapaniyor) .nav-liste > li:nth-child(8) { animation-delay: 0.33s; }
  .nav.acik:not(.nav-kapaniyor) .nav-liste > li:nth-child(n+9) { animation-delay: 0.36s; }
  .nav.acik:not(.nav-kapaniyor) .nav-mobil-alt {
    animation: mobil-nav-alt 0.45s cubic-bezier(0.32, 0.72, 0, 1) 0.24s backwards;
  }
  .acilir.acik .acilir-baslik:not(.acilir-baslik-tekrar) {
    animation: mobil-alt-baslik 0.32s ease backwards;
  }
  .acilir.acik .acilir-grup li {
    animation: mobil-alt-kalem 0.32s cubic-bezier(0.32, 0.72, 0, 1) backwards;
  }
  .acilir.acik .acilir-grup li:nth-child(1) { animation-delay: 0.05s; }
  .acilir.acik .acilir-grup li:nth-child(2) { animation-delay: 0.08s; }
  .acilir.acik .acilir-grup li:nth-child(3) { animation-delay: 0.11s; }
  .acilir.acik .acilir-grup li:nth-child(4) { animation-delay: 0.14s; }
  .acilir.acik .acilir-grup li:nth-child(5) { animation-delay: 0.17s; }
  .acilir.acik .acilir-grup li:nth-child(6) { animation-delay: 0.2s; }
  .acilir.acik .acilir-grup li:nth-child(7) { animation-delay: 0.23s; }
  .acilir.acik .acilir-grup li:nth-child(8) { animation-delay: 0.26s; }
  .acilir.acik .acilir-grup li:nth-child(9) { animation-delay: 0.29s; }
  .acilir.acik .acilir-grup li:nth-child(10) { animation-delay: 0.32s; }
  .acilir.acik .acilir-grup li:nth-child(11) { animation-delay: 0.35s; }
  .acilir.acik .acilir-grup li:nth-child(12) { animation-delay: 0.38s; }
  .acilir.acik .acilir-grup li:nth-child(n+13) { animation-delay: 0.4s; }

  .arama-mini { display: none; }
  .kahraman { padding: 3.5rem 0 6.5rem; min-height: auto; }
  #webgl { opacity: .5; }
  .kahraman-ic { grid-template-columns: 1fr; gap: 1.25rem; }
  /* Diş sahnesi masaüstünde gizlenmek yerine küçültülüp gösterilir */
  .dis-sahne {
    min-height: 300px;
    max-width: 340px;
    width: 100%;
    margin: 0 auto;
  }
  .dis-parilti { width: 230px; height: 230px; }
  .dis-govde { width: min(160px, 62%); }
  .yorunge-1 { width: 190px; height: 190px; }
  .yorunge-2 { width: 250px; height: 250px; }
  .yorunge-3 { display: none; }
  .hero-nabiz { width: 170px; height: 170px; }
  .hero-dna { display: none; }
  .yuzen-rozet { font-size: .7rem; padding: .4rem .6rem; gap: .45rem; }
  .yuzen-rozet strong { font-size: .74rem; }
  .rozet-ikon { width: 24px; height: 24px; border-radius: 7px; font-size: .78rem; }
  .sayac-kutu { grid-template-columns: repeat(2, 1fr); }
  .sayac { padding: 1.6rem .8rem 1.4rem; }
  .sayac-ikon { width: 44px; height: 44px; border-radius: 12px; }
  .sayac strong { font-size: 1.8rem; }
  .sayac:nth-child(3)::before { display: none; }
  .sayac:hover { transform: none; }
  .sayac-kutu::after { animation-duration: 12s; }
  .izgara-3 { grid-template-columns: repeat(2, 1fr); }
  .hakkinda { grid-template-columns: 1fr; }
  .icerik-duzen { grid-template-columns: 1fr; }
  .kenar { position: static; }

  @media (prefers-reduced-motion: reduce) {
    .nav { transition: none; will-change: auto; }
    .nav.acik:not(.nav-kapaniyor) .nav-liste > li,
    .nav.acik:not(.nav-kapaniyor) .nav-mobil-alt,
    .acilir .acilir-panel,
    .acilir.acik .acilir-grup li,
    .acilir.acik .acilir-baslik:not(.acilir-baslik-tekrar) {
      animation: none !important;
      transition: none !important;
    }
    .acilir .acilir-panel { opacity: 1; grid-template-rows: 0fr; }
    .acilir.acik .acilir-panel { grid-template-rows: 1fr; }
  }
}

@media (max-width: 560px) {
  .izgara-2, .izgara-3, .izgara-4 { grid-template-columns: 1fr; }
  .personel-izgara { grid-template-columns: repeat(2, 1fr); }
  .dugme-randevu.ust-dugme { display: none; }
  .marka-metin strong { font-size: .85rem; }
}

/* =====================================================================
   MOBİL UYUM — Kapsamlı düzenlemeler (tüm sayfalar)
   ===================================================================== */

/* Güvenli alan (çentikli telefonlar) */
@supports (padding: max(0px)) {
  .ust-ana {
    padding-left: max(0px, env(safe-area-inset-left));
    padding-right: max(0px, env(safe-area-inset-right));
  }
  .kap {
    padding-left: max(1.25rem, calc(1rem + env(safe-area-inset-left)));
    padding-right: max(1.25rem, calc(1rem + env(safe-area-inset-right)));
  }
  .nav {
    padding-bottom: 0;
  }
}

.nav-mobil-alt { display: none; }

@media (max-width: 1060px) {
  /* ---- Header: logo + eylemler çakışmasını önle ---- */
  .ust-ic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
    width: 100%;
    min-height: 60px;
  }
  .marka {
    flex: 1 1 auto;
    min-width: 0;
    max-width: min(300px, calc(100% - 8rem));
    overflow: hidden;
  }
  .marka-logo {
    height: 46px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
  }
  .ust-eylemler {
    flex: 0 0 auto;
    gap: .35rem;
    margin-left: auto;
  }
  .dil-secici-ust {
    padding: .15rem;
  }
  .dil-secici-ust .dil-dugme {
    min-width: 1.65rem;
    height: 1.55rem;
    font-size: .6rem;
    padding: 0 .32rem;
  }
  .nav-arama {
    width: 34px;
    height: 34px;
  }
  .hamburger {
    padding: .4rem;
    margin-right: -.15rem;
  }

  .nav-mobil-alt {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: .85rem;
    padding: 1.25rem 1.2rem max(1.35rem, calc(1rem + env(safe-area-inset-bottom)));
    border-top: 1px solid rgba(255, 255, 255, .08);
  }
  .dil-secici-mobil {
    align-self: flex-start;
  }
  .nav-mobil-randevu {
    width: 100%;
    justify-content: center;
    padding: .85rem 1.2rem;
    font-size: .92rem;
  }

  /* ---- Hero ---- */
  .kahraman {
    padding: 3rem 0 5.5rem;
    min-height: auto;
  }
  .kahraman-rozet {
    font-size: .74rem;
    padding: .38rem .85rem;
    margin-bottom: 1rem;
  }
  .slogan-slider {
    min-height: clamp(4.5rem, 18vw, 6rem);
  }
  .slogan-item {
    font-size: clamp(1.75rem, 7.2vw, 2.4rem);
    line-height: 1.15;
  }
  .kahraman p.tanitim {
    font-size: .94rem;
    margin: 1rem 0 1.5rem;
    line-height: 1.65;
  }
  .kahraman-dugmeler {
    flex-direction: column;
    gap: .65rem;
  }
  .kahraman-dugmeler .dugme {
    width: 100%;
    justify-content: center;
  }
  .dugme-buyuk {
    padding: .85rem 1.25rem;
    font-size: .92rem;
  }
  .kahraman-dalga svg {
    height: 48px;
  }

  /* ---- İstatistik kartları ---- */
  .sayaclar {
    margin-top: -3.5rem;
  }
  .sayac-kutu {
    border-radius: 16px;
  }
  .sayac {
    padding: 1.2rem .65rem 1rem;
  }
  .sayac strong {
    font-size: 1.55rem;
  }
  .sayac span {
    font-size: .72rem;
    line-height: 1.35;
  }

  /* ---- İçerik sayfaları ---- */
  .sayfa-baslik {
    padding: 2.4rem 0 2rem;
  }
  .sayfa-baslik h1 {
    font-size: clamp(1.35rem, 5.5vw, 1.85rem);
    line-height: 1.25;
  }
  .kirinti {
    font-size: .76rem;
    line-height: 1.5;
    margin-bottom: .55rem;
  }
  .icerik-duzen {
    margin-top: -1.2rem;
    gap: 1.5rem;
    padding-bottom: 3rem;
  }
  .icerik-govde {
    font-size: .96rem;
    line-height: 1.75;
  }
  .sayfa-metin {
    text-align: left;
    font-size: .96rem;
  }
  .sayfa-metin > p + p {
    text-indent: 0;
  }
  .sayfa-metin > p:first-of-type::first-letter {
    float: none;
    font-size: inherit;
    margin: 0;
    background: none;
    -webkit-text-fill-color: inherit;
    color: inherit;
  }

  /* ---- Bölüm başlıkları ---- */
  .bolum-baslik h2 {
    font-size: clamp(1.35rem, 5vw, 1.75rem);
  }
  .klt-bolum, .hst-bolum, .krl-bolum, .hk-bolum {
    padding: 3.5rem 0 4rem;
  }
}

@media (max-width: 640px) {
  .kap {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .kadro-izgara { grid-template-columns: repeat(2, 1fr); gap: .85rem; }
  .kadro-kart-govde { padding: .9rem .85rem 1rem; }
  .kadro-kart-govde h3 { font-size: .92rem; }
  .personel-izgara {
    grid-template-columns: 1fr;
  }
  .cta-kutu {
    padding: 2rem 1.25rem;
    border-radius: 18px;
  }
  .cta-kutu .dugme {
    width: 100%;
    justify-content: center;
  }
  .hk-bolum {
    padding: 3rem 0 3.5rem;
  }
  .hk-sahne {
    max-width: 280px;
  }
}

@media (max-width: 480px) {
  .ust-ic {
    min-height: 56px;
    gap: .35rem;
  }
  .marka {
    max-width: min(260px, calc(100% - 6.2rem));
  }
  .marka-logo {
    height: 40px;
  }
  /* Küçük ekranda dil seçici üst bardan kaldır — mobil menüde var */
  .dil-secici-ust {
    display: none;
  }
  .marka {
    max-width: min(260px, calc(100% - 4.5rem));
  }
  .nav {
    top: 56px;
    height: calc(100vh - 56px);
    height: calc(100dvh - 56px);
  }
  body.menu-acik::before {
    inset: 56px 0 0 0;
  }
  .slogan-item {
    font-size: clamp(1.5rem, 8vw, 1.95rem);
  }
  .sayac-kutu {
    grid-template-columns: 1fr 1fr;
    gap: .65rem;
  }
  .sayac:nth-child(3)::before {
    display: none;
  }
  .dis-sahne { min-height: 260px; max-width: 280px; }
  .dis-parilti { width: 190px; height: 190px; }
  .dis-govde { width: min(130px, 62%); }
  .yorunge-1 { width: 150px; height: 150px; }
  .yorunge-2 { width: 200px; height: 200px; }
  .hero-nabiz { width: 130px; height: 130px; }
  .serit {
    padding: 1.8rem 0 .4rem;
  }
  .serit-ic span {
    font-size: clamp(1.2rem, 6vw, 1.6rem);
  }

  /* Arama, haber, personel */
  .arama-kapsul { padding: 1rem; border-radius: 16px; }
  .kart-arama { padding: 1.1rem 1rem; }
  .hbr-detay-gorsel { aspect-ratio: 16/9; height: auto; }
  .personel-kart { padding: 1.1rem; }
}

@media (max-width: 360px) {
  .marka {
    max-width: min(220px, calc(100% - 4rem));
  }
  .marka-logo {
    height: 34px;
  }
  .nav-arama {
    width: 32px;
    height: 32px;
  }
  .hamburger span {
    width: 20px;
  }
  .dis-sahne { min-height: 225px; max-width: 240px; }
  .dis-parilti { width: 160px; height: 160px; }
  .dis-govde { width: min(110px, 62%); }
  .yorunge-1 { width: 130px; height: 130px; }
  .yorunge-2 { width: 170px; height: 170px; }
  .hero-nabiz { width: 110px; height: 110px; }
  .yuzen-rozet { padding: .32rem .5rem; }
  .yuzen-rozet span:not(.rozet-ikon) { display: none; }
}

/* ============================================
   İletişim sayfası
   ============================================ */
.ilt-govde { padding: 0 0 4rem; margin-top: -1.2rem; position: relative; z-index: 2; }

.ilt-hizli {
  display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 1.25rem;
}
.ilt-hizli-oge {
  display: flex; align-items: center; gap: .75rem; flex: 1; min-width: 220px;
  padding: .85rem 1.1rem; text-decoration: none; color: inherit;
  background: #fff; border: 1px solid #e8ecf1; border-radius: 12px;
  box-shadow: 0 2px 12px rgba(15, 23, 42, .05);
  transition: border-color .2s, box-shadow .2s;
}
.ilt-hizli-oge:hover { border-color: rgba(13, 148, 136, .35); box-shadow: 0 4px 16px rgba(15, 23, 42, .08); }
.ilt-hizli-ikon {
  width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center;
  background: #ecfdf5; color: #0d9488; flex-shrink: 0;
}
.ilt-hizli-oge small { display: block; font-size: .68rem; color: #64748b; text-transform: uppercase; letter-spacing: .04em; }
.ilt-hizli-oge strong { font-size: .88rem; color: #0f172a; font-weight: 700; }

.ilt-izgara {
  display: grid; grid-template-columns: minmax(280px, 380px) 1fr; gap: 1.8rem; align-items: start;
}
.ilt-bilgi { display: flex; flex-direction: column; gap: 1rem; position: sticky; top: 96px; }
.ilt-bilgi-kart {
  background: #fff; border-radius: calc(var(--radius) + 2px);
  border: 1px solid rgba(109,93,246,.1); box-shadow: var(--golge); padding: 1.5rem;
}
.ilt-bilgi-kart h2 { font-size: 1.05rem; margin: 0 0 1rem; font-weight: 800; }
.ilt-bilgi-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.ilt-bilgi-liste li { display: flex; gap: .85rem; align-items: flex-start; }
.ilt-bilgi-ikon {
  width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0;
  display: grid; place-items: center;
  background: linear-gradient(135deg, rgba(109,93,246,.1), rgba(34,211,238,.1));
  color: var(--menekse);
}
.ilt-bilgi-liste strong { display: block; font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: var(--menekse); margin-bottom: .15rem; }
.ilt-bilgi-liste p { margin: 0; font-size: .9rem; line-height: 1.55; color: var(--murekkep); }
.ilt-bilgi-liste a { color: var(--menekse); text-decoration: none; }
.ilt-bilgi-liste a:hover { text-decoration: underline; }

.ilt-harita-kart {
  border-radius: calc(var(--radius) + 2px); overflow: hidden;
  border: 1px solid rgba(109,93,246,.1); box-shadow: var(--golge); background: #fff;
}
.ilt-harita-kart iframe { display: block; width: 100%; height: 220px; border: 0; }
.ilt-harita-link {
  display: block; padding: .75rem 1rem; text-align: center; font-size: .82rem; font-weight: 700;
  color: var(--menekse); text-decoration: none; background: rgba(109,93,246,.04);
  border-top: 1px solid rgba(109,93,246,.08);
}
.ilt-harita-link:hover { background: rgba(109,93,246,.08); }
.ilt-sosyal {
  display: inline-flex; align-items: center; gap: .5rem; padding: .65rem 1rem;
  border-radius: 999px; text-decoration: none; font-size: .84rem; font-weight: 700;
  color: var(--menekse); background: rgba(109,93,246,.08); border: 1px solid rgba(109,93,246,.12);
  align-self: flex-start; transition: all var(--gecis);
}
.ilt-sosyal:hover { background: var(--grad-135); color: #fff; border-color: transparent; }

.ilt-form-kart {
  background: #fff; border-radius: calc(var(--radius) + 4px);
  border: 1px solid rgba(109,93,246,.12); box-shadow: var(--golge-buyuk);
  padding: 1.8rem 1.9rem; scroll-margin-top: 100px;
}
.ilt-form-baslik { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 1.5rem; }
.ilt-form-ikon {
  width: 52px; height: 52px; border-radius: 14px; flex-shrink: 0;
  display: grid; place-items: center;
  background: linear-gradient(135deg, rgba(109,93,246,.12), rgba(34,211,238,.12));
  color: var(--menekse);
}
.ilt-form-baslik h2 { margin: 0 0 .25rem; font-size: 1.35rem; font-weight: 800; }
.ilt-form-baslik p { margin: 0; color: var(--gri); font-size: .9rem; }

.ilt-bildirim {
  padding: .85rem 1rem; border-radius: 12px; margin-bottom: 1.2rem;
  font-size: .88rem; font-weight: 600; line-height: 1.5;
}
.ilt-bildirim-ok { background: #ecfdf5; border: 1px solid #6ee7b7; color: #065f46; }
.ilt-bildirim-hata { background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b; }
.gizli { display: none !important; }

.ilt-tur-alan { border: 0; margin: 0 0 1.25rem; padding: 0; }
.ilt-tur-alan legend { font-size: .82rem; font-weight: 700; color: var(--murekkep); margin-bottom: .65rem; }
.ilt-tur-izgara { display: flex; flex-wrap: wrap; gap: .45rem; }
.ilt-tur-etiket { cursor: pointer; }
.ilt-tur-etiket input { position: absolute; opacity: 0; pointer-events: none; }
.ilt-tur-etiket span {
  display: inline-block; padding: .45rem .95rem; border-radius: 999px;
  font-size: .8rem; font-weight: 700; color: var(--murekkep);
  background: rgba(109,93,246,.06); border: 2px solid transparent;
  transition: all .2s ease;
}
.ilt-tur-etiket input:checked + span {
  background: var(--grad-135); color: #fff; border-color: transparent; box-shadow: var(--neon);
}
.ilt-tur-etiket:hover span { border-color: rgba(109,93,246,.25); }

.ilt-form-satir { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
.ilt-alan { display: flex; flex-direction: column; gap: .35rem; margin-bottom: 1rem; }
.ilt-form-satir .ilt-alan { margin-bottom: 0; }
.ilt-alan label { font-size: .82rem; font-weight: 700; color: var(--murekkep); }
.ilt-alan label em { color: #e11d48; font-style: normal; }
.ilt-alan input, .ilt-alan textarea {
  width: 100%; padding: .75rem 1rem; border-radius: 12px;
  border: 1px solid rgba(109,93,246,.18); font: inherit; font-size: .92rem;
  background: var(--acik-2); transition: border .2s, box-shadow .2s;
}
.ilt-alan input:focus, .ilt-alan textarea:focus {
  outline: none; border-color: rgba(109,93,246,.45);
  box-shadow: 0 0 0 3px rgba(109,93,246,.12); background: #fff;
}
.ilt-alan textarea { resize: vertical; min-height: 140px; }
.ilt-honeypot { position: absolute; left: -9999px; height: 0; width: 0; overflow: hidden; }

.ilt-kvkk {
  display: flex; gap: .65rem; align-items: flex-start; margin: .5rem 0 1.25rem;
  font-size: .8rem; line-height: 1.55; color: var(--gri); cursor: pointer;
}
.ilt-kvkk input { margin-top: .2rem; flex-shrink: 0; accent-color: var(--menekse); }
.ilt-gonder {
  width: 100%; justify-content: center; gap: .5rem; padding: .95rem 1.5rem;
  font-size: .95rem; border: 0; cursor: pointer;
}
.ilt-gonder:disabled { opacity: .65; cursor: wait; }

@media (max-width: 960px) {
  .ilt-hizli { flex-direction: column; }
  .ilt-hizli-oge { min-width: 0; }
  .ilt-izgara { grid-template-columns: 1fr; }
  .ilt-bilgi { position: static; }
}

@media (max-width: 640px) {
  .ilt-form-satir { grid-template-columns: 1fr; gap: 0; }
  .ilt-form-satir .ilt-alan { margin-bottom: 1rem; }
  .ilt-form-kart { padding: 1.25rem 1.1rem; }
  .ilt-tur-izgara { gap: .35rem; }
  .ilt-tur-etiket span { font-size: .74rem; padding: .4rem .75rem; }
}