/* ============================================================
   SALVADER — Ana Stil Dosyası
   Rize Salarha Vadisi Yenişehir Kalkındırma ve Dayanışma Derneği
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Cinzel:wght@400;600&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');

/* ============================================================
   CSS DEĞİŞKENLERİ
   ============================================================ */
:root {
  /* Renkler */
  --yesil-koyu:   #1B3A2D;
  --yesil-orta:   #2D5E45;
  --yesil-acik:   #4A8C6A;
  --altin:        #C9A84C;
  --altin-acik:   #E0C56A;
  --altin-koyu:   #A8882A;
  --krem:         #F8F4EC;
  --krem-koyu:    #EDE7D8;
  --beyaz:        #FFFFFF;
  --gri-acik:     #F5F5F5;
  --gri-orta:     #9E9E9E;
  --gri-koyu:     #424242;
  --siyah:        #1A1A1A;
  --hata:         #C62828;
  --basari:       #2E7D32;
  --uyari:        #F57F17;
  --bilgi:        #1565C0;

  /* Tipografi */
  --yazi-baslik:  'Poppins', 'Segoe UI', system-ui, sans-serif;
  --yazi-metin:   'Poppins', 'Segoe UI', system-ui, sans-serif;
  --yazi-dekor:   'Cinzel', serif;

  /* Boyutlar */
  --konteyner:    1200px;
  --radius:       8px;
  --radius-buyuk: 16px;
  --gecis:        0.3s ease;
  --golge:        0 4px 20px rgba(0,0,0,0.08);
  --golge-buyuk:  0 8px 40px rgba(0,0,0,0.12);
}

/* ============================================================
   SIFIRLAMA & TEMEL
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: var(--yazi-metin);
  color: var(--gri-koyu);
  background: var(--beyaz);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* ============================================================
   MOBİL NAV BACKDROP (Off-canvas)
   ============================================================ */
.nav-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index:997;
  opacity:0;
  transition:opacity .25s ease;
}
.nav-backdrop[hidden]{display:none}
.nav-backdrop.gorunur{opacity:1}

a { color: inherit; text-decoration: none; transition: all var(--gecis); }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; }
button { cursor: pointer; font-family: var(--yazi-metin); }
input, textarea, select {
  font-family: var(--yazi-metin);
  font-size: 1rem;
}

/* ============================================================
   KONTEYNER & LAYOUT
   ============================================================ */
.konteyner {
  width: 100%;
  max-width: var(--konteyner);
  margin: 0 auto;
  padding: 0 20px;
}

/* ============================================================
   ÜST ÇUBUK
   ============================================================ */
.ust-cubuk {
  background: var(--yesil-koyu);
  color: rgba(255,255,255,0.85);
  font-size: 0.82rem;
  padding: 8px 0;
  border-bottom: 1px solid rgba(201,168,76,0.3);
}

.ust-cubuk .konteyner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.ust-cubuk-sol, .ust-cubuk-sag {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.ust-cubuk a {
  color: rgba(255,255,255,0.85);
  display: flex;
  align-items: center;
  gap: 6px;
  transition: color var(--gecis);
}

.ust-cubuk a:hover { color: var(--altin); }

.ust-cubuk a i { font-size: 0.75rem; color: var(--altin); }

.kayit-btn {
  background: var(--altin) !important;
  color: var(--yesil-koyu) !important;
  padding: 4px 14px;
  border-radius: 20px;
  font-weight: 600;
}

.admin-btn {
  background: rgba(255,255,255,0.15) !important;
  padding: 4px 12px;
  border-radius: 20px;
}

.sosyal-linkler {
  display: flex;
  gap: 10px;
  padding-left: 12px;
  border-left: 1px solid rgba(255,255,255,0.2);
}

.sosyal-linkler a {
  width: 26px;
  height: 26px;
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
}

.sosyal-linkler a:hover { background: var(--altin); color: var(--yesil-koyu) !important; }

/* ============================================================
   ANA BAŞLIK
   ============================================================ */
.ana-baslik {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--beyaz);
  box-shadow: 0 2px 20px rgba(27,58,45,0.08);
  transition: all var(--gecis);
}

.ana-baslik.kayan {
  box-shadow: 0 4px 30px rgba(27,58,45,0.15);
}

.baslik-ici {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  gap: 20px;
}

/* Logo */
.logo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.logo-simge {
  width: 52px;
  height: 52px;
  color: var(--yesil-koyu);
  flex-shrink: 0;
}

.logo-simge svg { width: 100%; height: 100%; }

.logo-metin {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.logo-adi {
  font-family: var(--yazi-dekor);
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--yesil-koyu);
  letter-spacing: 0.1em;
}

.logo-alt {
  font-size: 0.72rem;
  color: var(--gri-orta);
  letter-spacing: 0.05em;
}

/* Navigasyon */
.ana-nav ul {
  display: flex;
  align-items: center;
  gap: 4px;
}

.ana-nav > ul > li {
  position: relative;
}

.ana-nav > ul > li > a {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 14px;
  color: var(--gri-koyu);
  font-size: 0.9rem;
  font-weight: 500;
  border-radius: 6px;
  white-space: nowrap;
}

.ana-nav > ul > li > a i { font-size: 0.65rem; transition: transform var(--gecis); }

.ana-nav > ul > li:hover > a,
.ana-nav > ul > li.aktif > a {
  color: var(--yesil-koyu);
  background: var(--krem);
}

.ana-nav > ul > li.aktif > a {
  color: var(--yesil-orta);
  font-weight: 600;
}

.ana-nav > ul > li:hover > a i { transform: rotate(180deg); }

/* Açılır Menü */
.acilir-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 240px;
  background: var(--beyaz);
  border-radius: var(--radius);
  box-shadow: var(--golge-buyuk);
  border: 1px solid var(--krem-koyu);
  border-top: 3px solid var(--altin);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all var(--gecis);
  z-index: 100;
}

.acilir:hover .acilir-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.acilir-menu li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  font-size: 0.88rem;
  color: var(--gri-koyu);
  border-bottom: 1px solid var(--gri-acik);
}

.acilir-menu li:last-child a { border-bottom: none; }

.acilir-menu li a i {
  width: 18px;
  color: var(--altin-koyu);
  font-size: 0.8rem;
}

.acilir-menu li a:hover {
  background: var(--krem);
  color: var(--yesil-koyu);
  padding-left: 24px;
}

/* Mobil Menü Butonu */
.mobil-menu-btn {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
}

.mobil-menu-btn span {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--yesil-koyu);
  transition: all var(--gecis);
  border-radius: 2px;
}

.mobil-menu-btn.aktif span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mobil-menu-btn.aktif span:nth-child(2) { opacity: 0; }
.mobil-menu-btn.aktif span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ============================================================
   HERO BÖLÜMÜ
   ============================================================ */
.hero {
  position: relative;
  min-height: 620px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--yesil-koyu);
}

.hero-bg {
  position: absolute;
  inset: 0;
  background: 
    linear-gradient(135deg, rgba(27,58,45,0.92) 0%, rgba(45,94,69,0.85) 50%, rgba(27,58,45,0.95) 100%),
    url('/varliklar/resimler/hero-bg.jpg') center/cover no-repeat;
}

.hero-desen {
  position: absolute;
  inset: 0;
  opacity: 0.05;
  background-image: 
    radial-gradient(circle at 25% 25%, var(--altin) 1px, transparent 1px),
    radial-gradient(circle at 75% 75%, var(--altin) 1px, transparent 1px);
  background-size: 60px 60px;
}

.hero-icerik {
  position: relative;
  z-index: 2;
  width: 100%;
}

.hero .konteyner {
  /* Anasayfa kendi .hero-grid yapısını kullanıyor */
  display: block;
  padding-top: 60px;
  padding-bottom: 60px;
}

.hero-metin {
  color: var(--beyaz);
}

.hero-etiket {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(201,168,76,0.2);
  border: 1px solid rgba(201,168,76,0.4);
  color: var(--altin);
  padding: 6px 16px;
  border-radius: 30px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.hero-baslik {
  font-family: var(--yazi-baslik);
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
  color: var(--beyaz);
}

.hero-baslik em {
  font-style: italic;
  color: var(--altin);
}

.hero-aciklama {
  font-size: 1.05rem;
  opacity: 0.85;
  max-width: 520px;
  margin-bottom: 36px;
  line-height: 1.8;
}

.hero-butonlar {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.hero-istatistikler {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 50px;
  padding-top: 36px;
  border-top: 1px solid rgba(255,255,255,0.15);
}

.hero-istat {
  text-align: center;
}

.hero-istat-sayi {
  font-family: var(--yazi-baslik);
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--altin);
  line-height: 1;
  display: block;
}

.hero-istat-etiket {
  font-size: 0.8rem;
  opacity: 0.7;
  margin-top: 4px;
}

/* Hero Kart */
.hero-kart {
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: var(--radius-buyuk);
  padding: 30px;
  color: var(--beyaz);
}

.hero-kart-baslik {
  font-family: var(--yazi-baslik);
  font-size: 1.1rem;
  color: var(--altin);
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}

.hero-kart-etkinlik {
  display: flex;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.hero-kart-etkinlik:last-child { border-bottom: none; }

.etkinlik-tarih-kutu {
  flex-shrink: 0;
  width: 48px;
  text-align: center;
  background: var(--altin);
  color: var(--yesil-koyu);
  border-radius: var(--radius);
  padding: 6px;
  font-weight: 700;
}

.etkinlik-tarih-kutu .gun { font-size: 1.3rem; line-height: 1; }
.etkinlik-tarih-kutu .ay { font-size: 0.65rem; text-transform: uppercase; }

.etkinlik-bilgi {
  flex: 1;
}

.etkinlik-bilgi h4 {
  font-size: 0.88rem;
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 1.3;
}

.etkinlik-bilgi span {
  font-size: 0.78rem;
  opacity: 0.6;
}

/* ============================================================
   BUTONLAR
   ============================================================ */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  border-radius: var(--radius);
  font-weight: 600;
  font-size: 0.92rem;
  border: 2px solid transparent;
  transition: all var(--gecis);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}

.btn-birincil {
  background: var(--altin);
  color: var(--yesil-koyu);
  border-color: var(--altin);
}

.btn-birincil:hover {
  background: var(--altin-koyu);
  border-color: var(--altin-koyu);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(201,168,76,0.4);
}

.btn-ikincil {
  background: transparent;
  color: var(--beyaz);
  border-color: rgba(255,255,255,0.4);
}

.btn-ikincil:hover {
  background: rgba(255,255,255,0.1);
  border-color: var(--beyaz);
}

.btn-yesil {
  background: var(--yesil-orta);
  color: var(--beyaz);
  border-color: var(--yesil-orta);
}

.btn-yesil:hover {
  background: var(--yesil-koyu);
  border-color: var(--yesil-koyu);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(27,58,45,0.3);
}

.btn-cerceve {
  background: transparent;
  color: var(--yesil-orta);
  border-color: var(--yesil-orta);
}

.btn-cerceve:hover {
  background: var(--yesil-orta);
  color: var(--beyaz);
}

.btn-kucuk { padding: 8px 18px; font-size: 0.82rem; }
.btn-buyuk { padding: 16px 36px; font-size: 1rem; }
.btn-tam { width: 100%; justify-content: center; }

/* ============================================================
   BÖLÜM BAŞLIKLARI
   ============================================================ */
.bolum {
  padding: 80px 0;
}

.bolum-baslik {
  text-align: center;
  margin-bottom: 50px;
}

.bolum-etiket {
  display: inline-block;
  font-family: var(--yazi-dekor);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--altin-koyu);
  margin-bottom: 10px;
}

.bolum-adi {
  font-family: var(--yazi-baslik);
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  color: var(--yesil-koyu);
  margin-bottom: 12px;
  line-height: 1.25;
}

.bolum-cizgi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 16px;
}

.bolum-cizgi::before,
.bolum-cizgi::after {
  content: '';
  display: block;
  height: 1px;
  width: 60px;
  background: var(--krem-koyu);
}

.bolum-cizgi span {
  width: 8px;
  height: 8px;
  background: var(--altin);
  transform: rotate(45deg);
  display: block;
}

.bolum-altbaslik {
  color: var(--gri-orta);
  max-width: 560px;
  margin: 0 auto;
  font-size: 1rem;
}

/* ============================================================
   HABER KARTLARI
   ============================================================ */
.kart-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 28px;
}

.kart {
  background: var(--beyaz);
  border-radius: var(--radius-buyuk);
  overflow: hidden;
  box-shadow: var(--golge);
  transition: all var(--gecis);
  border: 1px solid var(--krem-koyu);
}

.kart:hover {
  transform: translateY(-6px);
  box-shadow: var(--golge-buyuk);
}

.kart-resim {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.kart-resim img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.kart:hover .kart-resim img { transform: scale(1.05); }

.kart-kategori {
  position: absolute;
  top: 14px;
  left: 14px;
  background: var(--altin);
  color: var(--yesil-koyu);
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.kart-icerik {
  padding: 24px;
}

.kart-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  font-size: 0.8rem;
  color: var(--gri-orta);
}

.kart-meta i { color: var(--altin-koyu); }

.kart-baslik {
  font-family: var(--yazi-baslik);
  font-size: 1.15rem;
  color: var(--yesil-koyu);
  margin-bottom: 10px;
  line-height: 1.4;
}

.kart-baslik a:hover { color: var(--altin-koyu); }

.kart-ozet {
  font-size: 0.9rem;
  color: var(--gri-orta);
  line-height: 1.6;
  margin-bottom: 18px;
}

.kart-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid var(--krem-koyu);
}

.kart-oku {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--yesil-orta);
  font-weight: 600;
  font-size: 0.85rem;
}

.kart-oku:hover {
  color: var(--altin-koyu);
  gap: 10px;
}

