/* Yeniköy FM — Köy radyosu + köyün hafızası.
   Renkler logodan ve köyün kışından: gece mavisi, gök, safran, kilim kızılı, kar.
   Tek açık tema; koyu bantlar bilinçli olarak sayfanın ritmini kurar. */
:root{
  --gece:#0f1e55; --gece-2:#17297a; --gok:#1c4fb0; --turkuaz:#0f8f87; --turkuaz-acik:#3fd0c5;
  --safran:#f4ab1f; --kizil:#c8321f; --kar:#f2f5f9; --beyaz:#fff;
  --murekkep:#141a3a; --soluk:#505b7c; --cizgi:#d5dbe9;
  --display:"Alegreya",Georgia,"Times New Roman",serif;
  --ui:"Alegreya Sans","Trebuchet MS",Verdana,sans-serif;
  --gutter:max(20px,env(safe-area-inset-left,0px));
  --bar:68px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:90px;scroll-padding-bottom:calc(var(--bar) + 12px)}
body{margin:0;background:var(--kar);color:var(--murekkep);font:400 1.2rem/1.6 var(--display);padding-bottom:calc(var(--bar) + env(safe-area-inset-bottom,0px));overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--gok);text-underline-offset:.16em;text-decoration-thickness:1px}
a:hover{color:var(--kizil)}
:focus-visible{outline:3px solid var(--safran);outline-offset:2px;border-radius:2px}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.05;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
.sar{width:100%;max-width:1240px;margin-inline:auto;padding-left:var(--gutter);padding-right:max(20px,env(safe-area-inset-right,0px))}
.dar{max-width:760px}
.gec{position:absolute;left:-999px;top:0;background:var(--safran);color:var(--gece);padding:.6rem 1rem;z-index:100;font-family:var(--ui)}
.gec:focus{left:12px;top:12px}
.etiket{font:700 .82rem/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--kizil)}
.kilim{height:45px;background:url(kilim.svg) center/84px 45px repeat-x}
.bolum{padding-block:clamp(3.5rem,8vw,6.5rem)}
.bolum-bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;margin-bottom:clamp(1.75rem,4vw,3rem)}
.bolum-bas h2{font-size:clamp(2.2rem,5vw,3.6rem)}
.yan-baglanti{font:700 1.02rem var(--ui);white-space:nowrap}

