/* Projeler sayfasi. Ortak sayfa basligi /varlik/ust.css dosyasindan gelir. */
:root{
  --bg:#f2ead6;--kagit:#fbf7ee;--murekkep:#1f1b16;--sonuk:#6d6357;
  --cizgi:#d8cdb4;--vurgu:#1f5d4c;--kirmizi:#E31E24;--mavi:#14406E;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--murekkep);font:16px/1.6 "Newsreader",Georgia,serif}
h1{font:800 26px/1.15 "Besley",Georgia,serif;margin:0}
main{max-width:1060px;margin:0 auto;padding:22px 24px 80px}

/* bolum basligi */
.bolum-ust{margin:6px 0 22px}
.bolum-ust h2{margin:0;font:700 22px "Besley",Georgia,serif;letter-spacing:-.01em}
.bolum-acik{margin:7px 0 0;font-size:14.5px;color:var(--sonuk);max-width:64ch}

/* ozet serit */
.ozet{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;
  margin-bottom:26px;
}
.ozet .kutu{
  background:var(--kagit);border:1px solid var(--cizgi);border-radius:12px;
  padding:14px 16px;
}
.ozet .kutu .n{font:900 24px "Besley",serif;color:var(--mavi);line-height:1.1}
.ozet .kutu .e{
  font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sonuk);margin-top:4px;
}

