/* harita.css — Tam ekran Mapbox keşif (mekan + ilçe modu). */
.h-marker { width: 22px; height: 22px; border: 2px solid #fff; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); box-shadow: 0 4px 10px rgba(0,0,0,.3); cursor: pointer; transition: transform .15s; }
.h-marker:hover { transform: rotate(-45deg) scale(1.15); }
.h-marker.sec { background: #C0533B !important; transform: rotate(-45deg) scale(1.3); z-index: 5; }
.h-cip { white-space: nowrap; border-radius: 20px; padding: 7px 14px; font-size: 12.5px; font-weight: 600; cursor: pointer; backdrop-filter: blur(6px); }
.h-liste-sat { display: flex; gap: 11px; align-items: center; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 9px; cursor: pointer; transition: border-color .15s; }
.h-liste-sat:hover { border-color: #d4cab4; }
.h-liste-sat.sec { border-color: var(--altin); }
@media (max-width: 820px) {
  #h-panel { display: none; }
  #h-selcard { width: calc(100% - 36px) !important; }
}
.mapboxgl-ctrl-logo, .mapboxgl-ctrl-bottom-right { opacity: .5; }