/* ÜST BANT */
.ust{position:sticky;top:0;z-index:40;background:var(--gece);color:var(--beyaz)}
.ust .sar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:74px}
.marka{display:flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none;min-width:0}
.marka:hover{color:inherit}
.marka img{width:50px;height:50px;flex:none}
.marka b{display:block;font:800 1.32rem/1.05 var(--display)}
.marka small{display:block;font:500 .82rem/1.3 var(--ui);color:#b9c6ee;white-space:nowrap}
.menu{display:flex;align-items:center;gap:.15rem;font:500 1.04rem var(--ui)}
.menu>a,.menu summary{color:#e7ecfb;text-decoration:none;padding:.5rem .72rem;cursor:pointer;display:block;list-style:none;border-bottom:2px solid transparent}
.menu summary::-webkit-details-marker{display:none}
.menu summary::after{content:" ▾";font-size:.8em;opacity:.75}
.menu>a:hover,.menu summary:hover{color:var(--safran)}
.menu>a[aria-current=page]{color:var(--beyaz);border-bottom-color:var(--safran)}
.acilir{position:relative}
.acilir-ic{position:absolute;right:0;top:calc(100% + 6px);background:var(--beyaz);min-width:240px;padding:.4rem;box-shadow:0 14px 40px rgba(15,30,85,.3);border-top:4px solid var(--safran);z-index:50}
.acilir-ic a{display:block;padding:.5rem .75rem;color:var(--murekkep);text-decoration:none}
.acilir-ic a:hover{background:var(--kar);color:var(--kizil)}
.menu-dugme{display:none;background:none;border:1px solid #5468b5;color:var(--beyaz);font:700 1rem var(--ui);padding:.5rem .85rem;cursor:pointer}
@media (max-width:1010px){
  .menu-dugme{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--gece);flex-direction:column;align-items:stretch;padding:.5rem var(--gutter) 1.25rem;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);overflow:auto;border-top:1px solid #2b3d86}
  .menu.acik{display:flex}
  .acilir-ic{position:static;box-shadow:none;background:transparent;border:0;padding:0 0 0 1rem}
  .acilir-ic a{color:#e7ecfb}.acilir-ic a:hover{background:none;color:var(--safran)}
}
@media (max-width:420px){.marka small{display:none}}

/* KAHRAMAN */
.kahraman{position:relative;background:var(--gece);color:var(--beyaz);overflow:hidden;isolation:isolate}
.kahraman>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;z-index:-2}
.kahraman::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--gece) 0%,rgba(15,30,85,.78) 30%,rgba(20,60,140,.3) 62%,rgba(15,30,85,0) 82%)}
.kahraman .sar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem 3.5rem;align-items:start;padding-block:clamp(2.5rem,5vw,4.5rem) clamp(12rem,23vw,20rem)}
.kahraman .etiket{color:var(--safran);margin-bottom:1rem}
.kahraman h1{font-size:clamp(3rem,8.6vw,7.4rem);line-height:.96;font-weight:900;text-shadow:0 2px 24px rgba(15,30,85,.45)}
.kahraman h1 em{color:var(--safran);font-weight:800}
.kahraman .dize{font-style:italic;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.35;max-width:32em;margin-top:1.4rem;text-shadow:0 1px 12px rgba(15,30,85,.7)}
.yayin{display:grid;justify-items:center;gap:.9rem;text-align:center;width:238px}
.yayin img{width:190px;height:190px;filter:drop-shadow(0 12px 28px rgba(8,16,50,.5))}
.yayin small{font:500 .92rem/1.3 var(--ui);color:#fff}
@media (max-width:820px){
  .kahraman .sar{grid-template-columns:minmax(0,1fr)}
  .yayin{grid-auto-flow:column;grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left;width:auto;gap:.9rem 1rem}
  .yayin{align-items:center}
  .yayin img{width:84px;height:84px}
  .yayin small{display:none}
  .kahraman::before{background:linear-gradient(180deg,var(--gece) 0%,rgba(15,30,85,.82) 45%,rgba(15,30,85,.35) 70%,rgba(15,30,85,0) 88%)}
}
.dugme{display:inline-flex;align-items:center;gap:.6rem;background:var(--safran);color:var(--gece);border:0;font:800 1.08rem/1 var(--ui);padding:.9rem 1.25rem;cursor:pointer;text-decoration:none;transition:background .15s}
.dugme:hover{background:#ffc247;color:var(--gece)}
.dugme.ikincil{background:var(--gece);color:var(--beyaz)}
.dugme.ikincil:hover{background:var(--gece-2);color:var(--beyaz)}
.oynat-ikon{width:0;height:0;border-style:solid;border-width:.5em 0 .5em .8em;border-color:transparent transparent transparent currentColor}
.calıyor .oynat-ikon,.yukleniyor .oynat-ikon{width:.8em;height:1em;border:0;border-left:.27em solid currentColor;border-right:.27em solid currentColor}

/* HABERLER */
.haber-izgara{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2.5rem clamp(2rem,4vw,4rem)}
.manset{color:inherit;text-decoration:none;display:grid;gap:1.1rem;align-content:start}
.manset:hover{color:inherit}
.manset:hover h3{color:var(--kizil)}
.manset figure{margin:0;overflow:hidden;background:var(--cizgi)}
.manset img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s}
.manset:hover img{transform:scale(1.02)}
.manset h3{font-size:clamp(2rem,3.6vw,3rem)}
.tarih{font:500 .96rem/1.3 var(--ui);color:var(--soluk)}
.tarih b{color:var(--kizil);font-weight:700}
.kisa{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:1.1rem;padding-block:1.25rem;border-top:1px solid var(--cizgi);color:inherit;text-decoration:none;align-items:start}
.kisa:first-child{border-top:0;padding-top:0}
.kisa:hover{color:inherit}.kisa:hover h3{color:var(--kizil)}
.kisa h3{font-size:1.55rem;font-weight:700;margin-block:.25rem .35rem;line-height:1.12}
.kisa p{font-size:1.03rem;line-height:1.4;color:var(--soluk)}
.kisa img{width:112px;height:112px;object-fit:cover}
@media (max-width:860px){.haber-izgara{grid-template-columns:minmax(0,1fr)}}

/* KÖY */
.koy{background:var(--beyaz)}
.koy-ic{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}
.koy-foto{min-height:360px;position:relative;overflow:hidden}
.koy-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.koy-metin{padding:clamp(2.5rem,6vw,5.5rem) var(--gutter) clamp(2.5rem,6vw,5.5rem) clamp(2rem,5vw,4.5rem);display:grid;gap:1.15rem;align-content:center;max-width:650px}
.koy-metin h2{font-size:clamp(2.2rem,4.8vw,3.5rem)}
.koord{font:500 .98rem var(--ui);color:var(--turkuaz);font-variant-numeric:tabular-nums}

.soylar{display:flex;flex-wrap:wrap;gap:.1rem .9rem;font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:700;color:var(--gece);list-style:none;margin:0;padding:0;line-height:1.3}
.soylar li:nth-child(5n+1){color:var(--kizil)}
.soylar li:nth-child(5n+3){color:var(--turkuaz)}

/* ŞİİR */
.siir-bant{background:var(--gece);color:var(--beyaz);position:relative;overflow:hidden}
.siir-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.siir-bant .etiket{color:var(--safran)}
.siir-bant h2{font-size:clamp(2.5rem,5.6vw,4.4rem);margin-block:.7rem 1.6rem}
.dortluk{font-size:clamp(1.28rem,2.1vw,1.6rem);font-style:italic;line-height:1.42;margin-bottom:1.3rem}
.dortluk span{display:block}
.dortluk span:last-child{color:var(--safran)}
.siir-kunye{font:500 1rem var(--ui);color:#c5d0f2;margin-bottom:1.5rem}
.siir-bant figure{margin:0}
.siir-bant img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:62% 50%}
.siir-bant figcaption{font:400 .9rem var(--ui);color:#b9c6ee;margin-top:.5rem}


/* RENKLER MOZAİĞİ */
.mozaik{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(100px,14vw,178px);gap:8px}
.mozaik a{display:block;overflow:hidden;background:var(--cizgi)}
.mozaik img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mozaik a:hover img{transform:scale(1.03)}
.m1{grid-column:span 6;grid-row:span 2}.m2{grid-column:span 3;grid-row:span 1}.m3{grid-column:span 3;grid-row:span 1}.m4{grid-column:span 6;grid-row:span 1}
.m5{grid-column:span 4;grid-row:span 1}.m6{grid-column:span 4;grid-row:span 1}.m7{grid-column:span 4;grid-row:span 1}
@media (max-width:640px){.m1,.m4{grid-column:span 12}.m2,.m3,.m5,.m6{grid-column:span 6}.m7{grid-column:span 12}.m1{grid-row:span 2}}

/* ÖMÜR ÇİZELGESİ */
.omur{list-style:none;margin:0;padding:0;display:grid;gap:0}
.omur li{display:grid;grid-template-columns:clamp(6rem,17vw,11rem) minmax(0,1fr);gap:1.25rem;padding-block:1.15rem;border-top:1px solid var(--cizgi)}
.omur li:last-child{border-bottom:1px solid var(--cizgi)}
.omur time{font:800 clamp(1.6rem,3.2vw,2.5rem)/1 var(--display);color:var(--gok);font-variant-numeric:tabular-nums}
.omur .kirmizi time{color:var(--kizil)}
.omur p{font-size:1.14rem;line-height:1.42}
.kisi-ic{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.kisi-ic figure{margin:0;display:grid;gap:.55rem}
.kisi-ic img{width:100%}
figcaption{font:400 .94rem/1.35 var(--ui);color:var(--soluk)}
@media (max-width:860px){.kisi-ic{grid-template-columns:minmax(0,1fr)}}

/* KAPILAR */
.kapilar{background:var(--beyaz)}
.kapi-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:0 clamp(2rem,4vw,4rem)}
.kapi-liste a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem 1rem;padding-block:1.05rem;border-top:1px solid var(--cizgi);text-decoration:none;color:inherit;align-items:center}
.kapi-liste a:hover{color:var(--kizil)}
.kapi-liste b{font:700 1.5rem/1.1 var(--display)}
.kapi-liste small{grid-column:1;font:400 1rem/1.3 var(--ui);color:var(--soluk)}
.kapi-liste i{grid-row:1/3;grid-column:2;font:400 1.5rem var(--ui);color:var(--safran)}

/* İÇ SAYFALAR */
.sayfa-bas{background:var(--gece);color:var(--beyaz);padding-block:clamp(2.75rem,7vw,5.5rem) clamp(2.25rem,5vw,4rem)}
.sayfa-bas .etiket{color:var(--safran);margin-bottom:.8rem}
.sayfa-bas h1{font-size:clamp(2.7rem,7vw,5.6rem);font-weight:900;max-width:15em}
.sayfa-bas p.alt{font-size:clamp(1.2rem,2vw,1.5rem);font-style:italic;max-width:38em;margin-top:1rem;color:#dfe6fb}
.sayfa-bas .tarih{color:#c5d0f2;margin-top:1rem}.sayfa-bas .tarih b{color:var(--safran)}
.nesir{display:grid;gap:1.15em;font-size:1.28rem;line-height:1.62;max-width:40rem}
.nesir h2{font-size:clamp(1.9rem,3.4vw,2.6rem);margin-top:.6em}
.iki{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,5rem);align-items:start}
@media (max-width:860px){.iki{grid-template-columns:minmax(0,1fr)}}
.tam-foto{margin:0;display:grid;gap:.55rem}
.pano{height:clamp(90px,14vw,180px);width:100%;object-fit:cover}
.alan{display:grid;gap:.3rem}

/* YAZILAR */
.suzgec{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:2rem}
.suzgec button{font:700 1rem var(--ui);padding:.5rem .95rem;background:transparent;border:1px solid var(--cizgi);color:var(--murekkep);cursor:pointer}
.suzgec button:hover{border-color:var(--gece)}
.suzgec button[aria-pressed=true]{background:var(--gece);color:var(--beyaz);border-color:var(--gece)}
.satir{display:grid;grid-template-columns:9.5rem minmax(0,1fr) 150px;gap:1.5rem;padding-block:1.45rem;border-top:1px solid var(--cizgi);color:inherit;text-decoration:none;align-items:start}
.satir:hover{color:inherit}.satir:hover h2{color:var(--kizil)}
.satir h2{font-size:1.85rem;font-weight:700;line-height:1.12;margin-bottom:.35rem}
.satir p{font-size:1.08rem;line-height:1.42;color:var(--soluk)}
.satir img{width:150px;height:100px;object-fit:cover}
.satir .desen{width:150px;height:100px;background:var(--gece) url(kilim.svg) center/84px 45px repeat-x}
.satir .tarih b{display:block;margin-top:.2rem}
.satir[hidden]{display:none}
@media (max-width:720px){.satir{grid-template-columns:minmax(0,1fr) 92px;gap:.5rem 1rem}.satir .tarih{grid-column:1/-1}.satir img,.satir .desen{width:92px;height:72px}}

/* YAZI */
.yazi{padding-block:clamp(2.5rem,6vw,4.5rem)}
.siir{font-size:clamp(1.3rem,2.2vw,1.55rem);font-style:italic;line-height:1.5;display:grid;gap:1.5em}
.siir p span{display:block}
.kunye{font:500 1.02rem var(--ui);color:var(--soluk);margin-top:2rem}
.yazi-foto{columns:3 240px;column-gap:10px;margin-top:2.5rem}
.yazi-foto a{display:block;margin-bottom:10px;break-inside:avoid}
.yazi-foto.tek{columns:1;max-width:900px}
.video{aspect-ratio:16/9;width:100%;max-width:860px;border:0;margin-top:2rem;background:var(--gece)}
.komsu{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--cizgi)}
.komsu a{font:700 1.08rem/1.3 var(--ui);text-decoration:none}
.komsu small{display:block;color:var(--soluk);font-weight:500}
.komsu a:last-child:not(:first-child){text-align:right}
.anma{border-left:0}

/* GALERİ */
.albüm+.albüm{margin-top:clamp(3rem,6vw,5rem)}
.albüm h2{font-size:clamp(1.9rem,3.6vw,2.8rem);margin-bottom:1.2rem}
.yigin{columns:4 230px;column-gap:8px}
.yigin a{display:block;margin-bottom:8px;break-inside:avoid;background:var(--cizgi)}
dialog.isik{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;max-height:100dvh;width:100vw;height:100vh;height:100dvh;color:var(--beyaz)}
dialog.isik::backdrop{background:rgba(8,14,40,.94)}
.isik-ic{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:1rem}
.isik-ic img{max-width:100%;max-height:100%;margin:auto;object-fit:contain;min-height:0}
.isik-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1rem;padding-top:.8rem;font:400 1rem var(--ui);text-align:center}
.isik-alt button{background:none;color:var(--beyaz);border:1px solid #6b7cc0;font:700 1rem var(--ui);padding:.45rem .9rem;cursor:pointer}
.isik-alt button:hover{border-color:var(--safran);color:var(--safran)}
.isik-alt span{flex:1 1 100%;order:-1}

/* FORM */
.form{display:grid;gap:1.1rem;max-width:560px}
.form label{font:700 1rem var(--ui)}
.form input,.form textarea{width:100%;font:400 1.1rem var(--ui);padding:.75rem .85rem;border:1px solid #aab3cc;background:var(--beyaz);color:var(--murekkep);border-radius:0}
.form input:focus,.form textarea:focus{outline:3px solid var(--safran);outline-offset:0;border-color:var(--gece)}
.form .dugme{justify-self:start}
.form-not{font:500 1rem/1.4 var(--ui);padding:.75rem .95rem;background:#dcf5e9;color:#075339}
.form-not.hata{background:#fde4df;color:#7d1d10}
.gizli-alan{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.harita{width:100%;aspect-ratio:4/3;border:0;background:var(--cizgi)}

/* ALT */
.alt-bant{background:var(--gece);color:#dfe6fb;font-family:var(--ui)}
.alt-ic{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:2.5rem;padding-block:3.5rem}
.alt-marka{display:flex;gap:1.1rem;align-items:center}
.alt-marka img{width:92px;height:92px;flex:none}
.alt-marka b{font:800 1.6rem/1.1 var(--display);color:var(--beyaz);display:block}
.alt-marka span{font-size:1rem;line-height:1.35;display:block;margin-top:.3rem}
.alt-bant h2{font:700 .82rem var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--safran);margin-bottom:.8rem}
.alt-bant ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;font-size:1.04rem}
.alt-bant a{color:#e7ecfb;text-decoration:none}.alt-bant a:hover{color:var(--safran);text-decoration:underline}
.telif{border-top:1px solid #2b3d86;padding-block:1.1rem;font-size:.95rem;color:#b9c6ee}
@media (max-width:760px){.alt-ic{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.alt-marka{grid-column:1/-1}}

/* RADYO ÇUBUĞU */
.radyo{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#0a1540;color:var(--beyaz);border-top:3px solid var(--safran);padding-bottom:env(safe-area-inset-bottom,0px);font-family:var(--ui)}
.radyo .sar{display:flex;align-items:center;gap:.95rem;height:calc(var(--bar) - 3px)}
.radyo-dugme{flex:none;width:46px;height:46px;border-radius:50%;background:var(--safran);color:var(--gece);border:0;display:grid;place-items:center;cursor:pointer;font-size:1rem;transition:transform .15s}
.radyo-dugme:hover{transform:scale(1.07)}
.radyo-dugme .oynat-ikon{margin-left:.15em}
.calıyor .radyo-dugme .oynat-ikon,.yukleniyor .radyo-dugme .oynat-ikon{margin-left:0}
.radyo-yazi{min-width:0;flex:1}
.radyo-yazi b{display:block;font:800 1.14rem/1.1 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.radyo-durum{display:block;font-size:.92rem;line-height:1.25;color:#b9c6ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calıyor .radyo-durum{color:var(--turkuaz-acik)}
.hata .radyo-durum{color:#ffb4a6;white-space:normal}
.eq{display:flex;align-items:end;gap:3px;height:26px;flex:none}
.eq i{width:4px;height:5px;background:#42528f;transition:background .2s}
.calıyor .eq i{background:var(--safran);animation:eq 1s ease-in-out infinite alternate}
.eq i:nth-child(1){animation-delay:-.1s}.eq i:nth-child(2){animation-delay:-.65s}.eq i:nth-child(3){animation-delay:-.3s}.eq i:nth-child(4){animation-delay:-.9s}.eq i:nth-child(5){animation-delay:-.5s}
@keyframes eq{from{height:5px}to{height:26px}}
.ses{display:flex;align-items:center;gap:.55rem;font-size:.9rem;color:#b9c6ee}
.ses input{width:110px;accent-color:var(--safran)}
@media (max-width:640px){.ses{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.calıyor .eq i{height:16px}}

/* PANEL ÜRETİMİ İÇİN EKLER */
.kisa .desen{width:112px;height:112px;background:var(--gece) url(kilim.svg) center/84px 45px repeat-x}
.ust-bosluk{margin-top:1.5rem}.ust-sifir{padding-top:0}.beyaz,.kisi-bant{background:var(--beyaz)}
.kisi-baslik{font-size:clamp(2.2rem,5vw,3.6rem);margin-block:.5rem 1.5rem}
.sifir{margin-top:0!important}.soy-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2rem clamp(2rem,5vw,5rem)}
.yazi-kapak{margin-bottom:2.5rem;max-width:760px}.iletisim-yan{display:grid;gap:1rem}
.video-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:1.4rem 1rem}
.video-kart{display:grid;gap:.5rem;align-content:start;text-decoration:none;color:inherit;font:700 1.08rem/1.25 var(--ui)}
.video-kart:hover{color:var(--kizil)}
.video-kart img,.video-kart .desen{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--gece)}
.tek-video{max-width:560px;margin-top:2rem}
.sohbet-oda{width:100%;max-width:760px;height:520px;border:0;background:var(--beyaz)}

/* DUYARLI DÜZEN: ekran boyutlarına göre düzeltmeler */
.menu-dugme{min-height:44px;min-width:64px}
.yan-baglanti{display:inline-block;padding-block:.72rem}
.suzgec button{min-height:44px}
.isik-alt button{min-height:44px}
h1,h2,h3{overflow-wrap:break-word}

/* Çok geniş ekran: kapakta gök kadar köy de görünsün */
@media (min-width:1500px){
  .kahraman>img{object-position:50% 60%}
  .kahraman .sar{padding-bottom:28rem}
}
/* Tablet ve altı */
@media (max-width:1010px){
  .menu>a,.menu summary,.acilir-ic a{padding-block:.72rem}
}
@media (max-width:860px){
  .form{max-width:none}
  .harita{aspect-ratio:16/9}
}
@media (max-width:700px){
  .koy-ic{grid-template-columns:minmax(0,1fr)}
  .koy-foto{aspect-ratio:16/10;min-height:0}
  .koy-metin{padding-left:var(--gutter);max-width:none}
}
@media (max-width:640px){
  .siir-ic{grid-template-columns:minmax(0,1fr)}
  .siir-bant img{aspect-ratio:16/11}
}
/* Telefon */
@media (max-width:480px){
  .omur li{grid-template-columns:minmax(0,1fr);gap:.35rem}
  .kisa{grid-template-columns:minmax(0,1fr) 84px;gap:.8rem}
  .kisa img,.kisa .desen{width:84px;height:84px}
  .kisa h3{font-size:1.38rem}
  .satir h2{font-size:1.5rem}
  .nesir{font-size:1.18rem}
  .sohbet-oda{height:440px}
  .komsu a:last-child:not(:first-child){text-align:left}
  .eq{display:none}
  .radyo .sar{gap:.75rem}
  .alt-ic{gap:2rem 1.25rem;padding-block:2.5rem}
  .alt-marka img{width:68px;height:68px}
}
@media (max-width:360px){
  .marka b{font-size:1.14rem}
  .marka img{width:42px;height:42px}
  .yayin img{width:64px;height:64px}
  .dugme{font-size:1rem;padding:.8rem .95rem}
  .alt-ic{grid-template-columns:minmax(0,1fr)}
}
/* Yatay telefon: üst bant kaysın, çubuk incelsin, başlık ekrana sığsın */
@media (max-height:500px) and (orientation:landscape){
  :root{--bar:54px}
  html{scroll-padding-top:12px}
  .ust{position:static}
  .ust .sar{min-height:58px}
  .marka img{width:40px;height:40px}
  .radyo-dugme{width:38px;height:38px}
  .kahraman .sar{padding-block:1.5rem 7rem;gap:1.5rem}
  .kahraman h1{font-size:clamp(2.2rem,6.4vw,3.3rem)}
  .kahraman .dize{font-size:1.05rem;margin-top:.7rem}
  .kahraman .etiket{margin-bottom:.5rem}
  .yayin{width:auto;gap:.6rem}
  .yayin img{width:84px;height:84px}
  .yayin small{display:none}
  .sayfa-bas{padding-block:1.75rem 1.5rem}
  .sayfa-bas h1{font-size:clamp(2.2rem,6vw,3.2rem)}
  .menu{max-height:none;position:static;width:100%;padding-inline:0;order:3}
  .ust .sar{flex-wrap:wrap}
  .isik-ic{padding:.5rem}
  .isik-alt{padding-top:.4rem;gap:.4rem .6rem}
  .isik-alt span{display:none}
}
/* Telefonda klavye açıkken radyo çubuğu yazılan alanın üstüne binmesin */
@media (max-width:1010px) and (pointer:coarse){
  body:has(input:focus,textarea:focus) .radyo{display:none}
}