/* =====================================================================
   YIĞILCAYEGDER — Yığılca Yerel Eylem Grubu Derneği
   Düzen: akdenizkoruma.org.tr yapısı (mega menü, tam ekran slider,
   sağ sabit çubuk, iki renkli footer)
   Palet: turkuaz #16a79f · lacivert #16232c · beyaz (ağırlıklı)
   ===================================================================== */

:root{
  --turkuaz:#16a79f;
  --turkuaz-koyu:#0f8a83;
  --turkuaz-sis:#e8f6f5;
  --lacivert:#16232c;
  --lacivert-2:#1e2f3a;
  --lacivert-acik:#2a3f4d;
  --beyaz:#fff;
  --zemin:#f5f8f9;
  --metin:#1d2a33;
  --soluk:#63737f;
  --cizgi:#e2e8eb;
  --golge:0 2px 6px rgba(22,35,44,.05), 0 18px 44px -24px rgba(22,35,44,.35);
  --golge-s:0 1px 3px rgba(22,35,44,.07);
  --fd:'Barlow Condensed','Segoe UI',sans-serif;   /* başlık - sıkışık */
  --fb:'Barlow','Segoe UI',sans-serif;             /* gövde */
  --en:1280px;
  --ust:86px;      /* navbar yüksekliği */
  --rail:56px;     /* sağ sabit çubuk genişliği */
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; scroll-padding-top:calc(var(--ust) + 20px); }
body{
  margin:0; background:var(--beyaz); color:var(--metin);
  font:400 16.5px/1.68 var(--fb); -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
h1,h2,h3,h4{ font-family:var(--fd); font-weight:600; line-height:1.12; letter-spacing:.005em; color:var(--lacivert); margin:0 0 .5em; }
h1{ font-size:clamp(2.3rem,5vw,3.9rem); }
h2{ font-size:clamp(1.9rem,3.4vw,2.9rem); }
h3{ font-size:1.35rem; }
p{ margin:0 0 1em; }
a{ color:var(--turkuaz-koyu); text-underline-offset:3px; }
a:hover{ color:var(--lacivert); }
::selection{ background:var(--turkuaz); color:#fff; }

.kap{ width:min(100% - 3rem, var(--en)); margin-inline:auto; }
.bolum{ padding:clamp(3.4rem,6.5vw,5.6rem) 0; }
.bolum--zemin{ background:var(--zemin); }
.bolum--lacivert{ background:var(--lacivert); color:rgba(255,255,255,.78); }
.bolum--lacivert h2,.bolum--lacivert h3{ color:#fff; }
.dar{ max-width:80ch; }
.orta{ text-align:center; margin-inline:auto; }

.ustyazi{
  display:inline-block; font:700 .76rem/1 var(--fb); letter-spacing:.22em; text-transform:uppercase;
  color:var(--turkuaz); margin-bottom:.9rem;
}
.bolum-basi{ display:flex; align-items:flex-end; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; margin-bottom:2.4rem; }
.bolum-basi h2{ margin:0; }
.bolum-basi p{ margin:.6rem 0 0; color:var(--soluk); max-width:64ch; }
.bolum-basi.orta{ flex-direction:column; align-items:center; text-align:center; }
.cizgi-alti{ position:relative; padding-bottom:.7rem; }
.cizgi-alti::after{ content:""; position:absolute; left:0; bottom:0; width:64px; height:3px; background:var(--turkuaz); }
.orta .cizgi-alti::after{ left:50%; transform:translateX(-50%); }

.atla{ position:absolute; left:-9999px; background:var(--turkuaz); color:#fff; padding:.7rem 1.1rem; z-index:999; font-weight:700; }
.atla:focus{ left:0; top:0; }

/* ================= NAVBAR ================= */
.ust-bar{
  /* Kurum logoları her ekranda aynı kutuda: en fazla 45px, dar ekranda kendiliğinden küçülür. */
  --logo:clamp(34px,2.4vw,45px);
  position:fixed; top:0; left:var(--rail); right:0; z-index:80; height:var(--ust);
  display:grid; grid-template-areas:"marka logolar menu";
  grid-template-columns:max-content minmax(0,1fr) max-content;
  align-items:stretch; gap:0;
  background:#fff; box-shadow:0 1px 0 var(--cizgi), 0 6px 22px -18px rgba(22,35,44,.6);
}
.marka{
  grid-area:marka;
  display:flex; align-items:center; gap:.8rem; padding:0 clamp(.9rem,1.6vw,2.2rem);
  text-decoration:none; color:inherit; min-width:0;
}
.marka img{ height:52px; width:52px; object-fit:contain; flex:none; }
.marka b{ display:block; font:600 1.22rem/1.05 var(--fd); letter-spacing:.02em; color:var(--lacivert); text-transform:uppercase; white-space:nowrap; }
.marka small{ display:block; font-size:.71rem; letter-spacing:.02em; color:var(--soluk); white-space:nowrap; }
.ust-logolari{ grid-area:logolar; display:flex; align-items:center; justify-content:center; gap:0; padding:0 .6rem; margin:0; min-width:0; overflow:hidden; }
.ust-logo{
  flex:0 1 auto; min-width:0; box-sizing:content-box;
  width:calc(var(--logo) * 1.6); height:var(--logo);
  display:grid; place-items:center; padding:0 .5rem;
  border-left:1px solid var(--cizgi); text-decoration:none;
}
.ust-logo:first-child{ border-left:0; }
.ust-logo img{ width:100%; height:var(--logo); max-height:var(--logo); object-fit:contain; }
.ust-logo:focus-visible{ outline:2px solid var(--turkuaz); outline-offset:2px; }
.ust-cizgi{ display:none; }

.ust-bar > nav{ grid-area:menu; display:flex; align-items:stretch; min-width:0; }
.menu{ display:flex; align-items:stretch; list-style:none; margin:0; padding:0; background:#fff; height:100%; }
.menu > li{ position:relative; display:flex; align-items:stretch; }
.menu > li > a{
  display:flex; align-items:center; justify-content:center; padding:0 clamp(.75rem,.95vw,1.35rem);
  font:600 .87rem/1 var(--fb); letter-spacing:.08em;
  text-transform:uppercase; color:var(--lacivert); text-decoration:none; white-space:nowrap;
  border-left:1px solid var(--cizgi);
  transition:background .18s, color .18s;
}
.menu > li:first-child > a{ border-left:none; }
.menu > li > a:hover,
.menu > li.acik > a{ background:var(--turkuaz); color:#fff; }
.menu > li > a[aria-current="page"]{ color:var(--turkuaz); box-shadow:inset 0 -3px 0 var(--turkuaz); }
.menu > li > a[aria-current="page"]:hover{ color:#fff; }

/* açılır menüler */
.acilir{
  position:absolute; top:100%; left:0; min-width:250px; background:#fff; box-shadow:var(--golge);
  padding:.5rem 0; list-style:none; margin:0; border-top:3px solid var(--turkuaz);
  opacity:0; visibility:hidden; transform:translateY(-8px); transition:opacity .2s, transform .2s, visibility .2s;
}
.menu > li:hover > .acilir,
.menu > li:focus-within > .acilir{ opacity:1; visibility:visible; transform:none; }
.acilir a{ display:block; padding:.6rem 1.3rem; font-size:.92rem; color:var(--metin); text-decoration:none; }
.acilir a:hover{ background:var(--turkuaz-sis); color:var(--turkuaz-koyu); }

/* mega menü */
.mega{
  position:absolute; top:100%; right:0; width:min(88vw,860px); background:#fff; box-shadow:var(--golge);
  border-top:3px solid var(--turkuaz); padding:2rem 2.2rem;
  display:grid; grid-template-columns:repeat(3,1fr); gap:1.8rem 2.2rem;
  opacity:0; visibility:hidden; transform:translateY(-8px); transition:opacity .2s, transform .2s, visibility .2s;
}
.menu > li:hover > .mega,
.menu > li:focus-within > .mega{ opacity:1; visibility:visible; transform:none; }
.mega h4{
  font:700 1.02rem var(--fd); letter-spacing:.08em; text-transform:uppercase;
  color:var(--turkuaz-koyu); padding-bottom:.5rem; margin:0 0 .7rem;
  border-bottom:2px solid var(--turkuaz);
}
.mega ul{ list-style:none; margin:0; padding:0; display:grid; gap:.35rem; }
.mega li{ position:relative; padding-left:1rem; }
.mega li::before{ content:""; position:absolute; left:0; top:.72em; width:5px; height:5px; border-radius:50%; background:var(--turkuaz); }
.mega a{ font-size:.9rem; color:var(--metin); text-decoration:none; }
.mega a:hover{ color:var(--turkuaz-koyu); }

.menu-dugme{
  display:none; background:#fff; border:none; width:56px; cursor:pointer; color:var(--lacivert);
  box-shadow:var(--golge-s); align-items:center; justify-content:center; flex-direction:column; gap:5px;
}
.menu-dugme span{ display:block; width:22px; height:2px; background:currentColor; transition:transform .2s, opacity .2s; }
.menu-dugme[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.menu-dugme[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.menu-dugme[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ================= SAĞ SABİT ÇUBUK ================= */
.rail{
  position:fixed; top:0; left:0; bottom:0; width:var(--rail); z-index:85;
  background:var(--lacivert); display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:.25rem; padding:1rem 0;
}
.rail a, .rail button{
  width:38px; height:38px; display:grid; place-items:center; background:#fff; color:var(--lacivert);
  border:none; cursor:pointer; text-decoration:none; transition:background .18s, color .18s;
}
.rail a:hover, .rail button:hover{ background:var(--turkuaz); color:#fff; }
.rail .ayrac{ width:22px; height:1px; background:rgba(255,255,255,.2); margin:.5rem 0; }
.rail .dil{ font:700 .75rem var(--fb); letter-spacing:.06em; }
.rail .dil.etkin{ background:var(--turkuaz); color:#fff; }
.rail .sos.fb:hover{ background:#1877f2; } .rail .sos.tw:hover{ background:#1d9bf0; }
.rail .sos.ig:hover{ background:#c13584; } .rail .sos.yt:hover{ background:#ff0000; }
.rail .sos.li:hover{ background:#0a66c2; }

body{ padding-left:var(--rail); padding-top:var(--ust); }

/* ================= SLIDER ================= */
.slider{ position:relative; overflow:hidden; background:var(--lacivert); }
/* 2. kaydırmalı alan: birincisiyle aynı, arada nefes payı bırakır */
.slider--ikinci{ margin-top:2.6rem; }
@media (max-width:760px){ .slider--ikinci{ margin-top:1.6rem; } }
.slider-ray{ display:flex; transition:transform .8s cubic-bezier(.65,.05,.36,1); }
.slayt{ position:relative; flex:0 0 100%; min-height:min(calc(100vh - var(--ust)),820px); display:grid; align-items:end; }
.slayt-gorsel{ position:absolute; inset:0; background-size:cover; background-position:center; }
.slayt-gorsel--mobil{ display:none; }
@media (max-width:760px){
  .slayt.mobil-var .slayt-gorsel--masaustu{ display:none; }
  .slayt.mobil-var .slayt-gorsel--mobil{ display:block; }
}
.slayt-gorsel::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(22,35,44,.9) 0%, rgba(22,35,44,.35) 45%, rgba(22,35,44,.25) 100%);
}
.slayt .kap{ position:relative; z-index:2; padding:0 0 clamp(6rem,12vh,9rem); }
.slayt-ic{ max-width:720px; color:#fff; }
.slayt-ic h2{ color:#fff; font-size:clamp(2.2rem,5.2vw,4.1rem); margin-bottom:.5rem; text-shadow:0 2px 24px rgba(0,0,0,.35); }
.slayt-ic p{ color:rgba(255,255,255,.9); font-size:1.1rem; max-width:56ch; }
.slayt-dugmeler{ display:flex; gap:.8rem; flex-wrap:wrap; margin-top:1.7rem; }
.slayt.etkin .slayt-ic > *{ animation:slaytGir .8s cubic-bezier(.2,.7,.3,1) backwards; }
.slayt.etkin .slayt-ic > *:nth-child(1){ animation-delay:.15s; }
.slayt.etkin .slayt-ic > *:nth-child(2){ animation-delay:.3s; }
.slayt.etkin .slayt-ic > *:nth-child(3){ animation-delay:.45s; }
@keyframes slaytGir{ from{ opacity:0; transform:translateY(26px); } }

/* baklava dilimi sayfalama */
.slider-nokta{
  position:absolute; left:0; right:0; bottom:2.2rem; z-index:5;
  display:flex; gap:.7rem; padding-left:max(1.5rem,calc((100vw - var(--rail) - var(--en))/2));
}
.slider-nokta button{
  width:52px; height:46px; border:none; padding:0; cursor:pointer;
  background:rgba(255,255,255,.22); color:#fff; font:600 .98rem/46px var(--fd);
  clip-path:polygon(25% 2%, 75% 2%, 100% 50%, 75% 98%, 25% 98%, 0 50%);
  transition:background .2s, transform .2s;
}
.slider-nokta button span{ display:block; }
.slider-nokta button:hover{ background:rgba(255,255,255,.4); transform:translateY(-2px); }
.slider-nokta button.etkin{ background:var(--turkuaz); }

/* ================= DÜĞMELER ================= */
.dugme{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  padding:.85rem 1.9rem; border:1.5px solid transparent; cursor:pointer;
  font:600 .88rem/1 var(--fb); letter-spacing:.08em; text-transform:uppercase; text-decoration:none; white-space:nowrap;
  transition:background .18s, color .18s, border-color .18s;
}
.dugme--birincil{ background:var(--turkuaz); color:#fff; }
.dugme--birincil:hover{ background:var(--turkuaz-koyu); color:#fff; }
.dugme--cizgi{ background:transparent; color:#fff; border-color:rgba(255,255,255,.75); }
.dugme--cizgi:hover{ background:#fff; color:var(--lacivert); }
.dugme--koyu{ background:var(--lacivert); color:#fff; }
.dugme--koyu:hover{ background:var(--lacivert-acik); color:#fff; }
.dugme--acik{ background:#fff; color:var(--lacivert); border-color:var(--cizgi); }
.dugme--acik:hover{ border-color:var(--turkuaz); color:var(--turkuaz-koyu); }
.dugme--kucuk{ padding:.6rem 1.2rem; font-size:.79rem; }

/* ================= HAKKIMIZDA / İKİLİ ================= */
.ikili{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
.gorsel-cerceve{ position:relative; }
.gorsel-cerceve img{ width:100%; object-fit:cover; }
.gorsel-cerceve::before{ content:""; position:absolute; inset:-14px -14px auto auto; width:55%; height:55%; border:3px solid var(--turkuaz); z-index:-1; }
.gorsel-kutu{ aspect-ratio:4/3; background:linear-gradient(140deg,var(--turkuaz),var(--lacivert)); display:grid; place-items:center; position:relative; overflow:hidden; }
.gorsel-kutu img{ width:58%; max-width:250px; filter:drop-shadow(0 18px 34px rgba(0,0,0,.3)); }
.gorsel-kutu::after{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(58deg,rgba(255,255,255,.06) 0 2px,transparent 2px 18px); }
.liste-tik{ list-style:none; padding:0; margin:1.4rem 0 0; display:grid; gap:.7rem; }
.liste-tik li{ display:grid; grid-template-columns:22px 1fr; gap:.7rem; align-items:start; }
.liste-tik li::before{ content:""; width:9px; height:9px; margin-top:.55em; background:var(--turkuaz); transform:rotate(45deg); }

/* ================= HAKKIMIZDA (kolaj düzen) ================= */
.hakkinda{ display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(2.5rem,5vw,5rem); align-items:center; }
.kolaj{ position:relative; padding:0 0 4.5rem 4.5rem; }
.kolaj .buyuk{ position:relative; aspect-ratio:4/3.2; overflow:hidden; }
.kolaj .buyuk img{ width:100%; height:100%; object-fit:cover; }
.kolaj .kucuk{ position:absolute; left:0; bottom:0; width:52%; aspect-ratio:4/3; overflow:hidden; border:8px solid #fff; box-shadow:var(--golge); }
.kolaj .kucuk img{ width:100%; height:100%; object-fit:cover; }
.kolaj .cerceve{ position:absolute; top:-18px; right:-18px; width:46%; height:46%; border:3px solid var(--turkuaz); z-index:-1; }
.kolaj .rozet{
  position:absolute; right:0; bottom:1.5rem; background:var(--turkuaz); color:#fff;
  padding:1.1rem 1.4rem; text-align:center; box-shadow:var(--golge); max-width:190px;
}
.kolaj .rozet b{ display:block; font:600 2.4rem/1 var(--fd); }
.kolaj .rozet span{ font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.85); }

.mini-liste{ display:grid; gap:1.1rem; margin:1.8rem 0 0; list-style:none; padding:0; }
.mini-liste li{ display:grid; grid-template-columns:52px 1fr; gap:1.1rem; align-items:start; }
.mini-liste .ikon{ width:52px; height:52px; background:var(--turkuaz-sis); color:var(--turkuaz-koyu); display:grid; place-items:center; }
.mini-liste b{ display:block; font:600 1.12rem var(--fd); color:var(--lacivert); }
.mini-liste span{ font-size:.93rem; color:var(--soluk); }
.hakkinda-dugmeler{ display:flex; gap:.8rem; flex-wrap:wrap; margin-top:2rem; }

/* ================= AB / STANDARTLAR BANDI ================= */
.ab-band{ background:var(--lacivert); color:rgba(255,255,255,.75); }
.ab-band .kap{ display:grid; grid-template-columns:auto 1fr; gap:2.4rem; align-items:center; padding-block:clamp(2.2rem,4vw,3rem); }
.ab-bayraklar{ display:grid; gap:.9rem; flex:none; }
.ab-bayraklar figure{ margin:0; text-align:center; }
.ab-bayraklar svg{ display:block; width:118px; height:79px; box-shadow:0 10px 30px -14px rgba(0,0,0,.85); }
.ab-bayraklar figcaption{ margin-top:.35rem; font:600 .64rem var(--fb); letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5); }
.ab-band h2{ color:#fff; font-size:clamp(1.4rem,2.2vw,1.9rem); margin:0 0 .5rem; }
.ab-band p{ margin:0 0 .7rem; max-width:78ch; font-size:.96rem; }
.ab-band ul{ list-style:none; display:flex; flex-wrap:wrap; gap:.5rem; margin:.8rem 0 0; padding:0; }
.ab-band li{ border:1px solid rgba(255,255,255,.25); padding:.4rem .8rem; font:600 .74rem var(--fb); letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.8); }

/* ================= ÇALIŞMA KARTLARI (görselli) ================= */
.calisma-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.6rem; }
.calisma{
  position:relative; display:block; overflow:hidden; text-decoration:none; color:#fff; min-height:290px;
  background:var(--lacivert);
}
.calisma-gorsel{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.calisma-ort{ position:absolute; inset:0; background:linear-gradient(to top,rgba(22,35,44,.94) 5%,rgba(22,35,44,.45) 55%,rgba(22,35,44,.15)); transition:background .3s; }
.calisma:hover .calisma-gorsel{ transform:scale(1.07); }
.calisma:hover .calisma-ort{ background:linear-gradient(to top,rgba(15,138,131,.94) 5%,rgba(22,35,44,.5) 60%,rgba(22,35,44,.2)); }
.calisma-yazi{ position:absolute; inset:auto 0 0 0; padding:1.7rem 1.5rem; z-index:2; display:block; }
.calisma-yazi h3{ color:#fff; margin-bottom:.4rem; font-size:1.32rem; }
.calisma-yazi p{ color:rgba(255,255,255,.85); font-size:.92rem; margin:0 0 .8rem; }
.calisma-yazi .inc{ font:600 .78rem var(--fb); letter-spacing:.12em; text-transform:uppercase; color:#fff; display:inline-flex; align-items:center; gap:.4rem; }
.calisma-yazi .inc::after{ content:"→"; }

/* ================= KARTLAR ================= */
.kartlar{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; }
.kart{ background:#fff; border:1px solid var(--cizgi); padding:1.9rem 1.7rem; transition:box-shadow .22s, transform .22s, border-color .22s; }
.kart:hover{ box-shadow:var(--golge); transform:translateY(-4px); border-color:transparent; }
.kart .ikon{ width:54px; height:54px; background:var(--turkuaz-sis); color:var(--turkuaz-koyu); display:grid; place-items:center; margin-bottom:1.1rem; }
/* Panelden görsel eklenen kartlar: görsel kartın üst kenarına oturur */
.kart-gorsel{ margin:-1.9rem -1.7rem 1.2rem; overflow:hidden; }
.kart-gorsel img{ width:100%; height:190px; object-fit:cover; display:block; transition:transform .3s; }
.kart:hover .kart-gorsel img{ transform:scale(1.04); }
.kart-gorsel + .ikon{ margin-top:-.4rem; }
.kart h3{ margin-bottom:.4rem; }
.kart p{ color:var(--soluk); font-size:.96rem; margin:0; }
.kart--vurgu{ background:var(--lacivert); border-color:var(--lacivert); }
.kart--vurgu h3{ color:#fff; } .kart--vurgu p{ color:rgba(255,255,255,.78); }
.kart--vurgu .ikon{ background:rgba(255,255,255,.1); color:#fff; }

/* ================= İHBAR / DESTEK HATTI ================= */
.hat{ background:var(--turkuaz); color:#fff; }
.hat .kap{ display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap; padding-block:clamp(2.4rem,4.5vw,3.4rem); }
.hat h2{ color:#fff; margin:0 0 .3rem; }
.hat p{ margin:0; color:rgba(255,255,255,.85); max-width:56ch; }
.hat .eylem{ display:flex; gap:.8rem; flex-wrap:wrap; align-items:center; }
.hat .tel{ font:600 1.6rem var(--fd); color:#fff; text-decoration:none; display:flex; align-items:center; gap:.6rem; }

/* ================= SAYILAR ================= */
.sayilar{ display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:1.6rem; text-align:center; }
.sayilar .deger{ display:block; font:600 clamp(2.2rem,4.6vw,3.2rem)/1 var(--fd); color:var(--turkuaz); }
.sayilar .ad{ font-size:.92rem; color:var(--soluk); }
.bolum--lacivert .sayilar .ad{ color:rgba(255,255,255,.7); }

/* ================= BLOG / HABER ================= */
.blog-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.6rem; }
.yazi{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--cizgi); text-decoration:none; color:inherit; transition:box-shadow .22s, transform .22s, border-color .22s; }
.yazi:hover{ box-shadow:var(--golge); transform:translateY(-4px); border-color:transparent; }
.yazi .kapak{ aspect-ratio:16/10; background:var(--zemin); overflow:hidden; position:relative; }
.yazi .kapak img{ width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.yazi:hover .kapak img{ transform:scale(1.06); }
.yazi .kapak .bos{ position:absolute; inset:0; background:linear-gradient(140deg,var(--turkuaz),var(--lacivert)); }
.yazi .govde{ padding:1.35rem 1.4rem 1.5rem; display:flex; flex-direction:column; flex:1; }
.yazi .kat{ align-self:flex-start; background:var(--turkuaz-sis); color:var(--turkuaz-koyu); font:700 .68rem/1 var(--fb); letter-spacing:.12em; text-transform:uppercase; padding:.4rem .7rem; margin-bottom:.8rem; }
.yazi h3{ font-size:1.2rem; margin-bottom:.4rem; }
.yazi p{ font-size:.93rem; color:var(--soluk); margin:0 0 1rem; }
.yazi .alt{ margin-top:auto; display:flex; justify-content:space-between; gap:1rem; align-items:center; font-size:.82rem; color:var(--soluk); border-top:1px solid var(--cizgi); padding-top:.9rem; }
.yazi .devam{ color:var(--turkuaz-koyu); font-weight:600; }

.filtre{ display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:2rem; }
.filtre button{ padding:.55rem 1.2rem; border:1px solid var(--cizgi); background:#fff; font:600 .82rem var(--fb); letter-spacing:.06em; text-transform:uppercase; color:var(--metin); cursor:pointer; transition:.18s; }
.filtre button:hover{ border-color:var(--turkuaz); color:var(--turkuaz-koyu); }
.filtre button.etkin{ background:var(--lacivert); border-color:var(--lacivert); color:#fff; }

/* yazı detay */
.yazi-basi{ background:var(--zemin); border-bottom:1px solid var(--cizgi); padding:clamp(2.4rem,5vw,3.8rem) 0; }
.yazi-meta{ display:flex; flex-wrap:wrap; gap:1rem; align-items:center; color:var(--soluk); font-size:.88rem; margin-top:.8rem; }
.yazi-meta .kat{ background:var(--turkuaz-sis); color:var(--turkuaz-koyu); font:700 .68rem/1 var(--fb); letter-spacing:.12em; text-transform:uppercase; padding:.4rem .7rem; }
.yazi-kapak{ overflow:hidden; box-shadow:var(--golge); margin:-2.5rem 0 2.5rem; }
.yazi-kapak img{ width:100%; aspect-ratio:16/8; object-fit:cover; }
.icerik-metni{ font-size:1.07rem; }
.icerik-metni h2{ margin-top:2.3rem; } .icerik-metni h3{ margin-top:1.8rem; }
.icerik-metni img{ margin:1.6rem 0; }
.icerik-metni blockquote{ margin:1.8rem 0; padding:1.2rem 1.6rem; background:var(--turkuaz-sis); border-left:4px solid var(--turkuaz); color:var(--lacivert); font-size:1.06rem; }
.icerik-metni ul,.icerik-metni ol{ padding-left:1.3rem; } .icerik-metni li{ margin-bottom:.5rem; }
.icerik-metni table{ width:100%; border-collapse:collapse; margin:1.5rem 0; font-size:.95rem; }
.icerik-metni th,.icerik-metni td{ text-align:left; padding:.8rem .9rem; border-bottom:1px solid var(--cizgi); }
.icerik-metni thead th{ background:var(--zemin); font-family:var(--fd); font-size:.85rem; letter-spacing:.06em; text-transform:uppercase; }

.paylas{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--cizgi); }
.paylas b{ font-family:var(--fd); font-size:1.05rem; color:var(--lacivert); margin-right:.3rem; }
.paylas a,.paylas button{ width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--cizgi); background:#fff; color:var(--lacivert); cursor:pointer; text-decoration:none; transition:.18s; }
.paylas a:hover,.paylas button:hover{ background:var(--turkuaz); border-color:var(--turkuaz); color:#fff; }

/* ================= YAYINLAR ================= */
.yayin-liste{ display:grid; gap:1rem; }
.yayin{ display:grid; grid-template-columns:78px 1fr auto; gap:1.4rem; align-items:center; background:#fff; border:1px solid var(--cizgi); padding:1.2rem 1.4rem; text-decoration:none; color:inherit; transition:.2s; }
.yayin:hover{ border-color:var(--turkuaz); box-shadow:var(--golge-s); }
.yayin .tip .yayin-kapak{ width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.yayin .tip{ position:relative; overflow:hidden; width:78px; height:96px; background:var(--turkuaz-sis); color:var(--turkuaz-koyu); display:grid; place-items:center; text-align:center; font:700 .68rem var(--fb); letter-spacing:.1em; text-transform:uppercase; gap:.3rem; }
.yayin h3{ font-size:1.12rem; margin-bottom:.25rem; }
.yayin p{ margin:0; color:var(--soluk); font-size:.92rem; }
.yayin .yil{ font:600 1.2rem var(--fd); color:var(--soluk); }

/* ================= EKİP ================= */
.ekip-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:1.5rem; }
.kisi{ background:#fff; border:1px solid var(--cizgi); text-align:center; padding-bottom:1.4rem; transition:.2s; }
.kisi:hover{ box-shadow:var(--golge); border-color:transparent; }
.kisi .foto{ aspect-ratio:1; background:var(--turkuaz-sis); overflow:hidden; display:grid; place-items:center; }
.kisi .foto img{ width:100%; height:100%; object-fit:cover; }
.kisi .foto .harf{ font:600 3rem var(--fd); color:var(--turkuaz); }
.kisi b{ display:block; font:600 1.1rem var(--fd); color:var(--lacivert); margin-top:1rem; }
.kisi span{ font-size:.88rem; color:var(--soluk); }

/* ================= LOGO ŞERİDİ ================= */
.logo-serit{ display:flex; flex-wrap:wrap; gap:1px; background:var(--cizgi); border:1px solid var(--cizgi); }
.logo-serit div{ flex:1 1 180px; background:#fff; min-height:130px; display:grid; place-items:center; padding:1.2rem; color:var(--soluk); font:600 .95rem var(--fd); text-align:center; transition:background .2s; }
.logo-serit div:hover{ background:var(--turkuaz-sis); }
.logo-serit img{ max-height:74px; width:auto; object-fit:contain; filter:grayscale(1); opacity:.75; transition:filter .25s, opacity .25s; }
.logo-serit div:hover img{ filter:none; opacity:1; }
.logo-serit a{ display:grid; place-items:center; width:100%; height:100%; text-decoration:none; color:inherit; }

/* ================= GALERİ ================= */
.galeri-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:1rem; }
.galeri-grid figure{ margin:0; overflow:hidden; position:relative; cursor:zoom-in; background:var(--zemin); aspect-ratio:4/3; }
.galeri-grid figure.uzun{ grid-row:span 2; aspect-ratio:4/6.2; }
.galeri-grid figure.genis{ grid-column:span 2; aspect-ratio:8/3.05; }
.galeri-grid img{ width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.galeri-grid figure:hover img{ transform:scale(1.06); }
.galeri-grid figcaption{ position:absolute; inset:auto 0 0 0; padding:1.6rem .9rem .8rem; color:#fff; font-size:.85rem; background:linear-gradient(transparent,rgba(22,35,44,.88)); opacity:0; transition:opacity .25s; }
.galeri-grid figure:hover figcaption{ opacity:1; }
.yil-filtre{ display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.6rem; }
.yil-filtre button{ padding:.5rem 1.15rem; border:1px solid var(--cizgi); background:#fff; font:600 .84rem var(--fb); letter-spacing:.06em; cursor:pointer; color:var(--metin); }
.yil-filtre button.etkin{ background:var(--turkuaz); border-color:var(--turkuaz); color:#fff; }

.lightbox{ position:fixed; inset:0; z-index:200; background:rgba(12,22,29,.95); display:none; align-items:center; justify-content:center; padding:2rem; }
.lightbox.acik{ display:flex; }
.lightbox img{ max-width:90vw; max-height:86vh; }
.lightbox .kapat,.lightbox .lb-ok{ position:absolute; width:48px; height:48px; border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.08); color:#fff; cursor:pointer; display:grid; place-items:center; font-size:1.4rem; }
.lightbox .kapat{ top:1.4rem; right:1.4rem; }
.lightbox .lb-onceki{ left:1.4rem; top:50%; transform:translateY(-50%); }
.lightbox .lb-sonraki{ right:1.4rem; top:50%; transform:translateY(-50%); }

/* ================= SSS ================= */
.sss-liste{ max-width:900px; margin-inline:auto; }
.sss-oge{ border:1px solid var(--cizgi); background:#fff; margin-bottom:.7rem; overflow:hidden; transition:.2s; }
.sss-oge.acik{ border-color:var(--turkuaz); }
.sss-soru{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:1rem; text-align:left; padding:1.15rem 1.4rem; background:none; border:none; cursor:pointer; font:600 1.1rem var(--fd); color:var(--lacivert); }
.sss-soru .art{ width:30px; height:30px; flex:none; background:var(--turkuaz-sis); color:var(--turkuaz-koyu); display:grid; place-items:center; font-size:1.2rem; transition:.25s; }
.sss-oge.acik .art{ transform:rotate(45deg); background:var(--turkuaz); color:#fff; }
.sss-cevap{ max-height:0; overflow:hidden; transition:max-height .3s ease; }
.sss-cevap > div{ padding:0 1.4rem 1.3rem; color:var(--soluk); }

/* ================= FORMLAR ================= */
form.kutu{ background:#fff; border:1px solid var(--cizgi); padding:1.9rem; box-shadow:var(--golge-s); }
.alan{ margin-bottom:1.05rem; }
.alan-ikili{ display:grid; grid-template-columns:1fr 1fr; gap:1.05rem; }
label{ display:block; font:600 .78rem var(--fb); letter-spacing:.09em; text-transform:uppercase; color:var(--lacivert); margin-bottom:.4rem; }
input,select,textarea{ width:100%; padding:.8rem .9rem; font:400 1rem var(--fb); color:var(--metin); background:#fff; border:1px solid var(--cizgi); }
input:focus,select:focus,textarea:focus{ outline:none; border-color:var(--turkuaz); box-shadow:0 0 0 3px rgba(22,167,159,.13); }
textarea{ min-height:130px; resize:vertical; }
.onay-satir{ display:flex; gap:.6rem; align-items:flex-start; margin:.4rem 0 1rem; }
.onay-satir input{ width:auto; margin-top:.35rem; }
.onay-satir label{ margin:0; text-transform:none; letter-spacing:0; font-weight:400; font-size:.86rem; color:var(--soluk); }
.form-not{ font-size:.84rem; color:var(--soluk); margin:.85rem 0 0; }
.form-mesaj{ margin-top:1rem; padding:.85rem 1rem; font-size:.93rem; display:none; }
.form-mesaj.gorunur{ display:block; }
.form-mesaj.ok{ background:var(--turkuaz-sis); color:var(--turkuaz-koyu); border-left:3px solid var(--turkuaz); }
.form-mesaj.err{ background:#fdecec; color:#b3261e; border-left:3px solid #b3261e; }

.iletisim-grid{ display:grid; grid-template-columns:1fr 1.15fr; gap:3rem; align-items:start; }
.bilgi-satir{ display:grid; grid-template-columns:46px 1fr; gap:1rem; padding:1.05rem 0; border-bottom:1px solid var(--cizgi); }
.bilgi-satir .ikon{ width:46px; height:46px; background:var(--turkuaz-sis); color:var(--turkuaz-koyu); display:grid; place-items:center; }
.bilgi-satir strong{ display:block; font:600 .74rem var(--fb); letter-spacing:.12em; text-transform:uppercase; color:var(--soluk); }
.harita{ border:1px solid var(--cizgi); }
.harita iframe{ width:100%; height:400px; border:0; display:block; }

/* ================= SAYFA BAŞLIĞI ================= */
.sayfa-basi{ position:relative; background:var(--lacivert); color:#fff; padding:clamp(2.4rem,4.6vw,3.6rem) 0; overflow:hidden; }
.sayfa-basi::before{ content:""; position:absolute; inset:0; background:linear-gradient(115deg,var(--lacivert) 40%,var(--turkuaz-koyu) 140%); }
.sayfa-basi::after{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(58deg,rgba(255,255,255,.05) 0 2px,transparent 2px 20px); }
.sayfa-basi .kap{ position:relative; z-index:2; }
.sayfa-basi h1{ color:#fff; margin:.5rem 0 .5rem; }
.sayfa-basi p{ color:rgba(255,255,255,.8); max-width:72ch; margin:0; }
.izlek{ font-size:.82rem; color:rgba(255,255,255,.65); }
.izlek ol{ list-style:none; display:flex; flex-wrap:wrap; gap:.4rem; margin:0; padding:0; }
.izlek li::after{ content:"/"; margin-left:.4rem; opacity:.5; }
.izlek li:last-child::after{ content:""; }
.izlek a{ color:inherit; text-decoration:none; }
.izlek a:hover{ color:#fff; }

/* ================= FOOTER ================= */
.alt{ display:block; }
.alt-bulten{ background:var(--turkuaz); color:#fff; padding:clamp(2.2rem,4vw,3rem) clamp(1.6rem,3vw,2.6rem); }
.alt-bulten h3{ color:#fff; font-size:1.4rem; padding-bottom:.6rem; border-bottom:1px solid rgba(255,255,255,.35); margin-bottom:1.6rem; }
.alt-bulten .logo{ background:#fff; width:150px; padding:10px; margin:0 auto 1.2rem; }
.alt-bulten p{ font-size:.92rem; color:rgba(255,255,255,.9); }
.alt-bulten a{ color:#fff; text-decoration:underline; }
.alt-bulten input{ background:#fff; border:none; margin-bottom:.5rem; }
.alt-bulten .gonder{ display:flex; }
.alt-bulten .gonder input{ margin:0; }
.alt-bulten .gonder button{ background:var(--lacivert); color:#fff; border:none; padding:0 1.4rem; font:600 .85rem var(--fb); letter-spacing:.06em; cursor:pointer; }
.alt-bulten .gonder button:hover{ background:var(--lacivert-acik); }
.bulten-mesaj{ font-size:.84rem; margin-top:.5rem; min-height:1.2em; }
.bulten-mesaj.ok{ color:#fff; font-weight:600; } .bulten-mesaj.err{ color:#ffd7d7; }

.alt-ana{ background:var(--lacivert); color:rgba(255,255,255,.75); padding:clamp(2.2rem,4vw,3rem) clamp(1.6rem,3vw,3rem); }
.alt-grid{ display:grid; grid-template-columns:1.1fr 1fr 1.1fr .9fr; gap:2.2rem; align-items:start; }
.alt-ana h4{ color:#fff; font:600 1.25rem var(--fd); padding-bottom:.6rem; border-bottom:1px solid rgba(255,255,255,.25); margin-bottom:1.2rem; }
.alt-ana ul{ list-style:none; margin:0; padding:0; display:grid; gap:.6rem; }
.alt-ana a{ color:inherit; text-decoration:none; }
.alt-ana a:hover{ color:var(--turkuaz); }
.alt-iletisim li{ display:grid; grid-template-columns:24px 1fr; gap:.7rem; align-items:start; font-size:.93rem; }
.alt-iletisim svg{ margin-top:.3rem; color:var(--turkuaz); }
.alt-menu-liste a{ font-size:.86rem; letter-spacing:.06em; text-transform:uppercase; }
.sosyal-kutular{ display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
.sosyal-kutular a{ border:1px solid rgba(255,255,255,.25); padding:.9rem .5rem; display:grid; place-items:center; gap:.3rem; font-size:.78rem; color:rgba(255,255,255,.8); transition:.18s; }
.sosyal-kutular a:hover{ background:var(--turkuaz); border-color:var(--turkuaz); color:#fff; }

/* Footer ortasindaki E-Bulten sutunu (koyu zemin uzerinde) */
.alt-bulten-sutun p{ font-size:.9rem; }
.alt-bulten-sutun .onay-satir{ margin:.2rem 0 .8rem; }
.alt-bulten-sutun .onay-satir label{ color:rgba(255,255,255,.7); font-size:.8rem; }
.alt-bulten-sutun .onay-satir a{ color:var(--turkuaz); text-decoration:underline; }
.alt-bulten-sutun input[type="text"],
.alt-bulten-sutun input[type="email"]{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.2); color:#fff; margin-bottom:.5rem; }
.alt-bulten-sutun input::placeholder{ color:rgba(255,255,255,.45); }
.alt-bulten-sutun input:focus{ border-color:var(--turkuaz); box-shadow:none; }
.alt-bulten-sutun .gonder{ display:flex; }
.alt-bulten-sutun .gonder input{ margin:0; }
.alt-bulten-sutun .gonder button{ background:var(--turkuaz); color:#fff; border:none; padding:0 1.3rem; font:600 .85rem var(--fb); letter-spacing:.06em; cursor:pointer; }
.alt-bulten-sutun .gonder button:hover{ background:var(--turkuaz-koyu); }

/* Sol turkuaz paneldeki iletisim listesi */
.alt-bulten .alt-iletisim{ list-style:none; margin:0; padding:0; display:grid; gap:.7rem; }
.alt-bulten .alt-iletisim li{ display:grid; grid-template-columns:22px 1fr; gap:.7rem; align-items:start; font-size:.93rem; }
.alt-bulten .alt-iletisim svg{ margin-top:.3rem; color:#fff; opacity:.85; }
.alt-bulten .alt-iletisim a{ color:#fff; text-decoration:none; }
.alt-bulten .alt-iletisim a:hover{ text-decoration:underline; }

/* Footer ortasindaki turkuaz E-Bulten kutusu */
.bulten-kutu{ background:var(--turkuaz); padding:1.6rem 1.5rem 1.8rem; }
.bulten-kutu h4{ color:#fff; border-bottom-color:rgba(255,255,255,.4); }
.bulten-kutu .logo{ background:#fff; width:132px; padding:9px; margin:0 auto 1.1rem; }
.bulten-kutu p{ color:#fff; font-size:.9rem; }
.bulten-kutu .onay-satir{ margin:.3rem 0 .9rem; }
.bulten-kutu .onay-satir label{ color:#fff; font-size:.79rem; line-height:1.5; }
.bulten-kutu .onay-satir a{ color:#fff; text-decoration:underline; font-weight:600; }
.bulten-kutu input[type="text"], .bulten-kutu input[type="email"]{ background:#fff; border:none; color:var(--metin); margin-bottom:.5rem; }
.bulten-kutu input::placeholder{ color:var(--soluk); }
.bulten-kutu input:focus{ box-shadow:0 0 0 3px rgba(255,255,255,.45); }
.bulten-kutu .gonder{ display:flex; }
.bulten-kutu .gonder input{ margin:0; }
.bulten-kutu .gonder button{ background:var(--lacivert); color:#fff; border:none; padding:0 1.3rem; font:600 .85rem var(--fb); letter-spacing:.06em; cursor:pointer; }
.bulten-kutu .gonder button:hover{ background:var(--lacivert-acik); }
.bulten-kutu .bulten-mesaj.ok{ color:#fff; font-weight:600; }
.bulten-kutu .bulten-mesaj.err{ color:#ffe0e0; }

.alt-son{ background:var(--lacivert-2); color:rgba(255,255,255,.55); font-size:.82rem; }
.alt-son .kap{ display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; padding:1rem 0; }
.alt-son a{ color:inherit; text-decoration:none; }
.alt-son a:hover{ color:var(--turkuaz); }
.yapimci a{ display:inline-flex; align-items:center; gap:.5rem; line-height:1; }
.yapimci img{ height:46px; width:46px; object-fit:contain; opacity:.95; transition:opacity .2s; flex:none; }
.yapimci a:hover img{ opacity:1; }
.ft-ad{ display:inline-flex; align-items:center; gap:.4rem; font:700 .86rem/1 var(--fd); letter-spacing:.14em; text-transform:uppercase; }
.ft-ad b{ color:#fff; font-weight:700; }
.ft-ad i{ color:var(--turkuaz); font-style:normal; font-weight:700; }

/* ================= YARDIMCILAR ================= */
.beliren{ opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.3,1); }
.beliren.acik{ opacity:1; transform:none; }
.bos-durum{ text-align:center; color:var(--soluk); padding:3rem 1rem; border:1px dashed var(--cizgi); }
.yukleniyor{ text-align:center; color:var(--soluk); padding:2.5rem 0; }
.gizli{ display:none !important; }
.gorunmez{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* ================= DUYARLI ================= */
@media (max-width:1250px){
  .mega{ width:min(94vw,760px); grid-template-columns:repeat(2,1fr); }
}
/* 901–1699px: tek satıra sığmaz → 1. satır marka + logolar, 2. satır menü (tam genişlik).
   13", 15", ölçekli 24" gibi tüm ara ekranlar aynı düzeni kullanır. */
@media (min-width:901px) and (max-width:1699px){
  :root{ --ust:136px; }
  .ust-bar{
    --logo:clamp(32px,2.8vw,45px);
    grid-template-areas:"marka logolar" "menu menu";
    grid-template-columns:max-content minmax(0,1fr);
    grid-template-rows:76px 60px;
  }
  .ust-logolari{ justify-content:flex-end; padding-right:clamp(.6rem,1.4vw,1.6rem); }
  .ust-bar > nav{ border-top:1px solid var(--cizgi); }
  .ust-bar > nav > .menu{ width:100%; }
  .menu > li{ flex:1 1 auto; }
  .menu > li > a{ flex:1; padding:0 clamp(.35rem,.7vw,1rem); font-size:clamp(.72rem,.85vw,.87rem); letter-spacing:.05em; }
}
/* 1700px ve üstü: navbar ekranla orantılı büyür. 1920px genişlikte logolar 45px;
   27" (2560px) ekranda 60px, daha genişte en fazla 80px. Yazılar da aynı oranda büyür. */
@media (min-width:1700px){
  :root{ --ust:clamp(78px,4.48vw,150px); }
  .ust-bar{ --logo:clamp(40px,2.344vw,80px); }
  .marka{ gap:.63vw; padding:0 1.15vw 0 1.4vw; }
  .marka img{ width:clamp(46px,2.71vw,92px); height:clamp(46px,2.71vw,92px); }
  .marka b{ font-size:clamp(1.1rem,1.017vw,2.1rem); }
  .marka small{ font-size:clamp(.66rem,.59vw,1.2rem); }
  .ust-logo{ padding:0 .42vw; }
  .menu > li > a{ padding:0 clamp(.7rem,1.05vw,2.2rem); font-size:clamp(.8rem,.725vw,1.5rem); }
  .acilir a,.mega a{ font-size:clamp(.92rem,.75vw,1.3rem); }
}
@media (min-width:901px) and (max-width:1180px){
  .marka img{ width:44px; height:44px; }
  .marka b{ font-size:1.05rem; }
  .marka small{ font-size:.66rem; }
  .menu > li > a{ letter-spacing:.02em; }
}
@media (max-width:1050px){
  .ikili{ grid-template-columns:1fr; }
  .iletisim-grid{ grid-template-columns:1fr; gap:2rem; }
  .alt{ grid-template-columns:1fr; }
  .alt-grid{ grid-template-columns:1fr 1fr; }
  .galeri-grid figure.genis{ grid-column:span 1; aspect-ratio:4/3; }
}
@media (max-width:900px){
  :root{ --ust:70px; --rail:46px; }
  .ust-bar{ display:flex; }
  .menu-dugme{ display:flex; }
  .menu{
    position:fixed; top:var(--ust); left:var(--rail); right:0; bottom:0; flex-direction:column; align-items:stretch;
    background:#fff; padding:.5rem 0; overflow-y:auto; display:none; height:auto;
  }
  .menu.acik{ display:flex; }
  /* Mobilde kurum logoları menünün sonuna akar; İletişimden hemen sonra görünür. */
  .ust-logolari{ display:none !important; }
  .menu.acik > .ust-logolari:not([hidden]){
    position:static;
    display:grid !important; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:.5rem;
    width:100%; padding:1rem; margin:0; background:#fff; border-top:1px solid var(--cizgi);
  }
  .ust-logolari .ust-logo{ --logo:45px; width:auto; padding:.7rem; border:1px solid var(--cizgi); }
  .menu > li{ display:block; }
  .menu > li > a{ justify-content:flex-start; }
  .menu > li > a{ border-left:none; border-bottom:1px solid var(--cizgi); padding:1rem 1.4rem; }
  .acilir,.mega{ position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border-top:none; width:auto; display:none; padding:.4rem 0 .8rem 1.4rem; }
  .menu li.mobil-acik > .acilir,.menu li.mobil-acik > .mega{ display:block; }
  .mega{ grid-template-columns:1fr; gap:1.2rem; }
  .slayt{ min-height:78vh; }
  .slider-nokta{ padding-left:1.5rem; }
  .yayin{ grid-template-columns:60px 1fr; }
  .yayin .tip{ width:60px; height:74px; }
  .yayin .yil{ display:none; }
  .alan-ikili{ grid-template-columns:1fr; }
  .rail{ gap:0; }
  .rail a,.rail button{ width:32px; height:32px; }
  .rail svg{ width:14px; height:14px; }
}
@media (max-width:620px){
  .marka small{ display:none; }
  .marka{ padding:.5rem .9rem; }
  .alt-grid{ grid-template-columns:1fr; }
  .kap{ width:calc(100% - 2rem); }
}

@media print{ .ust-bar,.rail,.alt,.slider{ display:none !important; } body{ padding-left:0; } }
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation:none !important; transition:none !important; }
  .beliren{ opacity:1; transform:none; }
  html{ scroll-behavior:auto; }
}

/* ================= İHALE İLANLARI ================= */
.ihale-liste{ display:grid; gap:1rem; }
.ihale{
  display:grid; grid-template-columns:96px 1fr auto; align-items:center; gap:1.4rem;
  background:#fff; border:1px solid var(--cizgi); padding:1.2rem 1.4rem; text-decoration:none; color:inherit;
  transition:box-shadow .22s, transform .22s, border-color .22s;
}
.ihale:hover{ box-shadow:var(--golge); transform:translateY(-3px); border-color:transparent; }
.ihale-tarih{
  display:grid; justify-items:center; align-content:center; gap:.1rem;
  background:var(--turkuaz-sis); color:var(--turkuaz-koyu); padding:.7rem .5rem; min-height:92px;
}
.ihale-tarih b{ font:600 2rem/1 var(--fd); }
.ihale-tarih span{ font:600 .78rem/1 var(--fb); letter-spacing:.06em; }
.ihale-tarih i{ font:600 .74rem/1 var(--fb); font-style:normal; color:var(--lacivert); opacity:.7; margin-top:.25rem; }
.ihale-govde{ display:grid; gap:.35rem; min-width:0; }
.ihale-ust{ display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }
.ihale-govde h3{ margin:0; font-size:1.22rem; }
.ihale-govde p{ margin:0; color:var(--soluk); font-size:.94rem; }
.ihale-yer{ font-size:.84rem; color:var(--soluk); }
.ihale-no{
  font:700 .68rem var(--fb); letter-spacing:.08em; text-transform:uppercase;
  color:var(--soluk); border:1px solid var(--cizgi); padding:.16rem .5rem;
}
.ihale-rozet{
  display:inline-block; font:700 .68rem var(--fb); letter-spacing:.08em; text-transform:uppercase;
  padding:.2rem .6rem; background:var(--zemin); color:var(--soluk);
}
.ihale-rozet--acik{ background:var(--turkuaz); color:#fff; }
.ihale-rozet--tamamlandi{ background:var(--lacivert); color:#fff; }
.ihale-rozet--iptal{ background:#fdecec; color:#c0392b; }
.ihale-ok{ font-size:1.5rem; color:var(--turkuaz); transition:transform .22s; }
.ihale:hover .ihale-ok{ transform:translateX(5px); }

/* ihale detay sayfası */
.ihale-detay-kap{ display:grid; grid-template-columns:1fr 320px; gap:2.5rem; align-items:start; }
.ihale-kunye{ background:var(--zemin); border:1px solid var(--cizgi); padding:1.5rem; position:sticky; top:calc(var(--ust) + 20px); }
.ihale-kunye h2{ font-size:1.3rem; margin-bottom:1rem; }
.ihale-kunye dl{ margin:0 0 1.2rem; display:grid; gap:.15rem; }
.ihale-kunye .ihale-rozet{ margin-bottom:1rem; }
.ihale-kunye dt{ font:700 .68rem var(--fb); letter-spacing:.08em; text-transform:uppercase; color:var(--soluk); margin-top:.7rem; }
.ihale-kunye dd{ margin:0; font-size:.96rem; }
.ihale-kunye .dugme{ width:100%; text-align:center; }

@media (max-width:940px){
  .ihale-detay-kap{ grid-template-columns:1fr; }
  .ihale-kunye{ position:static; }
}
@media (max-width:640px){
  .ihale{ grid-template-columns:74px 1fr; gap:1rem; padding:1rem; }
  .ihale-tarih{ min-height:74px; }
  .ihale-tarih b{ font-size:1.6rem; }
  .ihale-ok{ display:none; }
}