/* =====================================================================
   TarlaTapan — Tema v2 (C2) · tek ön yüz stil dosyası
   Kaynak: Stitch "TarlaTapan Ana Sayfa" tasarım sistemi (Stitch_Tasarimlar/TarlaTapan/tema_v2).
   KURALLAR: hiçbir öğede kenarlık yok (ayrım zemin + gölge) · kart ızgarası 4, fazlaysa 8 (4+4)
   · eski site.css/pazar.css kullanılmaz (site.css yalnız yönetim panelinde kalır).
   Bölümler: 1 Tokenlar · 2 Taban · 3 Düzen · 4 Üst menü · 5 Mobil · 6 Alt bilgi · 7 Bileşenler
   ===================================================================== */

/* ---------- 1. TOKENLAR ---------- */
:root {
  /* zeminler */
  --zemin: #f8faf3;          /* gövde (C2 body) */
  --zemin-2: #f4f8ee;        /* C2 hero / dönüşümlü bölüm */
  --zemin-3: #edf4e5;        /* C2 üst bar, bant zemini */
  --zemin-4: #e8f1dc;        /* C2 bülten / çağrı kutusu */
  --zemin-5: #eef4e6;        /* C2 hesaplama bölümü */
  --yuzey: #ffffff;          /* kart */
  --yuzey-yesil: #f0f6e6;    /* C2 surface-container-low: menü düğmeleri */
  --yesil-acik: #eaf0e0;     /* C2 surface-container */
  --ikon-yesil: #ecf4e4; --ikon-altin: #fff3dc;
  --yesil-acik-2: #dee5d5;
  /* marka */
  --koyu: #0c3a0b;           /* birincil metin/başlık, alt bilgi zemini */
  --yesil: #255220;          /* birincil düğme */
  --yesil-bant: #1b3815;     /* koyu bantlar */
  --yesil-yumusak: #92c586;
  --altin: #d97706;          /* İlan Ver, vitrin, vurgu */
  --altin-koyu: #b45309;
  --altin-acik: #ffba47;
  --altin-zemin: #fff4e0;
  --toprak: #743716;
  /* metin */
  --metin: #171d14;
  --metin-2: #42493e;
  --metin-3: #72796e;
  --hata: #ba1a1a;
  --hata-zemin: #ffdad6;
  --basari-zemin: #e3f2dc;
  /* yazı */
  --font-baslik: "Merriweather", Georgia, serif;
  --font-govde: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* köşe */
  --r-sm: 6px; --r: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px; --r-tam: 999px;
  /* gölge (Stitch'ten biraz daha belirgin — kullanıcı isteği) */
  --g-1: 0 4px 18px rgba(27, 56, 21, .08);
  --g-2: 0 8px 26px rgba(27, 56, 21, .12);
  --g-3: 0 16px 38px rgba(27, 56, 21, .17);
  --g-altin: 0 6px 20px rgba(217, 119, 6, .30);
  --odak: 0 0 0 3px rgba(37, 82, 32, .35);
  /* düzen */
  --kap: 1280px; --kenar: 2rem; --bosluk: 1.5rem;
  --ust-yukseklik: 80px;
}
@media (max-width: 767px) { :root { --kenar: 1rem; --bosluk: 1rem; --ust-yukseklik: 64px; } }

