/* ===== Harita ile ara sayfası (tasarım: "Haritada ara") ===== */
/* filtre çubuğu (satılık sayfasıyla aynı dil) */
.mform .dseg{flex:none;display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--fog)}
.mform .dseg button{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 16px;border:0;border-radius:999px;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;transition:background .2s,color .2s}
.mform .dseg button em{font-style:normal;font-size:12px;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(17,23,112,.08);color:var(--navy);font-variant-numeric:tabular-nums}
.mform .dseg button[aria-checked=true]{background:var(--navy);color:#fff;box-shadow:0 6px 16px rgba(17,23,112,.25)}
.mform .dseg button[aria-checked=true] em{background:rgba(255,255,255,.18);color:#fff}
.fform>.fsel{flex:none;width:160px}
.fsheet .mob{display:none}
.qc.on{background:var(--navy);border-color:var(--navy);color:#fff}
/* ana yerleşim */
.mx{position:relative;display:grid;grid-template-columns:minmax(380px,460px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:calc(100vh - var(--top,141px));height:calc(100dvh - var(--top,141px));scroll-margin-top:var(--top,141px);min-height:560px;border-bottom:1px solid var(--line);background:#fff}
.mlist{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff}
.mlhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 8px}
.mlt h2{font-size:24px;letter-spacing:-.03em;line-height:1.1}
.mlt h2 span{font-variant-numeric:tabular-nums}
.mlt small{display:block;margin-top:3px;font-size:13px;color:var(--muted)}
.mlhead .sort{width:190px;flex:none}
.mlhead .sort select{height:42px;font-size:14px;background:#fff;border-color:var(--line)}
.mltools{padding:4px 20px 10px}
.rgcs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 20px 12px;border-bottom:1px solid var(--line)}
.rgcs::-webkit-scrollbar{display:none}
.rgc{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
.rgc em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.rgc:hover{border-color:var(--navy)}
.rgc.on{background:var(--navy);border-color:var(--navy);color:#fff}.rgc.on em{color:rgba(255,255,255,.75)}
.mcards{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 14px 90px;display:grid;gap:10px;align-content:start}
.mc{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;padding:10px;border-radius:22px;border:1px solid var(--line);background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .25s,transform .25s var(--ease)}
.mc:hover,.mc.hl{border-color:rgba(17,23,112,.35);box-shadow:0 14px 34px rgba(15,17,40,.1)}
.mc.sel{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy),0 14px 34px rgba(15,17,40,.12)}
.mc .ph{position:relative;border-radius:16px;overflow:hidden;background:var(--fog);aspect-ratio:1/1;align-self:start}
.mc .ph img{width:100%;height:100%;object-fit:cover;display:block}
.mc .ph .tg{position:absolute;left:7px;top:7px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(255,255,255,.94);color:var(--navy)}
.mc .bd{min-width:0;display:grid;gap:5px;align-content:start;padding-top:2px}
.mc .row1{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mc .deal{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mc .deal.s{color:var(--navy)}.mc .deal.r{color:var(--green-ink)}
.mc .pr{font-size:20px;font-weight:700;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.mc .pr small{font-size:13px;font-weight:600;color:var(--muted)}
.mc h3{font-size:14.5px;font-weight:600;line-height:1.35;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mc .sp{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--muted)}
.mc .sp span{display:inline-flex;align-items:center;gap:5px}.mc .sp .icon{width:14px;height:14px}
.mc .lc2{display:block;font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.45}
.mc .lc2 .icon{width:14px;height:14px;color:var(--green-ink);vertical-align:-2px;margin-right:5px}
.mc .lc2 i{font-style:normal;font-weight:500;color:var(--muted)}
.mc .lc2.no .icon{color:var(--muted)}
.mc .acts{display:flex;gap:6px;margin-top:4px}
.mc .acts a,.mc .acts .loc{white-space:nowrap;flex:none;position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600}
.mc .acts .bi{background:var(--navy);color:#fff}.mc .acts .bi .icon{width:14px;height:14px}
.mc .acts .w{background:var(--green-soft);color:var(--green-ink)}.mc .acts .w .icon{width:16px;height:16px}
.mc .acts .loc{background:var(--fog);color:var(--ink);border:0;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.mc .acts .loc .icon{width:14px;height:14px}
.mempty{margin:12px 14px;padding:22px;border-radius:22px;background:var(--fog);display:grid;gap:8px}
.mempty b{font-size:17px}.mempty p{font-size:14.5px;color:var(--text);line-height:1.5}
.mempty .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.mempty[hidden]{display:none}
/* harita */
.mmap{position:relative;min-width:0;min-height:0;overflow:hidden;background:#d7e6f3;isolation:isolate}
.mctl{position:absolute;right:16px;top:16px;z-index:8;display:grid;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(11,13,36,.15);border:1px solid var(--line)}
.mctl button{width:44px;height:44px;display:grid;place-items:center;border:0;background:#fff;color:var(--ink);cursor:pointer}
.mctl button+button{border-top:1px solid var(--line)}
.mctl button:hover{background:var(--fog)}
.mctl .icon{width:18px;height:18px}
.mleg{position:absolute;left:16px;top:16px;z-index:8;display:flex;flex-wrap:wrap;gap:6px 14px;padding:9px 14px;border-radius:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12.5px;font-weight:600;color:var(--ink);box-shadow:0 6px 18px rgba(11,13,36,.1)}
.mleg span{display:inline-flex;align-items:center;gap:7px}
.mleg i{width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(11,13,36,.15)}
.mleg .lx{background:var(--navy)}.mleg .lr{background:var(--green-ink)}.mleg .la{background:#fff;border:2px dashed rgba(17,23,112,.6);box-shadow:none}
/* özet kartı */
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.mview{display:none}
/* bölgeler */
@media (max-width:1180px){
  .fform>.fsel{width:140px}
  .mform .dseg button{padding:0 12px}
  .mx{grid-template-columns:minmax(340px,400px) minmax(0,1fr)}
  .mc{grid-template-columns:110px minmax(0,1fr)}
}
@media (max-width:960px){
  .mform .dseg{order:1;flex:1 1 100%}.mform .dseg button{flex:1;justify-content:center}
  .fform>.fsel{order:3;flex:1 1 120px;width:auto}
  .mx{grid-template-columns:minmax(0,1fr);min-height:440px}
  .mlist,.mmap{grid-area:1/1}
  .mx[data-view=map] .mlist{visibility:hidden;pointer-events:none}
  .mx[data-view=list] .mmap{visibility:hidden;pointer-events:none}
  .mlist{border-right:0}
  .mview{display:inline-flex;position:absolute;left:16px;bottom:22px;z-index:30;align-items:center;gap:8px;height:48px;padding:0 20px;border:0;border-radius:999px;background:var(--night);color:#fff;font:inherit;font-size:15px;font-weight:600;box-shadow:0 14px 34px rgba(11,13,36,.35);cursor:pointer}
  .mview em{font-style:normal;font-size:12px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.18)}
  .mview .icon{width:18px;height:18px}
  .mleg{top:12px;left:12px;font-size:11.5px;gap:4px 10px;padding:7px 10px;max-width:calc(100% - 90px)}
  .mctl{top:12px;right:12px}
}
@media (max-width:680px){
  .fform>.fsel{display:none}
  .fsheet .mob{display:grid}
  .mlhead{padding:14px 14px 6px}.mltools{padding:2px 14px 8px}.rgcs{padding:0 14px 10px}
  .mlhead .sort{width:160px}
  .mcards{padding:10px 10px 96px}
  .mc{grid-template-columns:104px minmax(0,1fr);gap:11px;padding:8px;border-radius:20px}
  .mc .pr{font-size:18px}
  .mc .acts .loc{width:34px;padding:0;justify-content:center;font-size:0;gap:0}
}
@media (prefers-reduced-motion:reduce){.pin,.mc{transition:none}}
.mmap-canvas{position:absolute;inset:0}
.mx .mleg i{display:inline-block}
/* fiyat etiketi işaretçisi (Google / OpenStreetMap ortak) */
.pin{display:inline-flex;align-items:center;position:relative;height:34px;padding:0 14px;border-radius:999px;border:2px solid #fff;background:var(--navy);color:#fff;font:inherit;font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;box-shadow:0 0 0 1px rgba(11,13,36,.25),0 8px 20px rgba(11,13,36,.4);font-variant-numeric:tabular-nums;transition:transform .2s var(--ease),background .2s}
.pin::after{content:"";position:absolute;left:50%;bottom:-7px;width:10px;height:10px;margin-left:-5px;background:inherit;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);border-radius:0 0 3px 0}
.pin.r{background:var(--green-ink)}
.pin:hover,.pin.hl{transform:scale(1.12);z-index:5}
.pin.sel{background:#19c264;transform:scale(1.14)}
.pin:focus-visible{outline:3px solid #19c264;outline-offset:2px}
.woc-pin{background:none;border:0}
.woc-pin .pin{position:absolute;left:0;top:0;transform:translate(-50%,calc(-100% - 7px))}
.woc-pin .pin:hover,.woc-pin .pin.hl{transform:translate(-50%,calc(-100% - 7px)) scale(1.12)}
.woc-pin .pin.sel{transform:translate(-50%,calc(-100% - 7px)) scale(1.14)}
/* özet kartı (Google InfoWindow / Leaflet popup içinde) */
.mx .gm-style .gm-style-iw-c,.woc-popup .leaflet-popup-content-wrapper{padding:0!important;border-radius:22px!important;box-shadow:0 30px 70px rgba(11,13,36,.32)!important;overflow:hidden}
.mx .gm-style .gm-style-iw-d{overflow:hidden!important;max-height:none!important}
.woc-popup .leaflet-popup-content{margin:0!important;width:auto!important}
.woc-popup .leaflet-popup-close-button{z-index:3;color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.mpop-in{width:270px;font-family:var(--font);color:var(--ink)}
.mpop-in .ph{position:relative;aspect-ratio:16/10;background:var(--fog)}
.mpop-in .ph img{width:100%;height:100%;object-fit:cover;display:block}
.mpop-in .tag{position:absolute;left:10px;top:10px;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:700;color:#fff;background:var(--navy)}
.mpop-in .tag.r{background:var(--green-ink)}
.mpop-in .bd{display:grid;gap:7px;padding:13px 15px 15px}
.mpop-in .pr{font-size:21px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.mpop-in .pr small{font-size:13px;color:var(--muted);font-weight:600}
.mpop-in h3{font-size:14.5px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mpop-in .sp{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--muted)}
.mpop-in .acts{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:4px}
.mpop-in .acts a{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600}
.mpop-in .acts .bi{background:var(--navy);color:#fff}
.mpop-in .acts .w{background:#25d366;color:#fff}
.mpop-in .acts .icon{width:16px;height:16px}