/* MAP-1 İstanbul haritası ekranı */
body:has(#harita:not(.hidden)) #video-toggle{display:none}
.harita-ac-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:12px;padding:11px 12px;background:#0d1a26;border-color:#2a4256;color:#bfefff;font-size:10px;letter-spacing:1px}
.harita-ac-btn small{color:#78acc4;font-size:8px;letter-spacing:.6px}
.harita{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;height:100svh;min-height:560px;background:#0e1b2c;overflow:hidden}
.harita-sahne{position:relative;min-width:0;min-height:0}
#harita-tuval{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}
#harita-tuval:active{cursor:grabbing}
.harita-ust{position:absolute;z-index:2;left:12px;right:12px;top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;pointer-events:none}
.harita-ust>*{pointer-events:auto}
.harita-baslik{background:#080d14e6;border:1px solid #242c39;border-radius:9px;padding:7px 11px;font-size:10px;letter-spacing:1.3px;font-weight:800;color:#eef2f7}
.harita-baslik b{color:var(--blue,#17b9e6)}
.harita-tus{background:#080d14e6;border:1px solid #2c3746;border-radius:9px;padding:8px 11px;font-size:10px;letter-spacing:.8px;color:#dbe6f2;min-height:36px}
.harita-tus[aria-pressed="true"]{border-color:var(--gold,#f3cc58);color:var(--gold,#f3cc58)}
.harita-yakinlik{position:absolute;z-index:2;right:12px;bottom:64px;display:flex;flex-direction:column;gap:6px}
.harita-yakinlik .harita-tus{width:40px;height:40px;padding:0;font-size:18px}
.harita-atif{position:absolute;z-index:2;left:0;right:0;bottom:0;margin:0;padding:4px 10px 5px;background:#05080dd9;color:#b9c4d2;font-size:9px;line-height:1.35}
.harita-atif a{color:#8fd3ef;text-decoration:underline}
.harita-durum{position:absolute;z-index:2;left:50%;top:58px;transform:translateX(-50%);background:#080d14e6;border-radius:8px;padding:0 10px;font-size:11px;color:#f3cc58}
.harita-durum:empty{display:none}
.harita-panel{display:flex;flex-direction:column;gap:10px;padding:16px 14px;background:#080d14;border-left:1px solid #1a2230;overflow:auto}
.harita-panel .eyebrow{font-size:9px;letter-spacing:1.4px;color:#8b97aa;font-weight:800}
.harita-ipucu{margin:0;color:#c7d2df;font-size:12px;line-height:1.5}
.harita-kartlar{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.harita-kartlar>div{background:#0f1622;border:1px solid #1d2735;border-radius:9px;padding:8px 9px}
.harita-kartlar>div:first-child{grid-column:1/-1}
.harita-kartlar small{display:block;font-size:8px;letter-spacing:.9px;color:#8b97aa;font-weight:800}
.harita-kartlar b{font-size:17px;color:#eef2f7;font-weight:800}
.harita-kartlar>div:first-child b{font-size:24px;color:var(--blue,#17b9e6)}
.harita-kartlar i{font-style:normal;font-size:10px;color:#8b97aa}
.harita-bolumler{display:flex;flex-wrap:wrap;gap:4px;margin:0}
.harita-bolumler span{font-size:10px;background:#111a27;border-radius:6px;padding:3px 6px;color:#d5dde8}
.harita-bolumler i{font-style:normal;color:#8b97aa}
.harita-hazir,.harita-parkurlar{display:flex;flex-wrap:wrap;gap:6px}
.harita-hazir .harita-tus{border-color:#1f5f7a;color:#bfefff}
.harita-parkurlar .harita-tus{color:#f3cc58;font-weight:700;letter-spacing:.3px;text-align:left}
.harita-not{margin:0;font-size:9px;color:#7b8798;line-height:1.4}
#harita-profil[hidden]{display:none}
#harita-profil{width:100%;height:170px;background:#0b111b;border:1px solid #1d2735;border-radius:9px;display:block}
.harita-lejant{display:flex;flex-wrap:wrap;gap:8px;font-size:9px;color:#8b97aa;margin:0}
.harita-lejant i{display:inline-block;width:14px;height:4px;border-radius:2px;vertical-align:middle;margin-right:4px}
@media (max-width:820px){
  .harita{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;height:100svh}
  .harita-panel{border-left:0;border-top:1px solid #1a2230;max-height:44svh;padding:10px 12px}
  #harita-profil{height:120px}
  .harita-kartlar{grid-template-columns:repeat(3,1fr)}
  .harita-kartlar>div:first-child{grid-column:auto}
  .harita-kartlar>div:first-child b{font-size:17px}
  .harita-kartlar b{font-size:13px}
  .harita-atif{font-size:8px}
  .harita-baslik{display:none}
  .harita-ust{gap:6px;left:8px;right:8px;top:8px}
  .harita-tus{padding:7px 9px;font-size:9px;min-height:34px}
  .harita-yakinlik{bottom:76px}
}