/* ---------- 2. TABAN ---------- */
*, *::before, *::after { box-sizing: border-box; border: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--ust-yukseklik) + 12px); }
body { margin: 0; background: var(--zemin); color: var(--metin); font: 400 16px/1.6 var(--font-govde); -webkit-font-smoothing: antialiased; }
img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
a { color: var(--yesil); text-decoration: none; }
a:hover { color: var(--altin-koyu); }
h1, h2, h3, h4 { font-family: var(--font-baslik); color: var(--koyu); margin: 0 0 .5em; line-height: 1.3; font-weight: 700; }
h1 { font-size: clamp(28px, 3.6vw, 44px); letter-spacing: -.01em; }
h2 { font-size: clamp(22px, 2.4vw, 28px); }
h3 { font-size: 19px; }
h4 { font-size: 16px; }
p { margin: 0 0 1em; }
ul, ol { margin: 0 0 1em; padding-left: 1.25em; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; }
:focus { outline: none; }
:focus-visible { box-shadow: var(--odak); border-radius: var(--r-sm); }
::selection { background: var(--yesil); color: #fff; }
[hidden] { display: none !important; }
[data-r-dugme] { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.gizli-erisim { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ikon { width: 20px; height: 20px; flex: none; }
.ikon--k { width: 16px; height: 16px; }
.ikon--b { width: 24px; height: 24px; }
.ikon--dolu { fill: currentColor; }
.sayi { font-variant-numeric: tabular-nums; }

/* ---------- 3. DÜZEN ---------- */
.kap { width: 100%; max-width: var(--kap); margin: 0 auto; padding: 0 var(--kenar); }
.bolum { padding: 56px 0; }
.bolum--alt { background: var(--zemin-2); }
.bolum--koyu { background: var(--yesil-bant); color: #fff; }
.bolum--koyu h2, .bolum--koyu h3 { color: #fff; }
.bolum--sik { padding: 32px 0; }
@media (max-width: 767px) { .bolum { padding: 36px 0; } }

/* Kart ızgarası: satırda 4 (kural). Tablet 2, telefon 2 ya da 1. */
.izgara-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bosluk); }
@media (max-width: 1023px) { .izgara-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 479px) { .izgara-4--tek { grid-template-columns: 1fr; } }
.iki-sutun { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 32px; align-items: start; }
.iki-sutun--sol { grid-template-columns: 280px minmax(0, 1fr); }
@media (max-width: 1023px) { .iki-sutun, .iki-sutun--sol { grid-template-columns: 1fr; } }
.yapiskan { position: sticky; top: calc(var(--ust-yukseklik) + 16px); }

/* Bölüm başlığı: küçük üst etiket + başlık + sağda bağlantı */
.bolum-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 28px; flex-wrap: wrap; }
.bolum-bas h2 { margin: 0; }
.bolum-bas p { margin: 6px 0 0; color: var(--metin-2); font-size: 15px; }
.ust-etiket { display: block; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--altin); margin-bottom: 4px; }
.bolum--koyu .ust-etiket { color: var(--altin-acik); }
.bolum--koyu .bolum-bas p { color: rgba(255, 255, 255, .8); }

/* ---------- 4. ÜST BAR + ÜST MENÜ (C2) ---------- */
.ust-bar { background: var(--zemin-3); padding: 8px 0; font-size: 12px; font-weight: 600; color: var(--metin-2); }
.ust-bar__ic { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ust-bar__sol { display: flex; align-items: center; gap: 24px; overflow-x: auto; scrollbar-width: none; }
.ust-bar__sol::-webkit-scrollbar { display: none; }
.ust-bar__hava { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.ust-bar__hava b { color: var(--metin); font-weight: 600; }
.ust-bar__hava strong { color: var(--yesil); font-weight: 700; }
.ust-bar__ayrac { color: #c2c9bb; font-weight: 400; }
.ust-bar__fiyat { display: flex; align-items: center; gap: 8px; white-space: nowrap; background: var(--yuzey); padding: 4px 12px; border-radius: var(--r-tam); box-shadow: 0 1px 4px rgba(0, 0, 0, .04); }
.ust-bar__fiyat strong { color: var(--koyu); }
.ust-bar__degisim { font-size: 11px; font-weight: 800; color: #15803d; }
.ust-bar__degisim--dus { color: var(--hata); }
.ust-bar .ikon { width: 14px; height: 14px; color: #805600; }
.ust-bar__sag { display: flex; align-items: center; gap: 16px; white-space: nowrap; }
.ust-bar__sag a { display: inline-flex; align-items: center; gap: 4px; color: var(--metin-2); }
.ust-bar__sag a:hover { color: var(--koyu); }
.ust-bar__merkez { color: var(--koyu); font-weight: 700; }
@media (max-width: 1023px) { .ust-bar__sag { display: none; } }

.ust { position: sticky; top: 0; z-index: 50; background: var(--yuzey); box-shadow: 0 2px 12px rgba(23, 29, 20, .06); }
.ust__bar { height: var(--ust-yukseklik); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.ust__sol { display: flex; align-items: center; gap: 32px; }
.logo { display: flex; align-items: center; gap: 8px; color: var(--koyu); }
.logo:hover { color: var(--koyu); }
.logo__isaret { width: 40px; height: 40px; border-radius: var(--r-md); background: var(--yesil); color: #fff; display: grid; place-items: center; box-shadow: 0 1px 3px rgba(0, 0, 0, .12); transition: transform .2s; }
.logo:hover .logo__isaret { transform: scale(1.05); }
.logo__isaret .ikon { width: 22px; height: 22px; fill: currentColor; stroke: currentColor; }
.logo__yazi { display: flex; flex-direction: column; }
.logo__ad { font: 900 24px/1.25 var(--font-baslik); letter-spacing: -.02em; color: var(--koyu); display: flex; align-items: baseline; }
.logo__ad em { font-style: normal; color: var(--altin); }
.logo__ad small { font: 700 12px/1 var(--font-govde); color: var(--koyu); margin-left: 2px; }
.logo__alt { font-size: 11px; font-weight: 500; letter-spacing: .02em; color: var(--metin-2); margin-top: -2px; }

.ana-menu { display: flex; align-items: center; gap: 22px; }
.ana-menu__baglanti, .ana-menu__dugme { display: inline-flex; align-items: center; padding: 6px 12px; border-radius: var(--r-tam); color: var(--metin-2); font-size: 14px; font-weight: 600; letter-spacing: .01em; transition: color .15s, background .15s; }
.ana-menu__baglanti:hover, .ana-menu__dugme:hover, .acilir.acik > .ana-menu__dugme { color: var(--koyu); }
.ana-menu__baglanti[aria-current="page"], .ana-menu__dugme[aria-current="page"] { color: var(--koyu); font-weight: 700; background: var(--yuzey-yesil); }

/* açılır menüler */
.acilir { position: relative; }
.acilir__panel { position: absolute; top: calc(100% + 10px); left: 50%; transform: translate(-50%, 6px); min-width: 300px; background: var(--yuzey); border-radius: var(--r-lg); box-shadow: var(--g-3); padding: 14px; opacity: 0; visibility: hidden; transition: opacity .16s, transform .16s, visibility .16s; z-index: 60; }
.acilir.acik > .acilir__panel { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.acilir__panel--genis { min-width: 660px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 22px; }
.acilir__grup { display: block; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--metin-3); margin: 6px 10px 6px; }
.acilir__oge { display: block; padding: 10px 12px; border-radius: var(--r-md); color: var(--metin); }
.acilir__oge:hover { background: var(--yuzey-yesil); color: var(--koyu); }
.acilir__oge strong { display: block; font-size: 14.5px; color: var(--koyu); }
.acilir__oge span { display: block; font-size: 12.5px; color: var(--metin-2); }
.acilir__tumu { display: inline-flex; align-items: center; gap: 6px; margin: 6px 12px 2px; font-size: 13.5px; font-weight: 800; color: var(--altin-koyu); }
.cipler { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 8px 4px; }

/* sağ küme */
.ust__eylem { display: flex; align-items: center; gap: 12px; }
.ust__eylem .dugme { border-radius: var(--r-tam); }
.ust__eylem .dugme--acik { padding: 8px 14px; font-weight: 600; color: var(--metin); background: var(--yuzey-yesil); box-shadow: 0 1px 3px rgba(0, 0, 0, .06); }
.ust__eylem .dugme--altin { padding: 10px 20px; box-shadow: 0 4px 16px rgba(217, 119, 6, .25); }
.ikon-dugme { position: relative; width: 40px; height: 40px; border-radius: 50%; background: var(--yuzey-yesil); color: var(--metin); display: grid; place-items: center; box-shadow: 0 1px 3px rgba(0, 0, 0, .06); transition: background .15s; }
.ikon-dugme:hover { background: var(--yesil-acik); color: var(--koyu); }
.rozet { position: absolute; top: -4px; right: -4px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: var(--r-tam); background: var(--altin); color: #fff; font-size: 11px; font-weight: 800; display: grid; place-items: center; box-shadow: 0 0 0 2px #fff; }
.ust__cikis { margin: 0; }

/* ---------- DÜĞMELER ---------- */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 20px; border-radius: var(--r-md); font-size: 15px; font-weight: 700; line-height: 1.2; white-space: nowrap; transition: background .15s, box-shadow .15s, transform .1s, color .15s; }
.dugme:active { transform: scale(.98); }
.dugme--birincil { background: var(--yesil); color: #fff; box-shadow: var(--g-1); }
.dugme--birincil:hover { background: var(--koyu); color: #fff; }
.dugme--altin { background: var(--altin); color: #fff; box-shadow: var(--g-altin); }
.dugme--altin:hover { background: var(--altin-koyu); color: #fff; }
.dugme--acik { background: var(--yuzey-yesil); color: var(--koyu); }
.dugme--acik:hover { background: var(--yesil-acik); color: var(--koyu); }
.dugme--beyaz { background: #fff; color: var(--koyu); box-shadow: var(--g-1); }
.dugme--beyaz:hover { box-shadow: var(--g-2); color: var(--altin-koyu); }
.dugme--saydam { background: rgba(255, 255, 255, .15); color: #fff; }
.dugme--saydam:hover { background: rgba(255, 255, 255, .24); color: #fff; }
.dugme--b { padding: 15px 28px; font-size: 16px; }
.dugme--k { padding: 8px 14px; font-size: 13.5px; border-radius: var(--r); }
.dugme--tam { width: 100%; }
.metin-baglanti { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: var(--yesil); }
.metin-baglanti:hover { color: var(--altin-koyu); }

/* ---------- 5. MOBİL ---------- */
.menu-ac { display: none; }
.mobil-menu { display: none; }
.alt-cubuk { display: none; }
@media (max-width: 1023px) {
  .ana-menu, .ust__eylem .yalniz-masa { display: none; }
  .menu-ac { display: grid; }
  .mobil-menu { display: block; position: fixed; inset: var(--ust-yukseklik) 0 0 0; background: var(--zemin); overflow-y: auto; padding: 16px var(--kenar) 120px; transform: translateX(100%); transition: transform .22s; z-index: 49; }
  .mobil-menu.acik { transform: none; }
  .mobil-menu__baglanti { display: flex; align-items: center; gap: 12px; padding: 14px 14px; margin-bottom: 6px; border-radius: var(--r-md); background: var(--yuzey); box-shadow: var(--g-1); color: var(--koyu); font-weight: 700; }
  .mobil-menu__baslik { margin: 20px 4px 8px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--metin-3); }
  body.menu-acik { overflow: hidden; }
}
@media (max-width: 767px) {
  .logo__isaret { width: 38px; height: 38px; }
  .logo__ad { font-size: 19px; }
  .logo__alt { display: none; }
  .ust__eylem .dugme--altin span { display: none; }
  .ust__eylem .dugme--altin { padding: 10px 12px; }
  /* alt gezinme çubuğu */
  body { padding-bottom: 76px; }
  .alt-cubuk { display: grid; grid-template-columns: repeat(5, 1fr); align-items: end; position: fixed; left: 0; right: 0; bottom: 0; z-index: 48; height: 68px; padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); background: var(--yuzey); box-shadow: 0 -6px 22px rgba(27, 56, 21, .12); }
  .alt-cubuk__oge { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 11px; font-weight: 700; color: var(--metin-3); padding-bottom: 4px; }
  .alt-cubuk__oge[aria-current="page"] { color: var(--koyu); }
  .alt-cubuk__oge .rozet { top: -6px; right: calc(50% - 22px); }
  .alt-cubuk__ver { width: 54px; height: 54px; margin: -26px auto 2px; border-radius: 50%; background: var(--altin); color: #fff; display: grid; place-items: center; box-shadow: var(--g-altin), 0 0 0 5px var(--yuzey); }
  .alt-cubuk__ver .ikon { width: 26px; height: 26px; }
}

/* ---------- 6. BÜLTEN + ALT BİLGİ (C2) ---------- */
.bulten { background: var(--zemin-4); padding: 48px 0; }
.bulten__ic { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.bulten h3 { font-size: 24px; margin: 0; letter-spacing: -.01em; }
.bulten p { margin: 4px 0 0; color: var(--metin-2); }
.bulten__form { display: flex; gap: 8px; padding: 8px; background: var(--yuzey); border-radius: var(--r-lg); box-shadow: 0 4px 20px rgba(23, 29, 20, .08); }
.bulten__form input { width: 320px; max-width: 60vw; padding: 12px 16px; background: transparent; font-size: 16px; }
.bulten__form input:focus { box-shadow: none; }
.bulten__form button { padding: 12px 28px; border-radius: var(--r-md); background: var(--yesil); color: #fff; font-weight: 700; white-space: nowrap; }
.bulten__form button:hover { background: #1d4119; }
@media (max-width: 559px) { .bulten__form { flex-direction: column; width: 100%; } .bulten__form input { width: 100%; max-width: none; } }

.alt { background: var(--koyu); color: #fff; }
.alt__ic { padding-top: 40px; }
.alt__izgara { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 48px; }
.alt .logo { color: #fff; margin-bottom: 16px; }
.alt .logo__isaret { background: rgba(255, 255, 255, .1); box-shadow: none; }
.alt .logo__ad { color: #f5fceb; }
.alt .logo__ad small { color: #fff; }
.alt__tanitim { font-size: 14px; line-height: 1.65; color: #d5e8cc; max-width: 384px; margin: 0 0 24px; }
.alt__sosyal { display: flex; gap: 12px; }
.alt__sosyal a, .alt__sosyal button { width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, .1); color: #f5fceb; display: grid; place-items: center; transition: background .15s; }
.alt__sosyal a:hover, .alt__sosyal button:hover { background: rgba(255, 255, 255, .2); color: #fff; }
.alt__sosyal .ikon { width: 15px; height: 15px; }
.alt__baslik { font: 700 16px/1.3 var(--font-baslik); color: #f5fceb; margin: 0 0 16px; }
.alt__sutun ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.alt__sutun a { font-size: 12px; font-weight: 600; letter-spacing: .02em; color: #dee5d5; }
.alt__sutun a:hover { color: #fff; }
.alt__sutun a.vurgu { color: #ffddb0; text-decoration: underline; text-underline-offset: 4px; }
.alt__dip { padding: 32px 0 28px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 12px; color: #a0c494; }
.alt__dip p { margin: 0; }
.alt__dip a { color: #a0c494; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1023px) { .alt__izgara { grid-template-columns: 1fr 1fr; } .alt__izgara > div:first-child { grid-column: 1 / -1; } }
@media (max-width: 559px) { .alt__izgara { grid-template-columns: 1fr; } }

/* ---------- 7. BİLEŞENLER ---------- */
/* bildirim kutuları (TempData) */
.bildirim-kutu { display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px; border-radius: var(--r-md); font-size: 15px; font-weight: 600; box-shadow: var(--g-1); margin-top: 16px; }
.bildirim-kutu--yesil { background: var(--basari-zemin); color: var(--koyu); }
.bildirim-kutu--kirmizi { background: var(--hata-zemin); color: #7a1010; }
.bildirim-kutu--sari { background: var(--altin-zemin); color: #6e4900; }

/* çip */
.cip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: var(--r-tam); background: var(--yuzey-yesil); color: var(--koyu); font-size: 13.5px; font-weight: 700; transition: background .15s, color .15s; }
.cip:hover { background: var(--yesil-acik); color: var(--koyu); }
.cip.secili, .cip[aria-current="page"] { background: var(--yesil); color: #fff; }
.cip--k { padding: 4px 10px; font-size: 12px; }

/* etiket rozetleri (kart üstü) */
.etiket { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: var(--r); font-size: 11.5px; font-weight: 800; background: var(--yesil-acik); color: var(--koyu); }
.etiket--altin { background: var(--altin); color: #fff; box-shadow: 0 2px 8px rgba(217, 119, 6, .3); }
.etiket--koyu { background: rgba(0, 0, 0, .6); color: #fff; font-weight: 600; }

/* reklam bandı yeri */
.reklam-bant { padding: 8px 0 28px; }

/* ElmaReklam kutusu kendi stilini getiriyor; kenarlık kuralı onu da kapsar */
[data-reklam-slot] *, [data-reklam-slot] { border: 0 !important; }
[data-reklam-slot] > * { box-shadow: var(--g-1); border-radius: var(--r-lg); }

/* ===================== 8. BİLEŞENLER (kartlar, formlar) ===================== */
.etiket--yesil { background: var(--yesil); color: #fff; }
.etiket--yesil-koyu { background: var(--koyu); color: #fff; }
.etiket--altin-acik { background: var(--altin-zemin); color: #8a4b00; }
.hap { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: var(--r-tam); background: var(--yuzey); color: var(--koyu); font-size: 14px; font-weight: 600; box-shadow: var(--g-1); }
.hap .ikon { color: var(--altin); }
.hap--koyu { background: rgba(255, 255, 255, .1); color: var(--altin-acik); box-shadow: none; font-size: 13px; font-weight: 700; }
.bolum-bas__eylem { display: flex; gap: 10px; flex-wrap: wrap; }

/* form öğeleri (kenarlıksız: zemin + odakta halka) */
.giris, .secim, .metin-alani { width: 100%; padding: 12px 14px; border-radius: var(--r-md); background: var(--yuzey-yesil); color: var(--metin); font-size: 15px; transition: box-shadow .15s, background .15s; }
.giris:focus, .secim:focus, .metin-alani:focus { background: #fff; box-shadow: var(--odak); }
.giris--k { padding: 9px 12px; font-size: 14px; }
.metin-alani { min-height: 140px; resize: vertical; line-height: 1.6; }

/* ---- C2 kartları (gölgeler C2'den bir tık belirgin: kullanıcı isteği) ---- */
.ilan-kart, .yazi-kart, .is-kart { display: flex; flex-direction: column; background: var(--yuzey); border-radius: var(--r-lg); box-shadow: 0 4px 20px rgba(23, 29, 20, .08); color: var(--metin); overflow: hidden; transition: box-shadow .2s, transform .2s; }
.ilan-kart:hover, .yazi-kart:hover, .is-kart:hover { box-shadow: 0 12px 28px rgba(23, 29, 20, .13); color: var(--metin); }

/* ilan kartı (C2) */
.ilan-kart__gorsel { position: relative; display: block; aspect-ratio: 4 / 3; background: #ecefe6; overflow: hidden; }
.ilan-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.ilan-kart:hover .ilan-kart__gorsel img { transform: scale(1.05); }
.ilan-kart__bos { position: absolute; inset: 0; display: grid; place-items: center; color: var(--yesil-yumusak); }
.ilan-kart__bos .ikon { width: 44px; height: 44px; }
.ilan-kart__rozet { position: absolute; top: 12px; left: 12px; display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: var(--r-tam); background: var(--yuzey-yesil); color: var(--koyu); font-size: 12px; font-weight: 700; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); }
.ilan-kart__rozet .ikon { width: 13px; height: 13px; }
.ilan-kart__rozet--altin { background: var(--altin); color: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, .12); }
.ilan-kart__rozet--koyu { background: rgba(0, 0, 0, .65); color: #fff; }
.ilan-kart__konum { position: absolute; bottom: 12px; left: 12px; padding: 2px 10px; border-radius: var(--r-tam); background: rgba(255, 255, 255, .9); backdrop-filter: blur(4px); color: var(--koyu); font-size: 12px; font-weight: 500; box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }
.ilan-kart__govde { display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding: 16px; }
.ilan-kart__bilgi { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12px; color: var(--metin-2); margin-bottom: 6px; }
.ilan-kart__bilgi i { font-style: normal; color: #c2c9bb; }
.ilan-kart__bilgi-ana { font-weight: 500; color: var(--koyu); }
.ilan-kart__baslik { display: block; font-size: 16px; font-weight: 500; line-height: 1.4; color: var(--metin); transition: color .15s; }
.ilan-kart:hover .ilan-kart__baslik { color: var(--koyu); }
.ilan-kart__alt { margin-top: 16px; padding-top: 12px; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.ilan-kart__fiyat { font-size: 22px; font-weight: 600; color: var(--koyu); font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.ilan-kart__alt small { font-size: 12px; color: var(--metin-2); }
.ilan-kart__zaman { font-size: 12px; font-weight: 500; color: var(--metin-2); white-space: nowrap; }
.ilan-kart--satildi { opacity: .72; }

/* rehber kartı (C2) */
.yazi-kart__gorsel { position: relative; display: block; aspect-ratio: 16 / 10; background: #e8ece0; overflow: hidden; }
.yazi-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.yazi-kart:hover .yazi-kart__gorsel img { transform: scale(1.05); }
.yazi-kart__kat { position: absolute; top: 12px; left: 12px; padding: 4px 12px; border-radius: var(--r-tam); background: rgba(255, 255, 255, .9); backdrop-filter: blur(4px); color: var(--koyu); font-size: 12px; font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }
.yazi-kart__govde { display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding: 20px; }
.yazi-kart__bilgi { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12px; color: var(--metin-2); margin-bottom: 8px; }
.yazi-kart__bilgi .ikon { width: 13px; height: 13px; }
.yazi-kart__bilgi i { font-style: normal; }
.yazi-kart__baslik { display: block; font: 700 18px/1.4 var(--font-baslik); color: var(--metin); transition: color .15s; }
.yazi-kart:hover .yazi-kart__baslik { color: var(--koyu); }
.yazi-kart__ozet { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 10px; font-size: 14px; line-height: 1.45; color: var(--metin-2); }
.yazi-kart__devam { display: inline-flex; align-items: center; gap: 4px; margin-top: 16px; padding-top: 12px; font-size: 14px; font-weight: 700; color: var(--koyu); transition: transform .2s; }
.yazi-kart__devam .ikon { width: 15px; height: 15px; }
.yazi-kart:hover .yazi-kart__devam { transform: translateX(4px); }
/* ırk/kategori sayfalarındaki kart alt satırı */
.yazi-kart__alt { margin-top: auto; padding-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; font-weight: 700; color: var(--koyu); }
.yazi-kart__alt > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* iş kartı (C2) */
.is-kart { justify-content: space-between; padding: 24px; box-shadow: 0 3px 16px rgba(23, 29, 20, .07); }
.is-kart__ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 12px; }
.is-kart__hap { padding: 4px 10px; border-radius: var(--r-tam); background: var(--zemin-4); color: var(--koyu); font-size: 12px; font-weight: 700; }
.is-kart__hap--altin { background: #fff0d6; color: #805600; }
.is-kart__zaman { font-size: 12px; color: var(--metin-2); }
.is-kart__baslik { display: block; font-size: 17px; font-weight: 500; line-height: 1.4; color: var(--metin); margin-bottom: 8px; }
.is-kart:hover .is-kart__baslik { color: var(--koyu); }
.is-kart__sahip { display: flex; align-items: center; gap: 4px; font-size: 12px; color: var(--metin-2); margin-bottom: 16px; }
.is-kart__sahip .ikon { width: 14px; height: 14px; }
.is-kart__kutu { display: flex; flex-direction: column; gap: 4px; padding: 12px; border-radius: var(--r-md); background: var(--zemin); font-size: 12px; color: var(--metin); margin-bottom: 16px; }
.is-kart__kutu > span { display: flex; align-items: center; gap: 8px; }
.is-kart__kutu .ikon { width: 14px; height: 14px; }
.is-kart__kutu b { color: var(--koyu); }
.is-kart__dugme { display: block; padding: 10px; border-radius: var(--r-md); background: var(--yesil-acik); color: var(--koyu); font-size: 14px; font-weight: 700; text-align: center; transition: background .15s; }
.is-kart:hover .is-kart__dugme { background: #e4eadb; }
.c2-turuncu { color: var(--altin); }
.c2-yesil-ikon { color: #15803d; display: inline-flex; }

/* boş durum */
.bos-durum { text-align: center; padding: 44px 24px; background: var(--yuzey); border-radius: var(--r-lg); box-shadow: var(--g-1); }
.bos-durum__ikon { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 50%; background: var(--yesil-acik); color: var(--koyu); display: grid; place-items: center; }
.bos-durum p { color: var(--metin-2); max-width: 520px; margin: 0 auto 18px; }
.bos-durum__eylem { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

/* ===================== 9. ANA SAYFA (C2 birebir) ===================== */
.c2-hap { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: var(--r-tam); background: var(--yuzey); color: var(--koyu); font-size: 12px; font-weight: 600; letter-spacing: .02em; box-shadow: 0 2px 8px rgba(0, 0, 0, .04); }
.c2-hap .ikon { width: 15px; height: 15px; color: #805600; }
.c2-hap--k { padding: 4px 12px; font-weight: 700; }
.c2-hap--k .ikon { color: var(--koyu); }
.c2-hap--koyu { background: rgba(255, 255, 255, .1); color: #ffddb0; box-shadow: none; backdrop-filter: blur(4px); }
.c2-hap--koyu .ikon { color: #ffddb0; }

.c2-hero { background: var(--zemin-2); padding: 48px 0 56px; }
.c2-hero__metin { text-align: center; max-width: 768px; margin: 0 auto 36px; }
.c2-hero__metin h1 { font-size: 48px; line-height: 60px; letter-spacing: -.02em; margin: 16px 0 12px; }
.c2-hero__metin p { font-size: 18px; line-height: 28px; color: var(--metin-2); max-width: 672px; margin: 0 auto; }
.c2-arama { max-width: 896px; margin: 0 auto 24px; padding: 10px; background: var(--yuzey); border-radius: var(--r-lg); box-shadow: 0 8px 30px rgba(23, 29, 20, .09); }
.c2-arama form { display: flex; align-items: center; gap: 8px; }
.c2-arama__alan { width: 25%; display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: var(--r-md); background: var(--zemin); color: var(--metin-2); transition: box-shadow .15s; }
.c2-arama__alan--genis { flex: 1; width: auto; }
.c2-arama__alan:focus-within { box-shadow: 0 4px 20px rgba(37, 82, 32, .12); }
.c2-arama__alan select, .c2-arama__alan input { width: 100%; min-width: 0; background: transparent; font-size: 14px; font-weight: 600; color: var(--metin); appearance: none; cursor: pointer; }
.c2-arama__alan input { font-weight: 400; font-size: 16px; cursor: text; }
.c2-arama__alan input:focus, .c2-arama__alan select:focus { box-shadow: none; }
.c2-arama__dugme { flex: none; display: flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: var(--r-md); background: var(--yesil); color: #fff; font-size: 14px; font-weight: 700; box-shadow: 0 4px 16px rgba(37, 82, 32, .25); transition: background .15s; }
.c2-arama__dugme:hover { background: #1d4119; }
.c2-arama__dugme .ikon { width: 18px; height: 18px; }
.c2-populer { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; font-size: 12px; color: var(--metin-2); margin-bottom: 48px; }
.c2-populer__bas { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; color: var(--koyu); }
.c2-populer__bas .ikon { width: 13px; height: 13px; }
.c2-populer a { padding: 4px 12px; border-radius: var(--r-tam); background: var(--yuzey); color: var(--metin-2); box-shadow: 0 1px 3px rgba(0, 0, 0, .06); transition: background .15s; }
.c2-populer a:hover { background: var(--yesil-acik); color: var(--koyu); }
.c2-kategoriler { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.c2-kategori { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: 0 3px 14px rgba(23, 29, 20, .06); transition: box-shadow .2s, transform .2s; color: var(--metin); }
.c2-kategori:hover { box-shadow: 0 8px 24px rgba(23, 29, 20, .1); transform: translateY(-4px); color: var(--metin); }
.c2-kategori__ikon { width: 56px; height: 56px; border-radius: var(--r-lg); background: var(--ikon-yesil); color: var(--yesil); display: grid; place-items: center; margin-bottom: 12px; transition: background .2s; }
.c2-kategori__ikon .ikon { width: 28px; height: 28px; }
.c2-kategori__ikon--altin { background: var(--ikon-altin); color: #805600; }
.c2-kategori:hover .c2-kategori__ikon { background: #dff0d0; }
.c2-kategori:hover .c2-kategori__ikon--altin { background: #ffebd0; }
.c2-kategori__ad { font-size: 15px; font-weight: 600; line-height: 1.25; margin-bottom: 4px; }
.c2-kategori__sayi { font-size: 12px; font-weight: 600; letter-spacing: .02em; color: var(--metin-2); }
@media (max-width: 1023px) { .c2-kategoriler { grid-template-columns: repeat(3, minmax(0, 1fr)); } .c2-arama form { flex-wrap: wrap; } .c2-arama__alan { width: calc(50% - 4px); } .c2-arama__alan--genis, .c2-arama__dugme { width: 100%; flex: auto; justify-content: center; } }
@media (max-width: 767px) { .c2-hero__metin h1 { font-size: 32px; line-height: 42px; } .c2-hero__metin p { font-size: 16px; } .c2-kategoriler { grid-template-columns: repeat(2, minmax(0, 1fr)); } .c2-arama__alan { width: 100%; } }

/* bölüm iskeleti */
.c2-bolum { padding: 64px 0; background: var(--zemin); }
.c2-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 32px; flex-wrap: wrap; }
.c2-bas h2 { font-size: 32px; line-height: 44px; letter-spacing: -.02em; margin: 0; }
.c2-bas p { margin: 4px 0 0; color: var(--metin-2); }
.c2-ust { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: .02em; color: var(--koyu); margin-bottom: 4px; }
.c2-ust::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--koyu); }
.c2-ust--altin::before { background: #805600; }
.c2-tumu { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: var(--r-tam); background: var(--yesil-acik); color: var(--koyu); font-size: 14px; font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, .06); transition: background .15s; }
.c2-tumu:hover { background: #e4eadb; color: var(--koyu); }
.c2-tumu .ikon { width: 15px; height: 15px; }
.c2-filtre { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 12px; margin-bottom: 32px; }
.c2-filtre::-webkit-scrollbar { display: none; }
.c2-filtre a { flex: none; padding: 8px 16px; border-radius: var(--r-tam); background: var(--yuzey); color: var(--metin-2); font-size: 14px; font-weight: 600; white-space: nowrap; box-shadow: 0 1px 3px rgba(0, 0, 0, .06); transition: background .15s; }
.c2-filtre a:hover { background: var(--yesil-acik); color: var(--koyu); }
.c2-filtre a.secili { background: var(--yesil); color: #fff; }
@media (max-width: 767px) { .c2-bolum { padding: 44px 0; } .c2-bas h2 { font-size: 24px; line-height: 34px; } }

/* yuvarlak düğmeler */
.c2-dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: var(--r-tam); font-size: 14px; font-weight: 700; white-space: nowrap; transition: background .15s, box-shadow .15s; }
.c2-dugme .ikon { width: 15px; height: 15px; }
.c2-dugme--beyaz { background: var(--yuzey); color: var(--koyu); font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, .06); }
.c2-dugme--beyaz:hover { background: #f3f7ea; color: var(--koyu); }
.c2-dugme--altin { background: var(--altin); color: #fff; padding: 12px 28px; box-shadow: 0 4px 16px rgba(217, 119, 6, .25); }
.c2-dugme--altin:hover { background: var(--altin-koyu); color: #fff; }
.c2-dugme--yesil { background: var(--yesil); color: #fff; }
.c2-dugme--yesil:hover { background: #1d4119; color: #fff; }

/* satış çağrısı kutusu */
.c2-cagri { margin-top: 48px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 40px; border-radius: var(--r-xl); background: var(--zemin-4); box-shadow: 0 6px 24px rgba(37, 82, 32, .08); }
.c2-cagri > div:first-child { max-width: 672px; }
.c2-cagri h3 { font-size: 24px; line-height: 34px; letter-spacing: -.01em; margin: 12px 0 8px; }
.c2-cagri p { color: var(--metin-2); margin: 0; }
.c2-cagri__eylem { display: flex; gap: 16px; flex-wrap: wrap; }
@media (max-width: 767px) { .c2-cagri { padding: 28px 22px; } }

/* reklam/duyuru kutusu (C2 TMO tasarımı) */
.c2-duyuru-bolum { background: var(--zemin-2); padding: 32px 0; }
.c2-duyuru { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding: 24px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: 0 3px 16px rgba(23, 29, 20, .06); }
.c2-duyuru__sol { display: flex; align-items: center; gap: 16px; flex: 1; min-width: 260px; }
.c2-duyuru__ikon { flex: none; width: 56px; height: 56px; border-radius: var(--r-lg); background: #ffeed2; color: #805600; display: grid; place-items: center; }
.c2-duyuru__ikon .ikon { width: 30px; height: 30px; }
.c2-duyuru__gorsel { flex: none; width: 56px; height: 56px; border-radius: var(--r-lg); object-fit: cover; }
.c2-duyuru__etiketler { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; font-size: 12px; color: var(--metin-2); }
.c2-duyuru__etiket { padding: 2px 10px; border-radius: var(--r-tam); background: #e4ebd8; color: var(--koyu); font-weight: 700; }
.c2-duyuru h4 { font: 600 17px/1.4 var(--font-govde); color: var(--metin); margin: 0; }
.c2-duyuru p { font-size: 14px; line-height: 20px; color: var(--metin-2); margin: 2px 0 0; }

/* koyu reklam bandı (C2 mobil uygulama tasarımı) */
.c2-bant-bolum { background: var(--zemin-3); padding: 40px 0; }
.c2-bant { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; padding: 48px; border-radius: var(--r-xl); background: var(--koyu); color: #fff; box-shadow: 0 10px 32px rgba(12, 58, 11, .2); }
.c2-bant__metin { max-width: 672px; }
.c2-bant h3 { font-size: 32px; line-height: 44px; letter-spacing: -.02em; color: #fff; margin: 16px 0 12px; }
.c2-bant p { color: #d5e8cc; line-height: 1.65; margin: 0; }
.c2-bant__kutu { padding: 8px; border-radius: var(--r-lg); background: rgba(255, 255, 255, .1); backdrop-filter: blur(8px); }
.c2-bant__kutu .c2-dugme { border-radius: var(--r-md); padding: 14px 24px; }
@media (max-width: 767px) { .c2-bant { padding: 28px 22px; } .c2-bant h3 { font-size: 24px; line-height: 34px; } }

/* hesaplama (koyu kap) */
.c2-hesap-bolum { background: var(--zemin-5); padding: 64px 0; }
.c2-hesap { padding: 48px; border-radius: var(--r-xl); background: var(--koyu); color: #fff; box-shadow: 0 12px 40px rgba(12, 58, 11, .18); }
.c2-hesap__bas { margin-bottom: 32px; max-width: 672px; }
.c2-hesap__bas h2 { color: #fff; font-size: 32px; line-height: 44px; letter-spacing: -.02em; margin: 16px 0 8px; }
.c2-hesap__bas p { color: #d5e8cc; margin: 0; }
.c2-arac { display: flex; flex-direction: column; padding: 24px; border-radius: var(--r-lg); background: var(--yuzey); color: var(--metin); box-shadow: 0 4px 20px rgba(0, 0, 0, .08); }
.c2-arac__ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.c2-arac__ikon { width: 40px; height: 40px; border-radius: var(--r-md); background: #f0f5e9; color: var(--koyu); display: grid; place-items: center; }
.c2-arac__ikon--altin { background: #fff6e6; color: #805600; }
.c2-arac__gun { padding: 2px 8px; border-radius: var(--r-tam); background: #f0f5e9; color: var(--koyu); font-size: 12px; font-weight: 600; }
.c2-arac__gun--altin { background: #fff6e6; color: #805600; }
.c2-arac__ad { font-size: 17px; font-weight: 500; color: var(--metin); margin-bottom: 12px; }
.c2-arac__ad:hover { color: var(--koyu); }
.c2-arac__tarih { display: block; padding: 10px; border-radius: var(--r-md); background: var(--zemin-2); margin-bottom: 12px; }
.c2-arac__tarih span { display: block; font-size: 11px; font-weight: 600; color: var(--metin-2); margin-bottom: 4px; }
.c2-arac__tarih input { width: 100%; background: transparent; font-size: 14px; font-weight: 600; color: var(--metin); }
.c2-arac__tarih input:focus { box-shadow: none; }
.c2-arac__sonuc { display: flex; flex-direction: column; gap: 4px; padding: 12px; border-radius: var(--r-md); background: var(--zemin-3); font-size: 12px; margin-bottom: 16px; }
.c2-arac__sonuc div { display: flex; justify-content: space-between; gap: 8px; }
.c2-arac__sonuc span { color: var(--metin-2); }
.c2-arac__sonuc b { color: var(--metin); white-space: nowrap; }
.c2-yesil { color: var(--koyu) !important; }
.c2-arac__dugme { margin-top: auto; width: 100%; padding: 10px; border-radius: var(--r-md); background: var(--yesil); color: #fff; font-size: 14px; font-weight: 700; transition: background .15s; }
.c2-arac__dugme:hover { background: #1d4119; }
@media (max-width: 767px) { .c2-hesap { padding: 28px 18px; } .c2-hesap__bas h2 { font-size: 24px; line-height: 34px; } .c2-hesap-bolum { padding: 40px 0; } }

/* ırk fotoğraf kartı */
.c2-irk { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: var(--r-lg); overflow: hidden; box-shadow: 0 4px 20px rgba(23, 29, 20, .08); transition: box-shadow .2s; }
.c2-irk:hover { box-shadow: 0 12px 28px rgba(23, 29, 20, .14); }
.c2-irk img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.c2-irk:hover img { transform: scale(1.05); }
.c2-irk__ort { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, .25) 50%, transparent); }
.c2-irk__metin { position: absolute; left: 20px; right: 20px; bottom: 20px; color: #fff; }
.c2-irk__sayi { display: inline-block; padding: 2px 10px; border-radius: var(--r-tam); background: var(--altin); font-size: 12px; font-weight: 700; margin-bottom: 8px; }
.c2-irk__ad { display: block; font: 700 20px/28px var(--font-baslik); }
.c2-irk__aciklama { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; color: rgba(255, 255, 255, .82); margin-top: 4px; }

/* ===================== 10. GENEL SAYFA PARÇALARI ===================== */
.sayfa-bas { padding: 32px 0 28px; background: radial-gradient(100% 120% at 0% 0%, #e9f0df 0%, transparent 60%), var(--zemin-2); }
.sayfa-bas h1 { margin: 10px 0 8px; }
.sayfa-bas__alt { color: var(--metin-2); font-size: 17px; max-width: 760px; margin: 0; }
.ekmek { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13.5px; color: var(--metin-2); }
.ekmek a { color: var(--metin-2); font-weight: 600; }
.ekmek a:hover { color: var(--koyu); }
.cip-satir { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.sayfalama { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin-top: 36px; }
.sayfalama__oge { min-width: 42px; height: 42px; padding: 0 14px; display: inline-grid; place-items: center; border-radius: var(--r-md); background: var(--yuzey); color: var(--koyu); font-weight: 700; box-shadow: var(--g-1); }
.sayfalama__oge:hover { box-shadow: var(--g-2); color: var(--koyu); }
.sayfalama__oge[aria-current="page"] { background: var(--yesil); color: #fff; }
.sayfalama__oge.pasif { opacity: .45; pointer-events: none; }
.sayfalama__bosluk { color: var(--metin-3); }
.sayfalama__bilgi { width: 100%; text-align: center; font-size: 13px; color: var(--metin-3); }

/* öne çıkan yazı (liste sayfa 1) */
.one-cikan { display: grid; grid-template-columns: 1.15fr 1fr; background: var(--yuzey); border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--g-2); margin-bottom: 32px; color: var(--metin); transition: box-shadow .2s; }
.one-cikan:hover { box-shadow: var(--g-3); color: var(--metin); }
.one-cikan__gorsel img { width: 100%; height: 100%; min-height: 300px; object-fit: cover; }
.one-cikan__govde { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 32px; }
.one-cikan__kat { font-size: 13px; font-weight: 800; color: var(--altin-koyu); text-transform: uppercase; letter-spacing: .06em; }
.one-cikan__baslik { font: 700 clamp(22px, 2.3vw, 28px)/1.3 var(--font-baslik); color: var(--koyu); }
.one-cikan__ozet { color: var(--metin-2); font-size: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.one-cikan__alt { font-size: 13px; font-weight: 700; color: var(--metin-2); }
@media (max-width: 767px) { .one-cikan { grid-template-columns: 1fr; } .one-cikan__govde { padding: 20px; } .one-cikan__gorsel img { min-height: 200px; } }

/* paylaş */
.paylas { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 32px 0 0; padding: 16px 18px; border-radius: var(--r-lg); background: var(--zemin-2); }
.paylas__etiket { font-weight: 800; color: var(--koyu); margin-right: 4px; }
.paylas__dugme { width: 40px; height: 40px; border-radius: var(--r-md); background: var(--yuzey); color: var(--koyu); display: grid; place-items: center; box-shadow: var(--g-1); transition: background .15s, color .15s; }
.paylas__dugme:hover { background: var(--yesil); color: #fff; }
.paylas__dugme svg { width: 18px; height: 18px; }

/* ===================== 11. MAKALE OKUMA ===================== */
.makale__bas { max-width: 920px; padding-top: 28px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.makale__baslik { margin: 0; font-size: clamp(28px, 3.4vw, 42px); line-height: 1.25; }
.makale__ozet { font-size: 18px; color: var(--metin-2); margin: 0; }
.makale__kunye { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; font-size: 14px; color: var(--metin-2); }
.makale__bilgi { display: inline-flex; align-items: center; gap: 6px; }
.yazar { display: inline-flex; align-items: center; gap: 10px; }
.yazar b { display: block; color: var(--koyu); }
.yazar small { display: block; font-size: 12.5px; color: var(--metin-2); }
.yazar__avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--koyu); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 14px; flex: none; }
.yazar__avatar--b { width: 56px; height: 56px; font-size: 18px; }
.makale__kapak { margin: 26px auto 8px; }
.makale__kapak img { width: 100%; max-height: 560px; object-fit: cover; border-radius: var(--r-xl); box-shadow: var(--g-2); }
.makale__duzen { display: grid; grid-template-columns: 260px minmax(0, 760px); gap: 48px; justify-content: center; padding-top: 32px; padding-bottom: 56px; }
.makale__yan .yapiskan { display: flex; flex-direction: column; gap: 20px; }
.icindekiler { padding: 18px; background: var(--yuzey); border-radius: var(--r-lg); box-shadow: var(--g-1); }
.icindekiler__baslik { display: flex; align-items: center; gap: 8px; font-weight: 800; color: var(--koyu); margin-bottom: 10px; }
.icindekiler ol { margin: 0; padding: 0; list-style: none; counter-reset: ic; max-height: 60vh; overflow: auto; }
.icindekiler li { counter-increment: ic; }
.icindekiler a { display: flex; gap: 10px; padding: 7px 8px; border-radius: var(--r); font-size: 13.5px; color: var(--metin-2); line-height: 1.4; }
.icindekiler a::before { content: counter(ic); flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--yesil-acik); color: var(--koyu); display: grid; place-items: center; font-size: 11.5px; font-weight: 800; }
.icindekiler a:hover, .icindekiler a.aktif { background: var(--yuzey-yesil); color: var(--koyu); }
@media (max-width: 1023px) { .makale__duzen { grid-template-columns: 1fr; gap: 24px; } .makale__yan .yapiskan { position: static; } .icindekiler ol { max-height: none; } .makale__reklam { display: none; } }

/* okunaklı gövde */
.yazi-govde { font-size: 18px; line-height: 1.8; color: #2a3125; }
.yazi-govde > *:first-child { margin-top: 0; }
.yazi-govde h2 { font-size: clamp(23px, 2.4vw, 28px); margin: 1.9em 0 .6em; scroll-margin-top: calc(var(--ust-yukseklik) + 16px); }
.yazi-govde h3 { font-size: 21px; margin: 1.5em 0 .5em; }
.yazi-govde p { margin: 0 0 1.15em; }
.yazi-govde ul, .yazi-govde ol { margin: 0 0 1.3em; padding-left: 1.4em; }
.yazi-govde li { margin-bottom: .5em; }
.yazi-govde li::marker { color: var(--yesil); }
.yazi-govde strong { color: var(--koyu); }
.yazi-govde a { color: var(--yesil); font-weight: 600; text-decoration: underline; text-decoration-color: rgba(37, 82, 32, .3); text-underline-offset: 3px; }
.yazi-govde img { border-radius: var(--r-lg); box-shadow: var(--g-1); margin: 1.4em 0; }
.yazi-govde blockquote { margin: 1.5em 0; padding: 18px 22px; border-radius: var(--r-lg); background: var(--yesil-acik); color: var(--koyu); font-style: normal; }
.yazi-govde .table-wrap { overflow-x: auto; margin: 1.5em 0; border-radius: var(--r-lg); box-shadow: var(--g-1); background: var(--yuzey); }
.yazi-govde table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.yazi-govde th { background: var(--koyu); color: #fff; text-align: left; padding: 12px 14px; font-weight: 700; }
.yazi-govde td { padding: 11px 14px; }
.yazi-govde tr:nth-child(even) td { background: var(--zemin-2); }
.yazi-govde .ilgili-rehberler { margin: 1.5em 0; padding: 18px 22px; border-radius: var(--r-lg); background: var(--altin-zemin); }
.yazi-govde .faq, .yazi-govde .sss-grup { margin: 1em 0; }
@media (max-width: 767px) { .yazi-govde { font-size: 17px; } }
/* SSS akordeonu (site.js gövdedeki "Sıkça Sorulan Sorular" bölümünü çevirir) */
.sss-oge { margin: 0 0 10px; border-radius: var(--r-md); background: var(--yuzey); box-shadow: var(--g-1); overflow: hidden; }
.sss-oge summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 18px; font: 700 17px/1.4 var(--font-govde); color: var(--koyu); }
.sss-oge summary::-webkit-details-marker { display: none; }
.sss-oge summary::after { content: "+"; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--yesil-acik); display: grid; place-items: center; font-size: 18px; transition: transform .2s; }
.sss-oge[open] summary::after { transform: rotate(45deg); }
.sss-oge__cevap { padding: 0 18px 14px; font-size: 16px; }

.yazar-kutu { display: flex; gap: 16px; align-items: flex-start; margin-top: 24px; padding: 22px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.yazar-kutu b { display: block; color: var(--koyu); font-size: 17px; }
.yazar-kutu > div > span { display: block; font-size: 13.5px; color: var(--metin-2); }
.yazar-kutu p { margin: 8px 0 0; font-size: 15px; color: var(--metin-2); }
.arac-cagri { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 20px; padding: 20px 22px; border-radius: var(--r-lg); background: var(--yesil-bant); color: #fff; }
.arac-cagri__ikon { width: 52px; height: 52px; border-radius: var(--r-md); background: rgba(255, 255, 255, .12); display: grid; place-items: center; color: var(--altin-acik); }
.arac-cagri > div { flex: 1; min-width: 200px; }
.arac-cagri b { display: block; font-size: 17px; }
.arac-cagri span { display: block; font-size: 14px; color: rgba(255, 255, 255, .8); }

/* ===================== 12. PAZAR LİSTE (Stitch 11 / 14) ===================== */
.pazar { padding: 20px 0 64px; }
.pazar__ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.pazar-sekme { display: flex; gap: 6px; flex-wrap: wrap; }
.pazar-sekme a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: var(--r-tam); background: var(--yuzey-yesil); color: var(--metin-2); font-size: 13.5px; font-weight: 700; }
.pazar-sekme a:hover { color: var(--koyu); background: var(--yesil-acik); }
.pazar-sekme a.secili { background: var(--koyu); color: #fff; }
.pazar__arama { max-width: none; margin: 0; display: flex; align-items: center; gap: 8px; }
.pazar__arama .c2-arama__alan { width: 30%; }
.pazar__arama .c2-arama__alan--genis { flex: 1; width: auto; }
.pazar__kategoriler { margin: 16px 0 28px; }
.pazar__duzen { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; align-items: start; }
.pazar-filtre { position: sticky; top: calc(var(--ust-yukseklik) + 16px); padding: 22px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.pazar-filtre__bas { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.pazar-filtre__bas b { display: inline-flex; align-items: center; gap: 8px; font: 700 19px/1.3 var(--font-baslik); color: var(--koyu); }
.pazar-filtre__bas a { font-size: 12.5px; font-weight: 700; color: var(--altin-koyu); }
.pazar-filtre h3 { font: 700 15px/1.4 var(--font-govde); color: var(--koyu); margin: 18px 0 10px; }
.pazar-filtre__agac { list-style: none; margin: 0; padding: 6px; border-radius: var(--r-md); background: var(--zemin-2); }
.pazar-filtre__agac a { display: block; padding: 6px 10px; border-radius: var(--r); font-size: 14px; color: var(--metin-2); }
.pazar-filtre__agac a:hover, .pazar-filtre__agac a.secili { background: var(--yuzey); color: var(--koyu); font-weight: 700; }
.pazar-filtre__iki { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pazar-filtre__onay { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding: 11px 12px; border-radius: var(--r-md); background: var(--zemin-2); font-size: 14px; font-weight: 600; cursor: pointer; }
.pazar-filtre input[type=checkbox], .pazar-filtre input[type=radio] { accent-color: var(--yesil); width: 17px; height: 17px; }
.pazar-filtre__radyo { display: grid; gap: 8px; font-size: 14px; color: var(--metin-2); }
.pazar-filtre__radyo label { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.pazar-filtre > .dugme { margin-top: 20px; }
.pazar-filtre__cagri { margin-top: 20px; padding: 16px; border-radius: var(--r-md); background: var(--zemin-4); }
.pazar-filtre__cagri b { display: block; color: var(--koyu); }
.pazar-filtre__cagri p { font-size: 13.5px; color: var(--metin-2); margin: 4px 0 12px; }
.pazar-baslik { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding: 18px 22px; margin-bottom: 24px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.pazar-baslik h1 { font-size: clamp(20px, 2vw, 24px); margin: 0; }
.pazar-baslik p { margin: 2px 0 0; font-size: 13.5px; color: var(--metin-2); }
.pazar-baslik p b { color: var(--koyu); }
.pazar-baslik__sirala { display: flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: var(--r-md); background: var(--zemin-2); font-size: 13.5px; font-weight: 700; color: var(--koyu); }
.pazar-baslik__sirala select { background: transparent; font-weight: 700; cursor: pointer; }
.pazar__izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.pazar__izgara--is { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1199px) { .pazar__izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pazar__izgara--is { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1023px) {
  .pazar__duzen { grid-template-columns: 1fr; }
  .pazar-filtre { position: static; order: 2; }
  .pazar__arama { flex-wrap: wrap; }
  .pazar__arama .c2-arama__alan, .pazar__arama .c2-arama__dugme { width: 100%; flex: auto; justify-content: center; }
  .pazar__izgara, .pazar__izgara--is { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}
@media (max-width: 479px) { .pazar__izgara--is { grid-template-columns: 1fr; } }

/* ===================== 13. İLAN DETAY (Stitch 12 / 13 / 15) ===================== */
.ilan-detay { padding-top: 18px; padding-bottom: 64px; }
.ilan-detay__ekmek { margin-bottom: 18px; }
.ilan-detay > .bildirim-kutu { margin: 0 0 18px; }
.ilan-detay__duzen { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 28px; align-items: start; }
.ilan-detay__ana { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.ilan-detay__kart { padding: 16px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.ilan-detay__kart .paylas { margin-top: 14px; }
.ilan-detay__altbaslik { display: inline-block; padding: 9px 18px; margin: 4px 0 16px; border-radius: var(--r-md); background: var(--koyu); color: #fff; font: 700 15px/1.3 var(--font-govde); }
.ilan-galeri { position: relative; border-radius: var(--r-md); overflow: hidden; background: var(--zemin-3); }
.ilan-galeri img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.ilan-galeri__rozetler { position: absolute; top: 14px; left: 14px; display: flex; gap: 8px; flex-wrap: wrap; }
.ilan-galeri__sayac { position: absolute; top: 14px; right: 14px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: var(--r); background: rgba(0, 0, 0, .55); color: #fff; font-size: 12.5px; font-weight: 700; }
.ilan-galeri--bos { display: grid; place-items: center; align-content: center; gap: 8px; aspect-ratio: 3 / 2; color: var(--metin-3); }
.ilan-galeri--bos span .ikon { width: 56px; height: 56px; }
.ilan-galeri--bos p { margin: 0; font-weight: 600; }
.ilan-galeri__seritler { display: flex; gap: 10px; margin-top: 12px; overflow-x: auto; padding: 3px 3px 4px; }
.ilan-galeri__kucuk { flex: none; width: 104px; border-radius: var(--r); overflow: hidden; opacity: .7; box-shadow: var(--g-1); transition: opacity .15s, box-shadow .15s; }
.ilan-galeri__kucuk img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.ilan-galeri__kucuk:hover, .ilan-galeri__kucuk.secili { opacity: 1; box-shadow: 0 0 0 3px var(--yesil); }
.ilan-aciklama { font-size: 16px; line-height: 1.75; color: var(--metin-2); padding: 0 6px; overflow-wrap: anywhere; }
.ilan-ozellik { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-top: 22px; }
.ilan-ozellik > div { padding: 12px 14px; border-radius: var(--r-md); background: var(--zemin-2); }
.ilan-ozellik small { display: block; font-size: 12px; color: var(--metin-3); font-weight: 600; }
.ilan-ozellik b { display: block; color: var(--koyu); font-size: 15.5px; font-weight: 700; margin-top: 2px; }
.ilan-detay__yan { position: sticky; top: calc(var(--ust-yukseklik) + 16px); }
.ilan-kutu { padding: 22px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-2); }
.ilan-kutu__kat { display: block; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--altin-koyu); margin-bottom: 8px; }
.ilan-kutu__baslik { font-size: 22px; line-height: 1.35; margin: 0 0 16px; overflow-wrap: anywhere; }
.ilan-kutu__fiyat { padding: 16px; border-radius: var(--r-md); background: var(--zemin-2); }
.ilan-kutu__fiyat small { display: block; font-size: 12.5px; color: var(--metin-2); font-weight: 600; }
.ilan-kutu__fiyat > b { display: block; font-size: 30px; line-height: 1.2; font-weight: 800; color: var(--koyu); letter-spacing: -.01em; }
.ilan-kutu__etiketler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.ilan-kutu__bilgi { margin: 12px 0 0; }
.ilan-kutu__bilgi > div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 2px; font-size: 13.5px; }
.ilan-kutu__bilgi > div + div { box-shadow: 0 -1px 0 var(--zemin-3); }
.ilan-kutu__bilgi dt { display: inline-flex; align-items: center; gap: 8px; color: var(--metin-3); }
.ilan-kutu__bilgi dd { margin: 0; font-weight: 700; color: var(--metin); text-align: right; }
.ilan-satici-kutu { display: grid; gap: 10px; margin-top: 16px; padding: 16px; border-radius: var(--r-md); background: var(--zemin-2); }
.ilan-satici { display: flex; align-items: center; gap: 12px; color: var(--metin); margin-bottom: 4px; }
.ilan-satici b { display: block; color: var(--koyu); font-size: 16px; }
.ilan-satici small { display: block; font-size: 12.5px; color: var(--metin-2); }
.ilan-satici:hover b { color: var(--altin-koyu); }
.ilan-kilit { margin: 0; font-size: 13.5px; color: var(--metin-2); }
.ilan-mesaj-form { display: grid; gap: 8px; }
.ilan-mesaj-form .metin-alani { background: var(--yuzey); }
.dugme--koyu { background: var(--koyu); color: #fff; box-shadow: var(--g-1); }
.dugme--koyu:hover { background: var(--yesil); color: #fff; }
.dugme--whatsapp { background: #25d366; color: #fff; box-shadow: 0 6px 18px rgba(37, 211, 102, .3); }
.dugme--whatsapp:hover { background: #1ebe5a; color: #fff; }
.dugme--tehlike { background: var(--hata-zemin); color: var(--hata); }
.dugme--tehlike:hover { background: var(--hata); color: #fff; }
.ilan-guvenlik { display: flex; gap: 12px; margin-top: 16px; padding: 14px; border-radius: var(--r-md); background: var(--altin-zemin); color: #6e4900; }
.ilan-guvenlik > .ikon { color: var(--altin-koyu); }
.ilan-guvenlik b { display: block; font-size: 13.5px; color: var(--koyu); }
.ilan-guvenlik p { margin: 4px 0 0; font-size: 12.5px; line-height: 1.55; }
.ilan-detay__bolum { padding-top: 56px; }
.ilan-detay__bolum .c2-bas h2 { font-size: 26px; line-height: 1.3; }
@media (max-width: 1023px) {
  .ilan-detay__duzen { grid-template-columns: 1fr; }
  .ilan-detay__ana { display: contents; }
  .ilan-detay__ana > :first-child { order: 1; } .ilan-detay__yan { position: static; order: 2; } .ilan-detay__ana > :nth-child(2) { order: 3; }
  .ilan-detay__duzen { gap: 20px; }
}

.ilan-kart__alt { flex-wrap: wrap; }
.ilan-kart__fiyat--metin { font-size: 16px; font-weight: 700; }

/* ===================== 14. ORTAK FORM / DÜĞME SÖZLÜĞÜ =====================
   Üyelik, giriş, hesaplayıcı ve kurumsal sayfaların sınıf adları (btn, form-*, uyari*, field*)
   C2 görünümüne bağlanır — form sözleşmesi (asp-for, doğrulama) değişmesin diye adlar korundu. */
:root { --sp-7: 40px; --sp-8: 56px; --space-4: 16px; --space-5: 24px; --c-ink-soft: var(--metin-2); --line: var(--zemin-3); --font-mono: ui-monospace, Consolas, monospace; }
.container { width: 100%; max-width: var(--kap); margin: 0 auto; padding: 0 var(--kenar); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 20px; border-radius: var(--r-md); font-size: 15px; font-weight: 700; line-height: 1.2; white-space: nowrap; background: var(--yesil); color: #fff; box-shadow: var(--g-1); transition: background .15s, box-shadow .15s, transform .1s, color .15s; cursor: pointer; }
.btn:hover { background: var(--koyu); color: #fff; }
.btn:active { transform: scale(.98); }
.btn svg { width: 18px; height: 18px; }
.btn--primary, .btn-primary { background: var(--yesil); color: #fff; }
.btn--altin, .btn-gold { background: var(--altin); color: #fff; box-shadow: var(--g-altin); }
.btn--altin:hover, .btn-gold:hover { background: var(--altin-koyu); color: #fff; }
.btn--sade, .btn-ghost { background: var(--yuzey-yesil); color: var(--koyu); box-shadow: none; }
.btn--sade:hover, .btn-ghost:hover { background: var(--yesil-acik); color: var(--koyu); }
.btn--tehlike { background: var(--hata-zemin); color: var(--hata); box-shadow: none; }
.btn--tehlike:hover { background: var(--hata); color: #fff; }
.btn--whatsapp { background: #25d366; color: #fff; }
.btn--whatsapp:hover { background: #1ebe5a; color: #fff; }
.btn--google { background: var(--yuzey-yesil); color: var(--koyu); box-shadow: 0 1px 3px rgba(0, 0, 0, .06); font-weight: 600; }
.btn--google:hover { background: var(--yesil-acik); color: var(--koyu); }
.btn--tam { width: 100%; }
.btn--buyuk { padding: 15px 28px; font-size: 16px; }
.btn--mini { padding: 7px 12px; font-size: 13px; border-radius: var(--r); box-shadow: none; }
.btn-arrow { font-weight: 400; }
.tt-link { color: var(--yesil); font-weight: 600; text-decoration: underline; text-decoration-color: rgba(37, 82, 32, .3); text-underline-offset: 3px; }
.muted { color: var(--metin-2); }

.form-alan { display: grid; gap: 6px; margin-bottom: 16px; min-width: 0; }
.form-alan > label, .field__label { font-size: 14px; font-weight: 700; color: var(--koyu); }
.form-input, .field__input, .form-control, .form-select { width: 100%; padding: 12px 14px; border-radius: var(--r-md); background: var(--yuzey-yesil); color: var(--metin); font-size: 15px; transition: box-shadow .15s, background .15s; }
.form-input:focus, .field__input:focus, .form-control:focus { background: #fff; box-shadow: var(--odak); }
.form-input[disabled], .form-input[readonly] { opacity: .7; cursor: not-allowed; }
select.form-input, select.field__input { appearance: none; padding-right: 38px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2342493e' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; }
textarea.form-input { resize: vertical; min-height: 96px; line-height: 1.6; }
.form-input--dar { max-width: 160px; }
.form-hata, .field-validation-error { font-size: 13px; font-weight: 600; color: var(--hata); }
.form-hata:empty { display: none; }
.input-validation-error { box-shadow: 0 0 0 2px rgba(186, 26, 26, .45) !important; }
.form-ipucu, .field__hint { font-size: 12.5px; color: var(--metin-3); margin: 0; }
.form-ipucu--blok { padding: 12px 14px; border-radius: var(--r-md); background: var(--altin-zemin); color: #6e4900; font-size: 13.5px; }
.form-onay { display: inline-flex; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 600; color: var(--metin); cursor: pointer; margin: 4px 0 12px; }
.form-onay input, .form-alan input[type=checkbox] { width: 18px; height: 18px; accent-color: var(--yesil); flex: none; }
.form-alan--onay { align-content: end; }
.form-onay-grup { display: flex; flex-wrap: wrap; gap: 4px 24px; }
.form-satir { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0 16px; }
.validation-summary-valid { display: none; }
.form-hata-ozet ul { margin: 0; padding-left: 1.2em; }
.form-blok { margin: 0 0 20px; padding: 26px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); min-width: 0; }
.form-blok__baslik { float: left; width: 100%; display: flex; align-items: center; gap: 12px; margin-bottom: 20px; padding: 0; font: 700 19px/1.3 var(--font-baslik); color: var(--koyu); }
.form-blok__baslik + * { clear: both; }
.form-blok__no { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--yesil); color: #fff; font: 800 14px/1 var(--font-govde); flex: none; }
.form-gonder { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 8px; }
.form-gonder .form-ipucu { width: 100%; }
.ilan-form { max-width: 920px; }
.ilan-form--dar { max-width: 680px; }

.uyari { display: block; margin: 0 0 18px; padding: 14px 16px; border-radius: var(--r-md); font-size: 14.5px; line-height: 1.55; background: var(--zemin-3); color: var(--metin); box-shadow: var(--g-1); }
.uyari a { color: inherit; font-weight: 700; text-decoration: underline; }
.uyari--kirmizi { background: var(--hata-zemin); color: #7a1010; }
.uyari--sari { background: var(--altin-zemin); color: #6e4900; }
.uyari--yesil { background: var(--basari-zemin); color: var(--koyu); }
.uyari--gri { background: var(--zemin-3); color: var(--metin-2); box-shadow: none; }
.uyari--satildi { background: var(--koyu); color: #fff; }

/* durum rozetleri */
.ilan-rozet { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: var(--r-tam); font-size: 12px; font-weight: 800; background: var(--zemin-3); color: var(--metin-2); }
.ilan-rozet--aktif { background: #cdeec0; color: #1d4d14; }
.ilan-rozet--bekliyor { background: #ffe0b2; color: #8a4b00; }
.ilan-rozet--red { background: var(--hata-zemin); color: var(--hata); }
.ilan-rozet--satildi { background: var(--koyu); color: #fff; }
.ilan-rozet--vitrin { background: var(--altin); color: #fff; }

/* ===================== 15. GİRİŞ / KAYIT (Stitch 18 / 19) ===================== */
.auth-sayfa { padding-top: 40px; padding-bottom: 64px; }
.auth { display: grid; grid-template-columns: 1fr 1.1fr; max-width: 1160px; margin: 0 auto; border-radius: var(--r-xl); overflow: hidden; background: var(--yuzey); box-shadow: var(--g-3); }
.auth__tanit { position: relative; padding: 48px; color: #fff; background: radial-gradient(120% 80% at 0% 0%, #2c5a24 0%, transparent 60%), linear-gradient(160deg, #1b3815 0%, #0c3a0b 100%); }
.auth__tanit h2 { color: #fff; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.25; margin: 22px 0 14px; }
.auth__tanit > p { color: rgba(255, 255, 255, .82); font-size: 16px; }
.auth__hap { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: var(--r-tam); background: rgba(255, 255, 255, .12); font-size: 12.5px; font-weight: 700; }
.auth__ozellik { list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 14px; }
.auth__ozellik li { display: flex; gap: 14px; align-items: flex-start; padding: 14px 16px; border-radius: var(--r-md); background: rgba(255, 255, 255, .08); }
.auth__ozellik b { display: block; font-size: 15px; }
.auth__ozellik small { display: block; font-size: 12.5px; color: rgba(255, 255, 255, .72); line-height: 1.5; margin-top: 2px; }
.auth__ikon { flex: none; width: 40px; height: 40px; border-radius: var(--r); display: grid; place-items: center; background: rgba(255, 255, 255, .14); color: #cdeec0; }
.auth__ikon--altin { background: rgba(217, 119, 6, .28); color: var(--altin-acik); }
.auth-kart { padding: 56px 64px; display: flex; flex-direction: column; justify-content: center; }
.auth-kart .c2-ust { font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.auth-kart__baslik { font-size: clamp(30px, 3vw, 38px); margin: 6px 0 6px; }
.auth-kart__alt { color: var(--metin-2); margin-bottom: 24px; }
.auth-ayrac { display: flex; align-items: center; gap: 14px; margin: 22px 0; font-size: 12.5px; color: var(--metin-2); }
.auth-ayrac::before, .auth-ayrac::after { content: ""; flex: 1; height: 3px; border-radius: 3px; background: var(--zemin-3); }
.auth-form { display: grid; }
.auth-form .form-input { padding: 14px 16px; }
.auth-form .btn--buyuk { margin-top: 6px; }
.auth-kart__gec { margin: 24px 0 0; text-align: center; font-size: 14.5px; color: var(--metin-2); }
.auth-kart__gec a { color: var(--koyu); font-weight: 800; }
@media (max-width: 1023px) { .auth { grid-template-columns: 1fr; } .auth__tanit { order: 2; padding: 32px 24px; } .auth-kart { padding: 36px 24px; } }

/* ===================== 16. ÜYE PANELİ (Stitch 20-29) ===================== */
.uye-sayfa { display: grid; grid-template-columns: 270px minmax(0, 1fr); column-gap: 28px; align-items: start; padding-top: 28px; padding-bottom: 64px; }
.uye-sayfa > * { grid-column: 2; min-width: 0; }
.uye-sayfa > .uye-nav { grid-column: 1; grid-row: 1 / span 40; position: sticky; top: calc(var(--ust-yukseklik) + 16px); }
.uye-sayfa > .basari-kutu { grid-column: 1 / -1; }
.uye-nav { display: flex; flex-direction: column; gap: 4px; padding: 14px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.uye-nav__ben { display: flex; align-items: center; gap: 12px; padding: 6px 6px 14px; margin-bottom: 6px; box-shadow: 0 1px 0 var(--zemin-3); }
.uye-nav__ben b { display: block; font: 700 16px/1.3 var(--font-baslik); color: var(--koyu); }
.uye-nav__ben small { display: block; font-size: 12px; color: var(--metin-3); }
.uye-nav__link { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 14px; border-radius: var(--r-md); font-size: 14.5px; font-weight: 600; color: var(--metin); text-align: left; transition: background .15s; }
.uye-nav__link:hover { background: var(--yuzey-yesil); color: var(--koyu); }
.uye-nav__link.is-active { background: var(--yesil); color: #fff; }
.uye-nav__rozet { margin-left: auto; min-width: 22px; padding: 1px 8px; border-radius: var(--r-tam); background: var(--altin); color: #fff; font-size: 11.5px; font-weight: 800; text-align: center; }
.uye-nav__cikis { margin: 6px 0 0; padding-top: 6px; box-shadow: 0 -1px 0 var(--zemin-3); }
.uye-nav__cikis .uye-nav__link { color: var(--hata); }
.uye-nav__ver { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 8px; padding: 11px; border-radius: var(--r-md); background: var(--altin); color: #fff; font-weight: 800; box-shadow: var(--g-altin); }
.uye-nav__ver:hover { background: var(--altin-koyu); color: #fff; }
@media (max-width: 1023px) {
  .uye-sayfa { grid-template-columns: 1fr; padding-top: 16px; }
  .uye-sayfa > *, .uye-sayfa > .uye-nav { grid-column: 1; grid-row: auto; }
  .uye-sayfa > .uye-nav { position: static; flex-direction: row; overflow-x: auto; margin-bottom: 20px; padding: 8px; scrollbar-width: none; }
  .uye-nav__ben { display: none; }
  .uye-nav__link { width: auto; white-space: nowrap; padding: 9px 12px; }
  .uye-nav__cikis { margin: 0; padding: 0; box-shadow: none; }
  .uye-nav__ver { margin: 0; white-space: nowrap; padding: 9px 14px; }
}
.sayfa-baslik { font-size: clamp(26px, 2.6vw, 34px); margin: 0 0 8px; }
.sayfa-alt { color: var(--metin-2); margin: 0 0 22px; }
.uye-sayfa > .sayfa-baslik:has(+ :not(.sayfa-alt)) { margin-bottom: 22px; }
.uye-hosgeldin { padding: 26px 28px; margin-bottom: 20px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.uye-hosgeldin h1 { font-size: clamp(26px, 2.8vw, 34px); margin: 0 0 6px; }
.uye-hosgeldin p { margin: 0; color: var(--metin-2); }
.panel-uyari { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.panel-uyari__metin { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.panel-uyari__metin b { display: inline-flex; align-items: center; gap: 6px; }
.panel-uyari__islem { display: flex; gap: 8px; }
.istatistik-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 28px; }
.istatistik { padding: 20px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); display: flex; flex-direction: column-reverse; gap: 6px; }
.istatistik__sayi { font-size: 30px; font-weight: 800; color: var(--koyu); line-height: 1.1; }
.istatistik__ad { font-size: 14px; color: var(--metin-2); font-weight: 600; }
@media (max-width: 767px) { .istatistik-grid { grid-template-columns: 1fr 1fr; } }
.hizli-islem { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 28px; }
.hizli-islem a { display: flex; flex-direction: column; gap: 8px; padding: 20px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); color: var(--metin); transition: box-shadow .2s, transform .2s; }
.hizli-islem a:hover { box-shadow: var(--g-2); transform: translateY(-2px); color: var(--metin); }
.hizli-islem b { font: 700 17px/1.3 var(--font-baslik); color: var(--koyu); }
.hizli-islem small { font-size: 13px; color: var(--metin-2); line-height: 1.5; }
.hizli-islem i { font-style: normal; margin-top: auto; font-size: 13px; font-weight: 800; color: var(--yesil); }
.hizli-islem__ikon { width: 46px; height: 46px; border-radius: var(--r-md); display: grid; place-items: center; background: var(--ikon-yesil); color: var(--koyu); }
.hizli-islem__ikon--altin { background: var(--ikon-altin); color: var(--altin-koyu); }
@media (max-width: 1199px) { .hizli-islem { grid-template-columns: 1fr 1fr; } }
.uye-blok { margin-top: 8px; }
.section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 18px; flex-wrap: wrap; }
.section__title { margin: 0; font-size: clamp(21px, 2vw, 25px); }
.section__more { font-size: 14px; font-weight: 700; color: var(--yesil); }
.section { padding: 40px 0; }
.ilan-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; }
.tur-sec__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 8px; }
.tur-kart { display: flex; flex-direction: column; gap: 10px; padding: 28px 24px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); color: var(--metin); transition: box-shadow .2s, transform .2s; }
.tur-kart:hover { box-shadow: var(--g-3); transform: translateY(-3px); color: var(--metin); }
.tur-kart h2 { font-size: 21px; margin: 6px 0 0; }
.tur-kart p { font-size: 14.5px; color: var(--metin-2); margin: 0; }
.tur-kart__ikon { width: 56px; height: 56px; border-radius: var(--r-md); display: grid; place-items: center; background: var(--ikon-yesil); color: var(--koyu); }
.tur-kart__ikon .ikon { width: 26px; height: 26px; }
.tur-kart:nth-child(2) .tur-kart__ikon { background: var(--ikon-altin); color: var(--altin-koyu); }
.tur-kart__git { margin-top: auto; padding: 11px 14px; border-radius: var(--r-md); background: var(--yesil-acik); color: var(--koyu); font-size: 14px; font-weight: 800; text-align: center; }
.tur-kart:hover .tur-kart__git { background: var(--yesil); color: #fff; }
@media (max-width: 1023px) { .tur-sec__grid { grid-template-columns: 1fr; } }
.sekme-bar { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }
.sekme { padding: 8px 16px; border-radius: var(--r-tam); background: var(--yuzey-yesil); color: var(--metin-2); font-size: 14px; font-weight: 700; }
.sekme:hover { background: var(--yesil-acik); color: var(--koyu); }
.sekme.is-active { background: var(--koyu); color: #fff; }
.ilanlarim-liste { display: grid; gap: 14px; }
.ilanlarim-satir { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 14px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.ilanlarim-satir__gorsel { width: 120px; aspect-ratio: 4 / 3; border-radius: var(--r-md); overflow: hidden; background: var(--zemin-3); display: grid; place-items: center; color: var(--metin-3); }
.ilanlarim-satir__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.ilanlarim-satir__bilgi h2 { font: 700 17px/1.35 var(--font-govde); margin: 8px 0 6px; }
.ilanlarim-satir__bilgi h2 a { color: var(--koyu); }
.ilanlarim-satir__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13px; color: var(--metin-2); }
.ilanlarim-satir__meta span { display: inline-flex; align-items: center; gap: 5px; }
.ilanlarim-satir__red { margin: 8px 0 0; font-size: 13px; color: var(--hata); font-weight: 600; }
.ilanlarim-satir__sure { margin: 8px 0 0; font-size: 12.5px; color: var(--metin-3); }
.ilanlarim-satir__islem { display: flex; flex-direction: column; gap: 6px; align-items: stretch; }
.ilanlarim-satir__islem form { margin: 0; }
.ilanlarim-satir__islem .btn { width: 100%; }
@media (max-width: 767px) { .ilanlarim-satir { grid-template-columns: 88px minmax(0, 1fr); } .ilanlarim-satir__gorsel { width: 88px; } .ilanlarim-satir__islem { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; } .ilanlarim-satir__islem .btn { width: auto; } }
.basari-kutu { max-width: 720px; margin: 0 auto; padding: 40px 36px; border-radius: var(--r-xl); background: var(--yuzey); box-shadow: var(--g-2); text-align: center; }
.basari-kutu__ikon { width: 76px; height: 76px; margin: 0 auto 16px; border-radius: 50%; display: grid; place-items: center; background: #cdeec0; color: var(--koyu); }
.basari-kutu__ikon .ikon { width: 38px; height: 38px; }
.basari-kutu > p { color: var(--metin-2); }
.basari-ozet { display: flex; gap: 16px; align-items: center; margin: 22px 0; padding: 16px; border-radius: var(--r-lg); background: var(--zemin-2); text-align: left; }
.basari-ozet img, .basari-ozet__ikon { width: 110px; flex: none; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-md); background: var(--zemin-3); display: grid; place-items: center; color: var(--metin-3); }
.basari-ozet h2 { font: 700 17px/1.35 var(--font-govde); margin: 8px 0 4px; }
.basari-ozet p { margin: 0; font-size: 13.5px; color: var(--metin-2); }
.basari-kutu__islem { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.basari-kutu__ipucu { margin: 20px 0 0; font-size: 13.5px; color: var(--metin-2); }
.vitrin-ilan-ozet { display: flex; gap: 16px; align-items: center; padding: 16px; margin-bottom: 20px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.vitrin-ilan-ozet img { width: 110px; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-md); }
.vitrin-ilan-ozet h2 { font: 700 17px/1.35 var(--font-govde); margin: 0 0 4px; }
.vitrin-ilan-ozet p { margin: 0 0 6px; font-size: 13.5px; color: var(--metin-2); }
.paket-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 20px; }
.paket-kart { position: relative; display: block; padding: 24px 20px 20px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); cursor: pointer; transition: box-shadow .15s, transform .15s; }
.paket-kart:hover { box-shadow: var(--g-2); transform: translateY(-2px); }
.paket-kart:has(input:checked) { box-shadow: 0 0 0 3px var(--altin), var(--g-2); }
.paket-kart input { position: absolute; top: 16px; right: 16px; width: 20px; height: 20px; accent-color: var(--altin); }
.paket-kart__serit { position: absolute; top: -11px; left: 18px; padding: 3px 10px; border-radius: var(--r-tam); background: var(--altin); color: #fff; font-size: 11.5px; font-weight: 800; }
.paket-kart--one-cikan { background: var(--altin-zemin); }
.paket-kart__ic { display: grid; gap: 4px; }
.paket-kart__ad { font: 700 18px/1.3 var(--font-baslik); color: var(--koyu); padding-right: 28px; }
.paket-kart__fiyat { font-size: 28px; font-weight: 800; color: var(--koyu); }
.paket-kart__gun { font-size: 13px; font-weight: 700; color: var(--altin-koyu); }
.paket-kart__aciklama { font-size: 13.5px; color: var(--metin-2); margin-top: 6px; }
.odeme-duzen { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.odeme-duzen > div { display: grid; gap: 20px; }
.odeme-kart { padding: 24px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.odeme-kart__etiket { font-size: 13px; font-weight: 700; color: var(--metin-2); }
.odeme-tutar { font-size: 38px; font-weight: 800; color: var(--koyu); line-height: 1.2; }
.odeme-kart__alt { margin: 4px 0 0; color: var(--metin-2); font-size: 14px; }
.odeme-kart__baslik { font-size: 19px; margin: 0 0 14px; }
.odeme-satirlar { margin: 0 0 16px; }
.odeme-satirlar > div { display: grid; grid-template-columns: 90px 1fr; gap: 12px; padding: 10px 0; font-size: 14px; }
.odeme-satirlar > div + div { box-shadow: 0 -1px 0 var(--zemin-3); }
.odeme-satirlar dt { color: var(--metin-3); }
.odeme-satirlar dd { margin: 0; font-weight: 700; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; overflow-wrap: anywhere; }
.odeme-satirlar code, .uyari code { font: 700 14px/1.4 var(--font-mono); background: var(--zemin-2); padding: 3px 8px; border-radius: var(--r-sm); }
.odeme-kopya { padding: 5px 10px; border-radius: var(--r); background: var(--yesil-acik); color: var(--koyu); font-size: 12.5px; font-weight: 800; }
.odeme-kopya:hover, .odeme-kopya.is-kopyalandi { background: var(--yesil); color: #fff; }
@media (max-width: 1023px) { .odeme-duzen { grid-template-columns: 1fr; } }
.tablo-sar { overflow-x: auto; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.veri-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.veri-tablo th { text-align: left; padding: 12px 14px; background: var(--zemin-2); color: var(--koyu); font-size: 12.5px; font-weight: 800; white-space: nowrap; }
.veri-tablo td { padding: 12px 14px; vertical-align: top; }
.veri-tablo tr + tr td { box-shadow: 0 -1px 0 var(--zemin-3); }
.tablo-not { display: block; margin-top: 4px; font-size: 12px; color: var(--metin-3); }
/* mesajlar */
.sohbet-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sohbet-liste__oge a { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); color: var(--metin); transition: box-shadow .15s; }
.sohbet-liste__oge a:hover { box-shadow: var(--g-2); color: var(--metin); }
.sohbet-liste__oge.is-yeni a { background: var(--yuzey-yesil); }
.sohbet-liste__avatar, .sohbet__avatar { flex: none; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--koyu); color: #fff; font-weight: 800; }
.sohbet-liste__bilgi { flex: 1; min-width: 0; display: grid; gap: 3px; justify-items: start; }
.sohbet-liste__bilgi b { color: var(--koyu); }
.sohbet-liste__bilgi small { font-size: 13px; color: var(--metin-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.sohbet-liste__sag { display: grid; justify-items: end; gap: 4px; font-size: 12px; color: var(--metin-3); }
.sohbet-liste__rozet { min-width: 22px; padding: 1px 7px; border-radius: var(--r-tam); background: var(--altin); color: #fff; font-size: 12px; font-weight: 800; text-align: center; }
.sohbet { display: flex; flex-direction: column; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); overflow: hidden; }
.sohbet__ust { display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: var(--zemin-2); }
.sohbet__geri { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--yuzey); color: var(--koyu); box-shadow: var(--g-1); }
.sohbet__geri .ikon { transform: rotate(180deg); }
.sohbet__kim { display: grid; min-width: 0; }
.sohbet__kim b { color: var(--koyu); }
.sohbet__kim a { font-size: 13px; color: var(--metin-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sohbet__istek { margin: 14px 18px 0; padding: 14px 16px; border-radius: var(--r-md); background: var(--altin-zemin); color: #6e4900; font-size: 14px; }
.sohbet__istek p { margin: 0 0 10px; }
.sohbet__istek--bekleyen, .sohbet__istek--kapali { background: var(--zemin-3); color: var(--metin-2); }
.sohbet__istek-butonlar { display: flex; flex-wrap: wrap; gap: 8px; }
.sohbet__istek-butonlar form { margin: 0; }
.sohbet__akis { display: flex; flex-direction: column; gap: 10px; padding: 18px; min-height: 280px; max-height: 58vh; overflow-y: auto; }
.balon { max-width: min(78%, 560px); padding: 10px 14px; border-radius: 16px; font-size: 15px; line-height: 1.5; }
.balon p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.balon time { display: block; margin-top: 4px; font-size: 11px; opacity: .7; }
.balon--ben { align-self: flex-end; background: var(--yesil); color: #fff; border-bottom-right-radius: 4px; }
.balon--karsi { align-self: flex-start; background: var(--zemin-2); color: var(--metin); border-bottom-left-radius: 4px; }
.sohbet__yaziyor { padding: 0 18px 8px; font-size: 13px; color: var(--metin-3); }
.sohbet__yaz { display: flex; gap: 10px; align-items: flex-end; padding: 14px 18px; background: var(--zemin-2); margin: 0; }
.sohbet__yaz textarea { flex: 1; padding: 12px 14px; border-radius: var(--r-md); background: var(--yuzey); resize: none; font-size: 15px; }
.sohbet__yaz textarea:focus { box-shadow: var(--odak); }
.sohbet__uyari { margin: 0; padding: 8px 18px 14px; background: var(--zemin-2); font-size: 12px; color: var(--metin-3); }
.bildirim-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.bildirim { display: flex; gap: 14px; align-items: flex-start; padding: 16px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.bildirim.is-yeni { background: var(--yuzey-yesil); }
.bildirim__ikon { flex: none; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--ikon-yesil); color: var(--koyu); }
.bildirim__govde { flex: 1; min-width: 0; font-size: 14.5px; }
.bildirim__govde a { color: var(--koyu); font-weight: 700; }
.bildirim__govde small, .bildirim__govde time { display: block; margin-top: 4px; font-size: 12px; color: var(--metin-3); }

/* ===================== 17. SATICI · İLAN VER TANITIM (Stitch 16 / 17) ===================== */
.satici-sayfa { padding-top: 28px; padding-bottom: 64px; }
.satici-ust { display: flex; gap: 22px; align-items: center; padding: 28px; margin-bottom: 28px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.satici-ust__avatar { flex: none; width: 84px; height: 84px; border-radius: 50%; display: grid; place-items: center; background: var(--koyu); color: #fff; font-size: 30px; font-weight: 800; }
.satici-ust h1 { font-size: clamp(24px, 2.6vw, 32px); margin: 0 0 6px; }
.satici-ust__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; font-size: 14px; color: var(--metin-2); }
.satici-ust__meta span { display: inline-flex; align-items: center; gap: 6px; }
.satici-ust__hakkinda { margin: 12px 0 0; color: var(--metin-2); max-width: 760px; }
.satici-sayfa .ilan-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1023px) { .satici-sayfa .ilan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .satici-ust { flex-direction: column; align-items: flex-start; } }
.tanit-hero { padding: 72px 0; color: #fff; background: radial-gradient(90% 120% at 100% 0%, #2c5a24 0%, transparent 55%), linear-gradient(160deg, #1b3815 0%, #0c3a0b 100%); }
.tanit-hero__ic { max-width: 860px; text-align: center; }
.tanit-rozet { display: inline-block; padding: 7px 16px; border-radius: var(--r-tam); background: rgba(255, 255, 255, .12); color: var(--altin-acik); font-size: 13px; font-weight: 800; }
.tanit-hero__baslik { color: #fff; margin: 18px 0 14px; font-size: clamp(32px, 4.4vw, 52px); }
.tanit-hero__alt { color: rgba(255, 255, 255, .85); font-size: 18px; }
.tanit-hero__alt b { color: #fff; }
.tanit-hero__butonlar { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 26px; }
.tanit-hero__butonlar .btn--sade { background: rgba(255, 255, 255, .14); color: #fff; }
.tanit-hero__butonlar .btn--sade:hover { background: rgba(255, 255, 255, .24); }
.tanit-hero__sayac { margin: 20px 0 0; color: rgba(255, 255, 255, .8); font-size: 14px; }
.tanit-hero__sayac a { color: var(--altin-acik); font-weight: 700; }
.tanit-govde { padding-top: 56px; padding-bottom: 64px; }
.tanit-blok { margin-bottom: 56px; }
.tanit-blok__baslik { text-align: center; font-size: clamp(24px, 2.6vw, 32px); }
.tanit-blok__alt { text-align: center; color: var(--metin-2); margin: -4px auto 24px; max-width: 640px; }
.tanit-adimlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 24px; }
.tanit-adim { padding: 28px 24px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.tanit-adim__no { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--altin); color: #fff; font-weight: 800; font-size: 18px; margin-bottom: 14px; box-shadow: var(--g-altin); }
.tanit-adim h3 { margin: 0 0 6px; }
.tanit-adim p { margin: 0; color: var(--metin-2); font-size: 14.5px; }
.tanit-kategoriler { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.tanit-kategori { padding: 9px 16px; border-radius: var(--r-tam); background: var(--yuzey); box-shadow: var(--g-1); color: var(--koyu); font-size: 14px; font-weight: 700; }
.tanit-kategori:hover { background: var(--yesil); color: #fff; }
.tanit-fayda { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 24px; }
.tanit-fayda__oge { padding: 24px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.tanit-fayda__ikon { width: 48px; height: 48px; border-radius: var(--r-md); display: grid; place-items: center; background: var(--ikon-yesil); color: var(--koyu); margin-bottom: 14px; }
.tanit-fayda__oge h3 { margin: 0 0 6px; font-size: 18px; }
.tanit-fayda__oge p { margin: 0; color: var(--metin-2); font-size: 14px; }
.tanit-kapanis { padding: 44px 24px; border-radius: var(--r-xl); background: var(--zemin-4); text-align: center; }
.tanit-kapanis p { color: var(--metin-2); }
@media (max-width: 1023px) { .tanit-adimlar, .tanit-fayda { grid-template-columns: 1fr 1fr; } }
@media (max-width: 599px) { .tanit-adimlar, .tanit-fayda { grid-template-columns: 1fr; } .tanit-hero { padding: 48px 0; } }

/* ===================== 18. HESAPLAYICILAR (Stitch 09 / 10) ===================== */
.page-head { padding: 28px 0 32px; background: var(--zemin-2); }
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13.5px; color: var(--metin-2); margin-bottom: 14px; }
.breadcrumb a { color: var(--metin-2); font-weight: 600; }
.breadcrumb a:hover { color: var(--koyu); }
.page-title { margin: 0 0 10px; }
.page-lead { color: var(--metin-2); font-size: 17px; max-width: 820px; margin: 0; }
.calc-page { padding-top: 32px; padding-bottom: 64px; }
.calc-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 24px; align-items: start; }
.calc-tabs { display: flex; flex-direction: column; gap: 6px; padding: 12px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.calc-tab { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border-radius: var(--r-md); font-size: 15px; font-weight: 700; color: var(--metin); text-align: left; transition: background .15s; }
.calc-tab svg { width: 22px; height: 22px; flex: none; color: var(--yesil); }
.calc-tab:hover { background: var(--yuzey-yesil); color: var(--koyu); }
.calc-tab[aria-selected="true"], .calc-tab[aria-current="page"] { background: var(--yesil); color: #fff; }
.calc-tab[aria-selected="true"] svg, .calc-tab[aria-current="page"] svg { color: #fff; }
.calc-panel { padding: 28px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-2); }
.calc-panel__title { margin: 0 0 6px; font-size: clamp(21px, 2.2vw, 26px); }
.calc-panel__desc { color: var(--metin-2); margin-bottom: 20px; }
.calc-panel form { display: grid; gap: 4px; }
.calc-panel form .btn { justify-self: start; margin-top: 4px; }
.field { display: grid; gap: 6px; margin-bottom: 14px; }
.result { display: none; margin-top: 22px; padding: 22px; border-radius: var(--r-lg); background: var(--zemin-2); }
.result.is-shown { display: block; }
.result__main { padding: 18px 20px; border-radius: var(--r-md); background: var(--yesil-bant); color: #fff; }
.result__label { font-size: 13px; font-weight: 700; color: rgba(255, 255, 255, .78); }
.result__date { font: 700 clamp(24px, 3vw, 32px)/1.25 var(--font-baslik); color: #fff; }
.result__range { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-top: 12px; }
.result__range-item { padding: 14px 16px; border-radius: var(--r-md); background: var(--yuzey); box-shadow: var(--g-1); }
.result__range-item small { display: block; font-size: 12.5px; color: var(--metin-3); font-weight: 600; }
.result__range-item strong { display: block; font-size: 17px; color: var(--koyu); }
.result__note { margin: 12px 0 0; font-size: 14px; color: var(--metin-2); }
.result__note:empty { display: none; }
.grid-compact { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.card--compact { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); color: var(--metin); transition: box-shadow .15s, transform .15s; }
a.card--compact:hover { box-shadow: var(--g-2); transform: translateY(-2px); color: var(--metin); }
.card__index { flex: none; width: 42px; height: 42px; border-radius: var(--r-md); display: grid; place-items: center; background: var(--ikon-yesil); color: var(--koyu); font-weight: 800; }
.card__title { font-weight: 700; color: var(--koyu); font-size: 15px; }
.card__meta { display: block; font-size: 12.5px; color: var(--metin-2); margin-top: 2px; }
.prose { font-size: 17px; line-height: 1.8; color: #2a3125; max-width: 820px; }
.prose h2 { margin: 1.6em 0 .5em; }
.prose h3 { margin: 1.3em 0 .4em; }
.prose li::marker { color: var(--yesil); }
.table-wrap { overflow-x: auto; margin: 1.2em 0; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); }
.table-wrap table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.table-wrap th { background: var(--koyu); color: #fff; text-align: left; padding: 12px 14px; }
.table-wrap td { padding: 11px 14px; }
.table-wrap tr:nth-child(even) td { background: var(--zemin-2); }
.calc-timeline { display: grid; gap: 10px; margin-top: 18px; }
.calc-step { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 18px; padding: 16px 18px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); transition: opacity .2s; }
.calc-step.is-key { background: var(--altin-zemin); }
.calc-step.is-past { opacity: .55; }
.calc-step.is-next { box-shadow: 0 0 0 3px var(--yesil), var(--g-2); }
.calc-step__when { display: grid; gap: 2px; }
.calc-step__rel { font-size: 13px; font-weight: 800; color: var(--altin-koyu); }
.calc-step__date { font-size: 15px; font-weight: 700; color: var(--koyu); }
.calc-step__title { margin: 0 0 4px; font: 700 16px/1.4 var(--font-govde); }
.calc-step__note { margin: 0; font-size: 14.5px; color: var(--metin-2); }
.calc-timeline__hint { font-size: 13.5px; color: var(--metin-3); margin-top: 12px; }
.calc-timeline.is-filled + .calc-timeline__hint { display: none; }
.widget { padding: 26px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); margin-top: 32px; }
.widget__title { font-size: 21px; margin: 0 0 10px; }
@media (max-width: 1023px) {
  .calc-layout { grid-template-columns: 1fr; }
  .calc-tabs { flex-direction: row; overflow-x: auto; scrollbar-width: none; }
  .calc-tab { width: auto; white-space: nowrap; }
  .calc-step { grid-template-columns: 1fr; gap: 6px; }
  .calc-panel { padding: 20px; }
}

/* ===================== 19. KURUMSAL METİN SAYFALARI (Stitch 30-32, 34) ===================== */
.tt-section { padding: 40px 0 64px; background: linear-gradient(var(--zemin-2) 0, var(--zemin-2) 220px, transparent 220px); }
.tt-container { width: calc(100% - 2 * var(--kenar)); max-width: 960px; margin: 0 auto; padding: 44px 48px; border-radius: var(--r-xl); background: var(--yuzey); box-shadow: var(--g-2); font-size: 17px; line-height: 1.8; color: #2a3125; }
.tt-container h1 { font-size: clamp(30px, 3.4vw, 42px); line-height: 1.25; margin: 8px 0 14px; }
.tt-container h2 { font-size: clamp(21px, 2.2vw, 26px); margin: 1.6em 0 .5em; }
.tt-container h3 { margin: 0 0 6px; font-size: 18px; }
.tt-container ul, .tt-container ol { padding-left: 1.3em; }
.tt-container li { margin-bottom: .45em; }
.tt-container li::marker { color: var(--yesil); }
.tt-container > p.muted:first-of-type { font-size: 18px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--altin-koyu); }
.eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--altin); }
.tt-card { padding: 20px 22px; border-radius: var(--r-lg); background: var(--zemin-2); }
.tt-card h3 { color: var(--koyu); }
.tt-card p { margin: 0; font-size: 16px; color: var(--metin-2); }
.tt-iletisim-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 28px 0 8px; }
.tt-iletisim-kart__baslik { margin: 0 0 6px !important; font: 800 13px/1.4 var(--font-govde) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--altin-koyu); }
.tt-iletisim-deger { font-size: 18px; font-weight: 800; color: var(--koyu) !important; overflow-wrap: anywhere; }
.tt-iletisim-not { font-size: 14px !important; margin-top: 8px !important; }
@media (max-width: 767px) { .tt-container { padding: 28px 20px; font-size: 16px; } .tt-iletisim-grid { grid-template-columns: 1fr; } }

/* ırk künyesi (HayvanIrki/Detay) */
.kunye-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 22px; width: 100%; }
.kunye-kart { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: var(--r-md); background: var(--yuzey); box-shadow: var(--g-1); color: var(--metin); }
a.kunye-kart:hover { box-shadow: var(--g-2); color: var(--metin); }
.kunye-kart__ikon { flex: none; width: 40px; height: 40px; border-radius: var(--r); display: grid; place-items: center; background: var(--ikon-yesil); color: var(--koyu); }
.kunye-kart small { display: block; font-size: 12px; color: var(--metin-3); }
.kunye-kart b { display: block; color: var(--koyu); font-size: 15px; }
@media (max-width: 767px) { .kunye-izgara { grid-template-columns: 1fr 1fr; } }

/* ===================== 20. 404 (Stitch 34) ===================== */
.bulunamadi { padding: 48px 0 64px; }
.bulunamadi__kart { max-width: 780px; margin: 0 auto; padding: 44px 40px; border-radius: var(--r-xl); background: var(--yuzey); box-shadow: var(--g-3); text-align: center; }
.bulunamadi__resim { width: min(100%, 440px); height: auto; margin: 0 auto 22px; border-radius: 0 0 var(--r-md) var(--r-md); }
.bulunamadi__hap { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: var(--r-tam); background: var(--altin-zemin); color: var(--altin-koyu); font-size: 12.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.bulunamadi__kart h1 { margin: 16px 0 10px; font-size: clamp(26px, 3.2vw, 38px); }
.bulunamadi__kart > p { color: var(--metin-2); font-size: 17px; max-width: 580px; margin: 0 auto 24px; }
.bulunamadi__ara { display: flex; align-items: center; gap: 10px; max-width: 580px; margin: 0 auto; padding: 8px 8px 8px 18px; border-radius: var(--r-lg); background: var(--zemin); box-shadow: var(--g-1); color: var(--metin-2); }
.bulunamadi__ara input { flex: 1; min-width: 0; background: transparent; font-size: 15px; }
.bulunamadi__ara input:focus { box-shadow: none; }
.bulunamadi__ara button { display: inline-flex; align-items: center; gap: 6px; padding: 11px 20px; border-radius: var(--r-md); background: var(--koyu); color: #fff; font-weight: 700; }
.bulunamadi__bas { margin-top: 56px; }
.bulunamadi__bas h2 { font-size: 28px !important; line-height: 1.3 !important; }
.bulunamadi__yol { display: flex; flex-direction: column; gap: 8px; padding: 24px; border-radius: var(--r-lg); background: var(--yuzey); box-shadow: var(--g-1); color: var(--metin); transition: box-shadow .2s, transform .2s; }
.bulunamadi__yol:hover { box-shadow: var(--g-2); transform: translateY(-2px); color: var(--metin); }
.bulunamadi__yol b { font: 700 18px/1.3 var(--font-baslik); color: var(--koyu); margin-top: 6px; }
.bulunamadi__yol small { font-size: 13.5px; color: var(--metin-2); }
.bulunamadi__yol i { margin-top: auto; padding-top: 8px; display: flex; justify-content: space-between; align-items: center; font-style: normal; font-size: 13.5px; font-weight: 800; color: var(--koyu); }
@media (max-width: 767px) { .bulunamadi__kart { padding: 28px 18px; } .bulunamadi__ara { flex-wrap: wrap; padding: 8px; } .bulunamadi__ara button { width: 100%; justify-content: center; } }

/* ilan formu: fotoğraf yükleme (Stitch 22) */
.gorsel-gizli { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; pointer-events: none; }
.foto-birak { display: grid; justify-items: center; gap: 6px; padding: 32px 20px; border-radius: var(--r-lg); background: var(--zemin-2); box-shadow: inset 0 0 0 2px var(--yesil-acik-2); text-align: center; cursor: pointer; transition: background .15s, box-shadow .15s; }
.foto-birak:hover, .foto-birak.is-uzerinde, .foto-birak:focus-visible { background: var(--yuzey-yesil); box-shadow: inset 0 0 0 2px var(--yesil); }
.foto-birak__ikon { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: var(--yuzey); color: var(--yesil); box-shadow: var(--g-1); margin-bottom: 4px; }
.foto-birak__ikon .ikon { width: 26px; height: 26px; }
.foto-birak__ana { font-weight: 800; color: var(--koyu); font-size: 16px; }
.foto-birak__alt { font-size: 14px; color: var(--metin-2); }
.foto-birak__kural { font-size: 12.5px; color: var(--metin-3); }
.foto-bolum { margin-bottom: 20px; }
.foto-bolum__ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 14px 0 8px; }
.foto-bolum__baslik { font-weight: 800; color: var(--koyu); font-size: 14.5px; }
.foto-toplu-sil { font-size: 13px; font-weight: 700; color: var(--hata); }
.foto-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 12px; margin-top: 10px; }
.foto-izgara:empty { display: none; }
.foto-oge { position: relative; margin: 0; border-radius: var(--r-md); overflow: hidden; background: var(--zemin-3); box-shadow: var(--g-1); }
.foto-oge img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.foto-oge.is-kapak { box-shadow: 0 0 0 3px var(--altin), var(--g-1); }
.foto-oge__kapak, .foto-oge__sil { position: absolute; top: 6px; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .92); color: var(--koyu); font-size: 14px; font-weight: 800; box-shadow: var(--g-1); }
.foto-oge__kapak { left: 6px; }
.foto-oge.is-kapak .foto-oge__kapak { background: var(--altin); color: #fff; }
.foto-oge__sil { right: 6px; color: var(--hata); }
.foto-oge__etiket { display: none; position: absolute; left: 6px; bottom: 6px; padding: 2px 8px; border-radius: var(--r-tam); background: var(--altin); color: #fff; font-size: 11px; font-weight: 800; }
.foto-oge.is-kapak .foto-oge__etiket { display: block; }
@media (max-width: 767px) {
  .pazar__kategoriler { flex-wrap: nowrap; overflow-x: auto; margin: 12px calc(-1 * var(--kenar)) 20px; padding: 2px var(--kenar) 6px; scrollbar-width: none; }
  .pazar__kategoriler::-webkit-scrollbar { display: none; }
  .pazar__kategoriler .cip { flex: none; }
  .pazar__ust { flex-direction: column; align-items: flex-start; }
}