/* Anasayfa — Haber Raf (kaydırmalı, 4'lü) */
.haber-raf{border:1px solid #edf0f6;border-radius:22px;background:linear-gradient(180deg,#ffffff,#fbfcff);box-shadow:0 18px 50px rgba(16,24,40,.08);padding:16px}
.haber-raf-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.haber-raf-kontrol{display:flex;gap:10px}
.haber-raf-icerik{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 2px 2px 10px;
}
.haber-raf-kart{
  flex: 0 0 calc((100% - 42px) / 4);
  scroll-snap-align:start;
  min-width: 240px;
}
.haber-raf-link{
  display:block;
  text-decoration:none;
  color:inherit;
  border:1px solid #edf0f6;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow: 0 12px 30px rgba(16,24,40,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  height:100%;
}
.haber-raf-link:hover{transform:translateY(-2px);border-color:rgba(201,168,76,.35);box-shadow:0 18px 44px rgba(16,24,40,.12)}
.haber-raf-resim{height:150px;overflow:hidden}
.haber-raf-resim img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.haber-raf-link:hover .haber-raf-resim img{transform:scale(1.05)}
.haber-raf-icerik-ic{padding:12px 12px 14px}
.haber-raf-icerik-ic .kart-baslik{margin:8px 0 8px;font-size:1rem}
.haber-raf-icerik-ic .kart-ozet{margin:0;color:#64748b;font-size:.9rem;line-height:1.55}

@media(max-width:1100px){
  .haber-raf-kart{flex-basis: calc((100% - 28px) / 3);}
}
@media(max-width:800px){
  .haber-raf-kart{flex-basis: calc((100% - 14px) / 2);}
}
@media(max-width:520px){
  .haber-raf-kart{flex-basis: 86%;}
}

/* ============================================================
   ETKİNLİK KARTLARI
   ============================================================ */
.etkinlik-kart {
  display: flex;
  gap: 20px;
  background: var(--beyaz);
  border-radius: var(--radius-buyuk);
  padding: 22px;
  box-shadow: var(--golge);
  border: 1px solid var(--krem-koyu);
  transition: all var(--gecis);
}

.etkinlik-kart:hover {
  transform: translateX(6px);
  border-left: 4px solid var(--altin);
  box-shadow: var(--golge-buyuk);
}

.etkinlik-tarih {
  flex-shrink: 0;
  width: 60px;
  text-align: center;
  background: var(--yesil-koyu);
  color: var(--beyaz);
  border-radius: var(--radius);
  padding: 10px 8px;
}

.etkinlik-tarih .gun {
  font-family: var(--yazi-baslik);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.etkinlik-tarih .ay {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.8;
  margin-top: 4px;
  display: block;
}

.etkinlik-detay { flex: 1; }

.etkinlik-detay h3 {
  font-family: var(--yazi-baslik);
  font-size: 1.05rem;
  color: var(--yesil-koyu);
  margin-bottom: 8px;
}

.etkinlik-detay h3 a:hover { color: var(--altin-koyu); }

.etkinlik-bilgiler {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 0.82rem;
  color: var(--gri-orta);
  margin-top: 8px;
}

.etkinlik-bilgiler span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.etkinlik-bilgiler i { color: var(--altin-koyu); }

/* ============================================================
   DUYURULAR
   ============================================================ */
.duyuru-item {
  display: flex;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid var(--krem-koyu);
}

.duyuru-item:last-child { border-bottom: none; }

.duyuru-onem {
  flex-shrink: 0;
  width: 8px;
  border-radius: 4px;
}

.duyuru-onem.normal  { background: var(--bilgi); }
.duyuru-onem.onemli { background: var(--uyari); }
.duyuru-onem.acil   { background: var(--hata); }

.duyuru-icerik { flex: 1; }

.duyuru-icerik h4 {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--yesil-koyu);
  margin-bottom: 4px;
}

.duyuru-icerik h4 a:hover { color: var(--altin-koyu); }

.duyuru-tarih {
  font-size: 0.78rem;
  color: var(--gri-orta);
  display: flex;
  align-items: center;
  gap: 5px;
}

/* ============================================================
   BAŞKANDAN MESAJ
   ============================================================ */
.baskandan-mesaj {
  background: var(--yesil-koyu);
  color: var(--beyaz);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.baskandan-mesaj::before {
  content: '"';
  position: absolute;
  top: -20px;
  left: 40px;
  font-family: var(--yazi-baslik);
  font-size: 300px;
  color: rgba(255,255,255,0.03);
  line-height: 1;
}

.baskandan-ic {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 60px;
  align-items: center;
}

.baskan-profil {
  text-align: center;
}

.baskan-resim {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto 20px;
  border: 4px solid var(--altin);
  box-shadow: 0 0 0 8px rgba(201,168,76,0.15);
}

.baskan-adi {
  font-family: var(--yazi-baslik);
  font-size: 1.2rem;
  color: var(--beyaz);
  margin-bottom: 4px;
}

.baskan-unvan {
  color: var(--altin);
  font-size: 0.85rem;
}

.baskan-mesaj blockquote {
  font-family: var(--yazi-baslik);
  font-size: 1.15rem;
  font-style: italic;
  line-height: 1.8;
  opacity: 0.9;
  margin-bottom: 24px;
  position: relative;
  padding-left: 24px;
  border-left: 3px solid var(--altin);
}

/* ============================================================
   İSTATİSTİKLER
   ============================================================ */
.istatistikler {
  background: var(--krem);
  padding: 60px 0;
}

.istat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.istat-kart {
  text-align: center;
  padding: 30px 20px;
  background: var(--beyaz);
  border-radius: var(--radius-buyuk);
  box-shadow: var(--golge);
  transition: transform var(--gecis);
}

.istat-kart:hover { transform: translateY(-4px); }

.istat-simge {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, var(--yesil-koyu), var(--yesil-orta));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  font-size: 1.4rem;
  color: var(--altin);
}

.istat-sayi {
  font-family: var(--yazi-baslik);
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--yesil-koyu);
  line-height: 1;
  display: block;
  margin-bottom: 6px;
}

.istat-etiket {
  font-size: 0.85rem;
  color: var(--gri-orta);
}

/* ============================================================
   YÖNETİM KURULU
   ============================================================ */
.yonetim-kart {
  text-align: center;
  background: var(--beyaz);
  border-radius: var(--radius-buyuk);
  padding: 32px 24px;
  box-shadow: var(--golge);
  border: 1px solid var(--krem-koyu);
  transition: all var(--gecis);
}

.yonetim-kart:hover {
  transform: translateY(-6px);
  box-shadow: var(--golge-buyuk);
  border-color: var(--altin);
}

.yonetim-resim {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto 16px;
  border: 3px solid var(--altin);
}

.yonetim-adi {
  font-family: var(--yazi-baslik);
  font-size: 1.1rem;
  color: var(--yesil-koyu);
  margin-bottom: 4px;
}

.yonetim-gorev {
  font-size: 0.85rem;
  color: var(--altin-koyu);
  font-weight: 600;
}

/* ============================================================
   GİRİŞ & KAYIT FORMLARI
   ============================================================ */
.auth-sayfa {
  min-height: calc(100vh - 200px);
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, var(--krem) 0%, var(--beyaz) 100%);
  padding: 60px 0;
}

.auth-kart {
  background: var(--beyaz);
  border-radius: var(--radius-buyuk);
  box-shadow: var(--golge-buyuk);
  padding: 50px;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}

.auth-logo {
  text-align: center;
  margin-bottom: 32px;
}

.auth-logo .logo-simge {
  width: 60px;
  height: 60px;
  color: var(--yesil-koyu);
  margin: 0 auto 12px;
}

.auth-baslik {
  font-family: var(--yazi-baslik);
  font-size: 1.6rem;
  color: var(--yesil-koyu);
  text-align: center;
  margin-bottom: 8px;
}

.auth-altbaslik {
  text-align: center;
  color: var(--gri-orta);
  font-size: 0.9rem;
  margin-bottom: 32px;
}

/* ============================================================
   FORMLAR
   ============================================================ */
.form-grup {
  margin-bottom: 20px;
}

.form-etiket {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--gri-koyu);
  margin-bottom: 6px;
}

.form-etiket span.zorunlu { color: var(--hata); margin-left: 3px; }

.form-input,
.form-select,
.form-textarea {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid var(--krem-koyu);
  border-radius: var(--radius);
  font-size: 0.92rem;
  color: var(--gri-koyu);
  background: var(--beyaz);
  transition: border-color var(--gecis);
  outline: none;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  border-color: var(--yesil-orta);
  box-shadow: 0 0 0 3px rgba(45,94,69,0.08);
}

.form-input.hata,
.form-select.hata {
  border-color: var(--hata);
}

.form-yardim {
  font-size: 0.78rem;
  color: var(--gri-orta);
  margin-top: 4px;
}

.form-hata-mesaj {
  font-size: 0.78rem;
  color: var(--hata);
  margin-top: 4px;
}

.form-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* Profil (Premium) — form görünümü iyileştirme */
form[data-pretty-form] .form-grup label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .88rem;
  font-weight: 700;
  color: #344054;
  margin-bottom: 8px;
}

form[data-pretty-form] .form-grup input,
form[data-pretty-form] .form-grup select,
form[data-pretty-form] .form-grup textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  color: #0f172a;
  box-shadow: 0 1px 0 rgba(16,24,40,.03);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}

form[data-pretty-form] .form-grup textarea { min-height: 96px; resize: vertical; }

form[data-pretty-form] .form-grup input:focus,
form[data-pretty-form] .form-grup select:focus,
form[data-pretty-form] .form-grup textarea:focus {
  outline: none;
  border-color: rgba(201,168,76,.75);
  box-shadow: 0 0 0 4px rgba(201,168,76,.18), 0 12px 30px rgba(16,24,40,.10);
  background: #fff;
  transform: translateY(-1px);
}

form[data-pretty-form] .form-grup.dolu input,
form[data-pretty-form] .form-grup.dolu select,
form[data-pretty-form] .form-grup.dolu textarea {
  border-color: rgba(17,24,39,.18);
}

