/* =====================================================================
   ESAV Ankara · style.css  — ORTAK TASARIM SİSTEMİ
   Sorumlu: 2. kişi. Bu dosyayı değiştirmeden önce 2. kişiye haber verin.
   Sayfaya özel stiller kendi dosyanıza: css/formlar.css (1. kişi), css/bagis.css (3. kişi)

   İÇİNDEKİLER
   1. Renk ve yazı tipi değişkenleri (:root)  → renkler HER ZAMAN var(--...) ile kullanılır
   2. Temel stiller, butonlar (.btn-blue .btn-gold .btn-white .btn-line .btn-ghost)
   3. Bölüm başlığı (.title), duyuru şeridi, üst şerit, menü (layout.js üretir)
   4. Ana sayfa bölümleri (hero, quick, stats, area, donate, camp, pres, news, vol, report)
   5. Footer, yüzen butonlar, çerez, modal (dialog), form elemanları
   6. İÇ SAYFALAR (dosyanın sonunda): .page-hero, .layout, .side-nav, .prose, .team, .timeline, listeler, .stub
   ===================================================================== */
/* Layout: kurumsal vakıf ana sayfası — üst bilgi şeridi, mega menü, numaralı manşet, hızlı işlem kutuları, beyaz zeminde mavi-beyaz bölümler, geniş footer */
:root{
  /* Kırmızı · mavi · beyaz. Mavi ana renk; kırmızı vurgu (bağış butonu, çizgiler, küçük işaretler).
     (--gold adları eski kodlar bozulmasın diye duruyor, mavi/beyaz değer taşır) */
  --red:#c8102e; --red-2:#a50d26; --red-ice:#fdecef;
  --navy:#005a87; --navy-2:#006699; --blue:#0070a8; --blue-2:#005f90; --sky:#3ea6dc; --ice:#eaf6fc;
  --gold:var(--blue); --gold-2:#ffffff; --on-gold:var(--blue); --hl:#9ddcfb;
  --bg:#ffffff; --bg-2:#f3f9fc; --fg:#10202b; --muted:#4f6573; --line:#d9e9f2; --card:#ffffff;
  --ok:#0e9f6e;
  --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --body:"Figtree","Segoe UI",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --r:16px; color-scheme:light; --shadow:0 24px 50px -30px rgba(0,60,90,.35);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;text-wrap:balance}
