/* ORFO-043 F1 adım 5: Kadrajım (TR+EN) — orfo-v043.css üzerine; kadraj-v036.css'in yerini alır. Kaynak: onizleme/043/kadrajim.html ("harita odası").
   Harita/süzgeç/liste/önizleme kodu aynı (kadraj-v036.js); bu dosya yalnız görünüm. Worker #kd-grid'e arama motoru için kare basar (kdPage), kimlikle stil verilmez.
   Masaüstü: solda yapışkan harita (ekran boyu), sağda dergi gibi büyük kareler. Telefon: harita yarım ekran, altında kareler. */
[hidden]{display:none!important}
.kd .sbas{padding-bottom:0}
.kd-bas .lbl{display:block;margin-top:18px}
.kd-bas h1{margin-top:10px}
.kd-oda{padding:32px 0 56px}
@media(min-width:900px){.kd-oda{padding:48px 0 88px}}
/* harita odası */
.kv{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.kv-map-w,.kv-list{margin:0;min-width:0}
.kv-map{position:relative;height:50vh;height:50svh;min-height:300px;max-height:540px;background:#EEF1F2;border:1px solid var(--line);z-index:0;overflow:hidden}
.kv-map-n{margin:8px 0 0;font:12px/1.55 var(--sans);color:var(--ink-2);max-width:72ch}
@media(min-width:900px){
  .kv{grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);gap:40px;align-items:start}
  .kv-map-w{position:sticky;top:80px}
  .kv-map{height:calc(100vh - 150px);max-height:none}
  .kv.kv-tek{grid-template-columns:minmax(0,760px)}
}
/* altlık: sitenin kum/mürekkep tonu (ilan haritasıyla aynı) */
.kv-map .leaflet-tile-pane{filter:grayscale(1) contrast(.82) brightness(1.08) sepia(.12)}
.kv-map.leaflet-container{background:#EEF1F2;font-family:var(--sans)}
.kv-map .leaflet-control-attribution{font-size:10px;background:rgba(255,255,255,.75)}
.kv-map .leaflet-bar a{border-radius:0;color:var(--ink)}
.kv-mh{stroke:var(--gold);stroke-opacity:.55}
.kv-lbl{background:none;border:0;box-shadow:none;padding:0;font:600 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-t);text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 2px #fff;white-space:nowrap}
.kv-lbl::before{display:none}
.kv-map:not(.kv-z14) .kv-lbl{display:none}
/* işaret ailesi: kesin = fotoğraf + altın ince halka; yaklaşık = kesik altın halka; mahalle merkezi = soluk */
.kv-ic{background:none;border:0}
.kv-pin{display:block;width:100%;height:100%;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--gold),0 6px 14px -6px rgba(15,29,51,.6);overflow:hidden;background:var(--ink);transition:transform .2s}
.kv-pin img{display:block;width:100%;height:100%;object-fit:cover}
.kv-pin.yk{border-style:dashed;border-color:var(--gold)}
.kv-pin.mh{opacity:.8;filter:saturate(.6)}
.kv-pin.on{transform:scale(1.3);box-shadow:0 0 0 2.5px var(--gold),0 8px 18px -6px rgba(15,29,51,.7);position:relative;z-index:2}
.kv-ic b{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--gold);color:#fff;border:2px solid #fff;font:700 11px/18px var(--sans);text-align:center}
.kv-ic:hover .kv-pin{transform:scale(1.12)}
/* "Bu alanda ara" + telefonda iki parmak ipucu */
.kv-ara{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:1000;font:600 13px/1 var(--sans);padding:11px 16px;border-radius:2px;border:1px solid var(--gold);background:var(--ink);color:#fff;box-shadow:0 8px 20px -10px rgba(15,29,51,.6);cursor:pointer}
.kv-iki{position:absolute;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;background:rgba(15,29,51,.55);color:#fff;font:600 14px var(--sans);pointer-events:none;opacity:0;transition:opacity .2s}
.kv-iki.on{opacity:1}
/* süzgeç: konular + semt */
.kv-bar{display:flex;flex-direction:column;gap:12px;margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.kv-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.kv-chips button{flex:0 0 auto;height:34px;padding:0 13px;border:1px solid var(--line);background:#fff;border-radius:17px;font:500 13px var(--sans);color:var(--ink);cursor:pointer;white-space:nowrap}
.kv-chips button small{color:var(--ink-2);margin-left:3px}
.kv-chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.kv-chips button[aria-pressed=true] small{color:var(--gold-d)}
.kv-semt{display:flex;align-items:center;gap:10px;font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-t)}
.kv-semt select{font:15px var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:2px;height:38px;padding:0 10px;max-width:100%}
.kv-durum{margin:0 0 18px;font:14px var(--sans);color:var(--ink-2);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;min-height:1.6em}
.kv-reset{font:600 14px var(--sans);color:var(--gold-t);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.kd-empty{font:16px/1.6 var(--sans);color:var(--ink-2)}
/* kareler: dergi gibi, büyük; altında yer (serif), not (italik), konu (altın küçük harf) */
.kv-grid,.kd-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}
@media(min-width:600px) and (max-width:899px){.kv-grid,.kd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
.kv-it,.kd-it{margin:0;display:flex;flex-direction:column}
.kv-open,.kd-open{display:block;width:100%;padding:0;border:0;background:var(--sand);cursor:zoom-in;overflow:hidden}
.kv-open img,.kd-open img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}
.kv-it:hover .kv-open img{transform:scale(1.03)}
.kv-it figcaption,.kd-it figcaption{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid transparent;margin-top:0}
.kv-it.on figcaption{border-top-color:var(--gold)}
.kv-it figcaption b,.kd-it figcaption b{order:1;font:600 21px/1.2 var(--serif)}
.kv-it figcaption>span:not(.kv-et),.kd-it figcaption span{order:2;font:italic 17px/1.45 var(--serif);color:var(--ink-2)}
.kv-it small,.kd-it small{order:3;font:13px var(--sans);color:var(--ink-2)}
.kv-et{order:4;display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px}
.kv-et i,.kd-it figcaption i{font:600 10px/1.4 var(--sans);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-t)}
.kd-it figcaption i{order:4}
.kv-pinb{font:600 13px var(--sans);color:var(--gold-t);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.kd-it .ux-photo-guide{order:5;font:600 13px var(--sans);color:var(--gold-t)}
.kv-more-w,.kd-more-w{text-align:center;margin:28px 0 0}
.kv-more-w:has(#kv-more[hidden]),.kd-more-w:has(#kd-more[hidden]){display:none}
/* büyük önizleme: ekranı kaplayan koyu mürekkep */
.kv-lb{width:min(1100px,100vw);max-width:100vw;max-height:100dvh;padding:0;border:0;background:#0A1220;color:#fff}
.kv-lb::backdrop{background:rgba(10,18,32,.92)}
.kv-lb-in{position:relative;display:flex;flex-direction:column}
.kv-lb img#kv-lb-img{display:block;width:100%;max-height:72dvh;object-fit:contain;background:#000;touch-action:pan-y;user-select:none}
.kv-lb-ust{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.kv-lb-ust>*{pointer-events:auto}
.kv-lb-say{font:600 12px var(--sans);background:rgba(10,18,32,.7);padding:6px 10px;border-radius:2px}
.kv-lb-x,.kv-lb-ok{font:400 22px/1 var(--sans);width:42px;height:42px;border-radius:2px;border:1px solid rgba(255,255,255,.4);background:rgba(10,18,32,.6);color:#fff;cursor:pointer}
.kv-lb-ok{position:absolute;top:calc(36dvh - 21px)}
.kv-lb-ok:disabled{opacity:.25;cursor:default}
#kv-lb-p{left:10px}#kv-lb-n{right:10px}
#kv-lb-cap{margin:0;padding:14px 18px 4px;font:16px/1.5 var(--serif)}
#kv-lb-cap b{font-weight:600}
#kv-lb-cap small{display:block;margin-top:4px;font:12px/1.5 var(--sans);color:rgba(255,255,255,.7)}
#kv-lb-cap a{color:var(--gold-d);font:600 13px var(--sans)}
.kv-lb-yakin{padding:4px 18px 18px}
.kv-lb-yakin p{margin:8px 0;font:600 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d)}
.kv-lb-yakin div{display:flex;gap:8px;overflow-x:auto}
.kv-lb-yakin button{flex:0 0 auto;width:64px;height:64px;padding:0;border:1px solid transparent;overflow:hidden;cursor:pointer;background:#000}
.kv-lb-yakin button:hover,.kv-lb-yakin button:focus-visible{border-color:var(--gold-d)}
.kv-lb-yakin img{width:100%;height:100%;object-fit:cover;display:block}
@media(prefers-reduced-motion:reduce){.kv-pin,.kv-open img{transition:none}}