/* Profil uploader + premium buton */
.profil-uploader{
  display:flex;
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid #e5e7eb;
  border-radius:18px;
  background: radial-gradient(1200px 200px at 10% 0%, rgba(201,168,76,.10), transparent 55%),
              linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  box-shadow: 0 18px 45px rgba(16,24,40,.08);
}
.profil-uploader-onizleme{
  /* Portre (dikey) önizleme */
  width:92px;height:128px;border-radius:16px;overflow:hidden;
  background:#f1f5f9;border:1px solid #e5e7eb;
  display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;
}
.profil-uploader-onizleme img{width:100%;height:100%;object-fit:cover;display:block}
.profil-uploader-placeholder{color:#0f172a;opacity:.75;font-size:1.15rem}
.profil-uploader-icerik{flex:1 1 auto;min-width:0}
.profil-uploader-baslik{font-weight:900;color:#0f172a}
.profil-uploader-aciklama{color:#64748b;font-size:.82rem;margin-top:2px}
.profil-uploader-aksiyon{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.profil-uploader-dosya{color:#475569;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
.profil-uploader-input{position:absolute;left:-9999px;opacity:0}

.buton-premium{
  border-radius: 14px !important;
  padding: 12px 16px !important;
  box-shadow: 0 14px 34px rgba(16,24,40,.10);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.buton-premium:hover{transform: translateY(-2px); box-shadow: 0 18px 44px rgba(16,24,40,.14)}
.buton-premium:active{transform: translateY(0); box-shadow: 0 10px 26px rgba(16,24,40,.10)}

@media (max-width: 520px){
  .profil-uploader{flex-direction:column;align-items:stretch}
  .profil-uploader-onizleme{width:120px;height:160px}
  .profil-uploader-aksiyon{justify-content:space-between}
  .profil-uploader-dosya{max-width:100%}
}

/* ============================================================
   BİLDİRİMLER
   ============================================================ */
.bildirim {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border-radius: var(--radius);
  margin-bottom: 16px;
  font-size: 0.92rem;
}

.bildirim-simge {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}

.bildirim-basari {
  background: #E8F5E9;
  color: #1B5E20;
  border: 1px solid #A5D6A7;
}
.bildirim-basari .bildirim-simge { background: var(--basari); color: var(--beyaz); }

.bildirim-hata {
  background: #FFEBEE;
  color: #B71C1C;
  border: 1px solid #EF9A9A;
}
.bildirim-hata .bildirim-simge { background: var(--hata); color: var(--beyaz); }

.bildirim-uyari {
  background: #FFF8E1;
  color: #E65100;
  border: 1px solid #FFE082;
}
.bildirim-uyari .bildirim-simge { background: var(--uyari); color: var(--beyaz); }

.bildirim-bilgi {
  background: #E3F2FD;
  color: #0D47A1;
  border: 1px solid #90CAF9;
}
.bildirim-bilgi .bildirim-simge { background: var(--bilgi); color: var(--beyaz); }

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer {
  background: var(--yesil-koyu);
  color: rgba(255,255,255,0.75);
}

.footer-ust {
  padding: 60px 0 40px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1.5fr 1.5fr;
  gap: 40px;
}

.footer-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: var(--beyaz);
  font-family: var(--yazi-dekor);
  font-size: 1.3rem;
  letter-spacing: 0.1em;
}

.footer-aciklama {
  font-size: 0.88rem;
  line-height: 1.7;
  margin-bottom: 20px;
}

.footer-iletisim {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 0.85rem;
}

.footer-iletisim div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-iletisim i { color: var(--altin); width: 16px; }

.footer-baslik {
  font-family: var(--yazi-baslik);
  font-size: 1rem;
  color: var(--beyaz);
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--altin);
  display: inline-block;
}

.footer-liste li {
  margin-bottom: 8px;
}

.footer-liste a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.88rem;
  color: rgba(255,255,255,0.7);
  transition: all var(--gecis);
}

.footer-liste a:hover { color: var(--altin); padding-left: 4px; }
.footer-liste a i { font-size: 0.65rem; color: var(--altin); }

.footer-haberler { display: flex; flex-direction: column; gap: 14px; }

.footer-haber {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.footer-haber:last-child { border-bottom: none; }

.footer-haber-tarih {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--altin);
  margin-bottom: 4px;
}

.footer-haber a {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.75);
  line-height: 1.4;
}

.footer-haber a:hover { color: var(--altin); }

.bulten-form {
  margin-bottom: 28px;
}

.bulten-input-grup {
  display: flex;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.2);
}

.bulten-input-grup input {
  flex: 1;
  background: rgba(255,255,255,0.08);
  border: none;
  color: var(--beyaz);
  padding: 12px 16px;
  font-size: 0.88rem;
  outline: none;
}

.bulten-input-grup input::placeholder { color: rgba(255,255,255,0.4); }

.bulten-input-grup button {
  background: var(--altin);
  color: var(--yesil-koyu);
  border: none;
  padding: 12px 18px;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background var(--gecis);
}

.bulten-input-grup button:hover { background: var(--altin-koyu); }

.sosyal-medya h5 {
  font-size: 0.82rem;
  color: rgba(255,255,255,0.5);
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.sosyal-butonlar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.sosyal-btn {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  transition: all var(--gecis);
  color: var(--beyaz);
}

.sosyal-btn.facebook  { background: #1877F2; }
.sosyal-btn.instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.sosyal-btn.youtube   { background: #FF0000; }
.sosyal-btn.twitter   { background: #1DA1F2; }
.sosyal-btn.whatsapp  { background: #25D366; }
.sosyal-btn:hover     { transform: translateY(-3px); opacity: 0.9; }

.footer-alt {
  padding: 20px 0;
}

.footer-alt-ici {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 0.82rem;
}

.footer-alt-ici p { color: rgba(255,255,255,0.5); }
.footer-alt-ici strong { color: var(--altin); }

.footer-alt-linkler {
  display: flex;
  gap: 20px;
}

.footer-alt-linkler a {
  color: rgba(255,255,255,0.5);
  font-size: 0.82rem;
}

.footer-alt-linkler a:hover { color: var(--altin); }

/* ============================================================
   SAYFA BAŞLIĞI (İç Sayfalar)
   ============================================================ */
.sayfa-basligi {
  background: linear-gradient(135deg, var(--yesil-koyu) 0%, var(--yesil-orta) 100%);
  color: var(--beyaz);
  padding: 50px 0;
  position: relative;
  overflow: hidden;
}

.sayfa-basligi::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--altin), transparent);
}

.sayfa-basligi h1 {
  font-family: var(--yazi-baslik);
  font-size: 2rem;
  margin-bottom: 8px;
}

.ekmek-kirintisi {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  color: rgba(255,255,255,0.6);
}

.ekmek-kirintisi a {
  color: rgba(255,255,255,0.7);
}

.ekmek-kirintisi a:hover { color: var(--altin); }
.ekmek-kirintisi i { font-size: 0.6rem; }

/* ============================================================
   YUKARIYA ÇIK
   ============================================================ */
.yukari-cik {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 46px;
  height: 46px;
  background: var(--yesil-koyu);
  color: var(--beyaz);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  opacity: 0;
  transform: translateY(20px);
  transition: all var(--gecis);
  z-index: 999;
}

.yukari-cik.gorunsun {
  opacity: 1;
  transform: translateY(0);
}

.yukari-cik:hover {
  background: var(--altin);
  color: var(--yesil-koyu);
  transform: translateY(-3px);
}

/* ============================================================
   ADMİN PANELİ
   ============================================================ */
.admin-layout {
  display: grid;
  grid-template-columns: 260px 1fr;
  min-height: 100vh;
}

.admin-sidebar {
  background: var(--yesil-koyu);
  color: var(--beyaz);
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  z-index: 100;
}

.admin-sidebar-logo {
  padding: 24px 20px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  display: flex;
  align-items: center;
  gap: 12px;
}

.admin-sidebar-logo svg { width: 36px; color: var(--altin); }

.admin-sidebar-logo span {
  font-family: var(--yazi-dekor);
  font-size: 1rem;
  letter-spacing: 0.1em;
}

.admin-sidebar-logo small {
  display: block;
  font-size: 0.65rem;
  color: rgba(255,255,255,0.5);
  letter-spacing: 0.05em;
}

.admin-nav {
  padding: 16px 0;
}

.admin-nav-grup {
  margin-bottom: 8px;
}

.admin-nav-grup-baslik {
  padding: 8px 20px 4px;
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(255,255,255,0.35);
  font-weight: 600;
}

.admin-nav a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 20px;
  color: rgba(255,255,255,0.7);
  font-size: 0.88rem;
  transition: all var(--gecis);
  border-left: 3px solid transparent;
}

.admin-nav a:hover,
.admin-nav a.aktif {
  background: rgba(255,255,255,0.08);
  color: var(--beyaz);
  border-left-color: var(--altin);
}

.admin-nav a i {
  width: 18px;
  text-align: center;
  font-size: 0.85rem;
}

.admin-nav .rozet {
  margin-left: auto;
  background: var(--hata);
  color: var(--beyaz);
  font-size: 0.68rem;
  padding: 1px 7px;
  border-radius: 10px;
  font-weight: 700;
}

.admin-icerik {
  background: #F0F2F5;
  min-height: 100vh;
}

.admin-topbar {
  background: var(--beyaz);
  height: 64px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 1px 8px rgba(0,0,0,0.06);
  position: sticky;
  top: 0;
  z-index: 50;
}

.admin-topbar h2 {
  font-family: var(--yazi-baslik);
  font-size: 1.15rem;
  color: var(--yesil-koyu);
}

.admin-topbar-sag {
  display: flex;
  align-items: center;
  gap: 16px;
}

.admin-kullanici {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.88rem;
  color: var(--gri-koyu);
}

.admin-sayfa-icerik {
  padding: 30px;
}

/* Admin İstatistik Kartları */
.admin-istat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}

.admin-istat-kart {
  background: var(--beyaz);
  border-radius: var(--radius-buyuk);
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
  box-shadow: var(--golge);
  transition: transform var(--gecis);
}

.admin-istat-kart:hover { transform: translateY(-3px); }

.admin-istat-simge {
  width: 52px;
  height: 52px;
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  flex-shrink: 0;
}

.admin-istat-simge.yesil  { background: #E8F5E9; color: #2E7D32; }
.admin-istat-simge.mavi   { background: #E3F2FD; color: #1565C0; }
.admin-istat-simge.turuncu { background: #FFF3E0; color: #E65100; }
.admin-istat-simge.mor    { background: #F3E5F5; color: #6A1B9A; }
.admin-istat-simge.kirmizi { background: #FFEBEE; color: #C62828; }

.admin-istat-bilgi { flex: 1; }
.admin-istat-sayi {
  font-family: var(--yazi-baslik);
  font-size: 2rem;
  font-weight: 700;
  color: var(--yesil-koyu);
  line-height: 1;
  margin-bottom: 4px;
}

.admin-istat-etiket { font-size: 0.82rem; color: var(--gri-orta); }

/* Admin Tablo */
.admin-tablo-kart {
  background: var(--beyaz);
  border-radius: var(--radius-buyuk);
  box-shadow: var(--golge);
  overflow: hidden;
}

.admin-tablo-baslik {
  padding: 20px 24px;
  border-bottom: 1px solid var(--krem-koyu);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.admin-tablo-baslik h3 {
  font-family: var(--yazi-baslik);
  font-size: 1rem;
  color: var(--yesil-koyu);
}

.admin-tablo {
  width: 100%;
  border-collapse: collapse;
}

.admin-tablo th {
  text-align: left;
  padding: 12px 16px;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--gri-orta);
  font-weight: 600;
  background: var(--krem);
  border-bottom: 1px solid var(--krem-koyu);
}

.admin-tablo td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--gri-acik);
  font-size: 0.88rem;
  color: var(--gri-koyu);
}

.admin-tablo tr:last-child td { border-bottom: none; }
.admin-tablo tr:hover td { background: var(--krem); }

/* Mobilde "İşlem" sütunu kaybolmasın (sağa yapışık) */
.admin-tablo th:last-child,
.admin-tablo td:last-child{
  position: sticky;
  right: 0;
  z-index: 2;
}
.admin-tablo th:last-child{ z-index: 3; }
.admin-tablo td:last-child{ background: #fff; }
.admin-tablo tr:hover td:last-child{ background: var(--krem); }

/* Durum Rozetleri */
.rozet {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
}

.rozet::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.rozet-basari  { background: #E8F5E9; color: #2E7D32; }
.rozet-hata    { background: #FFEBEE; color: #C62828; }
.rozet-uyari   { background: #FFF8E1; color: #F57F17; }
.rozet-bilgi   { background: #E3F2FD; color: #1565C0; }
.rozet-gri     { background: var(--gri-acik); color: var(--gri-orta); }

/* ============================================================
   ADMİN PANELİ (KURUMSAL v2) — admin/parca/* ile uyumlu
   ============================================================ */
.admin-sayfa { background: #F6F7FB; }
.admin-duzen{
  display:grid;
  grid-template-columns: 290px 1fr;
  min-height:100vh;
}
.admin-ana{min-width:0}
.admin-icerik{
  padding: 26px;
}
@media (max-width: 1100px){
  .admin-duzen{grid-template-columns: 1fr;}
}

/* Sidebar */
.admin-sidebar{
  background: radial-gradient(1200px 500px at -20% 0%, rgba(201,168,76,.16), transparent 60%),
              linear-gradient(180deg, #0f2d21, #133828);
  color: rgba(255,255,255,.92);
  border-right: 1px solid rgba(255,255,255,.06);
}
.sidebar-logo{padding:18px 18px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-logo a{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;min-width:0}
.sidebar-logo .logo-ikon{width:38px;height:38px;border-radius:12px;background:rgba(201,168,76,.18);display:flex;align-items:center;justify-content:center}
.sidebar-logo .logo-metin{font-family:var(--yazi-dekor);letter-spacing:.14em;font-weight:700}
.sidebar-nav{padding:14px 10px 18px}
.nav-grup{margin-top:10px}
.nav-grup-baslik{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);padding:10px 12px 6px}
.nav-link{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;
  margin:4px 6px;
  border-radius:12px;
  color:rgba(255,255,255,.78);
  text-decoration:none;
  border:1px solid transparent;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.nav-link:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(201,168,76,.25);
  color:#fff;
  transform: translateY(-1px);
}
.nav-link.aktif{
  background: rgba(201,168,76,.14);
  border-color: rgba(201,168,76,.35);
  color:#fff;
}
.nav-ikon{width:26px;height:26px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.nav-rozet{margin-left:auto;background:linear-gradient(135deg,#e53935,#c62828);color:#fff;border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:800;box-shadow:0 4px 12px rgba(229,57,53,.35)}
.nav-cikis{color:rgba(255,255,255,.9)}
.nav-cikis:hover{background:rgba(229,57,53,.12)!important;border-color:rgba(229,57,53,.35)!important}

.admin-sidebar{
  position:sticky;
  top:0;
  align-self:start;
  height:100vh;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(201,168,76,.35) transparent;
}
.admin-sidebar::-webkit-scrollbar{width:6px}
.admin-sidebar::-webkit-scrollbar-thumb{background:rgba(201,168,76,.35);border-radius:99px}

.sidebar-logo .sidebar-marka{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.sidebar-logo .sidebar-marka .logo-metin{
  font-family:var(--yazi-baslik);
  letter-spacing:.06em;
  font-weight:800;
  font-size:.95rem;
  line-height:1.2;
}
.sidebar-logo .sidebar-marka small{
  font-size:.65rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(255,255,255,.5);
  font-weight:700;
}
.sidebar-logo-kutu{
  flex-shrink:0;
  width:48px;height:48px;
  border-radius:14px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.sidebar-logo-img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:6px;
}
.nav-ikon{
  width:40px;
  height:40px;
  border-radius:12px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.nav-ikon i{
  font-size:.95rem;
  color:rgba(232,214,160,.98);
  opacity:.95;
}
.nav-link.aktif .nav-ikon{
  background:rgba(201,168,76,.2);
  border-color:rgba(201,168,76,.35);
}
.nav-link.aktif .nav-ikon i{color:#f5e6b8}
.nav-link > span:not(.nav-ikon):not(.nav-rozet){
  flex:1;
  min-width:0;
  font-weight:600;
  letter-spacing:.01em;
}

/* Topbar */
.admin-topbar{
  background:#fff;
  border-bottom:1px solid rgba(15,46,33,.08);
  box-shadow: 0 10px 28px rgba(16,24,40,.06);
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 22px 0 16px;
  min-height:68px;
}
.topbar-sol{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sayfa-basligi-admin{
  font-family:var(--yazi-baslik);
  font-weight:800;
  letter-spacing:.02em;
  color:#0f2d21;
  font-size:1.12rem;
  line-height:1.25;
  margin:0;
}
.topbar-alt-baslik{
  font-size:.78rem;
  font-weight:600;
  color:#64748b;
  letter-spacing:.02em;
}
.topbar-sag{display:flex;align-items:center;gap:12px}
.topbar-bildirim{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(135deg,#fef8ec,#fff9ef);
  border:1px solid rgba(201,168,76,.38);
  padding:9px 14px;
  border-radius:14px;
  text-decoration:none;
  color:#5c4510;
  font-weight:800;
  font-size:.85rem;
  transition:transform .18s ease, box-shadow .18s ease;
}
.topbar-bildirim:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(201,168,76,.2);
}
.topbar-bildirim i{color:var(--altin,#C9A84C);font-size:1rem}
.bildirim-sayisi{
  background:linear-gradient(135deg,var(--altin,#C9A84C),var(--altin-koyu,#A8882A));
  color:#fff;
  border-radius:999px;
  padding:2px 8px;
  font-size:.72rem;
  margin-left:2px;
  min-width:22px;
  text-align:center;
}

.kullanici-menu{position:relative}
.kullanici-btn{
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(15,46,33,.1);
  background:linear-gradient(180deg,#fff,#fafbfc);
  border-radius:14px;
  padding:7px 12px 7px 8px;
  cursor:pointer;
  font-family:var(--yazi-metin);
  transition:border-color .18s ease, box-shadow .18s ease;
}
.kullanici-btn:hover{
  border-color:rgba(201,168,76,.45);
  box-shadow:0 6px 18px rgba(16,24,40,.08);
}
.kullanici-avatar{
  width:38px;
  height:38px;
  border-radius:12px;
  background:linear-gradient(145deg,#1B3A2D,#2d5a3d);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:.82rem;
  letter-spacing:.02em;
}
.kullanici-adi{font-weight:700;font-size:.88rem;color:#0f172a;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kullanici-btn .fa-chevron-down{font-size:.65rem;color:#94a3b8;margin-left:2px}
.kullanici-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:232px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;box-shadow:0 22px 55px rgba(15,23,42,.14);padding:8px;display:none;z-index:120}
.kullanici-dropdown.acik{display:block}
.kullanici-dropdown a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:12px;text-decoration:none;color:#1e293b;font-weight:700;font-size:.88rem}
.kullanici-dropdown a i{width:18px;text-align:center;color:var(--altin,#C9A84C);font-size:.95rem}
.kullanici-dropdown a:hover{background:#f1f5f9}
.kullanici-dropdown hr{border:none;border-top:1px solid #eef2f7;margin:8px 0}
.kullanici-dropdown a.cikis-link{color:#b71c1c!important}
.kullanici-dropdown a.cikis-link i{color:#e53935!important}

/* Admin dashboard (index) */
.admin-dash-hero{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  padding:28px 30px;
  margin-bottom:26px;
  background:
    radial-gradient(900px 280px at 100% 0%, rgba(201,168,76,.28), transparent 55%),
    radial-gradient(700px 220px at 0% 100%, rgba(74,140,106,.35), transparent 50%),
    linear-gradient(125deg, #0f241c 0%, #163529 42%, #1B3A2D 100%);
  color:#fff;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 18px 50px rgba(15,45,33,.25);
}
.admin-dash-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity:.9;
  pointer-events:none;
}
.admin-dash-hero-inner{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;flex-wrap:wrap}
.admin-dash-hero h2{
  font-family:var(--yazi-baslik);
  font-weight:800;
  font-size:1.55rem;
  letter-spacing:-.02em;
  margin:0 0 8px;
  line-height:1.2;
}
.admin-dash-hero p{margin:0;opacity:.88;font-size:.95rem;font-weight:500;max-width:520px;line-height:1.6}
.admin-dash-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.admin-dash-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(255,255,255,.88);
}
.admin-dash-hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.admin-dash-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-bottom:26px;
}
.admin-dash-stat{
  background:#fff;
  border:1px solid rgba(15,23,42,.06);
  border-radius:18px;
  padding:20px 20px 18px;
  box-shadow:0 10px 28px rgba(16,24,40,.06);
  transition:transform .2s ease, box-shadow .2s ease;
  position:relative;
  overflow:hidden;
}
.admin-dash-stat::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  border-radius:4px 0 0 4px;
  background:var(--dash-c,#C9A84C);
}
.admin-dash-stat:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(16,24,40,.1);
}
.admin-dash-stat--yesil{--dash-c:#2E7D32}
.admin-dash-stat--mavi{--dash-c:#1565C0}
.admin-dash-stat--turuncu{--dash-c:#E65100}
.admin-dash-stat--kirmizi{--dash-c:#C62828}
.admin-dash-stat--notr{--dash-c:#64748b}
.admin-dash-stat--notr .admin-dash-stat-ikon{--dash-bg:#f1f5f9;--dash-ic:#475569}
.admin-dash-stat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.admin-dash-stat-ikon{
  width:48px;height:48px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.15rem;
  background:var(--dash-bg, #f1f5f9);
  color:var(--dash-ic, #0f172a);
}
.admin-dash-stat--yesil .admin-dash-stat-ikon{--dash-bg:#E8F5E9;--dash-ic:#1b5e20}
.admin-dash-stat--mavi .admin-dash-stat-ikon{--dash-bg:#E3F2FD;--dash-ic:#0d47a1}
.admin-dash-stat--turuncu .admin-dash-stat-ikon{--dash-bg:#FFF3E0;--dash-ic:#bf360c}
.admin-dash-stat--kirmizi .admin-dash-stat-ikon{--dash-bg:#FFEBEE;--dash-ic:#b71c1c}
.admin-dash-stat-sayi{
  display:block;
  font-size:2rem;
  font-weight:800;
  letter-spacing:-.03em;
  color:#0f172a;
  font-family:var(--yazi-baslik);
  line-height:1;
}
.admin-dash-stat-etiket{display:block;font-size:.84rem;color:#64748b;font-weight:600;margin-top:6px}
.admin-dash-stat-alt{display:block;font-size:.78rem;color:#94a3b8;margin-top:6px;font-weight:600}
.admin-dash-stat .ist-rozet{
  background:rgba(201,168,76,.18);
  color:#5c4510;
  border:1px solid rgba(201,168,76,.35);
  padding:4px 10px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.admin-dash-stat .ist-rozet:hover{background:rgba(201,168,76,.28)}
.admin-dash-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.admin-dash-panel{
  background:#fff;
  border:1px solid rgba(15,23,42,.06);
  border-radius:18px;
  padding:22px 22px 18px;
  box-shadow:0 10px 28px rgba(16,24,40,.06);
}
.admin-dash-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:2px solid rgba(201,168,76,.35);
}
.admin-dash-panel-head h3{
  font-family:var(--yazi-baslik);
  color:#0f2d21;
  font-size:1.02rem;
  font-weight:800;
  margin:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.admin-dash-panel-head h3 i{color:var(--altin,#C9A84C);font-size:1rem}
.admin-dash-panel-link{
  color:#8a7028;
  font-size:.82rem;
  font-weight:800;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.admin-dash-panel-link:hover{text-decoration:underline}
.admin-dash-bos{text-align:center;color:#94a3b8;padding:2.4rem 1rem;font-weight:600;font-size:.9rem}
.admin-dash-quick{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.admin-dash-quick a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px 10px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,#fff,#f8fafc);
  text-decoration:none;
  color:#0f172a;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.02em;
  text-align:center;
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease, color .18s ease;
}
.admin-dash-quick a i{font-size:1.25rem;color:var(--altin,#C9A84C)}
.admin-dash-quick a:hover{
  border-color:rgba(201,168,76,.45);
  color:#5c4510;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(201,168,76,.15);
}
.admin-dash-quick a.uyari{
  border-color:rgba(245,127,23,.45);
  background:linear-gradient(180deg,#fff8e1,#fff);
}
.admin-dash-quick a.uyari i{color:#e65100}
.admin-dash-activity{margin-top:22px}
.admin-dash-activity .akt-liste{gap:0}
.admin-dash-activity .akt-satir{
  padding:12px 0;
  border-bottom:1px solid #f1f5f9;
}
.admin-dash-activity .akt-avatar{
  width:40px;height:40px;
  border-radius:12px;
  background:linear-gradient(145deg,#C9A84C,#A8882A);
  box-shadow:0 4px 12px rgba(201,168,76,.35);
}
@media (max-width:1100px){
  .admin-dash-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:800px){
  .admin-dash-grid{grid-template-columns:1fr}
}
@media (max-width:520px){
  .admin-dash-quick{grid-template-columns:repeat(2,1fr)}
  .admin-dash-hero{padding:22px 18px}
  .admin-dash-hero h2{font-size:1.28rem}
}

/* Admin kartlar / tablolar */
.admin-baslik{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:6px 0 18px}
.admin-baslik h1{font-size:1.35rem;color:#142e23;letter-spacing:.01em}
.admin-tablo-alani,.db-kutu,.kart,.panel-kart{
  background:#fff;
  border:1px solid #eee;
  border-radius:18px;
  box-shadow: 0 10px 30px rgba(16,24,40,.06);
}
.admin-tablo-alani{overflow:auto}
.islem-sutun{white-space:nowrap}
.islem-btn{
  display:inline-flex;align-items:center;justify-content:flex-start;
  gap:8px;
  padding:9px 12px;
  border-radius:14px;
  background:#f6f7fb;border:1px solid #eee;
  text-decoration:none;
  color:#0f172a;
  font-weight:800;
}
.islem-btn:hover{border-color:rgba(201,168,76,.35);background:#fef8ec}
.islem-sil{color:#e53935}
.islem-ikon{line-height:1;display:inline-flex;align-items:center;justify-content:center}
.islem-ikon i{font-size:.95rem}
.islem-yazi{display:inline;font-size:.82rem;font-weight:800;letter-spacing:.01em}

/* Renkli aksiyon butonları */
.islem-btn-onay,.islem-btn-aktif{
  background:rgba(46,125,50,.08);
  border-color:rgba(46,125,50,.18);
  color:#1b5e20;
}
.islem-btn-onay:hover,.islem-btn-aktif:hover{
  background:rgba(46,125,50,.14);
  border-color:rgba(46,125,50,.28);
}
.islem-btn-pasif{
  background:rgba(245,127,23,.10);
  border-color:rgba(245,127,23,.22);
  color:#9a3412;
}
.islem-btn-pasif:hover{
  background:rgba(245,127,23,.16);
  border-color:rgba(245,127,23,.32);
}
.islem-btn-yonetim{
  background:rgba(201,168,76,.14);
  border-color:rgba(201,168,76,.30);
  color:#7a5b10;
}
.islem-btn-yonetim:hover{
  background:rgba(201,168,76,.20);
  border-color:rgba(201,168,76,.42);
}
.islem-btn-uye{
  background:rgba(21,101,192,.10);
  border-color:rgba(21,101,192,.22);
  color:#0b4a8a;
}
.islem-btn-uye:hover{
  background:rgba(21,101,192,.16);
  border-color:rgba(21,101,192,.32);
}
.islem-sil{
  background:rgba(229,57,53,.08);
  border-color:rgba(229,57,53,.18);
  color:#b71c1c;
}
.islem-sil:hover{
  background:rgba(229,57,53,.12);
  border-color:rgba(229,57,53,.26);
}

@media (max-width: 700px){
  .islem-sutun{white-space:normal;display:flex;flex-wrap:wrap;gap:8px}
  .islem-btn{padding:10px 12px}
  .islem-yazi{display:inline}
}

/* ============================================================
   ÜYE PANELİ
   ============================================================ */
.uye-panel {
  background: #F5F7FA;
  min-height: calc(100vh - 200px);
  padding: 40px 0;
}

.uye-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 30px;
}

.uye-sidebar {
  background: var(--beyaz);
  border-radius: var(--radius-buyuk);
  box-shadow: var(--golge);
  overflow: hidden;
  height: fit-content;
  position: sticky;
  top: 90px;
}

.uye-profil-alani {
  background: linear-gradient(135deg, var(--yesil-koyu), var(--yesil-orta));
  padding: 28px 20px;
  text-align: center;
  color: var(--beyaz);
}

.uye-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--altin);
  margin: 0 auto 12px;
}

.uye-avatar-varsayilan {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  border: 3px solid var(--altin);
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}

.uye-panel-adi {
  font-family: var(--yazi-baslik);
  font-size: 1.05rem;
  margin-bottom: 4px;
}

.uye-panel-no {
  font-size: 0.78rem;
  color: var(--altin);
  background: rgba(201,168,76,0.2);
  padding: 3px 10px;
  border-radius: 20px;
  display: inline-block;
  margin-top: 6px;
}

.uye-sidebar-nav {
  padding: 12px 0;
}

.uye-sidebar-nav a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  color: var(--gri-koyu);
  font-size: 0.9rem;
  transition: all var(--gecis);
  border-left: 3px solid transparent;
}

.uye-sidebar-nav a:hover,
.uye-sidebar-nav a.aktif {
  background: var(--krem);
  color: var(--yesil-koyu);
  border-left-color: var(--altin);
  font-weight: 600;
}

.uye-sidebar-nav a i {
  width: 18px;
  text-align: center;
  color: var(--altin-koyu);
}

.uye-icerik { flex: 1; }

.panel-kart {
  background: var(--beyaz);
  border-radius: var(--radius-buyuk);
  box-shadow: var(--golge);
  overflow: hidden;
  margin-bottom: 24px;
}

.panel-kart-baslik {
  padding: 18px 24px;
  border-bottom: 1px solid var(--krem-koyu);
  background: var(--krem);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.panel-kart-baslik h3 {
  font-family: var(--yazi-baslik);
  font-size: 1rem;
  color: var(--yesil-koyu);
  display: flex;
  align-items: center;
  gap: 10px;
}

.panel-kart-baslik h3 i { color: var(--altin-koyu); }

.panel-kart-govde { padding: 24px; }

/* ============================================================
   RESPONSİF TASARIM
   ============================================================ */
@media (max-width: 1100px) {
  .hero .konteyner { grid-template-columns: 1fr; }
  .hero-kart { display: none; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .istat-grid { grid-template-columns: repeat(2, 1fr); }
  .admin-istat-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
  .baskandan-ic { grid-template-columns: 1fr; text-align: center; }
  .baskan-profil { order: -1; }
  .admin-layout { grid-template-columns: 1fr; }
  /* Admin mobil: sidebar off-canvas kullanıyor (alttaki 1100px kuralı) */
  .uye-grid { grid-template-columns: 1fr; }
  .uye-sidebar { position: static; }
}

@media (max-width: 768px) {
  .ust-cubuk .konteyner { justify-content: center; }
  .ust-cubuk-sol { display: none; }
  
  .mobil-menu-btn { display: flex; }
  /* Not: Mobil menü off-canvas (sağdan) kullanılıyor.
     Bu blokta eski "üstten açılır" menü kuralları kaldırıldı. */
  
  .acilir-menu {
    position: static;
    box-shadow: none;
    border: none;
    border-top: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    background: var(--krem);
    display: none;
  }
  
  .acilir.acik .acilir-menu { display: block; }
  
  .hero { min-height: 500px; }
  .hero-baslik { font-size: 1.8rem; }
  .bolum { padding: 50px 0; }
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .istat-grid { grid-template-columns: repeat(2, 1fr); }
  .kart-grid { grid-template-columns: 1fr; }
  .form-grid-2 { grid-template-columns: 1fr; }
  .footer-alt-ici { flex-direction: column; text-align: center; }
  .auth-kart { padding: 30px 24px; }
  .admin-istat-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .hero-baslik { font-size: 1.5rem; }
  .hero-butonlar { flex-direction: column; }
  .istat-grid { grid-template-columns: 1fr; }
  .admin-istat-grid { grid-template-columns: 1fr; }
  .logo-alt { display: none; }
}

/* ============================================================
   ANİMASYONLAR
   ============================================================ */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes sayac {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

.anim-giris {
  opacity: 0;
  animation: fadeInUp 0.6s ease forwards;
}

.anim-gecikme-1 { animation-delay: 0.1s; }
.anim-gecikme-2 { animation-delay: 0.2s; }
.anim-gecikme-3 { animation-delay: 0.3s; }
.anim-gecikme-4 { animation-delay: 0.4s; }

/* Loading */
.yukleniyor {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255,255,255,0.3);
  border-top-color: var(--beyaz);
  border-radius: 50%;
  animation: donus 0.6s linear infinite;
}

@keyframes donus {
  to { transform: rotate(360deg); }
}

/* ===================================================
   EK STİLLER - Tamamlayıcı Sayfalar
   =================================================== */

/* --- İçerik Düzeni (Makale + Sidebar) --- */
.icerik-duzen { display: grid; grid-template-columns: 1fr 300px; gap: 3rem; }
.makale { min-width: 0; }
.makale-resim { border-radius: 12px; overflow: hidden; margin-bottom: 2rem; position: relative; }
.makale-resim img { width: 100%; max-height: 450px; object-fit: cover; }
.makale-baslik { margin-bottom: 2rem; }
.makale-baslik h1 { font-family: var(--yazi-baslik); font-size: clamp(1.6rem, 3vw, 2.2rem); color: var(--koyu-renk); margin: .8rem 0; }
.makale-icerik { font-size: 1.05rem; line-height: 1.85; color: #333; }
.makale-icerik p { margin-bottom: 1.2rem; }
.makale-icerik h2, .makale-icerik h3 { font-family: var(--yazi-baslik); color: var(--koyu-renk); margin: 2rem 0 1rem; }
.makale-icerik img { max-width: 100%; border-radius: 8px; }
.haber-meta { display: flex; gap: 1rem; flex-wrap: wrap; color: #777; font-size: .9rem; margin-bottom: .5rem; }
.haber-meta .kategori { background: var(--altin); color: white; padding: 2px 10px; border-radius: 20px; font-size: .8rem; }

/* --- Kenar Çubuğu --- */
.kenar-cubugu { display: flex; flex-direction: column; gap: 1.5rem; }
.kenar-widget { background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 1.5rem; }
.widget-baslik { font-family: var(--yazi-baslik); font-size: 1rem; color: var(--koyu-renk); border-bottom: 2px solid var(--altin); padding-bottom: .6rem; margin-bottom: 1rem; }
.kenar-haber { display: flex; gap: 10px; padding: 8px 0; border-bottom: 1px solid #f0f0f0; }
.kenar-haber img { width: 60px; height: 60px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }
.kenar-haber a { color: var(--koyu-renk); font-weight: 500; font-size: .9rem; line-height: 1.4; }
.kenar-haber .tarih, .kenar-etkinlik .tarih, .kenar-etkinlik .yer { display: block; color: #999; font-size: .8rem; }
.kenar-liste { list-style: none; }
.kenar-liste li { padding: 6px 0; border-bottom: 1px solid #f5f5f5; }
.kenar-liste a { color: var(--koyu-renk); font-size: .95rem; transition: color .2s; }
.kenar-liste a:hover { color: var(--altin); }
.kenar-etkinlik { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f0f0f0; align-items: flex-start; }
.mini-tarih { background: var(--koyu-renk); color: white; padding: 6px 10px; border-radius: 8px; text-align: center; min-width: 45px; flex-shrink: 0; }
.mini-tarih span:first-child { display: block; font-size: 1.3rem; font-weight: 700; line-height: 1; }
.mini-tarih span:last-child { display: block; font-size: .65rem; letter-spacing: 1px; }

/* --- Paylaşım Butonları --- */
.paylasim { display: flex; gap: .8rem; align-items: center; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #eee; flex-wrap: wrap; }
.paylasim-btn { padding: 6px 16px; border-radius: 6px; color: white; font-size: .85rem; font-weight: 600; text-decoration: none; transition: opacity .2s; }
.paylasim-btn:hover { opacity: .85; }
.paylasim-btn.facebook { background: #1877f2; }
.paylasim-btn.twitter { background: #1da1f2; }
.paylasim-btn.whatsapp { background: #25d366; }

/* --- Haber Navigasyon --- */
.haber-navigasyon { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #eee; }
.haber-nav-btn { background: #f8f8f8; border: 1px solid #eee; border-radius: 10px; padding: 1rem; text-decoration: none; transition: all .2s; }
.haber-nav-btn:hover { background: var(--altin-acik); border-color: var(--altin); }
.haber-nav-btn span { display: block; font-size: .8rem; color: #888; margin-bottom: .3rem; }
.haber-nav-btn strong { color: var(--koyu-renk); font-size: .9rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.haber-nav-btn.sonraki { text-align: right; }

/* --- Öne Çıkan Haber --- */
.one-cikan-haber { display: grid; grid-template-columns: 1.2fr 1fr; gap: 2rem; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,.08); margin-bottom: 3rem; }
.one-cikan-resim { position: relative; min-height: 350px; }
.one-cikan-resim img { width: 100%; height: 100%; object-fit: cover; }
.one-cikan-icerik { padding: 2.5rem; display: flex; flex-direction: column; justify-content: center; }
.one-cikan-icerik h2 { font-family: var(--yazi-baslik); font-size: 1.7rem; color: var(--koyu-renk); margin: .8rem 0; }
.one-cikan-icerik p { color: #555; line-height: 1.7; margin-bottom: 1.5rem; }

/* --- Sayfalama --- */
.sayfalama { display: flex; justify-content: center; gap: .5rem; margin-top: 3rem; flex-wrap: wrap; }
.sayfa-btn { padding: 8px 14px; border: 1px solid #ddd; border-radius: 6px; color: var(--koyu-renk); text-decoration: none; font-size: .9rem; transition: all .2s; }
.sayfa-btn:hover, .sayfa-btn.aktif { background: var(--altin); color: white; border-color: var(--altin); }

/* --- Arama Filtre --- */
.filtre-cubugu { margin-bottom: 2rem; }
.arama-form .arama-kutu { display: flex; max-width: 480px; background: #fff; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; }
.arama-form .arama-kutu input { flex: 1; padding: 10px 15px; border: none; outline: none; font-size: .95rem; }
.arama-form .arama-kutu button { padding: 10px 18px; background: var(--altin); color: white; border: none; cursor: pointer; font-size: 1rem; }

/* --- Etkinlik Listesi --- */
.etkinlik-listesi { display: flex; flex-direction: column; gap: 1.5rem; }
.etkinlik-satir { display: flex; gap: 1.5rem; background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 1.5rem; align-items: flex-start; transition: box-shadow .2s; }
.etkinlik-satir:hover { box-shadow: 0 4px 20px rgba(0,0,0,.1); }
.etkinlik-satir.gecmis-etkinlik { opacity: .7; }
.etkinlik-tarih-kutu { background: var(--koyu-renk); color: white; border-radius: 10px; padding: 12px 16px; text-align: center; min-width: 65px; flex-shrink: 0; }
.etkinlik-tarih-kutu .gun { display: block; font-size: 2rem; font-weight: 700; line-height: 1; }
.etkinlik-tarih-kutu .ay { display: block; font-size: .75rem; letter-spacing: 1px; text-transform: uppercase; }
.etkinlik-tarih-kutu .yil { display: block; font-size: .75rem; opacity: .8; }
.etkinlik-resim { width: 140px; height: 100px; border-radius: 8px; overflow: hidden; flex-shrink: 0; }
.etkinlik-resim img { width: 100%; height: 100%; object-fit: cover; }
.etkinlik-bilgi { flex: 1; }
.etkinlik-bilgi h3 { margin: .4rem 0 .6rem; }
.etkinlik-bilgi h3 a { color: var(--koyu-renk); }
.etkinlik-bilgi h3 a:hover { color: var(--altin); }
.etkinlik-detaylar { display: flex; gap: 1rem; color: #777; font-size: .875rem; margin-bottom: .6rem; flex-wrap: wrap; }
.etkinlik-aksiyonlar { display: flex; gap: .6rem; margin-top: 1rem; flex-wrap: wrap; }
.etkinlik-bilgi-kutu { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; background: var(--krem); border-radius: 12px; padding: 1.5rem; margin-bottom: 2rem; }
.bilgi-item { display: flex; gap: .8rem; align-items: center; }
.bilgi-ikon { font-size: 1.5rem; flex-shrink: 0; }
.bilgi-item strong { display: block; font-size: .8rem; color: #888; }
.bilgi-item span { color: var(--koyu-renk); font-weight: 500; }
.etkinlik-bitti-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.6); color: white; text-align: center; padding: 10px; font-weight: 700; letter-spacing: 2px; }

/* --- Etkinlik Kayıt Formu --- */
.etkinlik-kayit-formu { background: var(--krem); border-radius: 12px; padding: 2rem; margin-top: 2.5rem; }
.etkinlik-kayit-formu h3 { color: var(--koyu-renk); margin-bottom: 1rem; }
.giris-gerekli { display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; }
.giris-gerekli p { margin: 0; color: #555; }

/* --- Sekme Çubuğu --- */
.sekme-cubugu { display: flex; gap: .5rem; margin-bottom: 2rem; flex-wrap: wrap; border-bottom: 2px solid #eee; padding-bottom: 0; }
.sekme-cubugu.kucuk .sekme { font-size: .85rem; padding: 6px 14px; }
.sekme { padding: 10px 20px; border-radius: 8px 8px 0 0; color: #666; font-weight: 600; text-decoration: none; background: #f5f5f5; border: 1px solid #eee; border-bottom: none; transition: all .2s; }
.sekme.aktif { background: var(--altin); color: white; border-color: var(--altin); }
.sekme:hover:not(.aktif) { background: #eee; }

/* --- Duyuru Listesi --- */
.duyuru-listesi { display: flex; flex-direction: column; gap: 1.2rem; }
.duyuru-satir { display: flex; gap: 1.5rem; background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 1.5rem; position: relative; }
.duyuru-satir.onemli-duyuru { border-left: 4px solid #e53935; background: #fff8f8; }
.duyuru-rozet { position: absolute; top: -10px; left: 20px; background: #e53935; color: white; padding: 2px 10px; border-radius: 20px; font-size: .75rem; font-weight: 600; }
.duyuru-tarih { background: var(--koyu-renk); color: white; border-radius: 10px; padding: 10px 14px; text-align: center; min-width: 55px; flex-shrink: 0; align-self: flex-start; }
.duyuru-tarih .gun { display: block; font-size: 1.6rem; font-weight: 700; line-height: 1; }
.duyuru-tarih .ay { display: block; font-size: .7rem; letter-spacing: 1px; text-transform: uppercase; }
.duyuru-icerik h3 { color: var(--koyu-renk); margin-bottom: .5rem; }
.duyuru-icerik h3 a { color: inherit; }
.duyuru-icerik h3 a:hover { color: var(--altin); }
.devami-oku { color: var(--altin); font-weight: 600; font-size: .9rem; }

/* --- İletişim --- */
.iletisim-duzen { display: grid; grid-template-columns: 1fr 1.5fr; gap: 4rem; }
.iletisim-bilgileri h2, .iletisim-form-alani h2 { font-family: var(--yazi-baslik); color: var(--koyu-renk); margin-bottom: 1rem; }
.iletisim-liste { margin: 2rem 0; }
.iletisim-item { display: flex; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid #eee; align-items: flex-start; }
.iletisim-ikon { font-size: 1.5rem; flex-shrink: 0; }
.iletisim-item strong { display: block; font-size: .8rem; color: #888; margin-bottom: 2px; }
.iletisim-item span, .iletisim-item a { color: var(--koyu-renk); font-weight: 500; }
.sosyal-medya-iletisim { margin: 1.5rem 0; }
.sosyal-medya-iletisim h4 { color: var(--koyu-renk); margin-bottom: .8rem; }
.sosyal-linkler { display: flex; gap: .8rem; flex-wrap: wrap; }
.sosyal-btn { padding: 8px 16px; border-radius: 8px; color: white; text-decoration: none; font-size: .85rem; font-weight: 600; }
.facebook-btn { background: #1877f2; }
.instagram-btn { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.twitter-btn { background: #1da1f2; }
.banka-bilgileri { background: var(--krem); border-radius: 10px; padding: 1.5rem; margin-top: 1.5rem; }
.banka-bilgileri h4 { color: var(--koyu-renk); margin-bottom: .8rem; }
.banka-bilgileri p { margin-bottom: .4rem; font-size: .9rem; }
.iletisim-formu .form-satir.ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

/* --- Hakkımızda --- */
.kurumsal-hero{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  padding: 22px;
  border-radius: 22px;
  border: 1px solid #edf0f6;
  position: relative;
  z-index: 1;
  background:
    radial-gradient(1200px 420px at 0% 0%, rgba(201,168,76,.18), transparent 55%),
    radial-gradient(900px 360px at 100% 100%, rgba(27,58,45,.10), transparent 55%),
    linear-gradient(180deg, #ffffff, #fbfcff);
  box-shadow: 0 18px 50px rgba(16,24,40,.08);
  margin-bottom: 20px;
}
.kurumsal-rozet{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  background:rgba(201,168,76,.14);
  border:1px solid rgba(201,168,76,.26);
  color:#7a5b10;
  font-weight:900;
  font-size:.84rem;
}
.kurumsal-hero-sol h2{
  margin:12px 0 10px;
  color:#0f172a;
  font-family:var(--yazi-baslik);
  font-weight: 1000;
  font-size: clamp(1.45rem, 2.4vw, 2.05rem);
  line-height:1.12;
}
.kurumsal-hero-sol h2 em{color:var(--altin);font-style:normal}
.kurumsal-hero-sol p{color:#475569;line-height:1.75;margin:0 0 12px}
.kurumsal-hero-list{display:flex;flex-wrap:wrap;gap:10px 14px;color:#334155;font-weight:700;font-size:.92rem;margin:10px 0 16px}
.kurumsal-hero-list i{color:var(--basari-rengi);margin-right:6px}
.kurumsal-hero-butonlar{display:flex;gap:10px;flex-wrap:wrap}

.kurumsal-mini-istat{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.mini-istat{
  background:#fff;
  border:1px solid #edf0f6;
  border-radius:18px;
  padding:14px 14px;
  box-shadow: 0 12px 30px rgba(16,24,40,.06);
}
.mini-sayi{
  display:block;
  font-family:var(--yazi-baslik);
  font-weight:1000;
  color:#0f172a;
  font-size:1.45rem;
}
.mini-etiket{display:block;color:#64748b;font-weight:700;font-size:.82rem;margin-top:4px}

.hakkimizda-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 4rem; margin-bottom: 4rem; align-items: center; }
.hakkimizda-istatistik { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.stat-kutu { background: linear-gradient(135deg, var(--koyu-renk), var(--orman-yesili)); color: white; border-radius: 12px; padding: 2rem; text-align: center; }
.stat-sayi { display: block; font-size: 2.5rem; font-weight: 900; font-family: var(--yazi-baslik); color: var(--altin); }
.stat-etiket { font-size: .85rem; opacity: .9; }
.misyon-vizyon { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin: 4rem 0; }
.mv-kart { background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 2rem; text-align: center; transition: box-shadow .2s; }
.mv-kart:hover { box-shadow: 0 8px 32px rgba(0,0,0,.1); }
.mv-ikon { font-size: 2.5rem; margin-bottom: 1rem; }
.mv-kart h3 { color: var(--koyu-renk); font-family: var(--yazi-baslik); margin-bottom: .8rem; }
.faaliyet-alanlari { margin-top: 3rem; }
.faaliyet-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2rem; }
.faaliyet-kart { background: var(--krem); border-radius: 10px; padding: 1.5rem; }
.faaliyet-ikon { font-size: 2rem; display: block; margin-bottom: .8rem; }
.faaliyet-kart h4 { color: var(--koyu-renk); margin-bottom: .4rem; }
.faaliyet-kart p { font-size: .9rem; color: #555; }
.uyelik-cta { background: linear-gradient(135deg, var(--koyu-renk), var(--orman-yesili)); color: white; border-radius: 16px; padding: 3rem; text-align: center; margin-top: 3rem; }
.uyelik-cta h3 { font-family: var(--yazi-baslik); font-size: 1.8rem; margin-bottom: .8rem; }
.uyelik-cta p { opacity: .9; margin-bottom: 1.5rem; }

@media (max-width: 900px){
  .kurumsal-hero{grid-template-columns:1fr}
}

/* --- Yönetim Kurulu --- */
.yonetim-grid-v2{gap:1.3rem}
.yonetim-kart-v2{border:1px solid #edf0f6;box-shadow:0 12px 30px rgba(16,24,40,.06)}
.yonetim-kart-v2:hover{box-shadow:0 18px 44px rgba(16,24,40,.12)}

.yonetim-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 2rem; }
.yonetim-kart { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,.08); text-align: center; transition: transform .2s; }
.yonetim-kart:hover { transform: translateY(-5px); }
.yonetim-resim{
  width: 100%;
  height: 320px;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background: #f8fafc;
}
.yonetim-resim img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.yonetim-avatar { width: 100%; height: 100%; background: linear-gradient(135deg, var(--altin), var(--koyu-renk)); display: flex; align-items: center; justify-content: center; color: white; font-size: 3rem; font-family: var(--yazi-baslik); font-weight: 900; gap: 10px; }
.yonetim-bilgi{
  padding: 1.5rem;
  min-width: 0;
}
/* Yönetim / Kurucu / Onursal kartlarında metinleri hizalı ve tek satır yap */
.yonetim-kart-v2 .yonetim-bilgi{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  min-height: 96px; /* kartlar arası dikey hizalama */
}
.yonetim-kart-v2 .yonetim-bilgi h3{
  color: var(--koyu-renk);
  margin: 0;
  max-width: 100%;
  white-space: normal;
  overflow: visible;
  line-height: 1.2;
}
.yonetim-kart-v2 .yonetim-bilgi .gorev{
  display:block;
  max-width: 100%;
  white-space: normal;
  overflow: visible;
  line-height: 1.3;
  min-height: 0;
}
.yonetim-bilgi .gorev:not(.kurucu-rozet):not(.onursal-rozet) { color: var(--altin); font-weight: 600; font-size: .9rem; }
.yonetim-bilgi p { color: #666; font-size: .9rem; margin-top: .8rem; }

/* Rozetler ve unvan tek satır */
.yonetim-kart-v2 .kurucu-rozet,
.yonetim-kart-v2 .onursal-rozet{
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow: visible;
}
.yonetim-kart-v2 .onursal-unvan{
  margin-top: 0;
  max-width: 100%;
  white-space: normal;
  overflow: visible;
  display:block;
  line-height: 1.3;
  min-height: 0;
  /* önceki clamp kurallarını etkisizleştir */
  -webkit-line-clamp: unset;
  line-clamp: unset;
  -webkit-box-orient: unset;
}

@media(max-width: 640px){
  .yonetim-resim{height: 260px;}
}

/* --- Köy Grid --- */
.koy-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem; }
.koy-kart { background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,.07); }
.koy-resim { height: 180px; overflow: hidden; }
.koy-resim img { width: 100%; height: 100%; object-fit: cover; }
.koy-resim-placeholder { background: var(--krem); display: flex; align-items: center; justify-content: center; font-size: 3rem; }
.koy-icerik { padding: 1.5rem; }
.koy-icerik h3 { color: var(--koyu-renk); margin-bottom: .6rem; font-family: var(--yazi-baslik); }
.koy-bilgi { color: #777; font-size: .9rem; margin-bottom: .6rem; }
.koy-giris { max-width: 700px; margin: 0 auto 3rem; text-align: center; color: #555; font-size: 1.05rem; line-height: 1.7; }

/* --- Admin Ek Stiller --- */
.admin-filtre { display: flex; gap: 1rem; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-bottom: 1.5rem; }
.galeri-admin-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1rem; }
.galeri-item { position: relative; border-radius: 10px; overflow: hidden; aspect-ratio: 1; }
.galeri-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.galeri-item-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.5); display: flex; flex-direction: column; justify-content: space-between; padding: 10px; opacity: 0; transition: opacity .2s; }
.galeri-item:hover .galeri-item-overlay { opacity: 1; }
.galeri-item-overlay span { color: white; font-size: .8rem; }
.galeri-item-overlay a { color: white; font-size: 1.2rem; align-self: flex-end; }
.satir-okunmamis { font-weight: 600; background: #fffef0; }
.satir-soluk { opacity: .6; }
.mesaj-detay-kart { background: #fff; border-radius: 12px; padding: 2rem; border: 1px solid #eee; }
.mesaj-baslik-bilgi { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #eee; }
.mesaj-baslik-bilgi h2 { color: var(--koyu-renk); margin-bottom: .5rem; }
.mesaj-icerik-kutu { background: #f9f9f9; border-radius: 10px; padding: 1.5rem; min-height: 150px; line-height: 1.8; color: #333; }
.mesaj-aksiyonlar { display: flex; gap: 1rem; margin-top: 1.5rem; flex-wrap: wrap; }
.ayarlar-duzen { display: grid; grid-template-columns: 220px 1fr; gap: 2rem; }
.ayar-sekmeler { display: flex; flex-direction: column; gap: .3rem; }
.ayar-sekme { padding: 10px 16px; border-radius: 8px; color: #555; font-weight: 500; text-decoration: none; transition: all .2s; }
.ayar-sekme.aktif { background: var(--altin); color: white; }
.ayar-sekme:hover:not(.aktif) { background: #f0f0f0; }
.ayar-icerik { background: #fff; border-radius: 12px; border: 1px solid #eee; padding: 2rem; }
.nav-cikis { color: #e53935 !important; }
.istat-turuncu .istat-sayi { color: #f57c00; }
.islem-onayla { color: #2e7d32; }

/* --- Üye Paneli Ek --- */
.uye-dashboard{background:linear-gradient(180deg, rgba(246,247,251,.9), rgba(255,255,255,1));}
.uye-dashboard{font-family: var(--yazi-metin);}
.uye-dashboard h1,
.uye-dashboard h2,
.uye-dashboard h3,
.uye-dashboard .widget-baslik,
.uye-dashboard .uye-hero-baslik{font-family: var(--yazi-baslik);}
.uye-dashboard .form-kutu h3,
.uye-dashboard .bolum-alt-baslik{font-family: var(--yazi-baslik) !important;}
.uye-hero{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:16px;
  padding:18px 18px;
  border-radius:22px;
  border:1px solid #edf0f6;
  background:
    radial-gradient(1200px 420px at 0% 0%, rgba(201,168,76,.18), transparent 55%),
    radial-gradient(900px 360px at 100% 100%, rgba(27,58,45,.10), transparent 55%),
    linear-gradient(180deg, #ffffff, #fbfcff);
  box-shadow: 0 18px 50px rgba(16,24,40,.08);
  margin-bottom:14px;
}
.uye-hero-sol{display:flex;align-items:center;gap:14px;min-width:0}
.uye-avatar{
  width:64px;height:64px;border-radius:20px;
  background:linear-gradient(135deg, rgba(201,168,76,.25), rgba(27,58,45,.12));
  border:1px solid rgba(201,168,76,.25);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  overflow:hidden;
}
.uye-avatar img{width:100%;height:100%;object-fit:cover}
.uye-avatar span{font-weight:900;color:#0f172a;letter-spacing:.02em}
.uye-hero-bilgi{min-width:0}
.uye-hero-baslik{font-size:1.2rem;color:#0f172a;font-weight:800;letter-spacing:.01em}
.uye-hero-alt{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.uye-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 10px;border-radius:999px;
  background:#f1f5f9;border:1px solid #e5e7eb;
  color:#334155;font-size:.82rem;font-weight:700;
}
.uye-badge-kimlik{background:#fff;border-color:#e5e7eb}
.uye-badge-yesil{background:rgba(46,125,50,.10);border-color:rgba(46,125,50,.22);color:#1b5e20}
.uye-badge-turuncu{background:rgba(245,127,23,.12);border-color:rgba(245,127,23,.24);color:#9a3412}
.uye-badge-altin{background:rgba(201,168,76,.16);border-color:rgba(201,168,76,.30);color:#7a5b10}

.uye-hero-sag{
  display:flex;
  gap:10px;
  align-items:stretch;
  justify-content:flex-end;
  flex-wrap: nowrap; /* Profilim/Etkinlikler/Aidat her zaman tek satır */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;
  scrollbar-width: thin;
}
.uye-hero-aksiyon{
  display:flex;align-items:center;gap:10px;
  padding:6px 8px;border-radius:14px;
  background:#fff;border:1px solid #eef2f7;
  box-shadow: 0 12px 26px rgba(16,24,40,.06);
  text-decoration:none;color:#0f172a;
  min-width: 132px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.uye-hero-aksiyon:hover{transform:translateY(-2px);border-color:rgba(201,168,76,.35);box-shadow:0 16px 34px rgba(16,24,40,.10)}
.uye-hero-aksiyon .aks-ikon{width:30px;height:30px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e5e7eb;font-size:.92rem;color:#0f172a}
.uye-hero-aksiyon .aks-metin strong{display:block;font-weight:900;font-size:.92rem;line-height:1.1}
.uye-hero-aksiyon .aks-metin small{display:block;color:#64748b;font-size:.72rem;margin-top:1px;line-height:1.2}
.uye-hero-aksiyon.aks-altin .aks-ikon{background:#fff7e8;border-color:rgba(201,168,76,.25)}

.uye-istat-grid-v2{margin-bottom:1.25rem}
.uye-istat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; margin-bottom: 2rem; }
.uye-istat-kart { background: #fff; border: 1px solid #edf0f6; border-radius: 16px; padding: 1.1rem 1.15rem; display: flex; gap: .95rem; align-items: center; box-shadow: 0 12px 30px rgba(16,24,40,.06); }
.uye-istat-kart.istat-yesil { border-color: #a5d6a7; background: #f1f8e9; }
.uye-istat-kart.istat-turuncu { border-color: #ffcc80; background: #fff8e1; }
.istat-ikon { font-size: 1.25rem; flex-shrink: 0; width:44px; height:44px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:#f1f5f9; border:1px solid #e5e7eb; color:#0f172a; }
.uye-istat-kart.istat-yesil .istat-ikon{background:rgba(46,125,50,.10);border-color:rgba(46,125,50,.18);color:#1b5e20}
.uye-istat-kart.istat-turuncu .istat-ikon{background:rgba(245,127,23,.12);border-color:rgba(245,127,23,.22);color:#9a3412}
.uye-istat-kart .istat-sayi { display: block; font-size: 1.4rem; font-weight: 700; color: var(--koyu-renk); }
.uye-istat-kart .istat-etiket { font-size: .8rem; color: #777; }
.uye-panel-grid { display: grid; grid-template-columns: 340px 1fr; gap: 1.5rem; align-items:start; }
.uye-panel-grid-v2{margin-top:.25rem}
.uye-widget { background: #fff; border: 1px solid #edf0f6; border-radius: 18px; padding: 1.25rem 1.25rem; margin-bottom: 1.1rem; box-shadow: 0 14px 34px rgba(16,24,40,.06); }
.uye-widget-baslik{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}
.uye-widget-link{font-size:.85rem;font-weight:800;color:#7a5b10;text-decoration:none;background:#fff7e8;border:1px solid rgba(201,168,76,.25);padding:6px 10px;border-radius:999px}
.uye-widget-link:hover{background:#fef8ec;border-color:rgba(201,168,76,.45)}
.hizli-islem-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.hizli-islem-btn { background: linear-gradient(180deg, #fff, #fafafa); border: 1px solid #eef2f7; border-radius: 16px; padding: 1rem .9rem; text-align: center; text-decoration: none; color: #0f172a; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; display: flex; flex-direction: column; gap: .35rem; align-items: center; font-size: .85rem; font-weight: 800; box-shadow: 0 10px 24px rgba(16,24,40,.05);}
.hizli-islem-btn:hover { transform: translateY(-2px); border-color: rgba(201,168,76,.35); box-shadow: 0 14px 30px rgba(16,24,40,.08); }
.hizli-islem-btn span:first-child { font-size: 1.2rem; }
.mini-tablo { width: 100%; border-collapse: collapse; font-size: .9rem; }
.mini-tablo th, .mini-tablo td { padding: 6px 8px; text-align: left; border-bottom: 1px solid #f0f0f0; }
.mini-tablo th { font-weight: 600; color: #666; }
.uye-etkinlik-satir { display: flex; gap: 1rem; padding: 10px 0; border-bottom: 1px solid #f0f0f0; }
.mini-tarih-kutu { background: var(--koyu-renk); color: white; border-radius: 8px; padding: 8px 10px; text-align: center; min-width: 42px; }
.mini-tarih-kutu span:first-child { display: block; font-size: 1.1rem; font-weight: 700; line-height: 1; }
.mini-tarih-kutu span:last-child { display: block; font-size: .6rem; letter-spacing: 1px; }
.uye-mini-item{padding:10px 0;border-bottom:1px dashed #eef2f7}
.uye-mini-item:last-child{border-bottom:none}
.uye-liste-baslik{display:block;color:#0f172a;font-weight:900;letter-spacing:.01em;line-height:1.35}
.uye-liste-baslik:hover{color:var(--altin,#C9A84C)}
.uye-liste-alt{color:#64748b;font-size:.82rem;margin-top:2px}
.uye-bos{display:flex;align-items:center;gap:10px;color:#64748b}
.uye-bos-ikon{width:38px;height:38px;border-radius:14px;background:#f1f5f9;display:flex;align-items:center;justify-content:center}
.profil-duzen { display: grid; grid-template-columns: 280px 1fr; gap: 3rem; }
.profil-kart { background: #fff; border: 1px solid #eee; border-radius: 16px; padding: 2rem; text-align: center; align-self: flex-start; position: sticky; top: 90px; }
.profil-avatar-buyuk { width: 150px; height: 200px; border-radius: 16px; overflow: hidden; margin: 0 auto 1rem; border: 3px solid var(--altin); }
.profil-avatar-buyuk img { width: 100%; height: 100%; object-fit: cover; }
.avatar-harf { width: 100%; height: 100%; background: linear-gradient(135deg, var(--altin), var(--koyu-renk)); display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; font-family: var(--yazi-baslik); font-weight: 900; }
.profil-kart h3 { color: var(--koyu-renk); margin-bottom: .3rem; }
.uyelik-no, .uye-tarihi { color: #888; font-size: .85rem; }
.profil-formlar { display: flex; flex-direction: column; gap: 2rem; }
.form-kutu { background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 2rem; }
.form-kutu h3 { color: var(--koyu-renk); margin-bottom: 1.5rem; padding-bottom: .8rem; border-bottom: 2px solid var(--altin); font-family: var(--yazi-baslik); }

/* Profil — değişiklik talebi modal */
.admin-pro-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px}
.admin-pro-modal[hidden]{display:none !important}
.admin-pro-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.55);backdrop-filter:blur(6px)}
.admin-pro-modal-card{position:relative;z-index:1;width:min(860px,96vw);max-height:min(86vh,860px);overflow:auto;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:18px;box-shadow:0 40px 120px rgba(0,0,0,.35);padding:16px}
.admin-pro-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eef2f7}
.admin-pro-modal-x{width:40px;height:40px;border-radius:14px;border:1px solid #e5e7eb;background:#f8fafc;font-size:22px;line-height:1;cursor:pointer}
.admin-pro-modal-x:hover{background:#fff7e8;border-color:rgba(201,168,76,.30)}
.belge-icerik { max-width: 800px; margin: 0 auto; }
.belge-icerik h2, .belge-icerik h3 { color: var(--koyu-renk); }
.bolum-alt-baslik { font-family: var(--yazi-baslik); color: var(--koyu-renk); font-size: 1.4rem; margin-bottom: 1.2rem; padding-bottom: .6rem; border-bottom: 2px solid var(--altin); }

/* Haberler — Slider */
.haber-slider{margin-bottom:28px}
.haber-slider-icerik{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 2px 2px 10px;
}
.haber-slide{
  scroll-snap-align:start;
  /* Haber sitesi gibi: her seferinde tek slide */
  flex: 0 0 100%;
  max-width: 100%;
  border-radius: 22px;
  overflow:hidden;
  position:relative;
  border:1px solid #edf0f6;
  box-shadow: 0 18px 50px rgba(16,24,40,.10);
}
.haber-slide-link{display:block;text-decoration:none;color:inherit;position:relative;min-height:320px}
.haber-slide-bg{position:absolute;inset:0}
.haber-slide-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.02) contrast(1.02)}
.haber-slide-link:before{
  content:'';
  position:absolute;inset:0;
  background: linear-gradient(90deg, rgba(15,23,42,.82) 0%, rgba(15,23,42,.45) 55%, rgba(15,23,42,.20) 100%);
  z-index:1;
}
.haber-slide-ust{
  position:absolute;top:14px;left:14px;right:14px;
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  z-index:2;
}
.haber-slide-tarih{
  color:rgba(255,255,255,.92);
  font-size:.85rem;
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  padding:8px 10px;border-radius:999px;
  backdrop-filter: blur(6px);
}
.haber-slide-icerik{
  position:absolute;left:18px;right:18px;bottom:18px;
  z-index:2;
  max-width: 560px;
}
.haber-slide-icerik h2{
  margin:0 0 10px;
  color:#fff;
  font-family: var(--yazi-baslik);
  font-weight: 900;
  font-size: clamp(1.25rem, 2.2vw, 1.75rem);
  line-height:1.15;
}
.haber-slide-icerik p{
  margin:0 0 14px;
  color:rgba(255,255,255,.90);
  font-size:.98rem;
  line-height:1.55;
}
.haber-slide-cta{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:14px;
  background: rgba(201,168,76,.92);
  color:#1b3a2d;
  font-weight: 900;
}
.haber-slider-kontrol{
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin-top: 10px;
}

/* ============================================================
   Haber Detay — Galeri
   ============================================================ */
.haber-galeri{
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid rgba(15,23,42,.10);
}
.haber-galeri-baslik{
  margin: 0 0 14px;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--koyu-renk, #0f172a);
  display: flex;
  align-items: center;
  gap: 10px;
}
.haber-galeri-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
}
.haber-galeri-item{
  display: block;
  border-radius: 12px;
  overflow: hidden;
  background: #e2e8f0;
  box-shadow: 0 10px 26px rgba(15,23,42,.08);
  border: 1px solid rgba(15,23,42,.08);
  aspect-ratio: 4/3;
}
.haber-galeri-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}
.haber-galeri-item:hover img{
  transform: scale(1.05);
}
.hs-btn{
  width:44px;height:44px;border-radius:16px;
  border:1px solid #e5e7eb;background:#fff;
  box-shadow: 0 12px 26px rgba(16,24,40,.08);
  cursor:pointer;
}
.hs-btn:hover{transform:translateY(-1px)}
.hs-nokta{width:40px;height:6px;border-radius:999px;background:rgba(201,168,76,.25);border:1px solid rgba(201,168,76,.35)}

/* Belgeler */
.belge-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.belge-ust-baslik{margin:0;font-family:var(--yazi-baslik);font-weight:1000;color:#0f172a;font-size:1.25rem;display:flex;align-items:center;gap:10px}
.belge-ust-aciklama{margin:6px 0 0;color:#64748b;max-width:640px}
.belge-ara{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #edf0f6;border-radius:16px;padding:10px 10px;box-shadow:0 12px 30px rgba(16,24,40,.06)}
.belge-ara input{border:none;outline:none;min-width:260px;font-size:.95rem}
.belge-ara button{width:40px;height:40px;border-radius:14px;border:1px solid #e5e7eb;background:#f8fafc;cursor:pointer}
.belge-ara button:hover{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.30)}

.belge-filtre{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px}
.belge-filtre-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#334155;font-weight:800;text-decoration:none}
.belge-filtre-btn:hover{border-color:rgba(201,168,76,.35);background:rgba(201,168,76,.10)}
.belge-filtre-btn.aktif{background:var(--altin);border-color:var(--altin);color:#1b3a2d}

.belge-liste{display:flex;flex-direction:column;gap:12px}
.belge-satir{
  display:flex;align-items:center;gap:14px;
  background:#fff;
  border:1px solid #edf0f6;
  border-radius:18px;
  padding:14px 16px;
  box-shadow: 0 12px 30px rgba(16,24,40,.06);
}
.belge-ikon{
  width:52px;height:52px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  background: radial-gradient(700px 260px at 0% 0%, rgba(201,168,76,.20), transparent 55%),
              #f8fafc;
  border:1px solid rgba(201,168,76,.22);
  color:#1b3a2d;
  flex:0 0 auto;
  font-size:1.25rem;
}
.belge-ikon-pdf{background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.18);color:#b91c1c}
.belge-ikon-word{background:rgba(37,99,235,.08);border-color:rgba(37,99,235,.18);color:#1d4ed8}
.belge-ikon-excel{background:rgba(22,163,74,.10);border-color:rgba(22,163,74,.20);color:#166534}
.belge-ikon-diger{background:rgba(201,168,76,.14);border-color:rgba(201,168,76,.26);color:#7a5b10}
.belge-bilgi{flex:1;min-width:0}
.belge-bilgi h4{margin:0 0 6px;color:#0f172a;font-family:var(--yazi-baslik);font-weight:900}
.belge-bilgi p{margin:0 0 8px;color:#64748b;font-size:.92rem;line-height:1.5}
.belge-meta{display:flex;gap:14px;flex-wrap:wrap;color:#94a3b8;font-size:.82rem}
.belge-aksiyon{flex:0 0 auto}
.belge-aksiyon-ic{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width: 640px){
  .belge-satir{flex-direction:column;align-items:flex-start}
  .belge-aksiyon{width:100%}
  .belge-aksiyon .buton{width:100%;justify-content:center}
  .belge-ara input{min-width:0;width:180px}
  .belge-aksiyon-ic{width:100%}
}

/* Kurucu / Onursal giriş + rozetler */
.uye-onur-giris{
  max-width:760px;
  margin:0 auto 26px;
  text-align:center;
  color:#475569;
  font-size:1.02rem;
  line-height:1.7;
}
.uye-onur-giris i{color:var(--altin);margin-right:8px}
.kurucu-rozet{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#C9A84C,#e8c96e);
  color:#0f172a;
  padding:4px 12px;
  border-radius:999px;
  font-size:.8rem;
  font-weight:800;
  border: 1px solid rgba(15,23,42,.18);
  box-shadow: 0 10px 22px rgba(15,23,42,.10);
}
.onursal-rozet{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#7B1FA2,#AB47BC);
  color:#fff;
  padding:4px 12px;
  border-radius:999px;
  font-size:.8rem;
  font-weight:800;
}

/* Onur Kurulu kart detayları (tek tip görünüm) */
.yonetim-avatar-onur{
  background: linear-gradient(135deg, rgba(123,31,162,.95), rgba(201,168,76,.95));
}
.onursal-unvan{
  margin-top:8px;
  color:#64748b;
  font-weight:800;
  font-size:.92rem;
  line-height:1.35;
  display:-webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow:hidden;
}

/* Tüzük / belge içerik tipi */
.belge-icerik{
  display:block;
  background:#fff;
  border:1px solid #edf0f6;
  border-radius:18px;
  padding:22px;
  box-shadow: 0 12px 30px rgba(16,24,40,.06);
  position: relative;
  z-index: 1;
}
.belge-icerik h2,.belge-icerik h3{font-family:var(--yazi-baslik);color:#0f172a}
.belge-icerik p,.belge-icerik li{color:#334155;line-height:1.8}

/* Dernek Tüzüğü */
.tuzuk-duzen{display:grid;grid-template-columns: 280px 1fr;gap:18px;align-items:start}
.tuzuk-toc{
  position: sticky;
  top: 92px;
  border:1px solid #edf0f6;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff,#fbfcff);
  box-shadow:0 12px 30px rgba(16,24,40,.06);
  padding:14px;
}
.tuzuk-toc-baslik{font-family:var(--yazi-baslik);font-weight:1000;color:#0f172a;display:flex;align-items:center;gap:10px;margin-bottom:10px}
.tuzuk-toc a{display:block;padding:10px 10px;border-radius:12px;color:#334155;text-decoration:none;font-weight:700;font-size:.9rem}
.tuzuk-toc a:hover{background:rgba(201,168,76,.12);color:#0f172a}
.tuzuk-icerik h3{scroll-margin-top: 92px;}
.tuzuk-kapak{
  border:1px solid #edf0f6;
  border-radius:18px;
  padding:16px;
  background:
    radial-gradient(900px 360px at 0% 0%, rgba(201,168,76,.14), transparent 55%),
    linear-gradient(180deg,#ffffff,#fbfcff);
  margin-bottom:16px;
}
.tuzuk-kapak h2{margin:10px 0 8px;font-family:var(--yazi-baslik);font-weight:1000;color:#0f172a}
.tuzuk-kapak p{margin:0 0 12px;color:#64748b}
.tuzuk-kapak-aksiyon{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
@media(max-width: 980px){
  .tuzuk-duzen{grid-template-columns: 1fr}
  .tuzuk-toc{position:relative;top:auto}
}
.ilgili-icerik { margin-top: 4rem; }

/* --- Boş Durum --- */
.bos-durum { text-align: center; padding: 5rem 2rem; color: #888; }
.bos-ikon { font-size: 4rem; margin-bottom: 1rem; display: block; }
.bos-durum h3 { color: #555; margin-bottom: .5rem; }

/* --- Rozet Varyantları --- */
.rozet-kirmizi { background: #e53935; color: white; }
.rozet-gri { background: #757575; color: white; }
.rozet-yesil { background: #2e7d32; color: white; }
.rozet-kucuk { font-size: .7rem; padding: 2px 7px; }
.durum-bekleyen { background: #fff3cd; color: #856404; border: 1px solid #ffc107; }
.durum-pasif { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

/* --- Responsive Ek --- */
@media (max-width: 900px) {
    .icerik-duzen { grid-template-columns: 1fr; }
    .one-cikan-haber { grid-template-columns: 1fr; }
    .one-cikan-resim { min-height: 250px; }
    .iletisim-duzen, .hakkimizda-grid, .misyon-vizyon { grid-template-columns: 1fr; }
    .faaliyet-grid { grid-template-columns: 1fr 1fr; }
    .haber-navigasyon { grid-template-columns: 1fr; }
    .uye-panel-grid { grid-template-columns: 1fr; }
    .profil-duzen { grid-template-columns: 1fr; }
    .profil-kart { position: static; }
    .ayarlar-duzen { grid-template-columns: 1fr; }
    .ayar-sekmeler { flex-direction: row; flex-wrap: wrap; }
    .etkinlik-satir { flex-wrap: wrap; }
    .etkinlik-resim { width: 100%; height: 150px; }
}
@media (max-width: 600px) {
    .faaliyet-grid { grid-template-columns: 1fr; }
    .yonetim-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
    .hizli-islem-grid { grid-template-columns: 1fr 1fr; }
    .hizli-islem-btn { font-size: .8rem; padding: .8rem .6rem; }
    .uye-istat-grid { grid-template-columns: 1fr 1fr; }
    .iletisim-formu .form-satir.ikili { grid-template-columns: 1fr; }
}

@media (max-width: 900px){
  .uye-hero{flex-direction:column}
  /* Üye paneli üst aksiyonları: tek satır, yatay kaydırılabilir */
  .uye-hero-sag{
    justify-content:flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;
    scrollbar-width: thin;
  }
}
@media (max-width: 520px){
  .uye-hero-aksiyon{min-width: 240px}
}

/* ═══════════════════════════════════════════════════
   ULTRA PROFESYONEL EK STİLLER
   ═══════════════════════════════════════════════════ */

/* ── Preloader ── */
/* Preloader kaldırıldı (sayfa geçişlerinde takılmayı önlemek için) */
@keyframes preloaderIlerleme{0%{width:0}100%{width:100%}}

/* ── Scroll Progress ── */
#scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--altin,#C9A84C),#e8c96e);z-index:9999;transition:width .1s linear}

/* ── Cookie Banner ── */
.cookie-banner{position:fixed;bottom:1.5rem;left:1rem;right:1rem;max-width:900px;margin:0 auto;background:#1a1a2e;color:#e0e0e0;border-radius:14px;padding:1.2rem 1.5rem;box-shadow:0 8px 40px rgba(0,0,0,.4);z-index:9990;border:1px solid rgba(201,168,76,.3);animation:slideUpIn .4s ease}
@keyframes slideUpIn{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}
.cookie-icerik{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.cookie-ikon{font-size:2rem;flex-shrink:0}
.cookie-metin{flex:1;min-width:200px}
.cookie-metin strong{display:block;color:white;margin-bottom:.3rem}
.cookie-metin p{font-size:.875rem;opacity:.8;margin:0}
.cookie-metin a{color:var(--altin,#C9A84C)}
.cookie-butonlar{display:flex;gap:.6rem;flex-shrink:0;flex-wrap:wrap}
.cookie-reddet{background:none;border:1px solid rgba(255,255,255,.2);color:#aaa;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.85rem}
.cookie-reddet:hover{border-color:#fff;color:#fff}

/* ── Header Gizle/Göster (Scroll) ── */
.ana-baslik{transition:transform .3s ease,box-shadow .3s ease}
.ana-baslik.gizle{transform:translateY(-100%)}
.ana-baslik.scrolled{box-shadow:0 4px 30px rgba(0,0,0,.15)}

/* ── Arama Paneli ── */
.arama-paneli{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}
.arama-paneli.acik{max-height:80px;padding:.8rem 0}
.arama-paneli-form{display:flex;align-items:center;gap:.5rem}
.arama-paneli-form input[type=search]{flex:1;padding:10px 18px;border:2px solid rgba(201,168,76,.4);border-radius:8px;background:rgba(255,255,255,.05);color:inherit;font-size:1rem;outline:none;transition:border-color .2s}
.arama-paneli-form input:focus{border-color:var(--altin,#C9A84C)}
.arama-paneli-form button{background:var(--altin,#C9A84C);color:white;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:1rem}
.arama-toggle{background:none;border:none;color:inherit;cursor:pointer;font-size:1.1rem;padding:8px;border-radius:8px;transition:color .2s}
.arama-toggle:hover{color:var(--altin,#C9A84C)}

/* ── Mega Menü ── */
.mega-menu{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:580px;background:white;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);border:1px solid #f0f0f0;opacity:0;transition:opacity .25s,transform .25s;transform-origin:top center;z-index:1000}
.mega-menu.gorunur{opacity:1;transform:translateX(-50%) scaleY(1)}
.mega-menu-icerik{display:grid;grid-template-columns:1fr 1fr 240px;gap:0}
.mega-kolon{padding:1.5rem;border-right:1px solid #f5f5f5}
.mega-kolon:last-child{border-right:none}
.mega-kolon h4{font-family:'Cinzel',serif;font-size:.8rem;letter-spacing:.1em;color:var(--altin,#C9A84C);text-transform:uppercase;margin-bottom:.8rem;padding-bottom:.6rem;border-bottom:1px solid #f0f0f0}
.mega-kolon a{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;color:#333;font-size:.9rem;transition:color .15s}
.mega-kolon a i{width:16px;color:#aaa;font-size:.85rem}
.mega-kolon a:hover{color:var(--altin,#C9A84C)}
.mega-kolon a:hover i{color:var(--altin,#C9A84C)}
.mega-vitrin{background:linear-gradient(135deg,#1B3A2D,#2d5a3d)}
.mega-vitrin-icerik{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:.6rem;padding:1.5rem}
.mega-vitrin-ikon{font-size:2.5rem}
.mega-vitrin-icerik strong{color:var(--altin,#C9A84C);font-family:'Cinzel',serif;font-size:1.1rem}
.mega-vitrin-icerik p{color:rgba(255,255,255,.7);font-size:.85rem;line-height:1.5}
.mega-buton{display:inline-block;background:var(--altin,#C9A84C);color:white;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:700;margin-top:.3rem}

/* ── WhatsApp Butonu ── */
.wp-buton{position:fixed;bottom:5rem;right:1.5rem;background:#25d366;color:white;border-radius:50px;padding:12px 20px 12px 16px;display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9rem;box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:8888;transition:all .3s;text-decoration:none}
.wp-buton i{font-size:1.4rem}
.wp-buton:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 30px rgba(37,211,102,.5);color:white}
.wp-metin{white-space:nowrap}
@media(max-width:480px){.wp-metin{display:none}.wp-buton{padding:14px;border-radius:50%;bottom:6rem}}

/* ── Yukarı Çık ── */
.yukari-cik{position:fixed;bottom:1.5rem;right:1.5rem;width:44px;height:44px;background:var(--koyu-renk,#1B3A2D);color:white;border:none;border-radius:12px;cursor:pointer;font-size:1rem;opacity:0;transform:translateY(10px);transition:all .3s;z-index:8887;box-shadow:0 4px 16px rgba(0,0,0,.2)}
.yukari-cik.gorunur{opacity:1;transform:translateY(0)}
.yukari-cik:hover{background:var(--altin,#C9A84C);transform:translateY(-3px)}

/* ── Scroll Reveal Animasyonları ── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease var(--animasyon-gecikme,0ms),transform .6s ease var(--animasyon-gecikme,0ms)}
.reveal.gorundu{opacity:1;transform:translateY(0)}

/* ── Footer (Beyaz Tema) ── */
.ana-footer{background:#fff;color:#334155;margin-top:5rem;border-top:1px solid #e5e7eb}
.footer-ust{padding:4rem 0 2rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:3rem}
.footer-logo{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;color:var(--yesil-koyu);font-family:var(--yazi-metin);font-size:1.05rem;font-weight:800}
.footer-logo-img{width:280px;max-width:100%;height:auto;display:block}
.site-logo-img{width:340px;max-width:100%;height:auto;display:block}

/* Header logo-only: daha kompakt hizalama */
.ana-baslik .logo{gap:0}
.ana-baslik .logo-metin{display:none}
.ana-baslik .logo-simge{width:auto;height:auto}

@media (max-width: 900px){
  .site-logo-img{width:260px}
}

@media (max-width: 420px){
  .site-logo-img{width:220px}
  .footer-logo-img{width:200px}
}
.footer-aciklama{font-size:.9rem;line-height:1.7;opacity:.7;margin-bottom:1.5rem}
.footer-iletisim{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}
.footer-iletisim a,.footer-iletisim span{color:#475569;font-size:.875rem;display:flex;align-items:center;gap:.6rem;transition:color .2s}
.footer-iletisim a:hover{color:var(--altin,#C9A84C)}
.footer-iletisim i{color:var(--altin,#C9A84C);width:16px}
.footer-sosyal{display:flex;gap:.6rem}
.footer-sosyal a{width:36px;height:36px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#334155;transition:all .2s;font-size:.95rem;border:1px solid #e5e7eb}
.footer-sosyal a:hover{background:var(--altin,#C9A84C);color:white;transform:translateY(-2px)}
.footer-baslik{color:#0f172a;font-family:var(--yazi-metin);font-size:.95rem;letter-spacing:.01em;margin-bottom:1.2rem;padding-bottom:.6rem;border-bottom:1px solid #e5e7eb;font-weight:800}
.footer-liste{list-style:none}
.footer-liste li{padding:.35rem 0;border-bottom:1px solid #f1f5f9}
.footer-liste a{color:#475569;font-size:.875rem;transition:color .2s;display:flex;align-items:center;gap:.5rem}
.footer-liste a i{color:var(--altin,#C9A84C);font-size:.7rem}
.footer-liste a:hover{color:var(--altin,#C9A84C);padding-left:4px}
.footer-haber{padding:.6rem 0;border-bottom:1px solid #f1f5f9}
.footer-haber-tarih{display:block;color:var(--altin,#C9A84C);font-size:.75rem;margin-bottom:.3rem}
.footer-haber a{color:#334155;font-size:.875rem;line-height:1.4;transition:color .2s;font-weight:600}
.footer-haber a:hover{color:var(--altin,#C9A84C)}
.footer-tumu{display:inline-block;color:var(--altin,#C9A84C);font-size:.85rem;margin-top:.8rem;font-weight:600}
.bulten-form{margin-bottom:1.2rem}
.bulten-input-grup{display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:border-color .2s}
.bulten-input-grup:focus-within{border-color:var(--altin,#C9A84C)}
.bulten-input-grup input{flex:1;background:none;border:none;outline:none;padding:10px 14px;color:#0f172a;font-size:.875rem}
.bulten-input-grup input::placeholder{color:#94a3b8}
.bulten-input-grup button{background:var(--altin,#C9A84C);border:none;padding:0 16px;color:white;cursor:pointer;font-size:.95rem;transition:background .2s}
.bulten-input-grup button:hover{background:#b8963c}
.bulten-bildirim{padding:8px 12px;border-radius:6px;font-size:.85rem;margin-top:.5rem}
.bulten-basari{background:rgba(76,175,80,.15);color:#81c784;border:1px solid rgba(76,175,80,.2)}
.bulten-uyari{background:rgba(255,193,7,.1);color:#ffd54f}
.bulten-hata{background:rgba(244,67,54,.1);color:#e57373}
.footer-banka{background:#f8fafc;border-radius:12px;padding:1rem;margin-top:1rem;border:1px solid rgba(201,168,76,.25)}
.footer-banka h5{color:var(--altin,#C9A84C);margin-bottom:.5rem;font-size:.85rem}
.footer-banka p{color:#334155;font-size:.875rem;margin:0;font-weight:800}
.footer-banka small{color:#64748b;font-size:.8rem}
.footer-alt{background:#fff;padding:1.2rem 0;border-top:1px solid #e5e7eb}
.footer-alt-ici{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-alt p{color:#64748b;font-size:.85rem;margin:0}
.footer-alt strong{color:#aaa}
.footer-alt-linkler{display:flex;gap:1.2rem;flex-wrap:wrap}
.footer-alt-linkler a{color:#64748b;font-size:.8rem;transition:color .2s}
.footer-alt-linkler a:hover{color:var(--altin,#C9A84C)}
.footer-kredi{
  margin-top: .6rem;
  text-align: center;
  font-size: .78rem;
  color:#94a3b8;
  font-weight: 700;
}
.footer-kredi a{
  color:#64748b;
  text-decoration: none;
  font-weight: 900;
}
.footer-kredi a:hover{color:var(--altin,#C9A84C)}

/* ── Header Ust Cubuk ── */
.ust-cubuk{background:var(--koyu-renk,#1B3A2D);color:rgba(255,255,255,.8);padding:.5rem 0;font-size:.82rem;border-bottom:1px solid rgba(255,255,255,.08)}
.ust-cubuk .konteyner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
.ust-cubuk-sol{display:flex;gap:1.2rem;flex-wrap:wrap}
.ust-cubuk-sol a,.ust-cubuk-sol span{color:rgba(255,255,255,.75);display:flex;align-items:center;gap:.4rem;transition:color .2s}
.ust-cubuk-sol a:hover{color:var(--altin,#C9A84C)}
.ust-cubuk-sag{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.ust-cubuk-sag a{color:rgba(255,255,255,.75);display:flex;align-items:center;gap:.4rem;font-weight:500;transition:color .2s}
.ust-cubuk-sag a:hover{color:var(--altin,#C9A84C)}
.yonetim-link{color:var(--altin,#C9A84C) !important}
.kayit-link-ust{background:var(--altin,#C9A84C);color:white !important;padding:3px 10px;border-radius:5px;font-weight:600}
.ust-sosyal{display:flex;gap:.5rem}
.ust-sosyal a{width:26px;height:26px;background:rgba(255,255,255,.1);border-radius:5px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);font-size:.8rem;transition:all .2s}
.ust-sosyal a:hover{background:var(--altin,#C9A84C);color:white}

/* ── Header Ana ── */
.ana-baslik{background:white;position:sticky;top:0;z-index:1000;transition:box-shadow .3s}
.baslik-ici{display:flex;align-items:center;gap:2rem;padding:.8rem 0}
.logo{display:flex;align-items:center;gap:.8rem;text-decoration:none;flex-shrink:0}
.logo-simge{width:42px;height:42px;color:var(--koyu-renk,#1B3A2D)}
.logo-adi{display:block;font-family:'Cinzel',serif;font-size:1.25rem;font-weight:600;color:var(--koyu-renk,#1B3A2D);line-height:1}
.logo-alt{display:block;font-size:.7rem;color:#888;letter-spacing:.05em}
.ana-nav{flex:1}
.ana-nav ul{display:flex;align-items:center;gap:.2rem;list-style:none;margin:0;padding:0;position:relative}
.ana-nav>ul>li>a{padding:.6rem .9rem;color:#333;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.3rem;border-radius:8px;transition:all .2s;position:relative}
.ana-nav>ul>li>a:hover,.ana-nav>ul>li.aktif>a{color:var(--altin,#C9A84C);background:#fef8ec}
.ana-nav>ul>li.aktif>a::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:20px;height:3px;background:var(--altin,#C9A84C);border-radius:3px}
.ana-nav>ul>li>a i{font-size:.65rem;transition:transform .2s}
.menu-auth-link{
  display:flex;
  align-items:center;
  gap:.45rem;
  border:1px solid rgba(15,23,42,.10);
  background: linear-gradient(180deg,#fff,#fbfbfb);
}
.menu-auth-link--altin{
  border-color: rgba(201,168,76,.35);
  background: linear-gradient(180deg, rgba(201,168,76,.22), rgba(201,168,76,.10));
  color:#422006 !important;
}
.mega-menu-li:hover>a i{transform:rotate(180deg)}
.baslik-araclar{display:flex;align-items:center;gap:.5rem;flex-shrink:0}

/* Mobil off-canvas menü başlığı */
.mobil-nav-baslik{display:none}
.mobil-nav-marka{display:flex;flex-direction:column;gap:.15rem}
.mobil-nav-logo{font-family:'Cinzel',serif;font-weight:700;letter-spacing:.18em;color:var(--koyu-renk,#1B3A2D);font-size:1.05rem}
.mobil-nav-alt{font-size:.8rem;color:#888}
.mobil-nav-kapat{width:40px;height:40px;border-radius:12px;border:1px solid #eee;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mobil-nav-kapat:hover{background:#f6f6f6}
.mobil-nav-logo-img{width:160px;max-width:100%;height:auto;display:block}

/* ── Mobil Menü Butonu ── */
.mobil-menu-btn{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer;border-radius:8px}
.mobil-menu-btn span{display:block;width:24px;height:2px;background:var(--koyu-renk,#1B3A2D);border-radius:2px;transition:all .3s}
.mobil-menu-btn.aktif span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobil-menu-btn.aktif span:nth-child(2){opacity:0;width:0}
.mobil-menu-btn.aktif span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── Responsive Header ── */
@media(max-width:1050px){
  .ust-cubuk-sol .ust-hava{display:none}
  .ust-cubuk-sol{gap:.8rem}
}
@media(max-width:900px){
  .ust-cubuk{display:none}
  .mobil-menu-btn{display:flex}
  .ana-nav{position:fixed;top:0;right:-100%;width:min(360px,90vw);height:100dvh;background:linear-gradient(180deg,#ffffff, #fbfbfb);box-shadow:-12px 0 50px rgba(0,0,0,.18);overflow-y:auto;transition:right .32s ease;padding:0;z-index:998;display:flex;flex-direction:column}
  .ana-nav.acik{right:0}
  .mobil-nav-baslik{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #eef2f7;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1}
  .mobil-nav-marka{gap:0}
  .mobil-nav-logo-img{width:170px}
  .ana-nav ul{flex-direction:column;align-items:stretch;gap:.2rem;padding:1rem 1rem 1.25rem;margin:0}
  .ana-nav>ul>li>a{padding:.9rem 1rem;border-radius:14px;justify-content:space-between;font-weight:700;color:#0f172a}
  .ana-nav>ul>li>a:hover{background:#f1f5f9}
  .ana-nav>ul>li.aktif>a{background:#fff7e8;border:1px solid rgba(201,168,76,.25)}
  /* Mobil mega menü: base kuraldaki opacity:0'ı override et */
  .mega-menu{display:none;position:static;transform:none;min-width:unset;box-shadow:none;border:none;border-radius:12px;margin-top:.4rem;background:#0b1220 !important;overflow:hidden;opacity:1 !important;visibility:visible !important}
  .mega-menu-li.acik > .mega-menu{display:block}
  .mega-menu-icerik{grid-template-columns:1fr;gap:0}
  .mega-vitrin{display:none}
  .mega-kolon{padding:.85rem 1rem;border-right:none;border-bottom:1px solid rgba(255,255,255,.10);background:transparent !important}
  .mega-kolon h4{color:#fff !important;border-bottom:1px solid rgba(255,255,255,.10)}
  .mega-kolon a{color:rgba(255,255,255,.92) !important}
  .mega-kolon a i{color:rgba(255,255,255,.55) !important}
  .mega-kolon a:hover{color:var(--altin,#C9A84C) !important}
  .mega-kolon a:hover i{color:var(--altin,#C9A84C) !important}
  /* Mobilde mega menü linkleri görünür ve tıklanabilir olsun */
  .mega-menu, .mega-menu * { color: inherit; }
  .mega-menu a{display:flex;align-items:center;gap:.6rem;padding:.65rem .2rem}
}

/* Admin mobil off-canvas sidebar */
.admin-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index:998;
  opacity:0;
  transition:opacity .2s ease;
}
.admin-backdrop[hidden]{display:none}
.admin-backdrop.gorunur{opacity:1}

@media (max-width: 1100px){
  .admin-duzen{grid-template-columns:1fr}
  .admin-sidebar{
    position:fixed !important;
    top:0;
    left:-110% !important;
    width:min(320px,86vw);
    height:100dvh !important;
    z-index:999 !important;
    transition:left .28s ease;
  }
  .admin-sidebar.acik{left:0 !important}
  .admin-icerik{padding:16px}
  .admin-topbar{position:sticky;top:0;z-index:50}
  .sidebar-toggle{display:inline-flex !important}
}

.sidebar-toggle{
  width:44px;
  height:44px;
  border-radius:14px;
  border:1px solid #eee;
  background:#fff;
  display:none;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
  padding:10px;
}
.sidebar-toggle span{
  display:block;
  width:20px;
  height:2px;
  background:#1B3A2D;
  border-radius:2px;
}

/* Ana sayfa inline grid’lerini mobilde tek kolona düşür */
@media (max-width: 900px) {
  .hero-grid { grid-template-columns: 1fr !important; gap: 28px !important; padding: 40px 0 !important; }
  .hero-grid > * { width: 100%; }
  .anasayfa-iki-kolon { grid-template-columns: 1fr !important; gap: 28px !important; }
}

/* Hero konteyneri artık grid değil; eski kuralı etkisizleştir */
@media (max-width: 900px) {
  .hero .konteyner { grid-template-columns: initial; }
}
@media(max-width:600px){
  .footer-grid{grid-template-columns:1fr;gap:2rem}
  .footer-alt-ici{flex-direction:column;text-align:center}
  .footer-alt-linkler{justify-content:center}
}
@media(max-width:420px){
  .footer-grid{grid-template-columns:1fr}
  .cookie-icerik{flex-direction:column;text-align:center}
}