/* proje kartlari */
.kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.kart{
  position:relative;display:flex;flex-direction:column;gap:8px;
  background:var(--kagit);border:1px solid var(--cizgi);border-radius:12px;
  padding:18px 20px 16px;overflow:hidden;
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.kart::before{
  content:"";position:absolute;inset:0 auto 0 0;width:3px;
  background:var(--durum,var(--kirmizi));
}
.kart:hover{border-color:#c9bda2;box-shadow:0 6px 18px rgba(31,27,22,.09);transform:translateY(-2px)}
.kart .ust{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.kart .rozet{
  font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.04em;
  border-radius:20px;padding:3px 10px;border:1px solid;
}
.kart .rozet.suruyor{background:#e7f2ec;border-color:#a9d0bc;color:#1f5d4c}
.kart .rozet.planlanan{background:#fdf3dc;border-color:#e3cd93;color:#8a6318}
.kart .rozet.tamamlanan{background:#eef1f7;border-color:#b9c4d8;color:#2a3f63}
.kart .ulke{font:600 12.5px ui-monospace,Menlo,monospace;color:var(--sonuk)}
.kart .ad{font:600 18px/1.3 "Besley",serif}
.kart .acik{font-size:14px;color:var(--sonuk);line-height:1.55}
.kart .alt{
  display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;padding-top:10px;
  border-top:1px solid var(--cizgi);font-size:13px;color:var(--sonuk);
}
.kart .alt b{color:var(--murekkep);font-weight:600}

/* kategori sekmeleri — tek satır, kaydırılabilir */
.kat-sekme{
  display:flex;gap:6px;margin-bottom:14px;
  overflow-x:auto;padding-bottom:4px;
  scrollbar-width:thin;
}
.kat-sekme::-webkit-scrollbar{height:5px}
.kat-sekme::-webkit-scrollbar-track{background:transparent}
.kat-sekme::-webkit-scrollbar-thumb{background:#d8cdb4;border-radius:3px}
.ks{
  display:inline-flex;align-items:center;gap:6px;cursor:pointer;flex:0 0 auto;
  padding:8px 13px;border-radius:10px;
  background:var(--kagit);border:1px solid var(--cizgi);color:var(--murekkep);
  font:600 13.5px "Besley",serif;white-space:nowrap;
  transition:background .16s,border-color .16s,color .16s,box-shadow .16s;
}
.ks:hover{border-color:var(--kr);color:var(--kr)}
.ks svg{opacity:.75;flex:0 0 auto}
.ks .ks-n{
  font:600 10.5px ui-monospace,Menlo,monospace;
  background:#efe8d9;border-radius:9px;padding:1px 6px;color:var(--sonuk);
}
.ks.secili{
  background:var(--kr);border-color:var(--kr);color:#fff;
  box-shadow:0 3px 10px color-mix(in srgb, var(--kr) 32%, transparent);
}
.ks.secili svg{opacity:1}
.ks.secili .ks-n{background:rgba(255,255,255,.24);color:#fff}
@media(max-width:620px){
  .ks{padding:7px 11px;font-size:13px}
  .ks .ks-ad{display:none}
  .ks.secili .ks-ad{display:inline}
}

/* seçili kategorinin açıklama kutusu */
.kat-acik{
  display:flex;align-items:flex-start;gap:12px;
  margin:0 0 20px;padding:13px 16px;border-radius:12px;
  background:color-mix(in srgb, var(--kr, #14406E) 6%, var(--kagit));
  border:1px solid color-mix(in srgb, var(--kr, #14406E) 26%, transparent);
  border-left:3px solid var(--kr, #14406E);
}
.ka-ik{
  flex:0 0 auto;width:34px;height:34px;border-radius:10px;
  background:var(--kr, #14406E);color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.ka-yazi{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ka-yazi b{font:700 15px "Besley",serif;color:var(--kr, #14406E)}
.ka-yazi span{font-size:13.5px;color:var(--sonuk);line-height:1.55}
.kat-acik[hidden]{display:none}
.ka-say{
  flex:0 0 auto;align-self:center;
  font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.04em;
  color:var(--kr, #14406E);background:rgba(255,255,255,.7);
  border:1px solid color-mix(in srgb, var(--kr, #14406E) 24%, transparent);
  border-radius:16px;padding:4px 10px;white-space:nowrap;
}
/* "Tümü" görünümündeki sayaç şeridi */
.ka-sayac{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.ka-sayac i{
  font-style:normal;font:12px ui-monospace,Menlo,monospace;color:var(--sonuk);
  background:rgba(255,255,255,.75);border:1px solid #c6d0de;
  border-radius:16px;padding:4px 11px;white-space:nowrap;
}
.ka-sayac i b{font:700 13.5px "Besley",serif;color:var(--mavi);margin-right:3px}
.ka-butce{
  display:block;margin-top:8px;padding-top:8px;
  border-top:1px solid color-mix(in srgb, var(--kr, #14406E) 18%, transparent);
  font-size:13px;color:var(--sonuk);line-height:1.5;
}
.ka-butce b{color:var(--murekkep);font-family:"Besley",serif}
@media(max-width:560px){
  .kat-acik{flex-wrap:wrap}
  .ka-say{align-self:flex-start;order:3;margin-left:46px}
}

/* tur kartindaki kategori ve takip rozetleri */
.tur-roz{display:flex;flex-wrap:wrap;gap:6px;margin-top:-2px}
.kr{
  font:600 10.5px ui-monospace,Menlo,monospace;letter-spacing:.04em;
  border-radius:20px;padding:3px 9px;border:1px solid;
}
.kr.kalici{background:#eef1f7;border-color:#b9c4d8;color:#2a3f63}
.kr.gelir{background:#e7f2ec;border-color:#a9d0bc;color:#1f5d4c}
.kr.meslek{background:#f3ecf8;border-color:#cfbde0;color:#5b46a8}
.kr.tarim{background:#fdf3dc;border-color:#e3cd93;color:#8a6318}
.kr.donemsel{background:#fbe9e6;border-color:#e0b0a4;color:#8e3423}
.kr.takip{background:transparent;border-color:var(--cizgi);color:var(--sonuk);border-style:dashed}

/* ne yapiyoruz: is kalemleri */
.turler{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.tur{
  background:var(--kagit);border:1px solid var(--cizgi);border-radius:14px;
  padding:18px 20px 18px;display:flex;flex-direction:column;gap:10px;
  transition:box-shadow .18s,transform .18s;
}
.tur:hover{box-shadow:0 6px 18px rgba(31,27,22,.08);transform:translateY(-2px)}
.tur.genis{grid-column:1/-1}
.tur-ust{display:flex;align-items:center;gap:11px}
.tur-ik{
  width:40px;height:40px;flex:0 0 auto;border-radius:11px;
  background:var(--mavi);color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 9px rgba(20,64,110,.24);
}
.tur h3{margin:0;font:700 18.5px "Besley",serif}
.tur-ac{margin:0;font-size:14.5px;color:var(--sonuk);line-height:1.6}

/* meslek kollari */
.kollar{
  margin-top:4px;padding-top:14px;border-top:1px solid var(--cizgi);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px;
}
.kol-baslik{
  grid-column:1/-1;font:600 11px ui-monospace,Menlo,monospace;
  letter-spacing:.12em;text-transform:uppercase;color:var(--sonuk);
}
.kol{display:flex;gap:10px;align-items:flex-start}
.kol-ik{
  width:30px;height:30px;flex:0 0 auto;border-radius:9px;margin-top:2px;
  background:#e7f2ec;color:var(--vurgu);border:1px solid #c5ddd0;
  display:flex;align-items:center;justify-content:center;
}
.kol-ad{display:block;font:600 15px "Besley",serif;margin-bottom:2px}
.kol-ac{display:block;font-size:13.5px;color:var(--sonuk);line-height:1.5}

.kart .ad svg{vertical-align:-3px;color:var(--mavi);opacity:.8}

/* ilerleme gostergesi */
.ilerleme{margin-top:2px;padding-top:12px;border-top:1px solid var(--cizgi)}
.il-sayi{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--sonuk);margin-bottom:8px}
.il-sayi b{font:700 15px "Besley",serif;color:var(--murekkep);margin-right:3px}
.il-sayi .kalan b{color:var(--kirmizi)}
.il-cubuk{height:8px;border-radius:5px;background:#e6dcc6;overflow:hidden}
.il-cubuk i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#1f5d4c,#2f8a6e);transition:width .4s}
.il-cubuk.buyuk{height:11px;margin:14px 0 6px}
.il-alt{margin-top:6px;font:600 11.5px ui-monospace,Menlo,monospace;letter-spacing:.06em;color:var(--sonuk)}
.il-bos{font-size:13px;color:var(--sonuk);font-style:italic}
.il-butce{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:7px}
.il-butce .topl{font:600 13px "Besley",serif;color:var(--vurgu)}
.il-butce .yuzde{font:800 15px "Besley",serif;color:var(--vurgu)}
.il-eksik{margin-top:4px;font-size:13px;color:var(--sonuk)}
.il-eksik b{color:var(--kirmizi);font-weight:700}
.il-cubuk.kucuk{height:6px}
.il-butce .topl small{font-weight:400;color:var(--sonuk);font-size:11.5px}
.il-cok{
  margin-top:7px;padding-top:7px;border-top:1px dashed var(--cizgi);
  font-size:12px;color:var(--sonuk);font-style:italic;
}
.dt-pb{
  font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.08em;
  text-transform:uppercase;color:var(--sonuk);padding:9px 0 3px;
}

.tur-git{
  margin-top:auto;align-self:flex-start;cursor:pointer;
  background:none;border:0;padding:8px 0 0;
  font:600 14px "Besley",serif;color:var(--mavi);
  display:inline-flex;align-items:center;gap:7px;
}
.tur-git span{transition:transform .18s}
.tur-git:hover span{transform:translateX(4px)}

/* detay penceresi */
.pencere{
  position:fixed;inset:0;z-index:100;background:rgba(31,27,22,.55);
  display:flex;align-items:flex-start;justify-content:center;
  padding:4vh 16px;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .2s;
}
.pencere.acik{opacity:1;pointer-events:auto}
.p-kutu{
  width:100%;max-width:700px;background:var(--kagit);
  border:1px solid var(--cizgi);border-radius:16px;
  padding:26px 28px 30px;position:relative;margin-bottom:5vh;
  box-shadow:0 18px 50px rgba(31,27,22,.28);
  transform:translateY(14px);transition:transform .22s;
}
.pencere.acik .p-kutu{transform:none}
.p-kapat{
  position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;
  background:#fff;border:1px solid var(--cizgi);color:var(--murekkep);
  font-size:20px;line-height:1;cursor:pointer;
}
.p-kapat:hover{background:var(--murekkep);color:#fff;border-color:var(--murekkep)}

.dt-ust{display:flex;gap:14px;align-items:flex-start;padding-right:38px}
.dt-ik{
  width:46px;height:46px;flex:0 0 auto;border-radius:12px;
  background:var(--mavi);color:#fff;display:flex;align-items:center;justify-content:center;
}
.dt-ust h3{margin:0 0 5px;font:800 21px "Besley",serif}
.dt-ust p{margin:0;font-size:14.5px;color:var(--sonuk);line-height:1.6}

.dt-rakam{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px;margin:20px 0 0}
.dt-rakam div{
  background:#fff;border:1px solid var(--cizgi);border-radius:11px;
  padding:11px 12px;text-align:center;
}
.dt-rakam b{display:block;font:900 20px "Besley",serif;color:var(--mavi);line-height:1.1}
.dt-rakam span{
  display:block;margin-top:3px;font:600 10.5px ui-monospace,Menlo,monospace;
  letter-spacing:.08em;text-transform:uppercase;color:var(--sonuk);
}
.dt-oran{margin:0;font-size:13px;color:var(--sonuk)}

.dt-butce,.dt-ikili{
  margin-top:16px;background:#fff;border:1px solid var(--cizgi);border-radius:11px;padding:6px 14px;
}
.dt-s{display:flex;gap:12px;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee6d6}
.dt-s:last-child{border-bottom:0}
.dt-s .e{font-size:13.5px;color:var(--sonuk);flex:0 0 auto}
.dt-s .d{font-size:14px;text-align:right;line-height:1.5}
.dt-s .d b{font-weight:700}

/* yetim hamiligi kontenjan ve dongu */
.dongu{
  margin-top:20px;padding:15px 17px;border-radius:12px;
  background:linear-gradient(135deg,rgba(142,52,35,.06),rgba(142,52,35,.02));
  border:1px solid rgba(142,52,35,.22);
}
.dg-bas{
  font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.11em;
  text-transform:uppercase;color:#8e3423;margin-bottom:11px;
}
.dg-sayilar{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.dg-sayilar div{background:#fff;border:1px solid var(--cizgi);border-radius:10px;padding:10px 12px;text-align:center}
.dg-sayilar b{display:block;font:900 19px "Besley",serif;color:#8e3423;line-height:1.1}
.dg-sayilar span{display:block;margin-top:3px;font-size:11.5px;color:var(--sonuk);line-height:1.35}
.dg-akis{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  margin-top:13px;padding-top:12px;border-top:1px solid rgba(142,52,35,.18);
}
.dg-akis span{
  font:600 12.5px "Besley",serif;background:#fff;
  border:1px solid var(--cizgi);border-radius:16px;padding:4px 11px;
}
.dg-akis span.yeni{background:#fbe9e6;border-color:#e0b0a4;color:#8e3423}
.dg-akis i{font-style:normal;color:#8e3423;font-size:14px;font-weight:700}
.dg-ac{margin:11px 0 0;font-size:13.5px;color:var(--sonuk);line-height:1.6}

/* dal dokumleri: acilir kapanir */
.dt-kol-ac{border:1px solid var(--cizgi);border-radius:11px;margin-bottom:8px;background:var(--kagit);overflow:hidden}
.dt-kol-ac summary{
  display:flex;align-items:flex-start;gap:11px;cursor:pointer;
  padding:12px 14px;list-style:none;
}
.dt-kol-ac summary::-webkit-details-marker{display:none}
.dt-kol-ac[open] summary{border-bottom:1px solid var(--cizgi);background:#fbf7ee}
.dt-kol-ac summary:hover{background:#fbf7ee}
.dt-kad{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dt-kad b{font:700 14.5px "Besley",serif;color:var(--murekkep)}
.dt-kad span{font-size:12.5px;color:var(--sonuk);line-height:1.5}
.dt-ktop{
  flex:0 0 auto;align-self:center;white-space:nowrap;
  font:700 13px "Besley",serif;color:var(--vurgu);
  background:#fff;border:1px solid #c5ddd0;border-radius:16px;padding:4px 11px;
}
.kl-tablo.dk{margin:0;padding:6px 14px 12px}
.kl-tablo.dk td{padding:6px 4px}
@media(max-width:560px){
  .dt-kol-ac summary{flex-wrap:wrap}
  .dt-ktop{margin-left:28px}
}

.dt-bolum{margin-top:22px}
.dt-bolum h4{
  margin:0 0 10px;font:600 12px ui-monospace,Menlo,monospace;
  letter-spacing:.12em;text-transform:uppercase;color:var(--sonuk);
}
.dt-kol{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #eee6d6}
.dt-kol:last-child{border-bottom:0}
.dt-kik{
  width:28px;height:28px;flex:0 0 auto;border-radius:8px;margin-top:2px;
  background:#e7f2ec;color:var(--vurgu);border:1px solid #c5ddd0;
  display:flex;align-items:center;justify-content:center;
}
.dt-kol b{display:block;font:600 15px "Besley",serif;margin-bottom:2px}
.dt-kol span{display:block;font-size:13.5px;color:var(--sonuk);line-height:1.5}

.dt-saha{display:flex;flex-direction:column;gap:9px}
.dt-p{
  display:flex;flex-direction:column;gap:6px;
  background:#fff;border:1px solid var(--cizgi);border-radius:10px;padding:11px 13px;
}
.dp-ust{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dt-p .pa{font:600 15px "Besley",serif}
.dt-p .pu{font:12.5px ui-monospace,Menlo,monospace;color:var(--sonuk)}
.dp-butce{margin-top:2px}
.dp-rakam{
  display:flex;justify-content:space-between;gap:10px;margin-top:5px;
  font:12.5px ui-monospace,Menlo,monospace;color:var(--sonuk);
}
.dp-rakam .o{font-weight:700;color:var(--vurgu)}

/* proje satiri acilir kapanir */
.dp-ust{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;width:100%;
  background:none;border:0;padding:0;cursor:pointer;text-align:left;color:inherit;font:inherit;
}
.dp-ok{margin-left:auto;font-size:13px;color:var(--sonuk);transition:transform .18s}
.dp-ust.acik .dp-ok{transform:rotate(180deg)}
.dp-detay{margin-top:10px;padding-top:11px;border-top:1px solid #eee6d6}
.dp-ac{margin:0 0 12px;font-size:13.5px;color:var(--sonuk);line-height:1.6}

/* saha konumu */
.dp-konum{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;
  padding:7px 12px;border-radius:20px;text-decoration:none;
  background:#eef1f7;border:1px solid #c6d0de;color:var(--mavi);
  font:12.5px ui-monospace,Menlo,monospace;
  transition:background .16s,border-color .16s;
}
.dp-konum:hover{background:var(--mavi);border-color:var(--mavi);color:#fff}
.dp-konum .dk-ac{font-size:11.5px;opacity:.8}

/* asama asama ilerleme */
.asamalar{margin:0 0 16px}
.as-bas{
  font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sonuk);margin-bottom:9px;
}
.as-serit{
  display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;
  scroll-snap-type:x proximity;
}
.as-serit::-webkit-scrollbar{height:7px}
.as-serit::-webkit-scrollbar-track{background:#efe8d9;border-radius:4px}
.as-serit::-webkit-scrollbar-thumb{background:#c9bda2;border-radius:4px}
.as{
  flex:0 0 190px;margin:0;scroll-snap-align:start;
  background:#fff;border:1px solid var(--cizgi);border-radius:11px;overflow:hidden;
}
.as-gorsel{aspect-ratio:4/3;background:#f1ece0;position:relative}
.as-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.as-bos{
  position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:4px;
  border-bottom:1px dashed var(--cizgi);
}
.as-bos span{
  width:28px;height:28px;border-radius:50%;background:#e3dac6;color:var(--sonuk);
  display:flex;align-items:center;justify-content:center;
  font:700 13px "Besley",serif;
}
.as-bos small{font-size:11px;color:var(--sonuk)}
.as figcaption{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}
.as figcaption b{font:600 13.5px "Besley",serif;line-height:1.3}
.as-tarih{font:11.5px ui-monospace,Menlo,monospace;color:var(--vurgu)}
.as-not{font-size:12.5px;color:var(--sonuk);line-height:1.45}

/* malzeme ve is dokumu */
.kl-bas{
  font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sonuk);margin-bottom:7px;
}
.kl-tablo{width:100%;border-collapse:collapse;font-size:13.5px}
.kl-tablo td{padding:7px 6px;border-bottom:1px solid #f0e9da;vertical-align:top}
.kl-ad{line-height:1.4}
.kl-mik{display:block;font:11.5px ui-monospace,Menlo,monospace;color:var(--sonuk);margin-top:2px}
.kl-tut{text-align:right;white-space:nowrap;font:600 13.5px "Besley",serif}
.kl-dur{text-align:right;width:88px}
.kd{display:inline-block;font:600 10.5px ui-monospace,Menlo,monospace;border-radius:20px;padding:2px 8px;border:1px solid}
.kd.tamam{background:#e7f2ec;border-color:#a9d0bc;color:#1f5d4c}
.kd.suruyor{background:#fdf3dc;border-color:#e3cd93;color:#8a6318}
.kd.bekliyor{background:#f1ece0;border-color:#d8cdb4;color:#6d6357}
.kl-tablo tr.tamam .kl-ad{color:var(--sonuk)}
.kl-tablo tr.kl-toplam td{
  border-top:1px solid var(--cizgi);border-bottom:0;padding-top:9px;
  font:700 14px "Besley",serif;
}
.kl-tablo tr.kl-kalan td{border-bottom:0;padding-top:2px;font-size:13px;color:var(--vurgu)}
.dt-yok{margin:0;font-size:14px;color:var(--sonuk);font-style:italic}
.dt-eksik{
  margin:20px 0 0;padding:12px 14px;border-radius:10px;
  background:#fdf3dc;border:1px solid #e3cd93;
  font-size:13.5px;color:#7a5712;line-height:1.55;
}

/* yillik planlama */
.yp-kutu{
  background:var(--kagit);border:1px solid var(--cizgi);border-radius:14px;padding:18px 20px;
}
.yp-bekle{margin:0;font-size:14px;color:var(--sonuk);font-style:italic}
.yp-ust{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.yp-ust label{font:600 12.5px "Besley",serif;color:var(--sonuk)}
.yp-ust select{
  width:auto;min-width:190px;font:600 15px "Besley",serif;
  padding:8px 12px;border-radius:9px;border:1px solid var(--cizgi);background:#fff;
}
.yp-asgari{
  font:12.5px ui-monospace,Menlo,monospace;color:var(--sonuk);
  background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:6px 13px;
}
.yp-asgari b{font:700 13.5px "Besley",serif;color:var(--mavi)}
.yp-asgari.yok{color:var(--kirmizi);border-color:#e0b0a4;background:#fbe9e6}

.yp-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px}
.yp-k{background:#fff;border:1px solid var(--cizgi);border-radius:11px;padding:13px 15px;border-left:3px solid var(--cizgi)}
.yp-k b{display:block;font:900 20px "Besley",serif;line-height:1.1}
.yp-k span{display:block;margin-top:3px;font:600 10.5px ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--sonuk)}
.yp-k.gider{border-left-color:var(--kirmizi)} .yp-k.gider b{color:var(--kirmizi)}
.yp-k.pay{border-left-color:var(--vurgu)} .yp-k.pay b{color:var(--vurgu)}
.yp-k.acik{border-left-color:#8a5a12} .yp-k.acik b{color:#8a5a12}
.yp-k.artik{border-left-color:var(--vurgu)} .yp-k.artik b{color:var(--vurgu)}

.yp-cubuk{position:relative;height:22px;border-radius:11px;background:#efe8d9;overflow:hidden;margin:14px 0 10px}
.yp-cubuk i{display:block;height:100%;background:linear-gradient(90deg,#1f5d4c,#2f8a6e);transition:width .4s}
.yp-cubuk span{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font:700 12px "Besley",serif;color:var(--murekkep);
}
.yp-yorum{margin:0 0 14px;font-size:14px;color:var(--sonuk);line-height:1.6}
.yp-yorum b{color:var(--murekkep)}

.yp-detay{border-top:1px solid var(--cizgi);padding-top:10px;margin-top:4px}
.yp-detay summary{cursor:pointer;font:600 13.5px "Besley",serif;color:var(--mavi);padding:4px 0}
.yp-detay summary:hover{text-decoration:underline}
.yp-tablo{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:8px}
.yp-tablo td{padding:7px 6px;border-bottom:1px solid #f0e9da}
.yp-tablo td.s{font:12px ui-monospace,Menlo,monospace;color:var(--sonuk)}
.yp-tablo td.t{text-align:right;white-space:nowrap;font:600 13.5px "Besley",serif}
.yp-tablo tr.tp td{border-bottom:0;border-top:1px solid var(--cizgi);font-weight:700;padding-top:9px}
.yp-not{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--cizgi);font-size:12.5px;color:var(--sonuk);line-height:1.55}

/* icerik henuz yokken */
.bos{
  margin-top:8px;padding:38px 26px;border-radius:14px;text-align:center;
  background:var(--kagit);border:1px dashed #c9bda2;
  font-size:15px;color:var(--sonuk);line-height:1.65;
}
.bos p{margin:0 auto;max-width:54ch}
.bos .baslik{font:700 17px "Besley",serif;color:var(--murekkep);margin-bottom:8px}

.not{
  margin-top:28px;padding-top:16px;border-top:1px solid var(--cizgi);
  font-size:13px;color:var(--sonuk);max-width:76ch;
}

/* Turkiye'den gelen kurumlara mihmandarlik */
.mihmandar{
  display:flex;gap:14px;align-items:flex-start;margin-top:30px;
  padding:18px 20px;border-radius:14px;
  background:linear-gradient(135deg,rgba(31,93,76,.07),rgba(31,93,76,.02));
  border:1px solid rgba(31,93,76,.24);border-left:3px solid var(--vurgu);
}
.mh-ik{
  flex:0 0 auto;width:40px;height:40px;border-radius:11px;
  background:var(--vurgu);color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 9px rgba(31,93,76,.24);
}
.mh-yazi{flex:1;min-width:0}
.mh-yazi b{display:block;font:700 16px "Besley",serif;color:var(--vurgu);margin-bottom:5px}
.mh-yazi p{margin:0 0 8px;font-size:14px;color:var(--sonuk);line-height:1.6}
.mh-yazi a{font:600 13.5px "Besley",serif;color:var(--vurgu);text-decoration:none}
.mh-yazi a:hover{text-decoration:underline}
@media(max-width:520px){.mihmandar{padding:15px;gap:11px}.mh-ik{width:34px;height:34px}}

/* sayfa sonu: dernek ici yonetim girisi */
.yonetim-giris{
  display:flex;align-items:center;gap:14px;margin-top:30px;
  padding:16px 20px;border-radius:13px;text-decoration:none;color:inherit;
  background:linear-gradient(135deg,rgba(20,64,110,.06),rgba(20,64,110,.02));
  border:1px solid #c6d0de;
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.yonetim-giris:hover{
  border-color:var(--mavi);box-shadow:0 5px 16px rgba(20,64,110,.13);transform:translateY(-1px);
}
.yg-ik{
  width:40px;height:40px;flex:0 0 auto;border-radius:11px;
  background:var(--mavi);color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 9px rgba(20,64,110,.22);
}
.yg-yazi{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.yg-yazi b{font:600 16px "Besley",serif}
.yg-yazi span{font-size:13.5px;color:var(--sonuk);line-height:1.5}
.yg-ok{font-size:19px;color:var(--mavi);transition:transform .18s}
.yonetim-giris:hover .yg-ok{transform:translateX(4px)}
@media(max-width:520px){
  .yonetim-giris{padding:14px 16px;gap:11px}
  .yg-ik{width:34px;height:34px}
}

/* ===== İki katlı düzen: ana sayfa (vitrin) ve ayrıntı sayfası ===== */

/* üst özet bandı */
.ozet-bant{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:4px 0 30px}
.ozet-bant div{background:var(--kagit);border:1px solid var(--cizgi);border-radius:12px;padding:14px 16px}
.ozet-bant b{display:block;font:800 28px/1 "Besley",serif;color:var(--mavi)}
.ozet-bant span{display:block;margin-top:6px;font-size:13.5px;color:var(--sonuk)}

/* ana sayfa kartı: tıklanabilir, kısa */
a.tur{text-decoration:none;color:inherit;cursor:pointer}
a.tur:focus-visible{outline:2px solid var(--mavi);outline-offset:2px}
.tur.genis{grid-column:auto}
/* kart açıklaması tek satır; tamamı ayrıntı sayfasında */
.tur .tur-ac{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tur .il-cubuk.kucuk{margin-top:2px}
.tur-alt{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;border-top:1px solid var(--cizgi)}
.tur-kisa{font-size:13px;color:var(--sonuk)}
.tur-kisa b{color:var(--murekkep)}
.tur-alt .tur-git{margin:0;padding:0}
a.tur:hover .tur-git span{transform:translateX(4px)}

/* yıllık planlama: katlanır */
.katlanir{margin-top:38px;background:var(--kagit);border:1px solid var(--cizgi);border-radius:12px}
.katlanir > summary{list-style:none;cursor:pointer;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.katlanir > summary::-webkit-details-marker{display:none}
.katlanir > summary::after{content:"▾";color:var(--sonuk);transition:transform .15s}
.katlanir[open] > summary::after{transform:rotate(180deg)}
.katlanir > summary span{font-size:14px;color:var(--sonuk)}
.katlanir > summary b{display:block;font:700 19px "Besley",serif;color:var(--murekkep);margin-bottom:2px}
.katlanir > .bolum-acik,.katlanir > .yp-kutu{margin-left:18px;margin-right:18px}
.katlanir > .yp-kutu{margin-bottom:18px}

/* ayrıntı sayfası */
.ayrinti{max-width:760px;margin:0 auto}
.geri{display:inline-block;margin-bottom:18px;font:600 14.5px "Besley",serif;color:var(--mavi);text-decoration:none}
.geri:hover{text-decoration:underline}
.ayrinti .dt-ust{padding-right:0}
.ayrinti .dt-ust h3{font-size:26px}

/* genel görünüm sadeleştirmesi */
.cagri{margin:34px 0 0;padding:16px 18px;border-top:1px solid var(--cizgi);font-size:15px;color:var(--sonuk);text-align:center}
.cagri a{font-weight:600;color:var(--mavi);text-decoration:none;white-space:nowrap}
.cagri a:hover{text-decoration:underline}
#vitrin .katlanir{margin-top:14px}

/* "Nasıl yapılıyor": başlık üstte, metin altta, sola yaslı */
.nasil-liste{display:grid;gap:10px}
.nasil-madde{padding:12px 14px;background:#fff;border:1px solid var(--cizgi);border-left:3px solid var(--mavi);border-radius:9px}
.nasil-madde b{display:block;font:700 15px "Besley",serif;color:var(--murekkep);margin-bottom:3px}
.nasil-madde p{margin:0;font-size:14.5px;line-height:1.6;color:var(--sonuk)}

/* kısa rakam satırları (bütçe, süre) okunaklı kalsın */
.dt-s .e{font-size:14px}
.dt-s .d{font-size:15px}

/* Ayrıntı sayfası bölüm başlıkları: okunur boyda, düz yazı */
.ayrinti .dt-bolum{margin-top:28px}
.ayrinti .dt-bolum h4{
  margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--cizgi);
  font:700 18px "Besley",serif;letter-spacing:0;text-transform:none;color:var(--murekkep);
}

/* Malzeme dökümü: kalem solda, tutar sağda; miktar kalemin altında */
.ayrinti .kl-tablo.dk{background:#fff;border:1px solid var(--cizgi);border-radius:10px;padding:4px 14px 10px}
.ayrinti .kl-tablo{font-size:14.5px}
.ayrinti .kl-tablo td{padding:10px 4px;vertical-align:middle}
.ayrinti .kl-ad{font:600 15px "Besley",serif;color:var(--murekkep)}
.ayrinti .kl-mik{font:400 13px "Newsreader",Georgia,serif;color:var(--sonuk);margin-top:3px}
.ayrinti .kl-tut{font:700 15px "Besley",serif;color:var(--murekkep);width:1%}
.ayrinti .kl-tablo tr.kl-toplam td{font:800 16px "Besley",serif;padding-top:12px}

/* ===== Ana sayfa: profesyonel görünüm ===== */

/* özet: geniş boş kutular yerine tek satırlık rakam şeridi */
.ozet-bant{display:flex;flex-wrap:wrap;gap:0;margin:6px 0 34px;background:var(--kagit);
  border:1px solid var(--cizgi);border-radius:14px;overflow:hidden}
.ozet-bant div{flex:1 1 150px;background:none;border:0;border-radius:0;padding:18px 22px;border-right:1px solid var(--cizgi)}
.ozet-bant div:last-child{border-right:0}
.ozet-bant b{font:800 30px/1 "Besley",serif;color:var(--mavi)}
.ozet-bant span{margin-top:6px;font-size:14px}

/* kartlar */
.turler{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
a.tur{padding:20px 22px 16px;gap:12px;border-radius:14px;background:#fffdf8;
  box-shadow:0 1px 2px rgba(31,27,22,.04);transition:border-color .18s,box-shadow .18s,transform .18s}
a.tur:hover{border-color:var(--mavi);box-shadow:0 10px 26px rgba(20,64,110,.10);transform:translateY(-2px)}
.tur-ust{align-items:flex-start;gap:14px}
.tur-ik{width:42px;height:42px;border-radius:11px;box-shadow:none}
.tur-baslik{min-width:0;flex:1}
.tur h3{font:700 18px/1.3 "Besley",serif;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* kategori: renkli nokta + düz yazı */
.tur-kat{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:5px}
.tk{display:inline-flex;align-items:center;gap:6px;font:500 13px "Newsreader",Georgia,serif;color:var(--sonuk)}
.tk::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tk,#8a8070)}
.tk.kalici{--tk:#2a3f63}.tk.gelir{--tk:#1f5d4c}.tk.meslek{--tk:#5b46a8}.tk.tarim{--tk:#b8861f}.tk.donemsel{--tk:#b04a36}

.tur .tur-ac{font-size:14.5px;color:#5d5448;margin:0}

/* alt bilgi */
.tur-alt{padding-top:12px;border-top:1px solid #ece3d0;align-items:center}
.tur-kisa{font-size:13.5px;color:var(--sonuk)}
.tur-kisa b{font-weight:700;color:var(--murekkep)}
.tur-kisa .ayr{font-style:normal;margin:0 8px;color:#c6baa2}
.tur-git{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:#eef1f7;color:var(--mavi);font-size:15px;transition:background .18s,color .18s,transform .18s}
a.tur:hover .tur-git{background:var(--mavi);color:#fff;transform:translateX(3px)}

@media(max-width:560px){
  .ozet-bant div{padding:14px 16px}
  .ozet-bant b{font-size:24px}
  a.tur{padding:16px 16px 14px}
}

/* Kategori sekmeleri: kaydırma çubuğu yok, sığmayan sekme alt satıra geçer */
.kat-sekme{flex-wrap:wrap;overflow:visible;padding-bottom:0;scrollbar-width:none}
.kat-sekme::-webkit-scrollbar{display:none}

/* Kategori noktaları: belirgin, birbirinden kolay ayrılan ana renkler */
.tk::before{width:9px;height:9px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.tk.kalici{--tk:#1565C0}   /* mavi */
.tk.gelir{--tk:#2E9E3F}    /* yeşil */
.tk.meslek{--tk:#7B2FBE}   /* mor */
.tk.tarim{--tk:#F2A900}    /* sarı */
.tk.donemsel{--tk:#E31E24} /* kırmızı */

/* ===== Sade vitrin ve destek (Eylül 2026) ===== */

/* giriş: sayfa ne, ziyaretçi ne yapar */
.giris{margin:4px 0 26px}
.giris h2{margin:0;font:800 24px/1.25 "Besley",Georgia,serif;letter-spacing:-.01em}
.giris > p{margin:6px 0 0;font-size:15.5px;color:var(--sonuk)}
.adimlar{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.adimlar li{display:flex;gap:11px;align-items:flex-start;background:var(--kagit);border:1px solid var(--cizgi);border-radius:12px;padding:12px 14px;font-size:14.5px;line-height:1.45}
.adimlar b{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--kirmizi);color:#fff;font:700 14px/26px "Besley",serif;text-align:center}
.adimlar em{font-style:normal;font-weight:600;color:var(--mavi)}

/* kart: başlık kesilmez, açıklama iki satıra kadar */
.tur h3{white-space:normal;overflow:visible}
.tur-ozet{margin:0;font-size:14.5px;line-height:1.55;color:#5d5448;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tur-tamam{margin:0;font:600 13px "Besley",serif;color:var(--vurgu)}

/* ayrıntı: nasıl yapılıyor */
.nasil-sade{margin:0;padding:0 0 0 22px;display:grid;gap:7px;font-size:15.5px;line-height:1.55}
.nasil-sade li::marker{font:700 15px "Besley",serif;color:var(--kirmizi)}
.pr-acik{margin:-4px 0 14px;font-size:14px;color:var(--sonuk)}

/* destek olunabilecek kısımlar */
.parcalar{display:flex;flex-direction:column;gap:10px}
.parca{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;background:#fffdf8;border:1px solid var(--cizgi);border-radius:12px;padding:14px 16px}
.parca.tamam{background:#f1f7f3;border-color:#bcd9c8}
.pr-ik{width:36px;height:36px;border-radius:10px;background:#eef1f7;color:var(--mavi);display:flex;align-items:center;justify-content:center}
.parca.tamam .pr-ik{background:#dcefe4;color:var(--vurgu)}
.pr-yazi{min-width:0;display:flex;flex-direction:column;gap:2px}
.pr-yazi b{font:700 16px "Besley",serif}
.pr-yazi > span{font-size:14.5px;line-height:1.5;color:var(--sonuk)}
.pr-dahil{margin-top:4px}
.pr-dahil summary{cursor:pointer;font-size:13px;color:var(--mavi);width:max-content}
.pr-dahil p{margin:5px 0 0;font-size:13px;line-height:1.55;color:var(--sonuk)}
.pr-sag{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:150px}
.pr-bedel{font:800 17px "Besley",serif;white-space:nowrap}
.pr-bedel small{font:400 13px "Newsreader",Georgia,serif;color:var(--sonuk)}
.pr-ilerleme{width:150px;display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--vurgu);text-align:right}
.pr-dugme{cursor:pointer;border:0;border-radius:9px;background:var(--kirmizi);color:#fff;font:700 14.5px "Besley",serif;padding:9px 18px;transition:background .15s,transform .15s}
.pr-dugme:hover{background:#c0171c;transform:translateY(-1px)}
.pr-dugme:focus-visible{outline:2px solid var(--mavi);outline-offset:2px}
.pr-tamam{font:700 14px "Besley",serif;color:var(--vurgu)}
@media(max-width:600px){
  .parca{grid-template-columns:auto 1fr;padding:13px 14px}
  .pr-sag{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;min-width:0;border-top:1px solid #ece3d0;padding-top:10px}
  .pr-ilerleme{order:3;width:100%;text-align:left}
}
.kucuk-not{font-size:12.5px;color:var(--sonuk)}

/* destek penceresi */
.dp-pencere{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);border:1px solid var(--cizgi);border-radius:16px;background:var(--kagit);color:var(--murekkep);padding:24px 26px 22px;box-shadow:0 18px 50px rgba(31,27,22,.28)}
.dp-pencere::backdrop{background:rgba(31,27,22,.55)}
.dp-kapat{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--cizgi);font-size:20px;line-height:1;cursor:pointer;color:var(--murekkep)}
.dp-kapat:hover{background:var(--murekkep);color:#fff}
.dp-ust{margin:0;font:600 12px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--sonuk);padding-right:40px}
.dp-pencere h3{margin:3px 0 4px;font:800 22px "Besley",serif;padding-right:40px}
.dp-bedel{margin:0 0 14px;font-size:14.5px;color:var(--sonuk)}
.dp-bedel b{color:var(--murekkep)}
.dp-secim{border:1px solid var(--cizgi);border-radius:11px;padding:10px 14px 12px;margin:0 0 14px;background:#fff;display:flex;flex-direction:column;gap:8px}
.dp-secim legend{font:700 14px "Besley",serif;padding:0 5px}
.dp-secim label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px;cursor:pointer}
.dp-tutar{display:inline-flex;align-items:center;gap:6px}
.dp-tutar input{width:130px}
.dp-alanlar{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.dp-alanlar label{display:flex;flex-direction:column;gap:4px;font:600 13.5px "Besley",serif}
.dp-alanlar .genis{grid-column:1/-1}
.dp-pencere input[type=text],.dp-pencere input[type=tel],.dp-pencere input[type=email],.dp-pencere input[type=number],.dp-pencere textarea,.dp-alanlar input{
  font:15px "Newsreader",Georgia,serif;padding:8px 10px;border:1px solid var(--cizgi);border-radius:8px;background:#fff;color:var(--murekkep);width:100%}
.dp-tutar input{width:130px}
.dp-pencere input:focus,.dp-pencere textarea:focus{outline:2px solid var(--mavi);outline-offset:0;border-color:var(--mavi)}
.dp-ipucu{margin:-4px 0 0;font-size:12.5px;color:var(--sonuk)}
.dp-z,.z{color:var(--kirmizi)}
.dp-gizli{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.dp-onay{display:flex;gap:9px;align-items:flex-start;margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--sonuk);cursor:pointer}
.dp-onay input{margin-top:3px}
.dp-hata{margin-top:12px;padding:9px 12px;border-radius:8px;background:#fbe3e3;border:1px solid #eab4b4;color:#8e1d1d;font-size:14px}
.dp-dugmeler{margin-top:16px;display:flex;flex-direction:column;align-items:stretch;gap:7px}
.dp-gonder{cursor:pointer;border:0;border-radius:10px;background:var(--kirmizi);color:#fff;font:700 16px "Besley",serif;padding:12px 20px}
.dp-gonder:hover{background:#c0171c}
.dp-gonder:disabled{opacity:.6;cursor:wait}
.dp-kucuk{font-size:12.5px;color:var(--sonuk);text-align:center}
.dp-tesekkur{text-align:center;padding:8px 4px 2px}
.dp-tesekkur h3{padding:0}
.dp-tesekkur p{font-size:15px;line-height:1.55;margin:8px 0}
.dp-tik{width:54px;height:54px;margin:4px auto 8px;border-radius:50%;background:#dcefe4;color:var(--vurgu);font:800 28px/54px "Besley",serif}
.dp-no{background:#fff;border:1px dashed var(--cizgi);border-radius:10px;padding:10px;font-size:13px;color:var(--sonuk)}
.dp-no b{font:800 19px ui-monospace,Menlo,monospace;color:var(--murekkep);letter-spacing:.03em}
.dp-tesekkur .dp-gonder{margin-top:10px;min-width:160px}
@media(max-width:520px){
  .dp-pencere{padding:20px 16px 18px}
  .dp-alanlar{grid-template-columns:1fr}
}
@media(max-width:560px){.ayrinti .dt-ust h3{font-size:22px}.giris h2{font-size:21px}}

/* Üç adım: numaralı, oklarla bağlı şerit */
.adimlar{counter-reset:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:20px 0 0;padding:0;
  background:#fffdf8;border:1px solid var(--cizgi);border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(31,27,22,.05)}
.adimlar li{position:relative;display:flex;align-items:center;gap:14px;background:none;border:0;border-radius:0;padding:18px 22px 18px 20px}
.adimlar li + li{border-left:1px solid #ece3d0}
.adimlar li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:50%;width:16px;height:16px;z-index:1;
  background:#fffdf8;border-top:1px solid #ece3d0;border-right:1px solid #ece3d0;transform:translateY(-50%) rotate(45deg)}
.adimlar b{flex:0 0 auto;width:44px;height:44px;border-radius:50%;font:800 20px/44px "Besley",serif;text-align:center;color:#fff;
  background:linear-gradient(145deg,#E31E24,#b3161b);box-shadow:0 4px 12px rgba(227,30,36,.28)}
.adimlar li:last-child b{background:linear-gradient(145deg,#1f5d4c,#164437);box-shadow:0 4px 12px rgba(31,93,76,.28)}
.ad-yazi{display:flex;flex-direction:column;gap:2px;min-width:0}
.ad-yazi strong{font:700 16.5px/1.25 "Besley",serif;color:var(--murekkep)}
.ad-yazi small{font-size:13.5px;color:var(--sonuk);line-height:1.35}
@media(max-width:700px){
  .adimlar{grid-template-columns:1fr}
  .adimlar li{padding:13px 16px}
  .adimlar li + li{border-left:0;border-top:1px solid #ece3d0}
  .adimlar li:not(:last-child)::after{right:auto;left:37px;top:auto;bottom:-9px;transform:rotate(135deg)}
  .adimlar b{width:38px;height:38px;font-size:17px;line-height:38px}
}
.kart .acik.kisalt{white-space:pre-line;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}

/* Güven satırı, genel destek, sahadaki çalışmalar ve kart çağrısı */
.giris .guven{margin:8px 0 0;font:600 14px "Besley",serif;color:var(--vurgu)}
.giris .guven i{font-style:normal;margin:0 8px;color:#c6baa2}
.genel-destek{margin:14px 0 0;font-size:14.5px;color:var(--sonuk)}
.genel-destek button{cursor:pointer;border:0;background:none;padding:0;font:700 14.5px "Besley",serif;color:var(--kirmizi);text-decoration:underline;text-underline-offset:3px}
.genel-destek button:hover{color:#b3161b}
#yuruyen{margin-top:30px}
#yuruyen .bolum-ust{margin-bottom:14px}
.kucuk-not b{color:var(--murekkep)}
.tur-cta{font:700 14px "Besley",serif;color:var(--kirmizi);white-space:nowrap;transition:transform .18s}
a.tur:hover .tur-cta{transform:translateX(3px)}
.kart-destek{margin-top:auto;align-self:flex-start;cursor:pointer;border:0;border-radius:9px;background:var(--kirmizi);color:#fff;font:700 14px "Besley",serif;padding:9px 16px;transition:background .15s,transform .15s}
.kart-destek:hover{background:#c0171c;transform:translateY(-1px)}
.kart-destek:focus-visible{outline:2px solid var(--mavi);outline-offset:2px}

/* Sahadan haberler: kart kapağı, haber düğmesi ve pencere */
.kart.kapakli{padding-top:0}
.kart-kapak{display:block;width:calc(100% + 40px);margin:0 -20px 4px;height:170px;object-fit:cover;background:#e6dcc6}
.kart-haber{align-self:flex-start;cursor:pointer;border:0;background:none;padding:0;font:700 14px "Besley",serif;color:var(--mavi);text-decoration:underline;text-underline-offset:3px}
.kart-haber + .kart-destek{margin-top:10px}
.hb-pencere{width:min(640px,calc(100vw - 24px))}
.hb-liste{display:flex;flex-direction:column;gap:14px;margin-top:10px;max-height:70vh;overflow-y:auto;padding-right:4px}
.hb{background:#fff;border:1px solid var(--cizgi);border-radius:12px;overflow:hidden}
.hb img,.hb video{display:block;width:100%;max-height:360px;object-fit:cover;background:#000}
.hb video{object-fit:contain}
.hb-yazi{padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.hb-yazi b{font:700 16px "Besley",serif}
.hb-yazi p{margin:0;font-size:14.5px;line-height:1.55;color:var(--sonuk)}
.hb-tarih{font:600 11.5px ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--sonuk)}
.hb-yazi a{font:700 14px "Besley",serif;color:var(--kirmizi);text-decoration:none;margin-top:2px}
.hb-yazi a:hover{text-decoration:underline}

/* =====================================================================
   PANO TASARIMI · YEŞİL (28 Eylül 2026). Ana sayfa lacivert, Projeler zümrüt yeşili:
   her sayfanın kendi ana rengi var. Yeşil giriş, beyaz kartlar, başlık başına renkli
   simgeler, altın sarısı "Destek ol". Yukarıdaki eski stilin üstüne yazar.
   ===================================================================== */
:root{
  --y-koyu:#022C22; --y-1:#064E3B; --y-2:#047857; --y-3:#10B981; --y-acik:#ECFDF5;
  --altin:#F59E0B; --altin-2:#D97706;
  --zemin:#F4F7F5; --kart:#fff; --cz:#E3EAE6; --cz-2:#EEF3F0;
  --yz:#0F172A; --yz-2:#475569; --yz-3:#7C8B99;
  --gol:0 1px 2px rgba(2,44,34,.04),0 12px 32px -14px rgba(2,44,34,.18);
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --bas:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  --bg:var(--zemin); --kagit:#fff; --murekkep:var(--yz); --sonuk:var(--yz-2); --cizgi:var(--cz); --vurgu:var(--y-2); --mavi:var(--y-2);
}
body{background:var(--zemin);font:16px/1.6 var(--sans);color:var(--yz);letter-spacing:-.003em}
main{max-width:1180px;padding:0 24px 80px}

/* üst şerit: beyaz, yapışkan */
.vv-ust{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.93);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--cz);box-shadow:none}
.vv-ust::before{display:none}
.vv-ic{padding:12px 24px}
.vv-logo img{height:38px}
.vv-yazi h1{font:800 20px/1.2 var(--bas);letter-spacing:-.02em;color:var(--y-1)}
.vv-acik{font:400 13px/1.45 var(--sans);color:var(--yz-3)}
.vv-baglar a{font:600 14px/1.2 var(--sans);border-radius:999px;padding:9px 16px}
.vv-baglar a.vv-ana{background:var(--y-1);border-color:var(--y-1)}
.vv-baglar a.vv-ana:hover{background:var(--y-2);border-color:var(--y-2);color:#fff}

/* giriş: kenardan kenara zümrüt yeşili */
.giris{position:relative;margin:0 calc(50% - 50vw) 0;padding:clamp(34px,6vh,64px) calc(50vw - 50%) clamp(34px,6vh,60px);color:#fff;overflow:hidden;
  background:
    radial-gradient(55% 80% at 85% 20%,rgba(52,211,153,.28) 0%,transparent 70%),
    radial-gradient(45% 70% at 5% 100%,rgba(245,158,11,.16) 0%,transparent 70%),
    linear-gradient(135deg,#064E3B 0%,#047857 55%,#059669 100%)}
.giris::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:22px 22px;
  mask-image:linear-gradient(180deg,#000,transparent 90%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 90%)}
.giris > *{position:relative}
.giris h2{font:700 clamp(24px,2.7vw,34px)/1.2 var(--bas);letter-spacing:-.01em;color:#fff;max-width:none}
.giris > .guven{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;font:600 13.5px var(--sans);color:#ECFDF5}
.giris > .guven i{margin:0 2px;color:rgba(255,255,255,.4)}
.adimlar{grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 0;background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}
.adimlar li{background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 14px 34px -14px rgba(0,0,0,.45);border:0}
.adimlar li + li{border-left:0}
.adimlar li:not(:last-child)::after{display:none}
.adimlar b,.adimlar li:last-child b{width:46px;height:46px;border-radius:14px;font:800 20px/46px var(--bas);box-shadow:none;
  background:linear-gradient(145deg,var(--y-3),var(--y-2))}
.adimlar li:nth-child(2) b{background:linear-gradient(145deg,#FBBF24,var(--altin-2))}
.adimlar li:nth-child(3) b{background:linear-gradient(145deg,#F43F5E,#BE123C)}
.ad-yazi strong{font:700 16px/1.25 var(--bas);color:var(--yz)}
.ad-yazi small{font:400 13.5px/1.35 var(--sans);color:var(--yz-3)}
.giris > .genel-destek{margin:22px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px;font:500 15px var(--sans);color:#ECFDF5}
.genel-destek button{font:700 15px var(--sans);text-decoration:none;color:var(--y-koyu);background:var(--altin);padding:12px 20px;border-radius:999px;box-shadow:0 10px 24px -8px rgba(245,158,11,.6);transition:transform .15s,background .15s}
.genel-destek button:hover{background:#FBBF24;color:var(--y-koyu);transform:translateY(-1px)}
@media(max-width:760px){.adimlar{grid-template-columns:1fr}}

/* bölüm başlıkları */
#yuruyen{margin-top:40px}
.bolum-ust{margin:40px 0 20px}
.bolum-ust h2{font:800 clamp(24px,2.6vw,32px)/1.15 var(--bas);letter-spacing:-.025em;color:var(--yz)}
.bolum-ust h2::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--y-3);margin-right:12px;vertical-align:.2em;box-shadow:0 0 0 5px rgba(16,185,129,.15)}
.bolum-acik{font:400 15px/1.55 var(--sans);color:var(--yz-2)}

/* sahadaki çalışmalar */
.kartlar{gap:16px}
.kart{background:var(--kart);border:1px solid var(--cz);border-radius:20px;box-shadow:var(--gol);padding:20px}
.kart::before{width:0;display:none}
.kart:hover{border-color:#BFE3D2;box-shadow:0 20px 40px -18px rgba(2,44,34,.28)}
.kart .rozet{font-family:var(--sans);border-radius:999px;font-weight:600}
.kart .ulke{font:600 12.5px var(--sans);color:var(--yz-3)}
.kart .ad{font:700 18px/1.3 var(--bas);letter-spacing:-.015em}
.kart .ad svg{color:var(--y-2)}
.kart .acik,.kart .alt{font-family:var(--sans)}
.kart-destek,.pr-dugme,.dp-gonder{background:var(--altin);color:var(--y-koyu);font:700 14.5px var(--sans);border-radius:999px;padding:10px 20px;box-shadow:0 8px 20px -8px rgba(217,119,6,.6)}
.kart-destek:hover,.pr-dugme:hover,.dp-gonder:hover{background:#FBBF24;color:var(--y-koyu)}
.kart-haber{font:600 14px var(--sans);color:var(--y-2)}
.il-cubuk,.il-cubuk.kucuk{background:var(--cz-2);border-radius:999px;overflow:hidden}
.il-cubuk i{background:linear-gradient(90deg,var(--y-3),var(--y-2));border-radius:999px}

/* yeni bir iş başlatın: renkli simgeli kartlar */
.turler{gap:18px}
a.tur{--r1:#10B981;--r2:#047857;background:var(--kart);border:1px solid var(--cz);border-radius:22px;box-shadow:var(--gol);padding:22px 22px 18px;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
a.tur::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--r1),var(--r2))}
a.tur::after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,var(--r1) 0%,transparent 70%);opacity:.12;pointer-events:none}
a.tur:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 26px 50px -20px rgba(2,44,34,.35)}
.tur-ik{width:54px;height:54px;border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--r1),var(--r2));box-shadow:0 10px 22px -8px var(--r2)}
.tur-ik svg{width:26px;height:26px}
.tur h3{font:800 19px/1.25 var(--bas);letter-spacing:-.02em;color:var(--yz)}
.tur-ozet{font:400 14.5px/1.55 var(--sans);color:var(--yz-2)}
.tur-alt{border-top:1px solid var(--cz-2)}
.tur-kisa{font:500 13.5px var(--sans);color:var(--yz-3)}
.tur-kisa b{color:var(--yz)}
.tur-cta{font:700 14px var(--sans);color:var(--r2);background:color-mix(in srgb,var(--r1) 12%,#fff);padding:7px 14px;border-radius:999px}
a.tur:hover .tur-cta{background:var(--r2);color:#fff}
a.tur[href="#sosyal"]{--r1:#FB7185;--r2:#E11D48}
a.tur[href="#kurban-ramazan"]{--r1:#FBBF24;--r2:#D97706}
a.tur[href="#yerleske"]{--r1:#38BDF8;--r2:#0369A1}
a.tur[href="#medrese"]{--r1:#818CF8;--r2:#4338CA}
a.tur[href="#dukkan"]{--r1:#FB923C;--r2:#C2410C}
a.tur[href="#hayvancilik"]{--r1:#4ADE80;--r2:#15803D}
a.tur[href="#tarim"]{--r1:#2DD4BF;--r2:#0F766E}
.cagri{border-top:0;margin-top:40px;padding:22px;border-radius:20px;background:var(--y-acik);color:var(--y-1);font:500 15px var(--sans)}
.cagri a{color:var(--y-2)}

/* iç sayfa */
.ayrinti{--r1:#10B981;--r2:#047857;padding-top:26px}
.ayrinti[data-kod="sosyal"]{--r1:#FB7185;--r2:#E11D48}
.ayrinti[data-kod="kurban-ramazan"]{--r1:#FBBF24;--r2:#D97706}
.ayrinti[data-kod="yerleske"]{--r1:#38BDF8;--r2:#0369A1}
.ayrinti[data-kod="medrese"]{--r1:#818CF8;--r2:#4338CA}
.ayrinti[data-kod="dukkan"]{--r1:#FB923C;--r2:#C2410C}
.ayrinti[data-kod="hayvancilik"]{--r1:#4ADE80;--r2:#15803D}
.ayrinti[data-kod="tarim"]{--r1:#2DD4BF;--r2:#0F766E}
.geri{font:600 14px var(--sans);color:var(--y-2);background:#fff;border:1px solid var(--cz);padding:8px 14px;border-radius:999px}
.geri:hover{text-decoration:none;border-color:var(--y-2)}
.ayrinti .dt-ust{align-items:center;gap:18px;padding:26px 28px;border-radius:24px;color:#fff;
  background:radial-gradient(60% 90% at 90% 10%,rgba(255,255,255,.18),transparent 70%),linear-gradient(140deg,var(--y-koyu),var(--y-1));box-shadow:var(--gol)}
.dt-ik{width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,var(--r1),var(--r2));color:#fff;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 12px 26px -10px rgba(0,0,0,.5)}
.ayrinti .dt-ust h3{font:800 clamp(24px,3vw,32px)/1.15 var(--bas);letter-spacing:-.03em;color:#fff}
.ayrinti .dt-ust p{color:#D1FAE5;font:400 15px/1.55 var(--sans)}
.ayrinti .dt-bolum h4,.dt-bolum h4{font:800 19px var(--bas);letter-spacing:-.02em;color:var(--yz);border:0}
.nasil-sade{font:400 15.5px/1.55 var(--sans);background:#fff;border:1px solid var(--cz);border-radius:18px;padding:18px 22px 18px 44px;box-shadow:var(--gol)}
.nasil-sade li::marker{font:800 15px var(--bas);color:var(--r2)}
.pr-acik{font:400 14px var(--sans);color:var(--yz-2)}
.parcalar{gap:12px}
.parca{background:#fff;border:1px solid var(--cz);border-radius:18px;padding:16px 18px;box-shadow:var(--gol);transition:transform .15s,box-shadow .15s}
.parca:hover{transform:translateY(-2px);box-shadow:0 18px 36px -18px rgba(2,44,34,.3)}
.parca.tamam{background:var(--y-acik);border-color:#A7F3D0}
.pr-ik{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,var(--r1),var(--r2));color:#fff;box-shadow:0 8px 18px -8px var(--r2)}
.parca.tamam .pr-ik{background:var(--y-3);color:#fff}
.pr-yazi b{font:700 16.5px var(--bas);letter-spacing:-.015em}
.pr-yazi > span,.pr-dahil p{font-family:var(--sans)}
.pr-dahil summary{color:var(--r2);font-family:var(--sans)}
.pr-bedel{font:800 19px var(--bas);letter-spacing:-.02em;color:var(--yz)}
.pr-bedel small{font-family:var(--sans)}
.pr-tamam{font:700 14px var(--sans);color:var(--y-2)}

/* destek penceresi */
.dp-pencere{background:#fff;border:0;border-radius:24px;box-shadow:0 30px 80px -20px rgba(2,44,34,.45);font-family:var(--sans)}
.dp-pencere::backdrop{background:rgba(2,44,34,.55);backdrop-filter:blur(3px)}
.dp-pencere h3{font:800 22px var(--bas);letter-spacing:-.02em}
.dp-pencere input,.dp-pencere textarea{font-family:var(--sans);border-radius:12px}
.dp-pencere input:focus,.dp-pencere textarea:focus{border-color:var(--y-2);box-shadow:0 0 0 4px rgba(16,185,129,.15);outline:none}
@media(max-width:700px){.vv-ust{position:relative}.vv-ic{padding:12px 16px}}

/* Bu yıl yapmayı planladıklarımız: yıllık plandaki hedefler (başlık rengiyle) */
.planli{margin-top:40px}
.plan-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
@media(max-width:400px){.plan-kartlar{grid-template-columns:1fr}}
.plan-kart{--r1:#10B981;--r2:#047857;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--cz);border-radius:18px;padding:14px 16px;box-shadow:var(--gol)}
.plan-kart[data-kod="sosyal"]{--r1:#FB7185;--r2:#E11D48}
.plan-kart[data-kod="kurban-ramazan"]{--r1:#FBBF24;--r2:#D97706}
.plan-kart[data-kod="yerleske"]{--r1:#38BDF8;--r2:#0369A1}
.plan-kart[data-kod="medrese"]{--r1:#818CF8;--r2:#4338CA}
.plan-kart[data-kod="dukkan"]{--r1:#FB923C;--r2:#C2410C}
.plan-kart[data-kod="hayvancilik"]{--r1:#4ADE80;--r2:#15803D}
.plan-kart[data-kod="tarim"]{--r1:#2DD4BF;--r2:#0F766E}
.pk-ik{flex:none;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,var(--r1),var(--r2))}
.pk-yazi{flex:1;min-width:0;display:flex;flex-direction:column}
.pk-yazi b{font:700 16px var(--bas);letter-spacing:-.015em;color:var(--yz)}
.pk-yazi small{font:400 13px var(--sans);color:var(--yz-3)}
.pk-dugme{flex:none;border:0;cursor:pointer;background:var(--altin);color:var(--y-koyu);font:700 13.5px var(--sans);border-radius:999px;padding:9px 14px;box-shadow:0 8px 18px -8px rgba(217,119,6,.6)}
.pk-dugme:hover{background:#FBBF24}

/* =====================================================================
   YENİ VİTRİN (29 Eylül 2026): ziyaretçiyi duygudan karara götüren sayfa.
   Giriş (tek satır başlık + gerçek rakamlar) → Desteğiniz neye dönüşür →
   planlananlar → sahadakiler → alanlar → neden güvenebilirsiniz → son çağrı.
   ===================================================================== */
.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;
  padding-top:clamp(40px,7vh,76px);padding-bottom:clamp(40px,7vh,76px)}
.hero-ust{margin:0 0 10px;font:700 12.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#A7F3D0}
.hero h2{font:800 clamp(26px,3vw,34px)/1.15 var(--bas);letter-spacing:-.02em;color:#fff;margin:0}
.hero-acik{margin:14px 0 0;max-width:560px;font:400 16.5px/1.65 var(--sans);color:#D1FAE5}
.hero-dugmeler{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hd-ana{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;text-decoration:none;
  background:var(--altin);color:var(--y-koyu);font:800 16px var(--sans);padding:15px 26px;border-radius:999px;
  box-shadow:0 14px 30px -10px rgba(245,158,11,.75);transition:transform .15s,background .15s}
.hd-ana:hover{background:#FBBF24;transform:translateY(-2px);text-decoration:none;color:var(--y-koyu)}
.hd-ikinci{border:1.5px solid rgba(255,255,255,.55);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;
  font:700 15px var(--sans);padding:14px 22px;border-radius:999px;transition:background .15s}
.hd-ikinci:hover{background:rgba(255,255,255,.18)}
.hero-sag{display:flex;flex-direction:column;gap:12px}
.hr-kutu{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:14px 16px;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:2px}
.hr-kutu b{font:800 24px/1.1 var(--bas);letter-spacing:-.02em;color:#fff}
.hr-kutu span,.hr-kutu small{font:500 13px/1.35 var(--sans);color:#D1FAE5}
.hr-ana{background:#fff;border:0;box-shadow:0 20px 44px -18px rgba(0,0,0,.5)}
.hr-ana small{font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--y-2)}
.hr-ana b{font-size:32px;color:var(--y-koyu)}
.hr-ana span{color:var(--yz-2)}
.hr-sira{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hr-sira .hr-kutu{align-items:flex-start}
.hr-tamam{flex-direction:row;align-items:center;gap:6px;font:600 14px var(--sans);color:#ECFDF5}
.hr-tamam b{font-size:18px}
@media(max-width:860px){.hero{grid-template-columns:1fr}}

/* desteğiniz neye dönüşür */
.etki{margin-top:8px}
.etki-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.etki-kart{--r1:#10B981;--r2:#047857;position:relative;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--cz);
  border-radius:22px;padding:20px 20px 18px;box-shadow:var(--gol);overflow:hidden;transition:transform .18s,box-shadow .18s}
.etki-kart::after{content:"";position:absolute;right:-50px;bottom:-50px;width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,var(--r1) 0%,transparent 70%);opacity:.14;pointer-events:none}
.etki-kart:hover{transform:translateY(-4px);box-shadow:0 26px 50px -20px rgba(2,44,34,.35)}
.ek-ik{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(145deg,var(--r1),var(--r2));box-shadow:0 10px 22px -8px var(--r2)}
.ek-bedel{font:800 26px/1.1 var(--bas);letter-spacing:-.025em;color:var(--yz);margin-top:6px}
.ek-yazi{font:500 15px/1.45 var(--sans);color:var(--yz-2);flex:1}
.ek-yazi::before{content:"→ ";color:var(--r2);font-weight:800}
.ek-dugme{align-self:flex-start;margin-top:6px;border:0;cursor:pointer;background:var(--altin);color:var(--y-koyu);font:700 14px var(--sans);
  border-radius:999px;padding:10px 18px;box-shadow:0 8px 20px -8px rgba(217,119,6,.6)}
.ek-dugme:hover{background:#FBBF24}
.etki-kart[data-kod="sosyal"],.plan-kart[data-kod="sosyal"]{--r1:#FB7185;--r2:#E11D48}
.etki-kart[data-kod="kurban-ramazan"]{--r1:#FBBF24;--r2:#D97706}
.etki-kart[data-kod="yerleske"]{--r1:#38BDF8;--r2:#0369A1}
.etki-kart[data-kod="medrese"]{--r1:#818CF8;--r2:#4338CA}
.etki-kart[data-kod="dukkan"]{--r1:#FB923C;--r2:#C2410C}
.etki-kart[data-kod="hayvancilik"]{--r1:#4ADE80;--r2:#15803D}
.etki-kart[data-kod="tarim"]{--r1:#2DD4BF;--r2:#0F766E}

/* alan kartları: içindeki işler ve başlayan fiyat */
#alanlar{scroll-margin-top:90px}
.tur-isler{margin:10px 0 0;font:500 13.5px/1.5 var(--sans);color:var(--yz-3)}
.tur-kisa b{font:800 15px var(--bas);color:var(--yz)}

/* neden güvenebilirsiniz */
.guven-bolum{margin-top:12px}
.guven-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.gk{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--cz);border-radius:20px;padding:20px;box-shadow:var(--gol)}
.gk-ik{font-size:26px;line-height:1}
.gk b{font:700 16.5px/1.3 var(--bas);letter-spacing:-.015em;color:var(--yz)}
.gk span:last-child{font:400 14.5px/1.55 var(--sans);color:var(--yz-2)}
.guven-bolum .adimlar{margin-top:18px}
.guven-bolum .adimlar li{box-shadow:var(--gol);border:1px solid var(--cz)}

/* son çağrı */
.son-cagri{margin:48px 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
  padding:clamp(24px,4vw,40px);border-radius:28px;color:#fff;
  background:radial-gradient(50% 90% at 90% 10%,rgba(245,158,11,.25),transparent 70%),linear-gradient(135deg,#064E3B,#047857)}
.son-cagri h2{font:800 clamp(22px,2.6vw,30px)/1.2 var(--bas);letter-spacing:-.02em;margin:0;color:#fff}
.son-cagri p{margin:8px 0 0;font:400 15.5px/1.55 var(--sans);color:#D1FAE5;max-width:520px}
.sc-dugmeler{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.sc-bag{font:600 14px var(--sans);color:#A7F3D0}
.sc-bag:hover{color:#fff}
.cagri{display:none}

/* iç sayfa: kısımlar iki sütunlu kart, bedel büyük */
.parcalar{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.parca{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:flex-start;padding:20px}
.parca .pr-yazi{flex:1 1 200px}
.parca .pr-sag{flex:1 1 100%;display:flex;flex-direction:row;min-width:0;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--cz-2);padding-top:12px;margin:0}
.pr-bedel{font-size:22px}
@media(max-width:520px){.parcalar{grid-template-columns:1fr}.hr-sira{grid-template-columns:repeat(3,1fr)}.hr-ana b{font-size:26px}}
@media(max-width:420px){.hero h2{font-size:22px}.hero-acik{font-size:15.5px}}

.gk-bag{margin-top:auto;padding-top:6px;font:700 14px var(--sans);color:var(--y-2)}
.gk-bag:hover{color:var(--y-1)}
.kart-konum{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px}
.kart-konum a{font:600 13.5px var(--sans);color:var(--y-2)}

/* 4 Ekim: başlık kartlarının üstünde resim (çizim ya da saha fotoğrafı) */
a.tur .tur-resim{display:block;width:calc(100% + 44px);max-width:none;margin:-20px -22px 2px;aspect-ratio:400/170;object-fit:cover;border-radius:14px 14px 0 0;border-bottom:1px solid var(--cizgi);background:#F1F5F9}
.etki-kart .ek-resim{display:block;width:calc(100% + 40px);max-width:none;margin:-20px -20px -30px;aspect-ratio:400/170;object-fit:cover;border-bottom:1px solid var(--cz);background:#F1F5F9}
.etki-kart .ek-resim + .ek-ik{position:relative;margin-left:2px;border:3px solid #fff;box-sizing:content-box}
/* 4 Ekim: iş satırlarında işin çizimi (simgenin yerine) */
.parca .pr-resim{flex:1 1 100%;width:calc(100% + 40px);max-width:none;margin:-20px -20px 2px;aspect-ratio:400/170;object-fit:cover;border-radius:18px 18px 0 0;border-bottom:1px solid var(--cz);background:#F1F5F9;display:block}
/* 4 Ekim: Nasıl yapılıyor adımları resimli simgeyle */
.nasil-adim{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.nasil-adim li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--cz);border-radius:18px;padding:16px;box-shadow:var(--gol);font:400 15px/1.5 var(--sans);color:var(--yz)}
.na-simge{position:relative;flex:none;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:var(--r2,#047857);background:color-mix(in srgb,var(--r1,#10B981) 16%,#fff)}
.na-simge i{position:absolute;top:-7px;left:-7px;width:22px;height:22px;border-radius:50%;background:var(--r2,#047857);color:#fff;font:800 12px/22px var(--sans);font-style:normal;text-align:center;box-shadow:0 0 0 3px #fff}
.na-yazi{padding-top:2px}
/* 4 Ekim: girişte dönen afiş (yapmayı planladıklarımız) */
.afis{background:#fff;border-radius:24px;box-shadow:0 26px 54px -22px rgba(0,0,0,.55);overflow:hidden;display:flex;flex-direction:column;min-height:520px}
.af-ust{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px 10px;font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--y-2)}
.af-say{white-space:nowrap;flex:0 0 auto;font-variant-numeric:tabular-nums;color:#94A3B8;letter-spacing:.04em}
.af-sahne{position:relative;flex:1;min-height:420px}
.af-slayt{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;pointer-events:none}
.af-slayt.acik{opacity:1;transform:none;pointer-events:auto}
.af-resim{flex:1;min-height:0;background:#ECFDF5;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 14px;border-radius:16px}
.af-resim img{width:100%;height:100%;object-fit:cover;display:block}
.af-yazi{padding:16px 20px 6px;display:flex;flex-direction:column;gap:4px}
.af-yazi small{font:600 13px var(--sans);color:var(--yz-2)}
.af-yazi b{font:800 26px/1.15 var(--bas);letter-spacing:-.02em;color:var(--y-koyu)}
.af-bedel{font:600 15px var(--sans);color:#475569}
.af-dugme{align-self:flex-start;margin-top:10px;background:#F59E0B;color:#1F2937;border:0;border-radius:999px;padding:10px 22px;font:800 15px var(--sans);cursor:pointer;box-shadow:0 8px 18px -8px rgba(245,158,11,.8)}
.af-dugme:hover{background:#FBBF24}
.af-alt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px 14px}
.af-ok{width:34px;height:34px;border-radius:50%;border:1px solid #D1FAE5;background:#fff;color:var(--y-koyu);font:700 20px/1 var(--sans);cursor:pointer}
.af-ok:hover{background:#ECFDF5}
.af-noktalar{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.af-nokta{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:#CBD5E1;cursor:pointer;transition:width .3s,background .3s}
.af-nokta.acik{width:22px;background:var(--y-2)}
@media(prefers-reduced-motion:reduce){.af-slayt{transition:none;transform:none}}
@media(max-width:860px){.afis{min-height:480px}.af-sahne{min-height:380px}}
.dp-kart{display:block;width:100%;height:420px;border:0;margin:14px 0 6px;background:transparent}
.pr-hazir{font-size:14px;font-weight:600;color:var(--sonuk)}
/* 11 Ekim: plan kartında simge yerine fotoğraf */
.pk-ik.foto{width:58px;height:58px;padding:0;overflow:hidden;border-radius:15px;background:var(--r2);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--r1)}
.pk-ik.foto img{width:100%;height:100%;object-fit:cover;display:block}

/* 11 Ekim (Hasan abi): başlık açılışı (.ba): fotoğraf, renk başlığın kendi rengi (--r1, --r2) */
.ba{position:relative;overflow:hidden;border-radius:28px;min-height:380px;display:flex;align-items:flex-end;color:#fff;
  background:radial-gradient(70% 90% at 0% 100%,color-mix(in srgb,var(--r2) 35%,transparent),transparent 70%),#08170f;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.55)}
.ba::before{content:"";position:absolute;top:0;bottom:0;right:0;left:42%;background:var(--ba-res) center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.ba::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--r1),var(--r2))}
.ba-yazi{position:relative;padding:38px 40px 40px;max-width:620px}
.ba-ust{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.ba-ik{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--r1),var(--r2));box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
.ba-et{font:600 12px var(--sans);letter-spacing:.04em;text-transform:uppercase;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px)}
.ayrinti .ba h3{margin:0;font:800 clamp(34px,5vw,54px)/1.02 var(--bas);letter-spacing:-.035em;color:#fff}
.ba-davet{margin:12px 0 0;font:700 clamp(18px,2.2vw,23px)/1.3 var(--bas);letter-spacing:-.015em;color:var(--r1)}
.ba-oz{margin:10px 0 0;font:400 15.5px/1.6 var(--sans);color:rgba(255,255,255,.82);max-width:520px}
.ba-rakam{display:flex;flex-wrap:wrap;gap:10px 28px;margin:22px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}
.ba-rakam b{display:block;font:800 22px/1.1 var(--bas);letter-spacing:-.02em}
.ba-rakam span{font-size:13px;color:rgba(255,255,255,.7)}
.ba-dug{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ba-dug a{font:700 15px var(--sans);border-radius:999px;padding:13px 22px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.ba-ana{background:linear-gradient(145deg,var(--r1),var(--r2));color:#fff;box-shadow:0 12px 26px -12px var(--r2)}
.ba-iki{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff}
.ba-dug a:hover{transform:translateY(-2px);text-decoration:none}
#dtParcalar,#dtNasil{scroll-margin-top:120px}
@media(max-width:700px){
  .ba{min-height:0;display:block;padding-top:0}
  .ba::before{position:relative;display:block;left:auto;height:210px;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
  .ba-yazi{margin-top:-40px}
  .ba-yazi{padding:24px 20px 26px}
  .ba-dug a{flex:1 1 auto;text-align:center}
}

/* 11 Ekim (Hasan abi): sıralama: başlıklar önce; "Desteğiniz neye dönüşür?" yatay küçük kartlar */
.bolum-kicker{margin:0 0 4px;font:700 12.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--y-2)}
.etki-kartlar{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.etki-kart{display:grid;grid-template-columns:116px 1fr;grid-template-rows:auto 1fr auto;column-gap:14px;row-gap:2px;padding:0;border-radius:18px;align-items:start}
.etki-kart .ek-resim{grid-row:1/4;grid-column:1;width:116px;height:100%;min-height:128px;margin:0;aspect-ratio:auto;border:0;border-right:1px solid var(--cz);object-fit:cover;object-position:50% 30%}
.etki-kart .ek-ik{display:none}
.etki-kart .ek-bedel{grid-column:2;margin:14px 14px 0 0;font-size:21px}
.etki-kart .ek-yazi{grid-column:2;margin-right:14px;font-size:14px;line-height:1.4}
.etki-kart .ek-dugme{grid-column:2;justify-self:start;align-self:end;margin:6px 0 12px;padding:7px 16px;font-size:13px}
.etki-kart::after{display:none}

/* 12 Ekim: karbon satırı (yalnız tam dolu kartlarda) */
.pr-karbon{display:block;margin-top:6px;font:600 13px var(--sans);color:#166534}
.pr-karbon small{font-weight:400;color:#4b6355}
/* 20 Ekim: yönetim kısa yolu (yalnız girişli kişiye görünür) */
.bm-alt .bm-sag a.bm-yon{color:#7a4b00;font-weight:600;display:inline!important}
.bm-alt .bm-yon-ayrac{width:1px;height:16px;background:rgba(0,0,0,.15)}
.pr-duzenle{display:inline-block;margin-top:6px;font-size:12.5px;color:#7a4b00;text-decoration:none;background:#fff7e6;border:1px solid #f0d9a8;border-radius:999px;padding:2px 10px}
.pr-duzenle:hover{background:#fdecc8}
/* 20 Ekim: çalıştığımız ülkeler (ülke kartlarına) */
.pj-ulkeler{margin:22px 0 0;background:#fff;border:1px solid #e3ece6;border-radius:18px;padding:14px 16px}
.pj-ulkeler b{display:block;font-size:15px}.pj-ulkeler span{display:block;font-size:13px;color:#5b6b63;margin:2px 0 10px}
.pj-ulkeler div{display:flex;flex-wrap:wrap;gap:8px}
.pj-ulkeler a{display:inline-flex;align-items:center;gap:7px;background:#f3f8f5;border:1px solid #d6e6dc;border-radius:999px;padding:4px 12px 4px 6px;font-size:13.5px;color:#14532d;text-decoration:none;font-weight:600}
.pj-ulkeler a:hover{background:#e3f1e8}.pj-ulkeler img{width:22px;height:15px;border-radius:3px;object-fit:cover}