p{margin:0}
button{font-family:inherit}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,3.5vw,36px)}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:12px;top:-60px;background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px;z-index:200;font-weight:700}
.skip:focus{top:12px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-weight:700;font-size:.95rem;padding:.85em 1.35em;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:18px;height:18px;flex:none}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{box-shadow:0 14px 30px -14px var(--blue)}
.btn-white{background:#fff;color:var(--navy)}
.btn-gold{background:var(--red);color:#fff}
.btn-gold:hover{background:var(--red-2);box-shadow:0 14px 30px -14px var(--red)}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-2);box-shadow:0 14px 30px -14px var(--red)}
.cta-band .btn-gold,.vol-box .btn-gold{background:#fff;color:var(--blue)}
.btn-white:hover{box-shadow:0 14px 30px -14px rgba(255,255,255,.6)}
.btn-line{border-color:var(--blue);color:var(--blue);background:transparent}
.btn-line:hover{background:var(--blue);color:#fff}
.btn-ghost{border-color:rgba(255,255,255,.5);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.more{display:inline-flex;align-items:center;gap:.4em;font-weight:700;color:var(--blue);font-size:.93rem}
.more svg{width:16px;height:16px;transition:transform .2s}
.more:hover svg{transform:translateX(4px)}

/* Section titles (AKUT/TEV tarzı: kalın + ince) */
.title{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.title h2{font-family:var(--display);font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:900;text-transform:uppercase;line-height:.95}
.title h2 span{font-weight:700;color:var(--blue)}
.title .kicker{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.title .kicker i{display:inline-flex;gap:3px}
.title .kicker i b{width:10px;height:4px;border-radius:2px;background:var(--red)}
.title .kicker i b:nth-child(2){background:var(--blue)}
.title p{color:var(--muted);max-width:52ch}
section{padding-block:clamp(64px,8vw,104px)}

/* ---------- ANNOUNCE ---------- */
.announce{background:var(--red);color:#fff;font-size:.9rem}
.announce .wrap{color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding-block:6px;position:relative;text-align:center}
.announce b{font-weight:800}
.announce a{text-decoration:underline;text-underline-offset:3px;font-weight:700}
.announce .x{position:absolute;right:clamp(16px,3.5vw,36px);background:none;border:0;color:#fff;cursor:pointer;padding:6px;opacity:.85}
.announce .pulse{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 0 rgba(0,112,168,.7);animation:pulse 1.8s infinite;flex:none}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(0,112,168,0)}100%{box-shadow:0 0 0 0 rgba(0,112,168,0)}}
@media (max-width:640px){.announce .wrap{color:#fff;padding-right:48px;justify-content:flex-start;text-align:left}}

/* ---------- TOPBAR ---------- */
.topbar{background:var(--navy);color:#d6eef9;font-size:.84rem}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px}
.topbar .l,.topbar .r{display:flex;align-items:center;gap:20px}
.topbar a:hover{color:#fff}
.topbar svg{width:15px;height:15px;vertical-align:-3px;margin-right:6px}
.topbar .soc{display:flex;gap:4px}
.topbar .soc a{width:28px;height:28px;display:grid;place-items:center;border-radius:50%}
.topbar .soc a:hover{background:rgba(255,255,255,.1)}
.topbar .soc svg{margin:0}
.lang{display:flex;border:1px solid rgba(255,255,255,.2);border-radius:999px;overflow:hidden}
.lang button{background:none;border:0;color:#d6eef9;font-size:.75rem;font-weight:700;padding:3px 10px;cursor:pointer}
.lang button[aria-pressed="true"]{background:#fff;color:var(--navy)}
@media (max-width:860px){.topbar .l .hide-m{display:none}}
@media (max-width:560px){.topbar .soc{display:none}}

/* ---------- HEADER / MEGA MENU ---------- */
.header{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:var(--bg);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.header.stuck{box-shadow:0 12px 30px -20px rgba(0,60,90,.4)}
.header .wrap{display:flex;align-items:center;gap:22px;height:84px}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand svg{width:56px;height:56px}
.brand .t b{display:block;font-family:var(--display);font-size:1.75rem;font-weight:900;letter-spacing:.04em;line-height:1;color:var(--navy)}
.brand .t small{display:block;font-size:.66rem;font-weight:600;color:var(--muted);line-height:1.25;max-width:190px;margin-top:3px}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav>li{list-style:none;position:static}
.nav ul{margin:0;padding:0}
.nav>li>a,.nav>li>button{display:flex;align-items:center;gap:5px;padding:.6em .8em;font-weight:600;font-size:.95rem;background:none;border:0;color:var(--fg);cursor:pointer;border-radius:10px;transition:color .2s,background .2s}
.nav>li>a:hover,.nav>li>button:hover,.nav>li.open>button{color:var(--blue);background:var(--ice)}
.nav>li>button svg{width:14px;height:14px;transition:transform .25s}
.nav>li.open>button svg{transform:rotate(180deg)}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-top:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(0,60,90,.45);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
.nav>li.open .mega{opacity:1;visibility:visible;transform:none}
.mega .wrap{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:30px;height:auto;padding-block:30px 34px;align-items:start}
.mega h4{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:12px;font-weight:500}
.mega ul{list-style:none;display:grid;gap:2px}
.mega ul a{display:block;padding:.45em 0;font-weight:500;color:var(--fg);transition:color .2s,padding .2s}
.mega ul a:hover{color:var(--blue);padding-left:6px}
.mega .promo{background:var(--navy);color:#fff;border-radius:var(--r);padding:22px;position:relative;overflow:hidden}
.mega .promo::after{content:"";position:absolute;right:-40px;bottom:-40px;width:150px;height:150px;border-radius:50%;border:28px solid rgba(79,184,234,.25)}
.mega .promo>*{position:relative;z-index:1}
.mega .promo b{color:var(--gold-2);font-family:var(--display);font-size:1.8rem;text-transform:uppercase;display:block;line-height:1;margin-bottom:8px}
.mega .promo p{color:#d6eef9;font-size:.9rem;margin-bottom:14px}
.hdr-cta{display:flex;gap:8px;align-items:center}
.icon-btn{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:transparent;color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:all .2s}
.icon-btn:hover{border-color:var(--blue);color:var(--blue)}
.icon-btn svg{width:19px;height:19px}
.burger{display:none}
@media (max-width:1180px){.hdr-cta .btn-line{display:none}}
@media (max-width:1300px){
  .burger{display:grid}
  .nav{position:fixed;inset:0 0 0 auto;width:min(380px,90vw);flex-direction:column;align-items:stretch;background:var(--bg);padding:90px 18px 30px;overflow-y:auto;transform:translateX(105%);visibility:hidden;transition:transform .35s,visibility .35s;box-shadow:-30px 0 60px -30px rgba(0,0,0,.5);z-index:70;margin:0;gap:0}
  .nav.open{transform:none;visibility:visible}
  .nav>li>a,.nav>li>button{width:100%;justify-content:space-between;padding:.9em .6em;border-bottom:1px solid var(--line);border-radius:0}
  .mega{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;display:none}
  .nav>li.open .mega{display:block}
  .mega .wrap{grid-template-columns:1fr;padding:10px 6px 16px;gap:14px}
  .mega .promo{display:none}
  .nav .m-close{display:grid!important;position:absolute;top:22px;right:18px}
  .nav>li>button.m-close{width:42px;height:42px;padding:0;justify-content:center;border:1.5px solid var(--line);border-radius:50%}
  .nav>li>button.m-close svg{width:19px;height:19px;transform:none}
  .hdr-cta .btn-blue span{display:none}
  .hdr-cta .btn-blue{padding:.75em}
}
@media (max-width:480px){.brand .t small{display:none}.brand svg{width:46px;height:46px}.hdr-cta .search-btn{display:none}}
.nav .m-close{display:none}
.scrim{position:fixed;inset:0;background:rgba(0,58,88,.55);z-index:65;opacity:0;visibility:hidden;transition:.3s}
.scrim.on{opacity:1;visibility:visible}

/* ---------- HERO SLIDER ---------- */
.hero{position:relative;background:var(--blue);color:#fff;overflow:hidden}
.slides{position:relative;min-height:clamp(520px,64vw,640px)}
.slide{position:absolute;inset:0;display:grid;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.slide.on{opacity:1;visibility:visible;position:relative}
.slide .bg{position:absolute;inset:0}
.slide .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;width:100%;padding-block:56px 210px}
.slide .tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:.45em 1em;border-radius:999px;margin-bottom:20px}
.slide h1,.slide h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(3rem,7.4vw,6.4rem);line-height:.88}
.slide h1 em,.slide h2 em{font-style:normal;color:var(--hl)}
.slide p{color:#e3f3fb;font-size:clamp(1rem,1.5vw,1.18rem);max-width:50ch;margin-top:20px}
.slide .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.slide .art{position:relative;aspect-ratio:5/4;max-width:100%;width:100%}
.slide .art svg{width:100%;height:100%;display:block}
.slide.on .art svg{animation:drift 9s ease-out both}
.slide.on .txt>*{animation:rise .8s cubic-bezier(.2,.8,.2,1) both}
.slide.on .txt>*:nth-child(2){animation-delay:.08s}
.slide.on .txt>*:nth-child(3){animation-delay:.16s}
.slide.on .txt>*:nth-child(4){animation-delay:.24s}
@keyframes drift{from{transform:scale(1.06) translateY(10px)}to{transform:none}}
@keyframes rise{from{transform:translateY(28px);opacity:.001}}
#snow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.slider-ui{position:absolute;left:0;right:0;bottom:122px;z-index:5}
.slider-ui .wrap{display:flex;align-items:center;gap:22px}
.dots{display:flex;gap:18px}
.dot{background:none;border:0;color:rgba(255,255,255,.55);cursor:pointer;padding:0;text-align:left;font-family:var(--mono);font-size:.78rem;width:clamp(56px,9vw,120px)}
.dot span{display:block;margin-bottom:8px}
.dot i{display:block;height:3px;background:rgba(255,255,255,.22);border-radius:2px;overflow:hidden}
.dot i b{display:block;height:100%;width:0;background:#fff}
.dot[aria-current="true"]{color:#fff}
.dot.done i b{width:100%}
.arrows{display:flex;gap:8px;margin-left:auto}
.arrows button{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.arrows button:hover{background:rgba(255,255,255,.12)}
.arrows svg{width:20px;height:20px}
@media (max-width:860px){.slide .wrap{grid-template-columns:1fr;padding-block:40px 200px}.slide .art{position:absolute;right:-10%;bottom:110px;width:70%;opacity:.25;z-index:-1}.slider-ui{bottom:120px}}
@media (max-width:520px){.dot{width:46px}.dots{gap:10px}}

/* ---------- QUICK ACTIONS (hero'ya biner) ---------- */
.quick{position:relative;z-index:6;margin-top:-86px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border-radius:22px;box-shadow:0 40px 80px -40px rgba(0,60,90,.55);overflow:hidden;border:1px solid var(--line)}
.qa{display:flex;gap:16px;align-items:center;padding:26px 24px;border-right:1px solid var(--line);transition:background .25s;position:relative}
.qa:last-child{border-right:0}
.qa:hover{background:var(--ice)}
.qa .ic{width:54px;height:54px;border-radius:14px;background:var(--ice);color:var(--blue);display:grid;place-items:center;flex:none;transition:all .25s}
.qa:hover .ic{background:var(--blue);color:#fff;transform:rotate(-6deg)}
.qa .ic svg{width:26px;height:26px}
.qa b{display:block;font-size:1.05rem;line-height:1.2}
.qa small{color:var(--muted);font-size:.86rem}
.qa .go{margin-left:auto;color:var(--blue);opacity:0;transform:translateX(-6px);transition:.25s}
.qa:hover .go{opacity:1;transform:none}
.qa.primary{background:var(--blue);color:#fff}
.qa.primary .ic{box-shadow:inset 0 0 0 2px var(--gold-2)}
.qa.primary small{color:#e1f3fb}
.qa.primary .ic{background:rgba(255,255,255,.16);color:#fff}
.qa.primary:hover{background:var(--blue-2)}
.qa.primary .go{color:#fff}
@media (max-width:980px){.quick-grid{grid-template-columns:1fr 1fr}.qa:nth-child(2){border-right:0}.qa:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:520px){.quick-grid{grid-template-columns:1fr}.qa{border-right:0;border-bottom:1px solid var(--line)}}

/* ---------- STATS ---------- */
.stats{padding-block:70px 30px}
.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-block:1px solid var(--line)}
.st{padding:28px 20px;border-right:1px solid var(--line);display:flex;gap:14px;align-items:flex-start}
.st:last-child{border-right:0}
.st .ic{color:var(--gold);flex:none;margin-top:6px}
.st .ic svg{width:30px;height:30px}
.st b{font-family:var(--display);font-size:clamp(2.4rem,4vw,3.4rem);font-weight:900;line-height:1;display:block;font-variant-numeric:tabular-nums;color:var(--fg)}
.st span{font-size:.9rem;color:var(--muted);line-height:1.35;display:block;margin-top:6px}
@media (max-width:1000px){.stat-grid{grid-template-columns:repeat(3,1fr)}.st:nth-child(3){border-right:0}.st:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media (max-width:600px){.stat-grid{grid-template-columns:1fr 1fr}.st{border-right:0!important;border-bottom:1px solid var(--line)}.st:nth-child(odd){border-right:1px solid var(--line)!important}}

/* ---------- AREAS ---------- */
.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.area{position:relative;border-radius:20px;overflow:hidden;min-height:400px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;isolation:isolate;transition:transform .35s}
.area:hover{transform:translateY(-6px)}
.area .art{position:absolute;inset:0;z-index:-1}
.area .art svg{width:100%;height:100%;display:block;transition:transform .7s}
.area:hover .art svg{transform:scale(1.08)}
.area::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,58,88,.92) 100%);z-index:-1}
.area .in{padding:24px}
.area .n{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:#a9def6;text-transform:uppercase}
.area h3{font-family:var(--display);font-size:2.1rem;font-weight:900;text-transform:uppercase;line-height:.95;margin:8px 0 10px}
.area p{color:#e3f3fb;font-size:.92rem;max-height:0;overflow:hidden;transition:max-height .45s ease,margin .45s}
.area:hover p,.area:focus-within p{max-height:120px;margin-bottom:12px}
.area .more{color:#fff}
@media (max-width:1000px){.area-grid{grid-template-columns:1fr 1fr}.area p{max-height:none;margin-bottom:12px}}
@media (max-width:540px){.area-grid{grid-template-columns:1fr}.area{min-height:320px}}

/* ---------- DONATE ---------- */
.donate{background:var(--bg-2)}
.don-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:24px;align-items:start}
.don-box{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,36px);box-shadow:var(--shadow)}
.dtabs{display:flex;gap:6px;background:var(--bg-2);padding:6px;border-radius:999px;margin-bottom:26px;flex-wrap:wrap}
.dtab{flex:1;background:none;border:0;padding:.75em 1em;border-radius:999px;font-weight:700;font-size:.93rem;color:var(--muted);cursor:pointer;transition:.2s;min-width:120px}
.dtab[aria-selected="true"]{background:var(--blue);color:#fff;box-shadow:0 8px 20px -10px var(--blue)}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.opt{position:relative;text-align:left;background:var(--bg);border:2px solid var(--line);border-radius:16px;padding:18px 16px;cursor:pointer;transition:.2s;color:var(--fg)}
.opt:hover{border-color:var(--sky)}
.opt[aria-pressed="true"]{border-color:var(--blue);background:var(--ice)}
.opt[aria-pressed="true"]::after{content:"";position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.opt small{display:block;font-size:.8rem;color:var(--muted);font-weight:600}
.opt b{display:block;font-family:var(--display);font-size:2rem;font-weight:900;line-height:1.1;margin-top:4px}
.opt span{display:block;font-size:.82rem;color:var(--muted);margin-top:2px}
.don-row{display:flex;gap:14px;align-items:end;margin-top:20px;flex-wrap:wrap}
.don-row .f{flex:1;min-width:180px}
.freq{display:flex;border:2px solid var(--line);border-radius:12px;overflow:hidden}
.freq button{background:none;border:0;padding:.78em 1.1em;font-weight:700;color:var(--muted);cursor:pointer;font-size:.9rem}
.freq button[aria-pressed="true"]{background:var(--navy);color:#fff}
label{display:block;font-size:.82rem;font-weight:700;margin-bottom:6px}
input,select,textarea{width:100%;font:inherit;font-size:.96rem;padding:.78em .95em;border-radius:12px;border:2px solid var(--line);background:var(--bg);color:var(--fg);transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,112,168,.14)}
.don-sum{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:22px;border-top:1px dashed var(--line);flex-wrap:wrap}
.don-sum .tot small{display:block;color:var(--muted);font-size:.84rem;font-weight:600}
.don-sum .tot b{font-family:var(--display);font-size:2.6rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.note{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--ice);border:1px solid var(--blue);font-size:.92rem}
.methods{display:grid;gap:14px}
.mth{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;grid-template-columns:46px 1fr;gap:14px}
.mth .ic{width:46px;height:46px;border-radius:12px;background:var(--ice);color:var(--blue);display:grid;place-items:center}
.mth .ic svg{width:22px;height:22px}
.mth b{display:block}
.mth p{color:var(--muted);font-size:.9rem}
.mth.iban{background:var(--navy);color:#fff;border-color:var(--navy)}
.mth.iban p{color:#d6eef9}
.mth.iban .ic{background:rgba(255,255,255,.12);color:#fff}
.iban-no{font-family:var(--mono);font-size:.92rem;margin:8px 0 10px;word-break:break-all;user-select:all;color:#fff}
.copy{background:#fff;color:var(--navy);border:0;border-radius:999px;padding:.5em 1em;font-weight:700;font-size:.84rem;cursor:pointer}
.copy-st{font-size:.82rem;color:#a9def6;margin-left:8px}
@media (max-width:960px){.don-grid{grid-template-columns:1fr}}
@media (max-width:560px){.opts{grid-template-columns:1fr 1fr}}

/* ---------- CAMPAIGNS ---------- */
.camp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.camp{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.camp:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.camp .img{aspect-ratio:16/10;max-width:100%;position:relative;overflow:hidden}
.camp .img svg{width:100%;height:100%;display:block;transition:transform .6s}
.camp:hover .img svg{transform:scale(1.06)}
.camp .lbl{position:absolute;left:14px;top:14px;background:var(--navy);color:#fff;font-size:.74rem;font-weight:800;padding:.4em .8em;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.camp .in{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}
.camp h3{font-size:1.2rem;line-height:1.3}
.camp p{color:var(--muted);font-size:.92rem}
.bar{height:8px;border-radius:999px;background:var(--bg-2);overflow:hidden;margin-top:auto}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--navy),var(--sky));border-radius:999px}
.prog{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}
.prog b{color:var(--fg)}
.camp .foot{display:flex;justify-content:space-between;align-items:center;padding-top:6px}
@media (max-width:960px){.camp-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.camp-grid{grid-template-columns:1fr}}

/* ---------- PRESIDENT ---------- */
.pres{background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#fff;position:relative;overflow:hidden}
.pres::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 60px,rgba(255,255,255,.025) 60px 120px)}
.pres-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,80px);align-items:center}
.pres .emb{position:relative;max-width:420px;width:100%;aspect-ratio:1;justify-self:center}
.pres .emb svg{width:100%;height:100%}
.pres .emb::before{content:"";position:absolute;inset:-8%;border-radius:50%;border:1px dashed rgba(169,222,246,.35);animation:spin 60s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.pres .kicker{font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#a9def6}
.pres blockquote{margin:16px 0 0;font-size:clamp(1.25rem,2.3vw,1.7rem);line-height:1.45;font-weight:500;color:#eaf2fc}
.pres blockquote::before{content:"“";display:block;font-family:var(--display);font-size:6rem;line-height:.6;color:var(--hl);margin-bottom:10px}
.pres .sign{display:flex;align-items:center;gap:14px;margin-top:28px}
.pres .av{width:56px;height:56px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-family:var(--display);font-size:1.4rem;font-weight:900}
.pres .sign b{display:block}
.pres .sign span{color:#a9def6;font-size:.9rem}
@media (max-width:860px){.pres-grid{grid-template-columns:1fr}.pres .emb{max-width:260px}}

/* ---------- NEWS ---------- */
.news-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}
.news-track-wrap{overflow:hidden}
.news-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 20px)/2);gap:20px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.nw{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.nw .img{aspect-ratio:16/11;max-width:100%;position:relative}
.nw .img svg{width:100%;height:100%;display:block}
.nw .in{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.nw .meta{display:flex;gap:10px;align-items:center;font-size:.8rem;color:var(--muted)}
.nw .meta .pill{background:var(--ice);color:var(--blue);font-weight:800;padding:.25em .7em;border-radius:999px;text-transform:uppercase;font-size:.7rem;letter-spacing:.05em}
.nw h3{font-size:1.1rem;line-height:1.35}
.nw p{color:var(--muted);font-size:.9rem}
.nw .more{margin-top:auto}
.news-ctrl{display:flex;gap:8px}
.news-ctrl button{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;display:grid;place-items:center;transition:.2s}
.news-ctrl button:hover{border-color:var(--blue);color:var(--blue)}
.news-ctrl svg{width:18px;height:18px}
.ann{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.ann-tabs{display:flex;border-bottom:1px solid var(--line)}
.ann-tabs button{flex:1;background:none;border:0;padding:16px;font-weight:800;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;font-size:.95rem;text-transform:uppercase;letter-spacing:.03em}
.ann-tabs button[aria-selected="true"]{color:var(--blue);border-bottom-color:var(--blue)}
.ann ul{list-style:none;margin:0;padding:6px 20px}
.ann li{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}
.ann li:last-child{border-bottom:0}
.dt{background:var(--blue);border-bottom:3px solid var(--navy);color:#fff;border-radius:12px;text-align:center;padding:7px 0;line-height:1}
.dt b{display:block;font-family:var(--display);font-size:1.7rem;font-weight:900}
.dt small{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.ann li a{font-weight:600;font-size:.95rem;line-height:1.35;display:block}
.ann li a:hover{color:var(--blue)}
.ann li span{font-size:.8rem;color:var(--muted)}
.ann li span.dt{color:#fff;font-size:inherit}
.ann .all{display:flex;justify-content:center;padding:14px;border-top:1px solid var(--line)}
@media (max-width:1000px){.news-grid{grid-template-columns:1fr}}
@media (max-width:600px){.news-track{grid-auto-columns:100%}}

/* ---------- VOLUNTEER BAND ---------- */
.vol{padding-block:0}
.vol-box{position:relative;border-radius:28px;overflow:hidden;background:linear-gradient(120deg,#1592cc,var(--blue) 55%,var(--navy));color:#fff;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding:clamp(30px,5vw,60px)}
.vol-box::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(0,0,0,.08) 46px 92px)}
.vol-box>*{position:relative}
.vol-box h2{font-family:var(--display);font-size:clamp(2.4rem,5.4vw,4.4rem);font-weight:900;text-transform:uppercase;line-height:.9}
.vol-box p{color:#e1f3fb;margin-top:14px;max-width:48ch;font-size:1.05rem}
.vol-box .cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.vol-box .people{display:flex;margin-top:22px}
.vol-box .people i{width:40px;height:40px;border-radius:50%;border:3px solid #0a8dc9;margin-left:-10px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.8rem;color:var(--navy)}
.vol-box .people i:first-child{margin-left:0}
.vol-box .people span{margin-left:12px;align-self:center;font-size:.9rem;color:#e1f3fb}
@media (max-width:800px){.vol-box{grid-template-columns:1fr}.vol-box .cta{justify-content:flex-start}}

/* ---------- REPORT + NEWSLETTER ---------- */
.rn-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.report{background:var(--bg-2);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,34px);display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}
.cover{aspect-ratio:3/4;max-width:100%;border-radius:8px;overflow:hidden;box-shadow:12px 16px 30px -12px rgba(0,60,90,.5);transform:rotate(-4deg);transition:transform .3s}
.report:hover .cover{transform:rotate(0) scale(1.03)}
.cover svg{width:100%;height:100%;display:block}
.report h3,.nl h3{font-family:var(--display);font-size:2rem;font-weight:900;text-transform:uppercase;line-height:1}
.report p,.nl p{color:var(--muted);font-size:.94rem;margin:10px 0 16px}
.report .btns{display:flex;gap:10px;flex-wrap:wrap}
.nl{background:var(--navy);color:#fff;border-radius:24px;padding:clamp(22px,3vw,34px)}
.nl p{color:#d6eef9}
.nl form{display:flex;gap:10px;flex-wrap:wrap}
.nl input[type=email]{flex:1;min-width:200px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.nl input::placeholder{color:#9fb3d4}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:#d6eef9;margin-top:12px;font-weight:500;width:100%}
.chk input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--sky)}
.nl .note{background:rgba(255,255,255,.08);border-color:var(--sky);color:#fff}
@media (max-width:960px){.rn-grid{grid-template-columns:1fr}}
@media (max-width:480px){.report{grid-template-columns:1fr}.cover{max-width:150px}}

/* ---------- FOOTER ---------- */
footer{background:linear-gradient(180deg,#005a85,#004c72);color:#d2ebf6;margin-top:clamp(64px,8vw,104px);border-top:6px solid var(--red);box-shadow:inset 0 6px 0 #fff}
.f-top{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:30px;padding-block:64px 44px}
.f-brand svg{width:110px;height:110px;margin-bottom:16px}
.f-brand b{display:block;color:#fff;font-size:1rem;line-height:1.35;margin-bottom:12px}
.f-brand p{font-size:.9rem}
footer h4{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:16px;font-weight:500}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:.93rem}
footer ul a:hover{color:#fff}
.f-contact{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-block:26px;border-block:1px solid rgba(255,255,255,.08)}
.f-contact>div{display:flex;gap:12px;align-items:flex-start;font-size:.9rem}
.f-contact .ic{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);display:grid;place-items:center;color:#a9def6;flex:none}
.f-contact svg{width:18px;height:18px}
.f-contact b{display:block;color:#fff;font-size:.85rem}
.f-contact span{user-select:all}
.f-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding-block:24px calc(24px + env(safe-area-inset-bottom,0px));font-size:.84rem}
.f-bot .lnk{display:flex;gap:18px;flex-wrap:wrap}
.f-bot a:hover{color:#fff}
.f-soc{display:flex;gap:8px;margin-top:18px}
.f-soc a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.06);display:grid;place-items:center;transition:.2s}
.f-soc a:hover{background:var(--blue);color:#fff}
.f-soc svg{width:17px;height:17px}
.tax{font-size:.8rem;color:#a9d3e8;margin-top:6px;max-width:80ch}
@media (max-width:1000px){.f-top{grid-template-columns:1fr 1fr 1fr}.f-brand{grid-column:1/-1}.f-contact{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.f-top{grid-template-columns:1fr 1fr}.f-contact{grid-template-columns:1fr}}

/* ---------- FLOATING ---------- */
.float{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:55;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.float .don{box-shadow:0 18px 40px -16px rgba(160,110,0,.8)}
.float .top{width:46px;height:46px;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--fg);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transition:.3s;box-shadow:var(--shadow)}
.float .top.on{opacity:1;visibility:visible}
.float .top svg{width:20px;height:20px}

/* Cookie */
.cookie{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:56;max-width:min(420px,calc(100vw - 36px));background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 30px 60px -30px rgba(0,60,90,.6);font-size:.88rem;color:var(--muted)}
.cookie b{color:var(--fg);display:block;margin-bottom:4px}
.cookie .row{display:flex;gap:8px;margin-top:12px}
.cookie .btn{padding:.6em 1.1em;font-size:.85rem}
@media (max-width:600px){.cookie{right:18px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}}

/* Modal + search */
dialog{border:0;padding:0;border-radius:24px;max-width:min(560px,calc(100vw - 32px));width:100%;background:var(--card);color:var(--fg);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
dialog::backdrop{background:rgba(0,58,88,.6);backdrop-filter:blur(4px)}
.dlg-h{background:var(--navy);color:#fff;padding:24px 26px;position:relative}
.dlg-h h3{font-family:var(--display);font-size:2rem;font-weight:900;text-transform:uppercase;line-height:1}
.dlg-h p{color:#d6eef9;font-size:.92rem;margin-top:6px}
.dlg-h .x{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.1);border:0;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:grid;place-items:center}
.dlg-b{padding:24px 26px 26px;display:grid;gap:14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{margin:0;font-weight:600;font-size:.86rem;display:inline-flex;align-items:center;gap:6px;border:2px solid var(--line);padding:.45em .9em;border-radius:999px;cursor:pointer;transition:.2s}
.chips input{width:auto;accent-color:var(--blue)}
.chips label:has(input:checked){border-color:var(--blue);background:var(--ice);color:var(--blue)}
@media (max-width:480px){.two{grid-template-columns:1fr}}
.search-dlg{max-width:min(720px,calc(100vw - 32px));margin-top:12vh}
.search-dlg .dlg-b{padding:20px}
.search-dlg input{font-size:1.15rem;padding:1em 1.1em}
.sres{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:320px;overflow:auto}
.sres a{display:flex;justify-content:space-between;gap:10px;padding:.75em .9em;border-radius:10px;font-weight:600}
.sres a:hover,.sres a:focus{background:var(--ice);color:var(--blue);outline:none}
.sres small{color:var(--muted);font-weight:500}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}


/* =====================================================================
   6. İÇ SAYFALAR
   ===================================================================== */
.nav>li.aktif>button,.nav>li>a.aktif{color:var(--blue);box-shadow:inset 0 -3px 0 var(--blue)}

/* Sayfa başlığı + breadcrumb */
.page-hero{position:relative;background:radial-gradient(90% 140% at 85% 0%,#2aa6dc 0%,#0a7fb8 50%,#006597 100%);color:#fff;padding-block:clamp(44px,6vw,72px) clamp(70px,9vw,110px);overflow:hidden}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(40px,6vw,70px);background:var(--bg);clip-path:polygon(0 70%,12% 35%,22% 60%,36% 10%,48% 55%,58% 30%,70% 65%,82% 20%,92% 50%,100% 30%,100% 100%,0 100%)}
.page-hero::before{content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;border:46px solid rgba(255,255,255,.08)}
.page-hero .wrap{position:relative;z-index:1}
.crumbs{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;font-size:.86rem;color:#e3f3fb}
.crumbs li+li::before{content:"›";margin-right:6px;opacity:.7}
.crumbs a:hover{color:#fff;text-decoration:underline}
.crumbs [aria-current]{color:var(--gold-2);font-weight:700}
.page-hero h1{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(2.6rem,6.5vw,4.8rem);line-height:.9}
.page-hero p{color:#e3f3fb;font-size:clamp(1rem,1.5vw,1.15rem);max-width:60ch;margin-top:14px}

/* İki kolonlu içerik + yan menü */
.page-body{padding-block:clamp(40px,6vw,72px) clamp(64px,8vw,104px)}
.layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.side-nav{position:sticky;top:110px;background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:18px}
.side-nav h4{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:4px 8px 10px;font-weight:500}
.side-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.side-nav a{display:flex;justify-content:space-between;align-items:center;padding:.65em .8em;border-radius:10px;font-weight:600;font-size:.95rem;transition:.2s}
.side-nav a:hover{background:var(--card);color:var(--blue)}
.side-nav a svg{width:16px;height:16px;flex:none;opacity:.5}
.side-nav a[aria-current="page"]{background:var(--blue);color:#fff}
.side-nav .help{margin-top:16px;padding:16px;border-radius:14px;background:var(--navy);color:#fff;font-size:.9rem}
.side-nav .help b{display:block;font-family:var(--display);font-size:1.4rem;text-transform:uppercase;color:var(--gold-2)}
.side-nav .help .btn{margin-top:10px;width:100%}
@media (max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}.side-nav{position:static;order:2}}

/* Metin */
.prose{max-width:72ch;font-size:1.04rem}
.prose>*+*{margin-top:1em}
.prose h2{font-family:var(--display);font-size:clamp(1.9rem,3.6vw,2.6rem);font-weight:900;text-transform:uppercase;line-height:1;margin-top:1.6em;color:var(--fg)}
.prose h3{font-size:1.2rem;margin-top:1.4em}
.prose p,.prose li{color:var(--muted)}
.prose strong{color:var(--fg)}
.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.prose ul{padding-left:1.2em}
.prose blockquote{margin:1.4em 0;padding:18px 22px;border-left:4px solid var(--blue);background:var(--bg-2);border-radius:0 14px 14px 0;font-size:1.12rem;color:var(--fg)}
.lead{font-size:1.2rem;color:var(--fg)!important;font-weight:500}
.todo{display:inline-block;background:#ffeded;color:#a4161a;border:1px dashed #e5484d;border-radius:6px;padding:0 .4em;font-size:.88em;font-weight:600}

/* Kartlar (değerler, misyon) */
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.cards-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}
.vcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.vcard .ic{width:48px;height:48px;border-radius:12px;background:var(--ice);color:var(--blue);display:grid;place-items:center;margin-bottom:14px}
.vcard .ic svg{width:24px;height:24px}
.vcard h3{font-family:var(--display);font-size:1.6rem;font-weight:900;text-transform:uppercase;line-height:1;margin-bottom:6px}
.vcard p{color:var(--muted);font-size:.95rem}
.vcard.blue{background:var(--blue);border-color:var(--blue);color:#fff}
.vcard.blue p{color:#e3f3fb}
.vcard.blue .ic{background:rgba(255,255,255,.16);color:#fff}
@media (max-width:760px){.cards-3,.cards-2{grid-template-columns:1fr}}

/* Amblem açıklaması */
.emblem-box{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:22px;padding:26px;margin-top:22px}
.emblem-box svg{width:100%;max-width:200px;height:auto}
.emblem-box ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.emblem-box li{display:grid;grid-template-columns:28px 1fr;gap:10px;color:var(--muted)}
.emblem-box li b{color:var(--fg);display:block}
.emblem-box li i{width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.85rem}
@media (max-width:600px){.emblem-box{grid-template-columns:1fr}.emblem-box svg{max-width:150px}}

/* Ekip */
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:20px}
.member{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 18px;text-align:center;transition:transform .25s,box-shadow .25s}
.member:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.member .ph{width:96px;height:96px;border-radius:50%;margin:0 auto 14px;background:linear-gradient(135deg,#3ea6dc,var(--blue));color:#fff;display:grid;place-items:center;font-family:var(--display);font-size:2rem;font-weight:900;overflow:hidden;border:4px solid var(--ice)}
.member .ph img{width:100%;height:100%;object-fit:cover}
.member b{display:block;font-size:1.02rem}
.member span{display:block;color:var(--muted);font-size:.88rem;margin-top:2px}
.member.lead-m{grid-column:span 2;display:grid;grid-template-columns:120px 1fr;text-align:left;gap:20px;align-items:center;background:var(--navy);color:#fff;border-color:var(--navy)}
.member.lead-m .ph{width:120px;height:120px;margin:0;background:var(--gold-2);color:var(--on-gold);border-color:rgba(255,255,255,.2)}
.member.lead-m span{color:#d6eef9}
@media (max-width:520px){.member.lead-m{grid-column:auto;grid-template-columns:1fr;text-align:center}.member.lead-m .ph{margin:0 auto}}

/* Zaman çizelgesi */
.timeline{list-style:none;margin:24px 0 0;padding:0;position:relative}
.timeline::before{content:"";position:absolute;left:97px;top:8px;bottom:8px;width:2px;background:var(--line)}
.timeline li{display:grid;grid-template-columns:80px 1fr;gap:44px;padding-bottom:26px;position:relative}
.timeline li::before{content:"";position:absolute;left:90px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:4px solid var(--blue);box-sizing:border-box}
.timeline li:last-child::before{border-color:var(--navy);background:var(--navy)}
.timeline .yr{font-family:var(--display);font-size:1.5rem;font-weight:900;color:var(--blue);line-height:1;text-align:right;padding-top:2px}
.timeline .box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.timeline .box b{display:block;font-size:1.05rem;margin-bottom:4px}
.timeline .box p{color:var(--muted);font-size:.94rem}
@media (max-width:520px){.timeline::before{left:7px}.timeline li{grid-template-columns:1fr;gap:6px;padding-left:32px}.timeline li::before{left:0}.timeline .yr{text-align:left}}

/* Filtre çipleri + liste ızgarası */
.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:26px}
.fchips{display:flex;flex-wrap:wrap;gap:8px}
.fchips button{font:inherit;font-weight:700;font-size:.9rem;padding:.55em 1.1em;border-radius:999px;border:2px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;transition:.2s}
.fchips button:hover{border-color:var(--blue)}
.fchips button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.toolbar input[type=search]{max-width:280px}
.list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.list-grid .nw .img img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:960px){.list-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.list-grid{grid-template-columns:1fr}}
.empty{padding:40px;text-align:center;color:var(--muted);border:2px dashed var(--line);border-radius:18px}
.pager{display:flex;justify-content:center;gap:6px;margin-top:34px}
.pager button{min-width:42px;height:42px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--fg);font-weight:700;cursor:pointer}
.pager button[aria-current="true"]{background:var(--blue);border-color:var(--blue);color:#fff}

/* Haber detay */
.article-head{max-width:72ch}
.article-head .meta{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.9rem;margin-bottom:12px}
.article-head .meta .pill{background:var(--ice);color:var(--blue);font-weight:800;padding:.25em .7em;border-radius:999px;text-transform:uppercase;font-size:.72rem}
.article-img{aspect-ratio:16/8;max-width:100%;border-radius:22px;overflow:hidden;margin:24px 0 30px}
.article-img svg,.article-img img{width:100%;height:100%;display:block;object-fit:cover}
.share{display:flex;gap:8px;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);flex-wrap:wrap}
.share span{font-weight:700;margin-right:6px}
.share a,.share button{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:var(--fg);display:grid;place-items:center;cursor:pointer}
.share a:hover,.share button:hover{border-color:var(--blue);color:var(--blue)}
.share svg{width:17px;height:17px}
.related{margin-top:56px}
.related h2{font-family:var(--display);font-size:2rem;font-weight:900;text-transform:uppercase;margin-bottom:18px}

/* Duyuru listesi */
.dlist{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dlist li{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 20px;transition:border-color .2s,transform .2s}
.dlist li:hover{border-color:var(--blue);transform:translateX(4px)}
.dlist .dt{padding:9px 0}
.dlist .dt b{font-size:1.9rem}
.dlist h3{font-size:1.05rem;line-height:1.35}
.dlist p{color:var(--muted);font-size:.88rem;margin-top:2px}
.dlist .kat{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.35em .8em;border-radius:999px;background:var(--ice);color:var(--blue);white-space:nowrap}
.dlist .kat.uyari{background:#fff4d6;color:#6b4b00}
@media (max-width:600px){.dlist li{grid-template-columns:60px 1fr}.dlist .kat{grid-column:2;justify-self:start}}

/* Etkinlik kartları */
.ev-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.ev-card{display:grid;grid-template-columns:96px 1fr;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.ev-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.ev-card .d{background:var(--blue);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;border-right:4px solid var(--navy)}
.ev-card .d b{font-family:var(--display);font-size:2.8rem;font-weight:900;line-height:1}
.ev-card .d span{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.ev-card .d small{font-size:.75rem;opacity:.8}
.ev-card .in{padding:18px 20px;display:grid;gap:6px}
.ev-card h3{font-size:1.12rem;line-height:1.3}
.ev-card p{color:var(--muted);font-size:.92rem}
.ev-card .row{display:flex;flex-wrap:wrap;gap:14px;font-size:.85rem;color:var(--muted)}
.ev-card .row span{display:inline-flex;align-items:center;gap:5px}
.ev-card .row svg{width:15px;height:15px;color:var(--blue)}
.ev-card .tag{justify-self:start;font-size:.72rem;font-weight:800;text-transform:uppercase;padding:.3em .8em;border-radius:999px;background:var(--ice);color:var(--blue)}
.ev-card.past{opacity:.7}
.ev-card.past .d{background:var(--muted)}
.ev-card.past .tag{background:var(--bg-2);color:var(--muted)}
@media (max-width:760px){.ev-grid{grid-template-columns:1fr}}

/* Alt çağrı bandı (iç sayfalar) */
.cta-band{margin-top:48px;border-radius:22px;padding:clamp(22px,3vw,34px);background:linear-gradient(120deg,#1592cc,var(--blue) 60%,var(--navy));color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px}
.cta-band b{font-family:var(--display);font-size:clamp(1.7rem,3.4vw,2.4rem);text-transform:uppercase;line-height:1;display:block}
.cta-band p{color:#e3f3fb;margin-top:6px}
.cta-band .btns{display:flex;gap:10px;flex-wrap:wrap}

/* Yapım aşamasındaki sayfalar (diğer ekip üyeleri için) */
.stub{border:2px dashed #e0a100;background:#fffaf0;border-radius:22px;padding:clamp(22px,3vw,34px);color:#3d2c00}
.stub h2{font-family:var(--display);font-size:2rem;font-weight:900;text-transform:uppercase;color:#6b4b00;margin-bottom:8px}
.stub .owner{display:inline-block;background:#ffc23a;color:#2a1d00;font-weight:800;font-size:.8rem;padding:.35em .9em;border-radius:999px;margin-bottom:14px}
.stub ul{margin:12px 0 0;padding-left:1.2em;display:grid;gap:6px}
.stub code{background:#fff;border:1px solid #f0dca8;border-radius:6px;padding:.1em .4em;font-size:.88em}

/* ---------- Görev haritası (geliştirme süreci; yayında GOREV_MODU=false) ---------- */
:root{--k1:#e0a100;--k1-bg:#fffaf0;--k1-fg:#5c4200;--k3:#8b5cf6;--k3-bg:#f6f2ff;--k3-fg:#3b1a86}
.stub.k3{border-color:var(--k3);background:var(--k3-bg);color:var(--k3-fg)}
.stub.k3 h2{color:#5b21b6}
.stub.k3 .owner{background:var(--k3);color:#fff}
.stub.k3 code{border-color:#ddd0fb}
body.gorev-on a[data-k="1"],body.gorev-on [data-k="1"]{outline:2px dashed var(--k1);outline-offset:3px;border-radius:8px}
body.gorev-on a[data-k="3"],body.gorev-on [data-k="3"]{outline:2px dashed var(--k3);outline-offset:3px;border-radius:8px}
.gorev-panel{position:fixed;right:18px;bottom:calc(132px + env(safe-area-inset-bottom,0px));z-index:58;width:min(300px,calc(100vw - 36px));background:#fff;color:#10202b;border:1px solid #d9e9f2;border-radius:16px;box-shadow:0 24px 50px -24px rgba(0,60,90,.55);font-size:.84rem;overflow:hidden}
.gorev-panel .gp-bas{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--navy);color:#fff;border:0;padding:.75em 1em;font-weight:800;font-size:.86rem;cursor:pointer;letter-spacing:.02em}
.gorev-panel .gp-bas span{font-weight:600;color:#9ddcfb;font-size:.8rem}
.gorev-panel.kapali .gp-ic{display:none}
.gorev-panel.kapali{width:auto}
.gorev-panel{transition:opacity .25s,transform .25s}
.gorev-panel.altta{opacity:0;transform:translateY(12px);pointer-events:none;visibility:hidden}
.gorev-panel .gp-ic{padding:12px 14px 14px;display:grid;gap:10px}
.gorev-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.gorev-panel li{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:start;color:#4f6573;line-height:1.35}
.gorev-panel li b{color:#10202b;margin-right:4px}
.gorev-panel li i{width:16px;height:16px;border-radius:5px;margin-top:1px}
.gorev-panel i.k1{background:var(--k1)}.gorev-panel i.k2{background:#0070a8}.gorev-panel i.k3{background:var(--k3)}
.gorev-panel .gp-bu{padding:8px 10px;border-radius:10px;font-weight:600}
.gorev-panel .gp-bu.k1{background:var(--k1-bg);color:var(--k1-fg);border:1px dashed var(--k1)}
.gorev-panel .gp-bu.k2{background:#eaf6fc;color:#00405f}
.gorev-panel .gp-bu.k3{background:var(--k3-bg);color:var(--k3-fg);border:1px dashed var(--k3)}
.gorev-panel small{color:#4f6573;font-size:.76rem}
.gorev-panel code{background:#f3f9fc;border-radius:4px;padding:0 .3em;font-size:.95em}
@media (max-width:600px){.gorev-panel{bottom:calc(132px + env(safe-area-inset-bottom,0px))}}

/* Doldurulacak yerler: GOREV_MODU açıkken her zaman kırmızı kesikli (panel gizlense de) */
body.gorev-mod .doldur{outline:2px dashed #e5484d;outline-offset:2px;border-radius:4px;background-color:rgba(229,72,77,.10);cursor:help}
.ornek-etiket{display:none}
body.gorev-mod .ornek-etiket{display:inline-block;justify-self:start;vertical-align:middle;background:#e5484d;color:#fff;font-size:.64rem;font-weight:800;line-height:1.5;padding:.1em .6em;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;margin-left:6px}
.gorev-panel i.kd{background:transparent;border:2px dashed #e5484d}
body.gorev-mod .doldur:empty{display:inline-block;min-width:5em;min-height:1.1em;vertical-align:middle}
body.gorev-mod p.doldur:empty,body.gorev-mod h3.doldur:empty{display:block;min-height:2.2em}
body.gorev-mod blockquote.doldur:empty,body.gorev-mod .doldur.blok-buyuk:empty{display:block;min-height:7em}
body.gorev-mod .doldur:empty::after{content:attr(data-ipucu);display:inline-block;opacity:.55;font-family:var(--body);font-size:max(.45em,.72rem);font-weight:600;letter-spacing:.02em;text-transform:none;line-height:1.2;padding:.15em .45em;vertical-align:middle}
body.gorev-mod .st .doldur:empty{min-width:2.4em;min-height:.9em}
.st>div{min-width:0}
.opts>*,.don-grid>*,.don-box{min-width:0}
body.gorev-mod .opt .doldur:empty{display:block;min-width:0;width:100%}
body.gorev-mod .tot .doldur:empty{min-width:3em}

/* ---------- Sade ana sayfa ---------- */
.hero-tek .slide .wrap{padding-block:64px 150px}
.hero-tek .slide h1{font-size:clamp(2.6rem,5.6vw,4.8rem);line-height:.92}
.hero-tek .slide .tag{text-transform:none;letter-spacing:.02em;font-family:var(--body);font-weight:600}
@media (max-width:860px){.hero-tek .slide .wrap{padding-block:40px 150px}}
.bagis-band-wrap{padding-block:clamp(40px,5vw,64px) 0}
.bagis-band-wrap .cta-band{margin-top:0}
.nl-wrap{padding-block:clamp(48px,6vw,80px) 0}
.nl-wrap .nl{display:grid;grid-template-columns:1fr 1.3fr;gap:16px 32px;align-items:center}
.nl-wrap .nl p{margin-bottom:0}
.nl-wrap .nl .note{grid-column:1/-1}
@media (max-width:860px){.nl-wrap .nl{grid-template-columns:1fr}}
.bagis-band-wrap{padding-bottom:clamp(40px,5vw,64px)}
.pres .emb{display:none}
.pres-grid{grid-template-columns:1fr;max-width:820px;margin-inline:auto}

/* Spam tuzağı: gerçek kullanıcılar görmez */
.tuzak{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

/* ---------- Yasal metinler (kvkk.html, cerez-politikasi.html) ---------- */
.yasal h2{font-size:clamp(1.5rem,2.6vw,1.9rem)}
.yasal .kucuk-not{margin-bottom:6px}
.tablo-kap{overflow-x:auto;margin-top:1em;border:1px solid var(--line);border-radius:14px;max-width:100%}
.tablo-kap table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.tablo-kap th{background:var(--ice);color:var(--fg);text-align:left;font-weight:800;padding:10px 14px;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}
.tablo-kap td{padding:12px 14px;border-top:1px solid var(--line);color:var(--muted);vertical-align:top}
.tablo-kap td:first-child{color:var(--fg);font-weight:700}
.tablo-kap code{background:var(--bg-2);border-radius:4px;padding:0 .3em;font-size:.9em}


/* =====================================================================
   7. ERZURUM + FAALİYET + TEŞKİLAT SAYFALARI (2026-10 eklendi)
   ===================================================================== */
/* Üç renkli ince şerit (kırmızı · beyaz · mavi) */
.tri{height:6px;background:linear-gradient(90deg,var(--red) 0 33.3%,#fff 33.3% 66.6%,var(--blue) 66.6%);border-radius:3px}
.page-hero{border-bottom:0}
.page-hero .wrap::before{content:"";display:block;width:64px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--red) 50%,#fff 50%);margin-bottom:18px}
/* Kaynak notu */
.src{margin-top:34px;padding:14px 16px;border-left:4px solid var(--blue);background:var(--bg-2);border-radius:0 12px 12px 0;font-size:.88rem;color:var(--muted)}
.src b{color:var(--fg)}
.src a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
/* Bilgi bekleniyor kutusu (vakıftan bilgi gelince silinir) */
.bekle{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:2px dashed #e5484d;background:#fff6f6;border-radius:14px;color:#7a1a1d;font-size:.95rem;margin-block:18px}
.bekle svg{width:22px;height:22px;flex:none;color:#e5484d;margin-top:2px}
.bekle b{color:#a4161a}
/* Kart ızgarası: ikonlu kısa kartlar */
.kgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:22px}
.kcard{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}
.kcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue)}
.kcard:nth-child(3n+2)::before{background:var(--red)}
a.kcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bfe0f0}
.kcard .ic{width:46px;height:46px;border-radius:12px;background:var(--ice);color:var(--blue);display:grid;place-items:center}
.kcard:nth-child(3n+2) .ic{background:var(--red-ice);color:var(--red)}
.kcard .ic svg{width:23px;height:23px}
.kcard h3{font-family:var(--display);font-size:1.55rem;font-weight:900;text-transform:uppercase;line-height:1}
.kcard p{color:var(--muted);font-size:.95rem}
.kcard .meta{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.kcard .more{margin-top:auto}
/* Yer kartı (turistik yerler) */
.yer{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:20px}
.yer article{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.yer .ph{aspect-ratio:16/9;background:linear-gradient(135deg,#0a7fb8,#005a87);display:grid;place-items:center;color:rgba(255,255,255,.75);font-size:.8rem;font-weight:600;text-align:center;padding:10px}
.yer .ph svg{width:34px;height:34px;display:block;margin:0 auto 6px}
.yer .ph img{width:100%;height:100%;object-fit:cover}
.yer .in{padding:18px 20px 20px}
.yer h3{font-size:1.12rem;font-weight:800;margin-bottom:4px}
.yer .tag{display:inline-block;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.yer p{color:var(--muted);font-size:.93rem}
/* Bilgi kutusu: büyük tarih + açıklama */
.fact-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-block:24px}
.fact{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:18px}
.fact b{display:block;font-family:var(--display);font-size:2rem;font-weight:900;line-height:1;color:var(--blue)}
.fact:nth-child(even) b{color:var(--red)}
.fact span{display:block;margin-top:6px;font-size:.88rem;color:var(--muted)}
/* Kişi kartları (yetiştirdiği insanlar) */
.kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:20px}
.kisi article{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}
.kisi .av{width:64px;height:64px;border-radius:50%;background:var(--ice);color:var(--blue);display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:1.5rem}
.kisi article:nth-child(even) .av{background:var(--red-ice);color:var(--red)}
.kisi h3{font-size:1.1rem;font-weight:800}
.kisi .yil{font-family:var(--mono);font-size:.72rem;color:var(--muted);letter-spacing:.06em}
.kisi p{color:var(--muted);font-size:.93rem;margin-top:6px}
/* Teşkilat şeması */
.org{display:grid;gap:18px;justify-items:center;margin-block:26px 10px}
.org .kutu{background:var(--blue);color:#fff;border-radius:16px;padding:16px 22px;text-align:center;min-width:220px;box-shadow:var(--shadow)}
.org .kutu b{display:block;font-family:var(--display);font-size:1.5rem;text-transform:uppercase;line-height:1}
.org .kutu span{font-size:.85rem;color:#e3f3fb}
.org .kutu.kirmizi{background:var(--red)}
.org .kutu.acik{background:var(--card);color:var(--fg);border:2px solid var(--line);box-shadow:none}
.org .kutu.acik span{color:var(--muted)}
.org .cizgi{width:3px;height:22px;background:var(--line);margin-block:-18px}
.org .sira{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:820px;position:relative;padding-top:18px}
.org .sira::before{content:"";position:absolute;top:0;left:16.6%;right:16.6%;height:3px;background:var(--line)}
.org .sira .kutu{min-width:0}
@media (max-width:640px){.org .sira{grid-template-columns:1fr}.org .sira::before{display:none}}
/* Fotoğraf yer tutucu ızgarası (arşiv, faaliyetler) */
.foto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:18px}
.foto-grid figure{margin:0;aspect-ratio:4/3;border-radius:14px;background:repeating-linear-gradient(45deg,var(--bg-2) 0 12px,#fff 12px 24px);border:1px dashed #bcd7e6;display:grid;place-items:center;color:var(--muted);font-size:.82rem;text-align:center;padding:10px}
.foto-grid figure img{width:100%;height:100%;object-fit:cover;border-radius:14px}
/* Türkü listesi */
.turku{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.turku li{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.turku .no{width:44px;height:44px;border-radius:50%;background:var(--red-ice);color:var(--red);display:grid;place-items:center}
.turku .no svg{width:20px;height:20px}
.turku b{display:block}
.turku small{color:var(--muted)}
.turku em{display:inline-block;font-style:normal;font-size:.74rem;font-weight:700;color:var(--red);background:var(--red-ice);border-radius:99px;padding:2px 9px;margin:4px 0 6px}
.turku small{display:block;line-height:1.5}
.turku .t-link{display:flex;flex-direction:column;gap:6px;align-items:flex-end;white-space:nowrap}
.turku .t-link a{font-size:.85rem;font-weight:700;color:var(--red);text-decoration:none}
.turku .t-link a:hover{text-decoration:underline}
@media (max-width:640px){.turku li{grid-template-columns:40px 1fr;align-items:start}.turku .t-link{grid-column:2;flex-direction:row;gap:16px}}
/* Ana sayfa: Erzurum'u tanıyın bandı */
.erz-band{background:linear-gradient(180deg,var(--bg-2),#fff)}
.erz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:960px){.erz-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.erz-grid{grid-template-columns:1fr}}
.faal-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.faal-strip a{display:inline-flex;align-items:center;gap:8px;padding:.6em 1em;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:.92rem;transition:.2s}
.faal-strip a:hover{border-color:var(--red);color:var(--red)}
.faal-strip a svg{width:16px;height:16px;color:var(--red)}
/* "Bilgi bekleniyor" kutuları sadece ekip modunda görünür (layout.js → GOREV_MODU = true).
   Yayında GOREV_MODU = false yapılınca ziyaretçiler bu kutuları görmez. */
body:not(.gorev-mod) .bekle{display:none}

/* =====================================================================
   8. FOTOĞRAFLAR + DAHA FAZLA KIRMIZI (18 Ekim 2026, vakıf logosuna uyum)
   ===================================================================== */
/* Fotoğraf kartları */
.foto-kart{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:860px){.foto-kart{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.foto-kart{grid-template-columns:1fr}}
.foto-kart figure{margin:0;position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:var(--bg-2);box-shadow:var(--shadow)}
.foto-kart img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.foto-kart figure:hover img{transform:scale(1.05)}
.foto-kart figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 18px 16px;background:linear-gradient(180deg,transparent,rgba(120,8,25,.88));color:#fde8eb;font-size:.9rem}
.foto-kart figcaption b{display:block;color:#fff;font-family:var(--display);font-size:1.5rem;text-transform:uppercase;line-height:1;margin-bottom:4px}
.foto-grid figure.var{background:none;border:0;padding:0;display:block;position:relative;overflow:hidden}
.foto-grid figure.var img{border-radius:14px}
.foto-grid figure.var figcaption{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(255,255,255,.92);color:var(--fg);border-radius:10px;padding:6px 10px;font-size:.78rem;font-weight:600;text-align:left}
/* Belge/afiş görseli (davetiye, gazete) */
.belge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:center;background:var(--card);border:1px solid var(--line);border-left:6px solid var(--red);border-radius:18px;padding:20px;margin-top:22px}
.belge img{width:100%;border-radius:12px;border:1px solid var(--line)}
.belge h3{font-family:var(--display);font-size:1.8rem;text-transform:uppercase;line-height:1;margin-bottom:8px}
.belge .tag{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.belge p{color:var(--muted);margin-top:8px}
@media (max-width:720px){.belge{grid-template-columns:1fr}}
/* Logo görseli */
.logo-img{width:100%;max-width:220px;height:auto;display:block;filter:drop-shadow(0 14px 24px rgba(160,10,30,.25))}

/* --- Kırmızı vurgunun artırılması --- */
.header{border-top:4px solid var(--red)}
.title h2 span{color:var(--red)}
.title .kicker{color:var(--red)}
.page-hero{background:radial-gradient(90% 140% at 85% 0%,#2aa6dc 0%,#0a7fb8 45%,#005a87 100%)}
.page-hero::before{border-color:rgba(200,16,46,.35)}
.crumbs [aria-current]{color:#fff}
.side-nav a[aria-current="page"]{background:var(--red)}
.side-nav h4{color:var(--red)}
.side-nav .help{background:linear-gradient(140deg,var(--red),var(--red-2))}
.side-nav .help .btn-white{color:var(--red)}
.cta-band{background:linear-gradient(120deg,#e0213f,var(--red) 55%,#8f0b20)}
.cta-band .btn-gold,.vol-box .btn-gold{background:#fff;color:var(--red)}
.cta-band .btn-gold:hover{background:#fff;box-shadow:0 14px 30px -14px rgba(0,0,0,.4)}
.qa.primary{background:var(--red)!important;color:#fff}
.qa.primary .ic{background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.4)!important}
.st .ic{color:var(--red)}
.qa.primary:hover{background:var(--red-2)!important}
.timeline .yr{color:var(--red)}
.timeline li::before{border-color:var(--red)}
.vcard.blue{background:var(--red);border-color:var(--red)}
.vcard.blue p{color:#fde8eb}
.btn-line{border-color:var(--red);color:var(--red)}
.btn-line:hover{background:var(--red);color:#fff}
.hero-tek .slide .tag{background:var(--red);color:#fff;border-color:var(--red)}
.hero-tek .slide h1 em{color:#fff;background:linear-gradient(transparent 72%,rgba(200,16,46,.9) 72%);font-style:normal}
.f-soc a:hover{background:var(--red)}
.nav>li>a.aktif,.nav>li.aktif>button{color:var(--red);box-shadow:inset 0 -3px 0 var(--red)}
.mega h4{color:var(--red)}
.mega .promo{background:linear-gradient(140deg,var(--red),var(--red-2))}
.mega .promo .btn-white{color:var(--red)}
/* Haber kartlarında gerçek fotoğraf: kartı doldur, taşırma */
.nw .img{overflow:hidden;background:var(--bg-2)}
.nw .img img{width:100%;height:100%;object-fit:cover;display:block}
.article-img img{object-position:center top}
.foto-grid figure>svg{width:34px;height:34px;display:block;margin:0 auto 4px;opacity:.6}
/* Öne çıkan kişi (İbrahim Hakkı Hazretleri) */
.one-cikan{display:grid;grid-template-columns:120px minmax(0,1fr);gap:26px;padding:clamp(22px,3vw,34px);margin-block:10px 30px;border-radius:22px;background:linear-gradient(135deg,var(--bg-2),#fff);border:1px solid var(--line);border-top:6px solid var(--red)}
.one-cikan .oc-av{width:120px;height:120px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:2.6rem;box-shadow:0 0 0 6px #fff,0 0 0 8px var(--red)}
.one-cikan .meta{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.one-cikan h2{font-family:var(--display);font-size:clamp(2rem,4vw,2.8rem);font-weight:900;text-transform:uppercase;line-height:1;margin:6px 0 12px}
.one-cikan p{color:var(--muted);margin-top:10px;max-width:68ch}
.one-cikan strong{color:var(--fg)}
.one-cikan blockquote{margin:18px 0 0;padding:16px 20px;border-left:4px solid var(--blue);background:#fff;border-radius:0 14px 14px 0;font-size:1.08rem;font-weight:600;color:var(--navy);line-height:1.5}
.one-cikan cite{display:block;margin-top:8px;font-size:.82rem;font-style:normal;font-weight:500;color:var(--muted)}
@media (max-width:640px){.one-cikan{grid-template-columns:1fr}.one-cikan .oc-av{width:84px;height:84px;font-size:1.9rem}}
/* Kişi şeridi (ana sayfa / Erzurum sayfası) */
.kisi-serit{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:8px}
.kisi-serit a{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:.2s}
.kisi-serit a:hover{border-color:var(--red);transform:translateY(-2px)}
.kisi-serit .av{width:44px;height:44px;flex:none;border-radius:50%;background:var(--red-ice);color:var(--red);display:grid;place-items:center;font-family:var(--display);font-weight:900}
.kisi-serit a:nth-child(even) .av{background:var(--ice);color:var(--blue)}
.kisi-serit b{display:block;font-size:.95rem;line-height:1.2}
.kisi-serit small{color:var(--muted);font-size:.8rem}
/* Şube tablosu */
.sube-tablo{overflow-x:auto;margin-top:14px;border:1px solid var(--line);border-radius:16px}
.sube-tablo table{width:100%;border-collapse:collapse;font-size:.95rem}
.sube-tablo th{background:var(--red);color:#fff;text-align:left;padding:12px 16px;font-weight:700}
.sube-tablo td{padding:11px 16px;border-top:1px solid var(--line)}
.sube-tablo tr:nth-child(even) td{background:var(--bg-2)}
.sube-tablo td:first-child{font-weight:700;color:var(--navy)}
.alt-baslik{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:40px 0 12px;font-family:var(--display);font-size:1.8rem;font-weight:900;text-transform:uppercase}
@media (max-width:560px){.foto-kart[style*="repeat(2"]{grid-template-columns:1fr!important}}

/* =====================================================================
   9. KIRMIZI AĞIRLIK (18 Ekim 2026, ikinci artış)
   Kırmızı ana renk; mavi footer, başkanın mesajı ve e-bültende denge rengi.
   ===================================================================== */
/* Ana sayfa manşeti (arka plan index.html içinde kırmızı) */
.hero-tek .slide .tag{background:#fff;color:var(--red);border-color:#fff}
.hero-tek .slide h1 em{background:linear-gradient(transparent 72%,rgba(0,90,135,.9) 72%)}
.hero-tek .slide p{color:#fde8eb}
/* İç sayfa başlık bantları */
.page-hero{background:radial-gradient(90% 140% at 85% 0%,#e8314c 0%,#c8102e 45%,#8a0a1f 100%)}
.page-hero::before{border-color:rgba(255,255,255,.12)}
.page-hero p{color:#fde8eb}
.page-hero .wrap::before{background:linear-gradient(90deg,#fff 50%,var(--blue) 50%)}
.crumbs a{color:#fde8eb}
/* Kartlar: kırmızı ağırlıklı, her üçüncüsü mavi */
.kcard::before{background:var(--red)}
.kcard .ic{background:var(--red-ice);color:var(--red)}
.kcard:nth-child(3n+2)::before{background:var(--blue)}
.kcard:nth-child(3n+2) .ic{background:var(--ice);color:var(--blue)}
a.kcard:hover{border-color:#f3b8c2}
.kcard .more,.more{color:var(--red)}
.qa .ic{background:var(--red-ice);color:var(--red)}
.area::after{background:linear-gradient(180deg,transparent 30%,rgba(130,8,26,.92) 100%)}
.area .n{color:#ffd0d8}
.nw .meta .pill{background:var(--red-ice);color:var(--red)}
.yer .ph{background:linear-gradient(135deg,#e0213f,#8a0a1f)}
.erz-band{background:linear-gradient(180deg,#fff3f5,#fff)}
.prose a,.src a{color:var(--red)}
.btn-blue{background:var(--red)}
.btn-blue:hover{background:var(--red-2);box-shadow:0 14px 30px -14px var(--red)}
.kisi .av{background:var(--red-ice);color:var(--red)}
.kisi article:nth-child(even) .av{background:var(--ice);color:var(--blue)}
.fact b{color:var(--red)}
.fact:nth-child(even) b{color:var(--blue)}
.fact{background:#fff6f7;border-color:#f6d3d9}
.src{border-left-color:var(--red);background:#fff6f7}
.timeline::before{background:linear-gradient(var(--red),#f3b8c2)}
.faal-strip a{border-color:#f3c9d0}
.vcard .ic{background:var(--red-ice);color:var(--red)}
.st .ic{color:var(--red)}
.header .brand .t b{color:var(--red)}
/* Etiket listesi (coğrafi işaretli ürünler) */
.chip-list{list-style:none;padding:0;margin:12px 0 8px;display:flex;flex-wrap:wrap;gap:8px}
.chip-list li{padding:.45em .9em;border-radius:999px;background:var(--red-ice);color:var(--red-2);font-weight:600;font-size:.88rem;border:1px solid #f3c9d0}
/* İlçe nüfus ızgarası */
.ilce-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px}
.ilce-grid div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.ilce-grid div:nth-child(-n+3){border-color:#f3b8c2;background:#fff6f7}
.ilce-grid b{font-size:.92rem}
.ilce-grid span{font-family:var(--mono);font-size:.8rem;color:var(--red)}
.ilce-grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr))}
/* Fotoğrafı henüz olmayan yer kartlarında yer tutucu ince bir şerit olsun (sayfa gereksiz uzamasın) */
.yer .ph:not(:has(img)){aspect-ratio:auto;padding:12px;display:flex;gap:8px;justify-content:flex-start;font-size:.78rem}
.yer .ph:not(:has(img)) svg{width:18px;height:18px;margin:0}
/* Etkinlik albümleri */
.galeri{margin-top:22px;padding:20px;border:1px solid var(--line);border-left:6px solid var(--red);border-radius:18px;background:var(--card)}
.galeri:nth-of-type(even){border-left-color:var(--blue)}
.galeri .g-ust .tag{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.galeri .g-ust h3{font-family:var(--display);font-size:1.7rem;font-weight:900;text-transform:uppercase;line-height:1;margin:6px 0 8px}
.galeri .g-ust p{color:var(--muted);max-width:75ch}
.galeri .g-izgara{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-top:14px}
.galeri .g-izgara figure.var{aspect-ratio:1}
.galeri .g-izgara figure.var img{width:100%;height:100%;object-fit:cover}
.galeri .g-izgara figure.var figcaption{font-size:.72rem;padding:4px 8px;left:6px;right:auto;bottom:6px;max-width:calc(100% - 12px)}
/* Gönüllü istatistikleri */
.istat-ozet{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.istat-ozet div{background:linear-gradient(135deg,var(--red),var(--red-2));color:#fff;border-radius:16px;padding:16px 18px}
.istat-ozet div:nth-child(2){background:linear-gradient(135deg,var(--blue),var(--navy))}
.istat-ozet b{display:block;font-family:var(--display);font-size:2.4rem;font-weight:900;line-height:1}
.istat-ozet span{font-size:.9rem;opacity:.9}
.istat-izgara{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:760px){.istat-izgara{grid-template-columns:1fr}.istat-ozet{grid-template-columns:1fr 1fr 1fr}.istat-ozet b{font-size:1.8rem}}
.istat-kart{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}
.istat-kart h3{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:1.5rem;text-transform:uppercase;margin-bottom:12px}
.istat-kart h3 svg{width:20px;height:20px;color:var(--red)}
.istat-bar .satir{display:grid;grid-template-columns:minmax(90px,150px) 1fr 34px;gap:10px;align-items:center;margin:7px 0;font-size:.9rem}
.istat-bar .ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.istat-bar .cubuk{height:14px;background:var(--bg-2);border-radius:7px;overflow:hidden}
.istat-bar .cubuk i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--red),#e8314c)}
.istat-izgara .istat-kart:nth-child(2) .cubuk i{background:linear-gradient(90deg,var(--navy),var(--blue))}
.istat-bar b{text-align:right;font-family:var(--mono);font-size:.85rem}
.istat-bos{color:var(--muted);font-size:.92rem}
.istat-not{margin-top:10px;font-size:.85rem;color:var(--muted)}

/* =====================================================================
   10. ŞEFFAF ARKA PLAN FOTOĞRAFLARI VE WIKIMEDIA FOTOĞRAFLARI
   ===================================================================== */
.arka-foto{position:absolute;left:0;right:0;bottom:0;width:100%;height:78%;object-fit:cover;object-position:center bottom;opacity:.16;pointer-events:none;z-index:0;user-select:none}
.page-hero .wrap,.hero-tek .slide .wrap{position:relative;z-index:1}
.hero-tek .slide{position:relative}
.hero-tek .arka-foto{height:62%;opacity:.13}
.yer .ph{position:relative}
.foto-kart+.prose,.prose+.foto-kart{margin-top:26px}
.foto-kart{margin-top:22px}
body:not(.gorev-mod) .yer .ph .gm{display:none}
body:not(.gorev-mod) .yer .ph:not(:has(img)){display:none}
@media (prefers-reduced-motion:reduce){.foto-kart figure:hover img{transform:none}}
.yer .ph:has(img){padding:0;display:block;aspect-ratio:16/9;overflow:hidden}
.yer .ph:has(img) img{display:block;width:100%;height:100%;object-fit:cover}
/* Metin + yan fotoğraf (boş kalan sağ tarafı doldurur) */
.yan{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:28px;align-items:start;margin-top:8px}
.yan>.prose{margin-top:0}
.yan>figure{margin:52px 0 0;position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/5;background:var(--bg-2);box-shadow:var(--shadow)}
.yan>figure img{width:100%;height:100%;object-fit:cover;display:block}
.yan>figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(180deg,transparent,rgba(120,8,25,.88));color:#fde8eb;font-size:.85rem}
.yan>figure figcaption b{display:block;color:#fff;font-family:var(--display);font-size:1.3rem;text-transform:uppercase;line-height:1;margin-bottom:4px}
@media (max-width:900px){.yan{grid-template-columns:1fr;gap:14px}.yan>figure{margin:0;aspect-ratio:16/9}}
.yan:not(:has(>figure)){grid-template-columns:1fr}
/* Netlik: küçük (düşük çözünürlüklü) görseller büyütülüp bulanıklaşmasın */
.galeri .g-izgara{grid-template-columns:repeat(auto-fill,minmax(150px,200px));justify-content:start}
@media (max-width:560px){.galeri .g-izgara{grid-template-columns:repeat(2,1fr)}}
img.dusuk-coz{object-fit:scale-down!important;transform:none!important;background:radial-gradient(120% 120% at 50% 0%,#fff 0%,#fbe9ec 60%,#f6d5db 100%)}

/* Temsilî portreler */
.kisi article{grid-template-columns:72px 1fr}
.kisi img.av{width:72px;height:72px;border-radius:50%;display:block;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line)}
.one-cikan img.oc-av{display:block;object-fit:cover}
.kisi-serit img.av{width:44px;height:44px;border-radius:50%;flex:none}
.temsili-not{display:flex;gap:8px;align-items:flex-start;font-size:.84rem;color:var(--muted);margin:14px 0 4px}
.temsili-not svg{width:16px;height:16px;flex:none;color:var(--red)}
.foto-kart figure.cizim{background:#fff}
/* Yan menüde "Biliyor muydunuz?" kartı */
.side-nav a.bilgi-kart,.bilgi-kart{display:block;padding:0;font-weight:400;margin-top:14px;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:.2s}
.bilgi-kart:hover{border-color:var(--red);transform:translateY(-2px)}
.bilgi-kart img{display:block;width:100%;height:auto;aspect-ratio:16/6;object-fit:cover}
.bilgi-kart span{display:block;padding:9px 12px 11px;font-size:.8rem;line-height:1.4;color:var(--muted)}
.bilgi-kart b{display:block;font-family:var(--display);text-transform:uppercase;color:var(--red);font-size:1.05rem;margin-bottom:2px}
@media (max-height:950px){.bilgi-kart{display:none}}
@media (max-width:900px){.bilgi-kart{display:none}}
/* Altbilgide silik Erzurum silüeti */
footer{background:url(../img/cizim/siluet-silik.svg) center bottom/max(1600px,100%) auto no-repeat,linear-gradient(180deg,#005a85,#004c72)}
body:not(.gorev-mod) .bos-liste{display:none}
/* Üst menü: "Üye Ol" her ekranda "Bağış Yap"ın yanında */
.hdr-cta .btn-uye{background:var(--blue);border-color:var(--blue);color:#fff}
.hdr-cta .btn-uye:hover{background:#005a87;border-color:#005a87;color:#fff}
.hdr-cta .btn svg{width:18px;height:18px;flex:none}
@media (max-width:560px){
  .hdr-cta{gap:6px}
  .hdr-cta .btn-gold{padding:.62em .8em;font-size:.86rem;gap:5px}
  .hdr-cta .btn svg{width:16px;height:16px}
}
/* Coğrafi işaret etiketleri: hepsi aynı görünür, tıklanınca Google Görseller açılır */
.chip-list li:has(a){padding:0;background:var(--red-ice);color:var(--red-2);border-color:#f3c9d0}
.chip-list li a{display:inline-flex;align-items:center;gap:6px;padding:.45em .9em;border-radius:999px;color:inherit;transition:background .2s,color .2s}
.chip-list li a svg{width:15px;height:15px;flex:none;opacity:.75}
.chip-list li a:hover,.chip-list li a:focus-visible{background:var(--red);color:#fff}
.chip-list li a:hover svg{opacity:1}
.chip-not{font-size:.82rem;color:var(--muted);margin-top:2px}
.g-izgara figure{scroll-margin-top:120px}
.g-izgara figure:target{outline:4px solid var(--red);outline-offset:3px;animation:hedefNabiz 1.2s ease-out 2}
@keyframes hedefNabiz{0%{box-shadow:0 0 0 0 rgba(200,16,46,.6)}100%{box-shadow:0 0 0 18px rgba(200,16,46,0)}}
@media (prefers-reduced-motion:reduce){.g-izgara figure:target{animation:none}}
@media (max-width:380px){.brand .t b{font-size:1.35rem}.hdr-cta .btn-gold{padding:.58em .7em;font-size:.82rem}.brand svg,.brand img{width:40px;height:40px}}
@media (max-width:440px){.brand .t{display:none}}
@media (max-width:350px){.hdr-cta .btn-gold svg{display:none}.hdr-cta{gap:4px}}
html,body{overflow-x:clip}
/* Erzurum ilçe haritası (şematik) */
.harita-blok{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);gap:24px;align-items:start;margin-top:4px}
.harita-kap{background:linear-gradient(160deg,#fff,var(--bg-2));border:1px solid var(--line);border-radius:22px;padding:14px}
.ilce-harita{display:block;width:100%;height:auto;max-height:560px}
.ilce-harita .ilce{fill:#fbe4e8;stroke:#fff;stroke-width:2.5;cursor:pointer;transition:fill .2s}
.ilce-harita .ilce:nth-child(3n){fill:#f8d3da}
.ilce-harita .ilce:nth-child(3n+1){fill:#fdeef1}
.ilce-harita .ilce:hover,.ilce-harita .ilce:focus-visible{fill:#f2a9b6;outline:none}
.ilce-harita .ilce.secili{fill:var(--red)}
.ilce-harita text{font:700 11px var(--body,sans-serif);text-anchor:middle;dominant-baseline:middle;fill:#7a0b1e;pointer-events:none;paint-order:stroke;stroke:rgba(255,255,255,.75);stroke-width:3px}
.ilce-harita .sehir circle{fill:var(--blue);stroke:#fff;stroke-width:2;pointer-events:none}
.harita-not{font-size:.76rem;color:var(--muted);margin:6px 4px 0}
.ilce-kart{position:sticky;top:110px;background:var(--card);border:1px solid var(--line);border-top:6px solid var(--red);border-radius:20px;padding:22px 22px 20px;box-shadow:var(--shadow)}
.ilce-kart .ik-etiket{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.ilce-kart h3{font-family:var(--display);font-size:2.4rem;font-weight:900;text-transform:uppercase;line-height:1;margin:6px 0 8px}
.ilce-kart .ik-nufus{color:var(--muted);margin-bottom:10px}
.ilce-kart .ik-nufus b{font-size:1.5rem;color:var(--navy);font-family:var(--display)}
.ilce-kart p{color:var(--muted);font-size:.95rem}
.ilce-kart .ik-uye{margin-top:10px;background:var(--red-ice);border-radius:10px;padding:8px 12px;color:var(--fg)}
.ilce-kart .more{margin-top:12px;display:inline-flex}
@media (max-width:820px){.harita-blok{grid-template-columns:1fr}.ilce-kart{position:static}}
/* Erzurum bilgi testi */
.test{background:var(--card);border:1px solid var(--line);border-top:6px solid var(--red);border-radius:22px;padding:clamp(20px,3vw,34px);box-shadow:var(--shadow);min-height:380px}
.t-giris{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:26px;align-items:center}
.t-giris img{width:100%;height:auto;border-radius:16px;display:block}
.t-giris h2,.t-sonuc h2{font-family:var(--display);font-size:clamp(1.9rem,4vw,2.7rem);font-weight:900;text-transform:uppercase;line-height:1;margin:8px 0 12px}
.t-yukleniyor{padding:40px 0;text-align:center;color:var(--muted)}
.t-giris p{color:var(--muted);margin-bottom:18px}
.test .ik-etiket{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.t-ust{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.78rem;color:var(--muted);letter-spacing:.06em}
.t-cubuk{height:8px;border-radius:4px;background:var(--bg-2);margin:10px 0 22px;overflow:hidden}
.t-cubuk i{display:block;height:100%;background:linear-gradient(90deg,var(--red),#e8314c);border-radius:4px;transition:width .4s}
.t-soru{font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:800;line-height:1.3;margin-bottom:18px;outline:none}
.t-siklar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.t-sik{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border-radius:14px;border:2px solid var(--line);background:#fff;font:inherit;font-weight:600;color:var(--fg);cursor:pointer;transition:border-color .2s,background .2s,transform .15s}
.t-sik span{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bg-2);color:var(--navy);font-family:var(--mono);font-size:.8rem}
.t-sik:hover:not(:disabled){border-color:var(--red);transform:translateY(-1px)}
.t-sik:disabled{cursor:default}
.t-sik.dogru{border-color:#1f8a4c;background:#e9f7ef}.t-sik.dogru span{background:#1f8a4c;color:#fff}
.t-sik.yanlis{border-color:var(--red);background:var(--red-ice)}.t-sik.yanlis span{background:var(--red);color:#fff}
.t-aciklama p{margin:18px 0 14px;padding:14px 16px;border-radius:14px;background:var(--bg-2);color:var(--fg)}
.t-aciklama a{color:var(--red);text-decoration:underline}
.t-sonuc{text-align:center;max-width:620px;margin:0 auto}
.t-puan{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--display);color:var(--red)}
.t-puan b{font-size:5rem;line-height:1}.t-puan span{font-size:1.8rem;color:var(--muted)}
.t-sonuc>p{color:var(--muted)}.t-en{font-size:.9rem;margin-top:6px}
.t-butonlar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0 6px}
.t-sonuc h3{margin:26px 0 10px;font-size:1.1rem;text-align:left}
.t-yanlis{list-style:none;padding:0;margin:0;text-align:left;display:grid;gap:8px}
.t-yanlis li{padding:12px 14px;border-radius:12px;background:var(--bg-2);font-size:.92rem}
.t-yanlis li b{display:block}.t-yanlis a{color:var(--red);text-decoration:underline}
@media (max-width:640px){.t-giris{grid-template-columns:1fr}.t-siklar{grid-template-columns:1fr}}

/* Fotoğrafı tam ekran açma */
.buyut{cursor:zoom-in}
dialog.lb{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;color:#fff}
dialog.lb::backdrop{background:rgba(10,14,20,.92)}
.lb-sahne{position:absolute;inset:56px 64px 84px;display:grid;place-items:center}
.lb-sahne img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);background:#fff}
.lb-alt{position:absolute;left:0;right:0;bottom:18px;text-align:center;padding:0 70px;font-size:.95rem}
.lb-alt small{display:block;opacity:.65;font-family:var(--mono);font-size:.75rem;margin-top:4px}
.lb button{position:absolute;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer}
.lb button:hover,.lb button:focus-visible{background:var(--red)}
.lb button svg{width:22px;height:22px}
.lb .lb-kapat{top:14px;right:14px}.lb .lb-onceki{left:10px;top:50%;margin-top:-24px}.lb .lb-sonraki{right:10px;top:50%;margin-top:-24px}
.lb .lb-onceki svg{transform:rotate(180deg)}
@media (max-width:640px){.lb-sahne{inset:60px 10px 96px}.lb .lb-onceki,.lb .lb-sonraki{top:auto;bottom:16px;margin:0}.lb-alt{bottom:74px;padding:0 16px}}

/* =====================================================================
   11. YAYIN GÜVENLİĞİ: ziyaretçiye eksik ya da onaylanmamış bilgi gösterme
   - .bos-gizle   : içinde hâlâ "doldurulacak" (.doldur) alan varsa ziyaretçiye gizlenir; doldurulunca kendiliğinden görünür
   - .onay-bekliyor: vakıf onaylayana kadar ziyaretçiye gizlenir (ekip görev modunda görür); onaylanınca sınıfı silin
   - .todo        : ekip notu, ziyaretçi görmez
   ===================================================================== */
body:not(.gorev-mod) .todo,
body:not(.gorev-mod) .onay-bekliyor,
body:not(.gorev-mod) .bos-gizle:has(.doldur){display:none!important}
/* Bağış: hesap bilgisi yokken açıklama */
.hesap-yok{display:none;gap:16px;align-items:flex-start;padding:22px;border-radius:18px;background:var(--red-ice);border:1px solid #f3c9d0;margin-top:16px}
.hesap-yok .ic{flex:none;width:46px;height:46px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center}
.hesap-yok .ic svg{width:22px;height:22px}
.hesap-yok b{display:block;font-size:1.1rem;margin-bottom:4px}
.hesap-yok p{color:var(--muted);margin:0 0 10px}
body:not(.gorev-mod) .b-hesaplar:has(.mth.iban:first-child .doldur) + .hesap-yok{display:flex}
body:not(.gorev-mod) #havale:has(.mth.iban:first-child .doldur) .havale-giris{display:none}
.kurul-not{margin-top:22px;padding:16px 18px;border-radius:14px;background:var(--bg-2);color:var(--muted)}
body.gorev-mod .kurul-not{display:none}
body:not(.gorev-mod) .stats:not(:has(.st:not(:has(.doldur)))){display:none}
footer .tasarim{display:block;margin-top:4px;font-size:.8rem;opacity:.75}