/* 2a Ekosistem — sayfaya özel stiller */
/* ===== EKOSİSTEM ===== */
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:74px}
.crumb{font-size:13.5px;color:#8A827C}
.crumb a:hover{color:#0D0D0D}
.cat{font-size:12.5px;line-height:1.3;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8A827C}
.cat b{font-weight:700;color:#0D0D0D}
.tnote{display:flex;align-items:flex-start;gap:8px;margin-top:16px;font-size:13px;line-height:1.5;color:#8A827C}
.tnote i{font-size:15px;margin-top:1px}

/* giriş: ekosistem ne? */
.eko-hd{padding-top:40px;padding-bottom:96px}
.eko-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px 80px;align-items:end;margin-top:48px}
.eko-top h1{font-size:88px;line-height:.93;font-weight:820;font-stretch:106%;letter-spacing:-.04em;text-wrap:balance}
.eko-top .lead{font-size:19px;line-height:1.55;color:#3A3431;max-width:560px;padding-bottom:6px}
.eko-top .lead b{color:#0D0D0D;font-weight:650}
.asks{display:grid;grid-template-columns:repeat(var(--asks,5),minmax(0,1fr));gap:24px;margin-top:72px}
.ask{display:flex;flex-direction:column;padding-top:18px;border-top:1.5px solid #0D0D0D;transition:border-color .15s}
.ask small{font-size:12px;line-height:1.3;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#8A827C}
.ask b{display:block;min-height:2.3em;margin-top:12px;font-size:23px;line-height:1.15;font-weight:770;letter-spacing:-.02em;text-wrap:balance;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:5px;transition:text-decoration-color .15s}
.ask span{display:block;margin-top:10px;font-size:14.5px;line-height:1.5;color:#6F6863}
.ask em{margin-top:auto;padding-top:18px;font-style:normal;font-size:13.5px;font-weight:650;color:#0D0D0D}
.ask:hover{border-color:#FF8A5B}
.ask:hover b{text-decoration-color:#0D0D0D}

/* haber kartları: görselde hafif yakınlaşma + başlıkta alt çizgi */
.ph{display:block;overflow:hidden;border-radius:6px;background:#EEE8E3}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.nw:hover .ph img{transform:scale(1.04)}
.nw h3{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:4px;transition:text-decoration-color .15s}
.nw:hover h3{text-decoration-color:#0D0D0D}
.news-sec{border-top:1px solid #EEE8E3}
.news{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:48px}
.lead-n{display:flex;flex-direction:column}
.lead-n .ph{aspect-ratio:16/9}
.lead-n .cat{margin-top:22px}
.lead-n h3{margin-top:10px;font-size:38px;line-height:1.06;font-weight:800;font-stretch:103%;letter-spacing:-.03em;text-wrap:balance}
.lead-n p{margin-top:14px;font-size:17px;line-height:1.55;color:#4A4440;max-width:640px}
.lead-n .go{margin-top:18px;font-size:15px;font-weight:650}
.side-n{display:flex;flex-direction:column;justify-content:space-between}
.sn{display:grid;grid-template-columns:172px minmax(0,1fr);gap:20px;align-items:start;padding-top:22px;border-top:1px solid #EEE8E3}
.sn:first-child{padding-top:0;border-top:0}
.sn .ph{aspect-ratio:16/9}
.sn h3{margin-top:7px;font-size:18.5px;line-height:1.25;font-weight:730;letter-spacing:-.01em;text-wrap:pretty}
.sn p{margin-top:6px;font-size:14px;line-height:1.5;color:#6F6863}

/* yayıncılar */
.pubbar{margin-bottom:44px}
.pb-top{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:14px}
.pb-top b{font-size:16px;font-weight:680}
.pb-top span{font-size:13px;color:#8A827C}
.pb-bar,.pb-nums{display:grid;grid-template-columns:9fr 3fr 20fr;gap:4px}
.pb-bar i{height:16px;border-radius:2px}
.pb-nums > div{padding-top:14px;padding-right:12px}
.pb-nums .n{display:block;font-size:40px;line-height:1;font-weight:500;letter-spacing:-.02em}
.pb-nums .lb{display:block;margin-top:10px;font-size:11.5px;line-height:1.3;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#0D0D0D}
.pb-nums .s{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:#7A726C}
.ptbl{border-top:1.5px solid #0D0D0D}
.pr{display:grid;grid-template-columns:250px minmax(0,1fr) 250px;gap:32px;align-items:center;padding:18px 16px;border-bottom:1px solid #EEE8E3;transition:background .15s}
.pr.th{padding-top:11px;padding-bottom:11px;font-size:11.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#8A827C}
.pr:not(.th):hover{background:#FAF6F2}
.pn b{display:block;font-size:18px;line-height:1.25;font-weight:750;letter-spacing:-.01em}
.pn span{display:block;margin-top:4px;font-size:13.5px;line-height:1.4;color:#7A726C}
.pg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
.gm{display:grid;grid-template-columns:108px minmax(0,1fr);gap:14px;align-items:center}
.gm img{width:108px;height:50px;object-fit:cover;border-radius:4px;background:#EEE8E3}
.gm b{display:block;font-size:15.5px;line-height:1.3;font-weight:690;text-wrap:pretty}
.gm .d{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:#7A726C}
.gm:hover b{text-decoration:underline;text-underline-offset:3px}
.gt{font-size:14px;line-height:1.5;color:#4A4440}
.pr.th .gt{font-size:11.5px;color:#8A827C}
.pub-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px}
.pub-foot .tnote{margin-top:0;max-width:760px}

/* fonlar, hibeler, hızlandırıcılar */
.sup{background:#FFF7F7}
.sup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;column-gap:64px}
.sup-grid .c1{grid-column:1}
.sup-grid .c2{grid-column:2}
.sup-h{display:flex;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1.5px solid #0D0D0D}
.sup-h h3{font-size:22px;line-height:1.2;font-weight:770;letter-spacing:-.015em}
.sup-h span{margin-left:auto;font-size:13px;color:#8A827C}
.si{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start;padding:20px 0;border-bottom:1px solid #EBE3DD}
.si .sq{width:44px;height:44px;border-radius:8px;background:#FCEADE;display:flex;align-items:center;justify-content:center;font-size:19px;color:#0D0D0D}
.si b{display:block;font-size:17px;line-height:1.3;font-weight:710}
.si p{margin-top:4px;font-size:15px;line-height:1.5;color:#4A4440}
.si .ex{display:block;margin-top:8px;font-size:13.5px;line-height:1.5;color:#7A726C}
.si .ex a{color:#0D0D0D;font-weight:600;border-bottom:1px solid #D7CFC9;transition:border-color .15s}
.si .ex a:hover{border-color:#0D0D0D}
.sup .tnote{margin-top:24px;color:#6F6863}

/* etkinlikler */
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}
.chip{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;border:1px solid #E2DBD5;font-size:14px;font-weight:560;color:#2C2724;transition:border-color .15s}
.chip:hover{border-color:#0D0D0D}
.chip.on{background:#0D0D0D;color:#FFF7F7;border-color:#0D0D0D}
.chip.on:hover{color:#FFF7F7}
.chip-r{margin-left:auto;font-size:14px;color:#6F6863}
.etbl{border-top:1.5px solid #0D0D0D}
.er{display:grid;grid-template-columns:170px minmax(0,1fr) 140px 170px 170px;gap:28px;align-items:center;padding:20px 16px;border-bottom:1px solid #EEE8E3;transition:background .15s}
.er.th{padding-top:11px;padding-bottom:11px;font-size:11.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#8A827C}
.er:not(.th):hover{background:#FAF6F2}
.when b{display:block;font-size:16px;line-height:1.3;font-weight:700}
.when span{display:block;margin-top:3px;font-size:13px;color:#7A726C}
.ev b{display:block;font-size:18.5px;line-height:1.3;font-weight:730;letter-spacing:-.01em}
.ev p{margin-top:4px;font-size:14.5px;line-height:1.5;color:#6F6863;max-width:560px}
.own{display:inline-flex;align-items:center;height:20px;padding:0 7px;margin-left:8px;border-radius:4px;background:#FF8A5B;color:#0D0D0D;font-size:10.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;vertical-align:3px}
.kind,.where{font-size:14.5px;line-height:1.4;color:#2C2724}
.er.th .kind{font-size:11.5px;color:#8A827C}
.where span{display:block;font-size:13px;color:#8A827C}
.act{justify-self:end}

/* Türkiye indie haritası (koyu) */
.mapsec{background:#0D0D0D;color:#FFF7F7}
.mapsec a:hover{color:#FFF7F7}
.mapsec .eyebrow{color:rgba(255,247,247,.55)}
.mapsec .sec-head .desc{color:rgba(255,247,247,.68)}
.mapsec .more{border-color:rgba(255,247,247,.3);color:#FFF7F7}
.mapsec .more:hover{border-color:#FFF7F7;background:rgba(255,247,247,.06);color:#FFF7F7}
.mapwrap{padding:8px 0 0}
.tmap{display:block;width:100%;height:auto;overflow:visible}
.tmap .land{fill:none;stroke:rgba(255,247,247,.2);stroke-width:5.2;stroke-linecap:round;stroke-dasharray:0 14}
.tmap .b{fill:#FF8A5B;fill-opacity:.92;stroke:#0D0D0D;stroke-width:2.5;transition:fill .15s}
.tmap .l{font-size:16px;font-weight:650;fill:#FFF7F7;paint-order:stroke;stroke:#0D0D0D;stroke-width:5px;stroke-linejoin:round}
.tmap .l.big{font-size:20px;font-weight:720}
.tmap .n{font-family:'Martian Mono',ui-monospace,monospace;font-weight:500;font-size:.78em;fill:rgba(255,247,247,.62)}
.mleg{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,247,247,.14);font-size:13.5px;color:rgba(255,247,247,.66)}
.mleg span{display:inline-flex;align-items:center;gap:8px}
.mleg i{display:inline-block;width:10px;height:10px;border-radius:1px;background:#FF8A5B}
.mleg i.o{width:14px;height:14px;border-radius:50%}
.mleg i.w{background:#FFF7F7}
.mleg .r{margin-left:auto;color:rgba(255,247,247,.5)}
.mleg .r b{color:#FFF7F7;font-weight:500}
.cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;margin-top:40px;border-top:1px solid rgba(255,247,247,.14)}
.ct{padding:20px 0 22px;border-bottom:1px solid rgba(255,247,247,.14)}
.ct-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ct-h b{font-size:19px;line-height:1.2;font-weight:730;transition:color .15s}
.ct-h span{font-size:15px;color:rgba(255,247,247,.72)}
.sqs{display:flex;flex-wrap:wrap;gap:3px;margin-top:12px}
.sqs i{width:9px;height:9px;border-radius:1px;background:#FF8A5B}
.sqs i.w{background:#FFF7F7}
.ct p{margin-top:12px;font-size:13.5px;line-height:1.5;color:rgba(255,247,247,.6)}
.ct p a{color:#FFF7F7;font-weight:600;border-bottom:1px solid rgba(255,247,247,.35);transition:border-color .15s}
.ct p a:hover{border-color:#FFF7F7}
.smp{display:inline-block;margin-left:4px;padding:1px 5px;border-radius:3px;background:rgba(255,247,247,.12);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,247,247,.78);vertical-align:1px}
.ct:hover .ct-h b{color:#FF8A5B}
/* şehir hover kuralları (.mapsec:has(.c-{il}:hover) .b-{il}) page-ekosistem.php içinde, haritadaki şehirlere göre üretilir */
.mapsec .tnote{color:rgba(255,247,247,.5)}

/* kaynaklar şeridi */
.res{background:#FCEADE}
.res-in{display:grid;grid-template-columns:230px repeat(4,minmax(0,1fr));gap:32px;padding-top:52px;padding-bottom:40px}
.res-h b{display:block;font-size:12.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#6F6863}
.res-h p{margin-top:10px;font-size:24px;line-height:1.12;font-weight:780;letter-spacing:-.02em}
.ri{display:flex;flex-direction:column;padding-top:16px;border-top:1.5px solid #0D0D0D}
.ri b{font-size:16.5px;line-height:1.3;font-weight:710;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:text-decoration-color .15s}
.ri span{margin-top:6px;font-size:14px;line-height:1.45;color:#4A4440}
.ri em{margin-top:auto;padding-top:14px;font-style:normal;font-size:13.5px;font-weight:650}
.ri:hover b{text-decoration-color:#0D0D0D}
.res-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-top:18px;padding-bottom:22px;border-top:1px solid rgba(13,13,13,.12);font-size:13.5px;color:#6F6863}
.res-bot a{font-weight:650;color:#0D0D0D;border-bottom:1.5px solid #0D0D0D}

@media (max-width:1180px){
  .eko-top h1{font-size:68px}
  .asks{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}
  .er{grid-template-columns:150px minmax(0,1fr) 150px 150px;}
  .er > .kind{display:none}
  .pr{grid-template-columns:200px minmax(0,1fr)}
  .pr > .gt{display:none}
  .res-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .res-h{grid-column:1 / -1}
}
@media (max-width:900px){
  .eko-hd{padding-top:24px;padding-bottom:64px}
  .eko-top{grid-template-columns:minmax(0,1fr);margin-top:28px;gap:20px}
  .eko-top h1{font-size:48px}
  .eko-top .lead{font-size:17px}
  .asks{grid-template-columns:minmax(0,1fr);gap:0;margin-top:40px}
  .ask{padding:16px 0 18px}
  .ask b{font-size:21px;margin-top:8px;min-height:0}
  .ask span{margin-top:6px}
  .ask em{padding-top:10px}
  .news{grid-template-columns:minmax(0,1fr);gap:36px}
  .lead-n h3{font-size:28px}
  .lead-n p{font-size:16px}
  .side-n{gap:20px}
  .sn{grid-template-columns:112px minmax(0,1fr);gap:14px;padding-top:20px}
  .sn h3{font-size:16.5px}
  .sn p:not(.cat){display:none}
  .sn .cat{font-size:11.5px}
  .pb-top{flex-direction:column;gap:4px}
  .pb-nums .n{font-size:28px}
  .pb-nums .s{display:none}
  .pb-nums .lb{font-size:10px;letter-spacing:.04em}
  .pr{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 12px}
  .pr.th{display:none}
  .pg{grid-template-columns:minmax(0,1fr)}
  .gm{grid-template-columns:92px minmax(0,1fr)}
  .gm img{width:92px;height:43px}
  .pub-foot{flex-direction:column;align-items:flex-start}
  .sup-grid{grid-template-columns:minmax(0,1fr)}
  .sup-grid .c1,.sup-grid .c2{grid-column:1}
  .sup-grid .c2.sup-h{margin-top:40px}
  .chip-r{display:none}
  .er{grid-template-columns:minmax(0,1fr);gap:8px;padding:18px 12px}
  .er.th{display:none}
  .er > .kind{display:none}
  .where{font-size:13.5px;color:#6F6863}
  .where span{display:inline;margin-left:4px}
  .act{justify-self:start;margin-top:6px}
  .tmap .l{display:none}
  .tmap .l.big{display:inline;font-size:44px;stroke-width:10px}
  .mleg .r{margin-left:0}
  .cities{grid-template-columns:minmax(0,1fr)}
  .res-in{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:40px}
}

/* ===== WordPress eklemeleri ===== */
.side-n{gap:22px}
.news.news-one{grid-template-columns:minmax(0,1fr)}
.news-one .lead-n{max-width:880px}
.ph-none{position:relative;background:#FCEADE}
.ph-none .mk{position:absolute;inset:0;margin:auto;width:clamp(28px,14%,96px);aspect-ratio:1;-webkit-mask:url(../../img/io-mark.svg) center/contain no-repeat;mask:url(../../img/io-mark.svg) center/contain no-repeat;background:#FF8A5B}
.eko-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding:28px 0;border-top:1.5px solid #0D0D0D;border-bottom:1px solid #EEE8E3}
.eko-empty p{max-width:640px;font-size:16px;line-height:1.55;color:#4A4440}
.eko-empty p b{color:#0D0D0D;font-weight:680}
.eko-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.eko-form input[type=email]{width:280px;max-width:100%;height:42px;padding:0 14px;border:1px solid #D7CFC9;border-radius:8px;background:#FFFFFF;font-size:15px}
.eko-form input[type=email]:focus{outline:0;border-color:#0D0D0D}
.eko-form .io-msg{flex-basis:100%;margin-top:0}
.eko-form .io-msg:empty{display:none}
.gm-ph{display:block;width:108px;height:50px;border-radius:4px;background:#EEE8E3}
.sup-one .c1,.sup-one .c2{grid-column:auto}
.sup-one .sup-h{grid-column:1 / -1}
.si b + p{margin-top:6px}
.si p + p{margin-top:8px}
.si .nm{font-weight:650;color:#0D0D0D;border-bottom:1px solid #D7CFC9;transition:border-color .15s}
.si a.nm:hover{border-color:#0D0D0D}
.si .kr{color:#7A726C}
.ev b a{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:text-decoration-color .15s}
.ev b a:hover{text-decoration-color:#0D0D0D}
.ev .sample{margin-left:8px;vertical-align:3px;height:20px;font-size:10.5px}
label.chip{cursor:pointer;user-select:none}
.ev-r{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.chip:has(.ev-r:checked){background:#0D0D0D;color:#FFF7F7;border-color:#0D0D0D}
.chip:has(.ev-r:focus-visible){outline:2px solid #FF8A5B;outline-offset:2px}
.ev-f:has(.ev-r-sahne:checked) .er:not(.th):not([data-t=sahne]),
.ev-f:has(.ev-r-oturum:checked) .er:not(.th):not([data-t=oturum]),
.ev-f:has(.ev-r-jam:checked) .er:not(.th):not([data-t=jam]),
.ev-f:has(.ev-r-festival:checked) .er:not(.th):not([data-t=festival]),
.ev-f:has(.ev-r-konferans:checked) .er:not(.th):not([data-t=konferans]){display:none}
.ct-add{display:block}
.ct-add .ct-h span{font-size:19px;color:#FF8A5B}
.ct-add p em{display:block;margin-top:8px;font-style:normal;font-weight:650;color:#FFF7F7}
.ct-add:hover .ct-h b{color:#FF8A5B}
.map-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,247,247,.14)}
.map-empty p{font-size:15px;color:rgba(255,247,247,.72)}
.map-empty b{color:#FFF7F7;font-weight:680}
@media (max-width:900px){
  .gm-ph{width:92px;height:43px}
  .eko-form{width:100%}
  .eko-form input[type=email]{flex:1;width:auto;min-width:0}
  .sup-one .c1,.sup-one .c2{grid-column:1}
}
