/* /j/iz-birakanlar/ — 5 sütun 4:5 pano ↔ A–Z dizin · harf süzmesi · kart düşüşü
   /j/iz-birakanlar/<slug>/ — yapışkan afiş + künye */

.iz-bas{padding-top:var(--s5)}
.iz-bas .t-dev{margin-top:var(--s3)}
.iz-ozet{display:grid;gap:var(--s5);margin-top:var(--s5)}
@media (min-width:1000px){.iz-ozet{grid-template-columns:5fr 7fr;align-items:end}}
.iz-sayi b{font-size:clamp(2.2rem,5.2vw,4.4rem)}
.iz-sayi>*{min-width:0}
.iz-sayi>*:nth-child(n+3) b{font-size:clamp(1.35rem,2.3vw,2.1rem);line-height:1;letter-spacing:-.03em;overflow-wrap:anywhere}
@media (min-width:1180px){.iz-harfler{flex-wrap:wrap;overflow:visible}}
.iz-bant{margin-top:var(--s5)}

/* yapışkan araç çubuğu */
.iz-arac{margin-top:var(--s5);border-block:1px solid var(--cizgi);background:rgba(255,255,255,.95)}
@media (min-width:900px){.iz-arac{position:sticky;top:var(--ust);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}
.iz-arac .kap{padding-block:.45rem}
.iz-harfler{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding-bottom:.35rem}
.iz-harfler::-webkit-scrollbar{display:none}
.iz-harfler button{flex:none;min-width:44px;height:44px;padding:0 .5rem;border-radius:var(--r);font-family:var(--fm);font-weight:500;font-size:.9375rem;color:var(--metin);transition:transform .5s var(--aww)}
.iz-harfler button:hover:not(:disabled){transform:translate3d(0,-2px,0)}
.iz-harfler button[aria-pressed="true"]{background:var(--mavi-koyu);color:#fff}
.iz-harfler button:disabled{color:#8b8b85;cursor:default;text-decoration:line-through;text-decoration-thickness:1px}
.iz-arac-alt{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem var(--s3)}
.iz-alanlar button .mono{color:inherit;margin-left:.25rem}
.iz-say{color:var(--soluk);white-space:nowrap}

/* pano */
.iz-pano{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s3);padding-top:var(--s5)}
@media (min-width:700px){.iz-pano{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1180px){.iz-pano{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s5) var(--s4)}}
.izk{min-width:0;content-visibility:auto;contain-intrinsic-size:auto 30rem;transition:opacity .35s var(--quint)}
.js .izk:not(.izk--kucuk){opacity:0;transform:translate3d(0,-24px,0);transition:opacity .7s var(--quint),transform .7s var(--expo)}
.js .izk.gor{opacity:1;transform:none}
.js .izk.gor.sonuk,.izk.sonuk{opacity:.2}
.izk a{display:block}
.izk-g{position:relative;display:block;aspect-ratio:4/5;overflow:clip;background:var(--zemin-2)}
.izk-g img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--expo)}
.izk a:hover .izk-g img{transform:scale(1.05)}
.izk-mono{position:absolute;inset:0;display:grid;font-size:clamp(3rem,10vw,5rem)}
.izk-ust{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;gap:.2rem;padding:.6rem .7rem .7rem;background:#fff;transform:translate3d(0,101%,0);transition:transform .7s var(--expo),visibility .7s var(--expo);visibility:hidden}
.izk-ust .mono{color:var(--mavi-koyu)}
.izk-ust span:last-child{font-size:.9375rem;font-weight:600;line-height:1.2}
@media (hover:hover) and (pointer:fine){.izk a:hover .izk-ust,.izk a:focus-visible .izk-ust{transform:none;visibility:visible}}
.izk-ad{display:block;margin-top:.7rem;font-weight:800;font-size:clamp(1.02rem,1.35vw,1.2rem);line-height:1.12;letter-spacing:-.02em}
.izk-alt{display:block;margin-top:.2rem;color:var(--soluk);font-size:.9375rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* dizin */
.iz-dizin{padding-top:var(--s5);border-top:0}
.js .iz-dizin{display:none}
.js [data-gorunum-aktif="dizin"] .iz-dizin{display:block}
.js [data-gorunum-aktif="dizin"] .iz-pano{display:none}
.iz-dizin:not(:first-child){margin-top:var(--s5)}
.izd{border-bottom:1px solid var(--cizgi);transition:opacity .35s var(--quint)}
.izd.sonuk{opacity:.2}
.izd a{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:.2rem var(--s3);align-items:baseline;padding:.8rem 0;min-height:44px}
.izd b{font-weight:600;font-size:1.0625rem;line-height:1.25;transition:transform .7s var(--expo)}
.izd a:hover b{transform:translate3d(8px,0,0)}
.izd-harf{color:var(--soluk)}
.izd-unvan{grid-column:2;color:var(--soluk);font-size:.9375rem}
.izd-alan,.izd-tarih{display:none;color:var(--soluk)}
.izd .ok{grid-row:1/3;grid-column:3;align-self:center;transition:transform .6s var(--aww)}
.izd a:hover .ok{transform:translate3d(6px,0,0)}
@media (min-width:900px){
  .izd a{grid-template-columns:2.5rem minmax(0,1.3fr) minmax(0,1.2fr) 11rem 8rem 1.5rem}
  .izd-unvan{grid-column:auto}
  .izd-alan,.izd-tarih{display:block}
  .izd .ok{grid-row:auto;grid-column:auto}
}
.iz-bos{padding:var(--s5) 0}

/* künye sayfası */
.kn-ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3);padding-top:var(--s4)}
.kn-duzen{display:grid;gap:var(--s5);padding-top:var(--s4)}
@media (min-width:1000px){.kn-duzen{grid-template-columns:5fr 7fr;gap:var(--s6);align-items:start}.kn-sol{position:sticky;top:calc(var(--ust) + var(--s4))}}
.kn-afis{max-width:34rem}
.kn-afis a{display:block;aspect-ratio:4/5;overflow:clip;background:var(--zemin-2)}
.kn-afis img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--expo)}
.kn-afis a:hover img{transform:scale(1.03)}
.kn-afis figcaption{margin-top:.6rem}
.kn-mono{aspect-ratio:4/5;display:grid;font-size:clamp(6rem,20vw,12rem)}
.kn-ad{margin-top:var(--s4);font-size:clamp(2.6rem,6.6vw,6rem);font-weight:800;line-height:.9;letter-spacing:-.045em}
.kn-ek{margin-top:var(--s3);font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.35;color:var(--soluk);max-width:44ch}
.kn-unvan{margin-top:var(--s3);font-size:var(--t-b);font-weight:600;letter-spacing:-.02em;line-height:1.15}
.kn-sag .kunye-tablo{margin-top:var(--s5)}
.kn-sag .kunye-tablo>div{grid-template-columns:7rem minmax(0,1fr)}
.kn-alt-bas{margin-top:var(--s5);color:var(--soluk)}
.kn-metin{margin-top:var(--s3)}
.kn-metin>p:first-child{font-size:clamp(1.25rem,2vw,1.45rem);line-height:1.45;font-weight:600}
.kn-bag{margin-top:var(--s5);border-top:1px solid var(--cizgi-koyu);padding-top:var(--s3)}
.hb-kisi{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--s3);align-items:center;min-height:56px;padding:.5rem 0;border-bottom:1px solid var(--cizgi)}
.hb-kisi .k{width:56px;height:56px;overflow:clip;background:var(--zemin-2)}
.hb-kisi .k img{width:100%;height:100%;object-fit:cover}
.hb-kisi b{display:block;font-weight:600}
.hb-kisi small{display:block;color:var(--soluk)}
.paylas{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:var(--s5)}
.paylas .mono{width:100%}
.iz-pano--kucuk{padding-top:0}
@media (min-width:1180px){.iz-pano--kucuk{grid-template-columns:repeat(5,minmax(0,1fr))}}
.hb-komsu{display:grid;gap:0;margin-top:var(--s5);border-top:1px solid var(--cizgi-koyu)}
@media (min-width:800px){.hb-komsu{grid-template-columns:1fr 1fr;gap:var(--s4)}}
.hb-komsu a{display:grid;gap:var(--s3);align-items:center;min-height:44px;padding:var(--s3) 0;border-bottom:1px solid var(--cizgi)}
.hb-komsu-eski{grid-template-columns:72px minmax(0,1fr)}
.hb-komsu-yeni{grid-template-columns:minmax(0,1fr) 72px;text-align:right}
.hb-komsu .k{position:relative;display:block;aspect-ratio:4/5;overflow:clip;background:var(--zemin-2)}
.hb-komsu .k img{width:100%;height:100%;object-fit:cover}
.hb-komsu .k .izk-mono{font-size:1.6rem}
.hb-komsu b{display:block;margin-top:.25rem;font-weight:600;line-height:1.2}

/* Süzgeç düğmeleri ve arama (j-guncel-sayfa.css'teki kalıp; bu sayfada o dosya yüklenmiyor — 27.09) */
.gn-grup{display:flex;gap:.3rem;max-width:100%;overflow-x:auto;scrollbar-width:none}
.gn-grup::-webkit-scrollbar{display:none}
.gn-grup button{flex:none;min-height:44px;padding:0 .9rem;border:1px solid var(--cizgi);border-radius:var(--r);font-weight:600;font-size:var(--t-k);color:var(--pasif);white-space:nowrap;transition:border-color .4s var(--quint),color .4s var(--quint)}
.gn-grup button[aria-pressed="true"]{color:var(--metin);border-color:var(--metin);background:var(--zemin-2)}
.gn-ara{flex:1 1 12rem;display:flex;align-items:center;min-height:44px;border:1px solid var(--cizgi);border-radius:var(--r);padding-left:.75rem}
.gn-ara:focus-within{border-color:var(--metin)}
.gn-ara input{flex:1;min-width:0;height:42px;border:0;background:transparent;font:inherit;font-size:1rem;color:var(--metin);outline:0}
.iz-alanlar{flex-wrap:wrap}