/* Sanatla Keşif Haritası
 *
 * Tasarım notu: haritanın kendi dili paleti belirliyor. Tek kromatik renk
 * haritadaki turuncu; geri kalan her şey sıcak nötr gri. Cesaret tek yerde
 * harcanıyor (harita), liste sakin bir künye düzeninde tutuluyor.
 */

@font-face{font-family:'SKHUrbanist';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('../fonts/urbanist-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'SKHUrbanist';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('../fonts/urbanist-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

.skh{
  --skh-vurgu:#ff8d02;
  --skh-vurgu-koyu:#c96c00;
  --skh-vurgu-yumusak:#fff3e4;
  --skh-il-bos:#f8d6ae;
  --skh-murekkep:#131211;
  --skh-murekkep-2:#5f5b56;
  --skh-murekkep-3:#8d8780;
  --skh-cizgi:#e5e2dd;
  --skh-cizgi-koyu:#cfcac3;
  --skh-yuzey:#f4f3f1;
  --skh-zemin:#fff;
  --skh-yuvarlak:10px;
  --skh-golge:0 1px 2px rgba(19,18,17,.06), 0 8px 24px rgba(19,18,17,.08);

  max-width:1240px;
  margin-inline:auto;
  padding:0 16px 48px;
  font-family:'SKHUrbanist',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:var(--skh-murekkep);
  font-weight:500;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-align:left;
}
.skh *,.skh *::before,.skh *::after{box-sizing:border-box}
.skh button{font:inherit;color:inherit;background:none;border:0;margin:0;cursor:pointer}
.skh input,.skh select,.skh textarea{font:inherit;color:inherit}
.skh a{text-decoration:none;color:inherit}
.skh ol,.skh ul{list-style:none;margin:0;padding:0}
.skh p{margin:0}
.skh h2,.skh h3{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--skh-murekkep)}
.skh :focus-visible{outline:2px solid var(--skh-vurgu-koyu);outline-offset:2px;border-radius:4px}
/* Bileşenlerin çoğu display:flex olduğu için tarayıcının [hidden] kuralını
   eziyorlardı; gizleme tek yerden zorlanıyor. */
.skh [hidden]{display:none !important}
.skh .skh-gorsel-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skh .skh-ikon{width:18px;height:18px;flex:none}

/* ------------------------------------------------------------------ başlık */

.skh .skh-ust{
  display:flex;flex-wrap:wrap;gap:20px 32px;align-items:flex-end;justify-content:space-between;
  padding:8px 0 22px;
}
.skh .skh-baslik{font-size:clamp(28px,3.6vw,38px)}
.skh .skh-aciklama{margin-top:10px;max-width:58ch;font-size:16px;line-height:1.6;color:var(--skh-murekkep-2)}
.skh .skh-ust-yan{display:flex;align-items:center;gap:22px;flex-wrap:wrap}

.skh .skh-sayac{display:flex;gap:8px;margin:0}
.skh .skh-sayac div{
  min-width:74px;padding:9px 14px;border:1px solid var(--skh-cizgi);border-radius:var(--skh-yuvarlak);
  background:var(--skh-zemin);
}
.skh .skh-sayac dt{font-size:11.5px;font-weight:600;color:var(--skh-murekkep-3);letter-spacing:.02em}
.skh .skh-sayac dd{margin:1px 0 0;font-size:22px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.skh .skh-sayac dd span{font-size:14px;font-weight:600;color:var(--skh-murekkep-3)}

.skh .skh-yonetim{display:flex;gap:8px;flex-wrap:wrap}

/* ------------------------------------------------------------------ düğmeler */

.skh .skh-dugme{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 15px;border-radius:var(--skh-yuvarlak);
  border:1px solid var(--skh-cizgi-koyu);background:var(--skh-zemin);
  font-size:14px;font-weight:600;
  transition:background .15s,border-color .15s,color .15s;
}
.skh .skh-dugme:hover{background:var(--skh-yuzey);border-color:var(--skh-murekkep-3)}
.skh .skh-dugme--birincil{background:var(--skh-murekkep);border-color:var(--skh-murekkep);color:#fff}
.skh .skh-dugme--birincil:hover{background:#000;border-color:#000}
.skh .skh-dugme--sade{background:transparent}
.skh .skh-dugme--tehlike{color:#b4231b;border-color:#e8bdb9}
.skh .skh-dugme--tehlike:hover{background:#fdf2f1;border-color:#d4736b}
.skh .skh-dugme[disabled]{opacity:.55;cursor:not-allowed}

.skh .skh-ikonbtn{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:9px;
  border:1px solid transparent;color:var(--skh-murekkep-2);
  transition:background .15s,color .15s,border-color .15s;
}
.skh .skh-ikonbtn:hover{background:var(--skh-yuzey);color:var(--skh-murekkep);border-color:var(--skh-cizgi)}
.skh .skh-ikonbtn--duzenle:hover{background:var(--skh-vurgu-yumusak);border-color:#f3c996;color:var(--skh-vurgu-koyu)}

/* -------------------------------------------------------------------- harita */

.skh .skh-harita-alan{margin-bottom:26px}
.skh .skh-harita{
  position:relative;margin:0;
  border:1px solid var(--skh-cizgi);border-radius:16px;
  background:var(--skh-zemin);
}
.skh .skh-harita-kaydir{padding:10px 10px 0}
.skh .skh-harita-ic{position:relative}
.skh .skh-harita-zemin{display:block;width:100%;height:auto}
.skh .skh-harita-svg{
  position:absolute;inset:0;width:100%;height:100%;
  overflow:visible;
}
.skh .skh-perde{fill:var(--skh-zemin);opacity:0;transition:opacity .28s ease;pointer-events:none}
.skh .skh-harita--secili .skh-perde{opacity:.66}

.skh .skh-il{
  fill:var(--skh-vurgu);
  stroke:#080807;stroke-width:1;stroke-linejoin:round;
  cursor:pointer;
  transition:fill .16s ease,stroke-width .16s ease;
}
.skh .skh-il--bos{fill:var(--skh-il-bos)}
.skh .skh-il:hover{fill:var(--skh-vurgu-koyu);stroke-width:2}
.skh .skh-il--bos:hover{fill:#eab97f}
.skh .skh-il:focus{outline:none}
.skh .skh-il:focus-visible{stroke:var(--skh-murekkep);stroke-width:3}
.skh .skh-il--secili,.skh .skh-il--secili:hover{fill:var(--skh-vurgu-koyu);stroke:var(--skh-murekkep);stroke-width:2.5}
.skh .skh-harita--secili .skh-il:not(.skh-il--secili){opacity:.35}

.skh .skh-lejant{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;
  padding:12px 6px 13px;font-size:12.5px;font-weight:600;color:var(--skh-murekkep-2);
}
.skh .skh-lejant-oge{display:inline-flex;align-items:center;gap:7px}
.skh .skh-kutu{width:11px;height:11px;border-radius:3px;border:1px solid #080807}
.skh .skh-kutu--dolu{background:var(--skh-vurgu)}
.skh .skh-kutu--bos{background:var(--skh-il-bos)}
.skh .skh-lejant-ipucu{margin-left:auto;color:var(--skh-murekkep-3);font-weight:500}
.skh .skh-lejant-ipucu--dar{display:none}

/* popover */
.skh .skh-pop{
  position:absolute;z-index:6;min-width:186px;max-width:250px;
  padding:11px 13px 12px;
  background:var(--skh-murekkep);color:#fff;
  border-radius:11px;box-shadow:0 10px 30px rgba(19,18,17,.26);
  font-size:13px;line-height:1.45;
  transform:translate(-50%,-100%);pointer-events:none;
  opacity:0;transition:opacity .13s ease;
}
.skh .skh-pop--gorunur{opacity:1}
.skh .skh-pop::after{
  content:"";position:absolute;left:50%;bottom:-5px;width:11px;height:11px;
  background:var(--skh-murekkep);transform:translateX(-50%) rotate(45deg);border-radius:2px;
}
.skh .skh-pop-ad{font-size:15px;font-weight:700;letter-spacing:-.01em}
.skh .skh-pop-sayi{margin-top:1px;font-size:12.5px;font-weight:600;color:var(--skh-vurgu)}
.skh .skh-pop-turler{margin-top:8px;display:flex;flex-direction:column;gap:3px}
.skh .skh-pop-tur{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:500;color:#d9d5d0}
.skh .skh-pop-tur b{font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.skh .skh-pop-bos{margin-top:4px;font-size:12.5px;color:#b9b4ae;font-weight:500}

/* -------------------------------------------------------------------- filtre */

.skh .skh-filtre{
  position:sticky;top:0;z-index:5;
  padding:12px 0 10px;background:var(--skh-zemin);
  border-bottom:1px solid var(--skh-cizgi);
}
.skh .skh-filtre-satir{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.skh .skh-segment{
  display:inline-flex;padding:3px;gap:2px;
  border:1px solid var(--skh-cizgi-koyu);border-radius:var(--skh-yuvarlak);
  background:var(--skh-yuzey);
}
.skh .skh-seg{
  padding:8px 13px;border-radius:7px;
  font-size:13.5px;font-weight:600;color:var(--skh-murekkep-2);white-space:nowrap;
  transition:background .14s,color .14s;
}
.skh .skh-seg:hover{color:var(--skh-murekkep)}
.skh .skh-seg--etkin{background:var(--skh-zemin);color:var(--skh-murekkep);box-shadow:0 1px 2px rgba(19,18,17,.1)}

.skh .skh-ara{position:relative;flex:1 1 260px;min-width:0;display:flex;align-items:center}
.skh .skh-ara .skh-ikon--ara{position:absolute;left:12px;color:var(--skh-murekkep-3);pointer-events:none}
.skh .skh-ara input{
  width:100%;padding:11px 38px 11px 38px;
  border:1px solid var(--skh-cizgi-koyu);border-radius:var(--skh-yuvarlak);
  background:var(--skh-zemin);font-size:14.5px;font-weight:500;
  transition:border-color .15s,box-shadow .15s;
}
.skh .skh-ara input::placeholder{color:var(--skh-murekkep-3);font-weight:500}
.skh .skh-ara input:focus{outline:none;border-color:var(--skh-murekkep);box-shadow:0 0 0 3px rgba(19,18,17,.07)}
.skh .skh-ara input::-webkit-search-cancel-button{display:none}
.skh .skh-ara-sil{position:absolute;right:7px;display:flex;padding:5px;color:var(--skh-murekkep-3);border-radius:6px}
.skh .skh-ara-sil:hover{background:var(--skh-yuzey);color:var(--skh-murekkep)}

.skh .skh-secici{position:relative}
.skh .skh-secici-dugme{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 13px;border:1px solid var(--skh-cizgi-koyu);border-radius:var(--skh-yuvarlak);
  font-size:14px;font-weight:600;background:var(--skh-zemin);white-space:nowrap;
  transition:border-color .15s,background .15s;
}
.skh .skh-secici-dugme:hover{border-color:var(--skh-murekkep-3)}
.skh .skh-secici--acik .skh-secici-dugme{border-color:var(--skh-murekkep);background:var(--skh-yuzey)}
.skh .skh-secici--acik .skh-ikon--ok{transform:rotate(180deg)}
.skh .skh-secici .skh-ikon--ok{transition:transform .18s ease;color:var(--skh-murekkep-3)}
.skh .skh-secici-sayac{
  min-width:20px;padding:1px 6px;border-radius:99px;
  background:var(--skh-vurgu);color:#241500;font-size:11.5px;font-weight:700;
  font-variant-numeric:tabular-nums;text-align:center;
}

.skh .skh-panel{
  position:absolute;top:calc(100% + 6px);left:0;z-index:20;
  width:320px;max-width:min(86vw,360px);
  background:var(--skh-zemin);border:1px solid var(--skh-cizgi-koyu);
  border-radius:12px;box-shadow:var(--skh-golge);overflow:hidden;
}
.skh .skh-secici[data-skh-secici="tur"] .skh-panel{left:auto;right:0}
.skh .skh-panel-ara{position:relative;display:flex;align-items:center;padding:9px 10px;border-bottom:1px solid var(--skh-cizgi)}
.skh .skh-panel-ara .skh-ikon{position:absolute;left:20px;color:var(--skh-murekkep-3)}
.skh .skh-panel-ara input{
  width:100%;padding:8px 10px 8px 34px;border:1px solid var(--skh-cizgi);
  border-radius:8px;font-size:13.5px;font-weight:500;background:var(--skh-yuzey);
}
.skh .skh-panel-ara input:focus{outline:none;border-color:var(--skh-murekkep-3);background:var(--skh-zemin)}
.skh .skh-panel-liste{max-height:300px;overflow-y:auto;padding:6px}
.skh .skh-secenek{
  display:flex;align-items:center;gap:10px;
  padding:8px 10px;border-radius:8px;cursor:pointer;
  font-size:13.5px;font-weight:500;
  transition:background .12s;
}
.skh .skh-secenek:hover{background:var(--skh-yuzey)}
.skh .skh-secenek input{width:16px;height:16px;accent-color:var(--skh-vurgu-koyu);flex:none;margin:0}
.skh .skh-secenek-ad{flex:1;min-width:0}
.skh .skh-secenek-sayi{
  font-size:11.5px;font-weight:700;color:var(--skh-murekkep-3);
  font-variant-numeric:tabular-nums;
}
.skh .skh-secenek--bos{color:var(--skh-murekkep-3)}
.skh .skh-secenek--gizli{display:none}
.skh .skh-panel-alt{padding:8px;border-top:1px solid var(--skh-cizgi);background:var(--skh-yuzey)}
.skh .skh-panel-alt .skh-dugme{width:100%;justify-content:center;font-size:13px;padding:8px}

.skh .skh-sirala select{
  padding:11px 12px;border:1px solid var(--skh-cizgi-koyu);border-radius:var(--skh-yuvarlak);
  background:var(--skh-zemin);font-size:14px;font-weight:600;cursor:pointer;
}
.skh .skh-sirala select:focus{outline:none;border-color:var(--skh-murekkep)}

/* şehir çipleri */
.skh .skh-cipler{
  display:flex;gap:7px;flex-wrap:wrap;
  padding:11px 0 3px;
}
.skh .skh-cip{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 12px;border-radius:99px;
  border:1px solid var(--skh-cizgi-koyu);background:var(--skh-zemin);
  font-size:13.5px;font-weight:600;white-space:nowrap;
  transition:background .14s,border-color .14s,color .14s;
}
.skh .skh-cip:hover{border-color:var(--skh-murekkep-3);background:var(--skh-yuzey)}
.skh .skh-cip-sayi{font-size:11.5px;font-weight:700;color:var(--skh-murekkep-3);font-variant-numeric:tabular-nums}
.skh .skh-cip--bos{color:var(--skh-murekkep-3)}
.skh .skh-cip--etkin{background:var(--skh-murekkep);border-color:var(--skh-murekkep);color:#fff}
.skh .skh-cip--etkin .skh-cip-sayi{color:var(--skh-vurgu)}
.skh .skh-cip--etkin:hover{background:#000;border-color:#000}

.skh .skh-filtre-durum{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 0 2px}
.skh .skh-sonuc{font-size:13.5px;font-weight:500;color:var(--skh-murekkep-2)}
.skh .skh-sonuc strong{font-weight:700;color:var(--skh-murekkep);font-variant-numeric:tabular-nums}
.skh .skh-rozetler{display:flex;gap:6px;flex-wrap:wrap}
.skh .skh-etkin-rozet{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 7px 4px 10px;border-radius:99px;
  border:1px solid #f3c996;background:var(--skh-vurgu-yumusak);color:#8a4b00;
  font-size:12px;font-weight:600;
}
.skh .skh-etkin-rozet button{display:flex;padding:2px;border-radius:50%;color:#a35c05}
.skh .skh-etkin-rozet button:hover{background:#f7dcbc}
.skh .skh-etkin-rozet .skh-ikon{width:13px;height:13px}
.skh .skh-temizle{
  margin-left:auto;font-size:13px;font-weight:600;color:var(--skh-murekkep-2);
  padding:5px 2px;border-bottom:1px solid var(--skh-cizgi-koyu);
}
.skh .skh-temizle:hover{color:var(--skh-murekkep);border-bottom-color:var(--skh-murekkep)}

/* --------------------------------------------------------------------- liste */

.skh .skh-liste{margin-top:4px}
.skh .skh-oge{
  display:flex;align-items:center;gap:10px;
  padding:14px 4px;border-bottom:1px solid var(--skh-cizgi);
}
.skh .skh-oge--gizli,.skh .skh-oge--sayfa-disi{display:none}

/* Geniş ekranda iki sütunlu künye düzeni: 1240px'lik kolonda tek sütun hem
   yatayda yer israf ediyor hem de listeyi gereksiz uzatıyordu.
   Sütun ayracı için dikey çizgi kullanılmıyor; süzme sırasında öğeler
   gizlendiğinde nth-child görsel sütunla eşleşmediği için çizgi kayardı. */
@media (min-width:1100px){
  /* Çok sütunlu akış (grid değil): alfabetik listede göz önce sol sütunu
     aşağı tarar. Grid satır önceliğiyle dizdiği için her iki kaydı atlamak
     gerekiyordu. Süzülen öğeler gizlenince sütunlar kendiliğinden dengelenir. */
  .skh .skh-liste{columns:2;column-gap:44px}
  .skh .skh-liste .skh-oge{break-inside:avoid;-webkit-column-break-inside:avoid}
}

.skh .skh-daha{
  display:flex;justify-content:center;padding:22px 0 4px;
}
.skh .skh-daha .skh-dugme{padding:11px 22px}
.skh .skh-oge--taslak{background:repeating-linear-gradient(135deg,transparent,transparent 9px,rgba(19,18,17,.022) 9px,rgba(19,18,17,.022) 18px)}

.skh .skh-oge-ac{
  flex:1;min-width:0;display:flex;align-items:center;gap:14px;
  text-align:left;padding:4px;border-radius:var(--skh-yuvarlak);
  transition:background .14s;
}
.skh .skh-oge-ac:hover{background:var(--skh-yuzey)}

.skh .skh-gorsel{
  flex:none;width:62px;height:62px;border-radius:9px;overflow:hidden;
  border:1px solid var(--skh-cizgi);background:var(--skh-yuzey);
  display:flex;align-items:center;justify-content:center;
}
.skh .skh-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.skh .skh-gorsel--yok{background:var(--skh-vurgu-yumusak);border-color:#f3c996}
.skh .skh-bas-harf{font-size:24px;font-weight:700;color:var(--skh-vurgu-koyu)}

.skh .skh-oge-govde{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.skh .skh-oge-ad{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.skh .skh-oge-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.skh .skh-il-etiket{
  display:inline-flex;align-items:center;gap:4px;
  font-size:12.5px;font-weight:700;color:var(--skh-vurgu-koyu);
}
.skh .skh-il-etiket .skh-ikon{width:13px;height:13px}
.skh .skh-rozet{
  padding:2px 8px;border-radius:99px;
  border:1px solid var(--skh-cizgi-koyu);background:var(--skh-yuzey);
  font-size:11.5px;font-weight:600;color:var(--skh-murekkep-2);
}
.skh .skh-rozet--sade{color:var(--skh-murekkep-3)}
.skh .skh-rozet--sanatci{border-color:#f3c996;background:var(--skh-vurgu-yumusak);color:#8a4b00}
.skh .skh-rozet--taslak{border-color:#cfcac3;background:var(--skh-murekkep);color:#fff}
.skh .skh-oge-ozet{
  font-size:13.5px;color:var(--skh-murekkep-2);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.skh .skh-oge-eylem{display:flex;align-items:center;gap:2px;flex:none}

.skh .skh-bos{
  padding:46px 20px;text-align:center;
  font-size:15px;font-weight:500;color:var(--skh-murekkep-2);
}

/* ----------------------------------------------------------- detay ve formlar */

.skh .skh-ortu{
  position:fixed;inset:0;z-index:9400;
  background:rgba(19,18,17,.5);
  opacity:0;transition:opacity .2s ease;
}
.skh .skh-ortu--gorunur{opacity:1}
.skh .skh-ortu--ust{z-index:9600}

.skh .skh-detay{
  position:fixed;top:0;right:0;bottom:0;z-index:9500;
  width:min(440px,100vw);
  display:flex;flex-direction:column;
  background:var(--skh-zemin);box-shadow:-12px 0 40px rgba(19,18,17,.18);
  transform:translateX(100%);transition:transform .26s cubic-bezier(.22,.61,.36,1);
}
.skh .skh-detay--acik{transform:none}
/* Giriş yapmış yöneticide üstte 32px'lik WP çubuğu var; sabit panel onun
   altından başlamalı yoksa başlık çubuğun arkasında kalıyor. */
/* Yalnız geniş ekran: dar ekranda panel alt sayfaya dönüyor ve top:auto olmalı.
   Bu seçici daha özgül olduğu için media query ile sınırlanmazsa onu ezerdi. */
@media screen and (min-width:721px){body.admin-bar .skh .skh-detay{top:32px}}
@media screen and (min-width:721px) and (max-width:782px){body.admin-bar .skh .skh-detay{top:46px}}
.skh .skh-cekme{display:none}
.skh .skh-detay-ust{
  display:flex;align-items:flex-start;gap:12px;
  padding:20px 18px 14px;border-bottom:1px solid var(--skh-cizgi);
}
.skh .skh-detay-ust h3{flex:1;font-size:21px;line-height:1.25}
.skh .skh-kapat{
  flex:none;display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:50%;
  background:#c9302c;color:#fff;
}
.skh .skh-kapat:hover{background:#a8271f}
.skh .skh-detay-govde{flex:1;overflow-y:auto;padding:16px 18px 28px;-webkit-overflow-scrolling:touch}

.skh .skh-detay-etiketler{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.skh .skh-detay-ozet{font-size:15px;line-height:1.6;color:var(--skh-murekkep-2);margin-bottom:18px}
.skh .skh-satirlar{display:flex;flex-direction:column;gap:2px;margin-bottom:18px}
.skh .skh-satir{
  display:flex;gap:11px;align-items:flex-start;
  padding:10px 11px;border-radius:9px;
  font-size:14px;font-weight:500;
}
.skh .skh-satir:hover{background:var(--skh-yuzey)}
.skh .skh-satir .skh-ikon{color:var(--skh-murekkep-3);margin-top:2px}
.skh .skh-satir-ad{font-size:11.5px;font-weight:600;color:var(--skh-murekkep-3);display:block}
.skh .skh-satir-deger{word-break:break-word}
a.skh-satir .skh-satir-deger{color:var(--skh-vurgu-koyu);font-weight:600}

.skh .skh-detay-galeri{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.skh .skh-detay-galeri a{
  display:block;aspect-ratio:1;border-radius:9px;overflow:hidden;
  border:1px solid var(--skh-cizgi);
}
.skh .skh-detay-galeri img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.skh .skh-detay-galeri a:hover img{transform:scale(1.06)}
.skh .skh-bolum-ad{
  font-size:11.5px;font-weight:700;color:var(--skh-murekkep-3);
  margin:0 0 9px;
}

/* form */
.skh .skh-form-sar{
  position:fixed;inset:0;z-index:9650;
  display:flex;align-items:center;justify-content:center;padding:24px;
  opacity:0;transition:opacity .2s ease;pointer-events:none;
}
.skh .skh-form-sar--acik{opacity:1;pointer-events:auto}
.skh .skh-form{
  display:flex;flex-direction:column;
  width:min(720px,100%);max-height:88vh;
  background:var(--skh-zemin);border-radius:16px;box-shadow:0 24px 64px rgba(19,18,17,.3);
  transform:translateY(12px);transition:transform .24s cubic-bezier(.22,.61,.36,1);
}
.skh .skh-form-sar--acik .skh-form{transform:none}
.skh .skh-form-ust{
  display:flex;align-items:center;gap:12px;
  padding:18px 18px 14px;border-bottom:1px solid var(--skh-cizgi);
}
.skh .skh-form-ust h3{flex:1;font-size:19px}
.skh .skh-form-govde{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:15px}
.skh .skh-form-alt{
  display:flex;gap:9px;justify-content:flex-end;
  padding:14px 18px;border-top:1px solid var(--skh-cizgi);background:var(--skh-yuzey);
  border-radius:0 0 16px 16px;
}
.skh .skh-form-alt [data-skh-form-sil]{margin-right:auto}

.skh .skh-alan{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0;min-width:0}
.skh .skh-alan label,.skh .skh-alan legend{font-size:12.5px;font-weight:700;color:var(--skh-murekkep-2);padding:0}
.skh .skh-alan input,.skh .skh-alan select,.skh .skh-alan textarea{
  width:100%;padding:10px 12px;
  border:1px solid var(--skh-cizgi-koyu);border-radius:9px;
  background:var(--skh-zemin);font-size:15px;font-weight:500;
  transition:border-color .15s,box-shadow .15s;
}
.skh .skh-alan textarea{resize:vertical;line-height:1.5}
.skh .skh-alan input:focus,.skh .skh-alan select:focus,.skh .skh-alan textarea:focus{
  outline:none;border-color:var(--skh-murekkep);box-shadow:0 0 0 3px rgba(19,18,17,.07);
}
.skh .skh-alan-ikili{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.skh .skh-ipucu{font-size:12.5px;color:var(--skh-murekkep-3);font-weight:500;margin-top:-2px}

.skh .skh-tur-kutu{
  display:flex;flex-wrap:wrap;gap:6px;
  max-height:158px;overflow-y:auto;
  padding:10px;border:1px solid var(--skh-cizgi);border-radius:9px;background:var(--skh-yuzey);
}
.skh .skh-tur-sec{display:inline-flex}
.skh .skh-tur-sec input{position:absolute;opacity:0;pointer-events:none}
.skh .skh-tur-sec span{
  display:inline-block;padding:6px 11px;border-radius:99px;
  border:1px solid var(--skh-cizgi-koyu);background:var(--skh-zemin);
  font-size:13px;font-weight:600;cursor:pointer;
  transition:background .14s,border-color .14s,color .14s;
}
.skh .skh-tur-sec span:hover{border-color:var(--skh-murekkep-3)}
.skh .skh-tur-sec input:checked + span{background:var(--skh-murekkep);border-color:var(--skh-murekkep);color:#fff}
.skh .skh-tur-sec input:focus-visible + span{outline:2px solid var(--skh-vurgu-koyu);outline-offset:2px}

.skh .skh-galeri-duzen{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:9px}
.skh .skh-galeri-oge{
  position:relative;width:76px;height:76px;border-radius:9px;overflow:hidden;
  border:1px solid var(--skh-cizgi);
}
.skh .skh-galeri-oge img{width:100%;height:100%;object-fit:cover;display:block}
.skh .skh-galeri-oge button{
  position:absolute;top:3px;right:3px;
  display:flex;align-items:center;justify-content:center;
  width:21px;height:21px;border-radius:50%;background:#c9302c;color:#fff;
}
.skh .skh-galeri-oge button .skh-ikon{width:12px;height:12px}
.skh .skh-galeri-oge:first-child::after{
  content:"Kapak";position:absolute;left:0;right:0;bottom:0;
  padding:2px;background:rgba(19,18,17,.76);color:#fff;
  font-size:10px;font-weight:700;text-align:center;
}

.skh .skh-uyari{
  padding:10px 12px;border-radius:9px;
  border:1px solid #e8bdb9;background:#fdf2f1;color:#8f1d16;
  font-size:13.5px;font-weight:600;
}

.skh-bildirim{
  position:fixed;left:50%;bottom:26px;z-index:30000;
  transform:translateX(-50%) translateY(14px);
  padding:11px 18px;border-radius:99px;
  background:var(--skh-murekkep);color:#fff;
  font-size:14px;font-weight:600;box-shadow:0 10px 30px rgba(19,18,17,.3);
  opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;
}
.skh-bildirim--gorunur{opacity:1;transform:translateX(-50%)}
.skh-bildirim--hata{background:#a8271f}

/* -------------------------------------------------------------------- mobil */

@media (max-width:860px){
  .skh .skh-alan-ikili{grid-template-columns:1fr}
}

@media (max-width:720px){
  .skh{padding:0 14px 36px}
  .skh .skh-ust{padding-bottom:16px;gap:14px}
  .skh .skh-ust-yan{width:100%;justify-content:space-between}
  .skh .skh-aciklama{font-size:15px}
  /* Dar ekranda harita 1354x582 oranıyla 170px'e düşüp iller dokunulamaz hale
     geliyordu. Haritayı yatay kaydırılabilir bir şeride alıp iki katına
     çıkarıyoruz; şehir çipleri zaten alternatif erişim yolu. */
  .skh .skh-harita{padding:0;border-radius:12px;overflow:hidden}
  .skh .skh-harita-kaydir{
    overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding:6px 6px 0;
  }
  .skh .skh-harita-kaydir::-webkit-scrollbar{display:none}
  .skh .skh-harita-ic{position:relative;min-width:700px}
  .skh .skh-harita-svg{inset:0;width:100%}
  .skh .skh-lejant{font-size:11.5px;gap:5px 12px;padding:9px 9px 10px}
  .skh .skh-lejant-ipucu{margin-left:0;width:100%}
  .skh .skh-lejant-ipucu--genis{display:none}
  .skh .skh-lejant-ipucu--dar{display:block}
  .skh .skh-pop{min-width:150px;max-width:210px;font-size:12px;padding:9px 11px}

  .skh .skh-filtre-satir{gap:8px}
  .skh .skh-segment{flex:1 1 100%;order:-2;justify-content:space-between}
  .skh .skh-seg{flex:1;text-align:center;padding:8px 6px}
  .skh .skh-ara{flex:1 1 100%;order:-1}
  .skh .skh-secici{flex:1}
  .skh .skh-secici-dugme{width:100%;justify-content:space-between}
  .skh .skh-panel{left:auto;right:0;width:min(92vw,340px)}
  .skh .skh-sirala,.skh .skh-sirala select{flex:1;width:100%}

  /* çipler yatay kayan şerit; sarmalayınca üç satır oluyor */
  .skh .skh-cipler{
    flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    margin:0 -14px;padding:11px 14px 4px;
    scroll-snap-type:x proximity;
  }
  .skh .skh-cipler::-webkit-scrollbar{display:none}
  .skh .skh-cip{scroll-snap-align:start}

  .skh .skh-oge{padding:12px 2px;gap:6px}
  .skh .skh-oge-ac{gap:11px}
  .skh .skh-gorsel{width:52px;height:52px}
  .skh .skh-oge-ad{font-size:15.5px}
  .skh .skh-oge-ozet{-webkit-line-clamp:2;font-size:13px}
  .skh .skh-oge-eylem{flex-direction:column;gap:0}
  .skh .skh-ikonbtn{width:32px;height:32px}
  /* dar ekranda yalnız düzenle ve site bağlantısı kalsın */
  .skh .skh-oge-eylem a.skh-ikonbtn:nth-of-type(n+3){display:none}

  /* alt sayfa (bottom sheet) */
  .skh .skh-detay{
    top:auto;right:0;left:0;width:auto;
    max-height:92dvh;border-radius:16px 16px 0 0;
    transform:translateY(100%);
    box-shadow:0 -10px 40px rgba(19,18,17,.22);
  }
  .skh .skh-detay--acik{transform:none}
  .skh .skh-cekme{
    display:block;width:40px;height:4px;border-radius:99px;
    background:var(--skh-cizgi-koyu);margin:9px auto 0;flex:none;
  }
  .skh .skh-detay-ust{padding:12px 16px 12px}
  .skh .skh-detay-ust h3{font-size:19px}
  .skh .skh-detay-govde{padding:14px 16px calc(24px + env(safe-area-inset-bottom,0px))}
  .skh .skh-detay-galeri{grid-template-columns:repeat(3,1fr)}

  .skh .skh-form-sar{padding:0;align-items:flex-end}
  .skh .skh-form{
    width:100%;max-height:92dvh;border-radius:16px 16px 0 0;
    transform:translateY(100%);
  }
  .skh .skh-form-sar--acik .skh-form{transform:none}
  .skh .skh-form-ust{padding:10px 16px 12px}
  .skh .skh-form-govde{padding:16px}
  /* iOS odakta yakınlaştırmasın diye form alanları 16px */
  .skh .skh-alan input,.skh .skh-alan select,.skh .skh-alan textarea{font-size:16px}
  .skh .skh-form-alt{
    padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));
    border-radius:0;flex-wrap:wrap;
  }
  .skh .skh-form-alt .skh-dugme{flex:1;justify-content:center}
  .skh .skh-form-alt [data-skh-form-sil]{flex:0 0 auto}
}

@media (prefers-reduced-motion:reduce){
  .skh *,.skh *::before,.skh *::after{
    transition-duration:.01ms !important;animation-duration:.01ms !important;
  }
}

.skh .skh-il-ozet{font-size:14px;font-weight:600;color:var(--skh-murekkep-2)}