/* news.php'deki görsel kutusunun içine map overlay koymak için */
.newsHeroMedia.map-wrap{
  position: relative;
}

/* Harita resmi newsHeroImg zaten globalde güzel duruyor.
   Ekstra güvenlik: */
.newsHeroMedia.map-wrap .map-img{
  display:block;
  width:100%;
  height:auto;
}

/* SVG overlay haritanın üstüne tam otursun */
.newsHeroMedia.map-wrap .map-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:auto;
  z-index: 5;
}

/* Pin (logo) */
.newsHeroMedia.map-wrap .pin{
  position:absolute;
  width:26px;
  height:26px;
  transform: translate(-50%,-100%);
  cursor:pointer;
  z-index: 10;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.35));
  transition: transform .15s ease;
}
.newsHeroMedia.map-wrap .pin:hover{
  transform: translate(-50%,-100%) scale(1.08);
}

/* Tooltip */
.newsHeroMedia.map-wrap .tooltip{
  position:absolute;
  min-width:180px;
  max-width:260px;
  transform: translate(-50%, 10px);
  background: rgba(20,20,24,.95);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  padding:10px 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  display:none;
  z-index: 50;
}
.newsHeroMedia.map-wrap .tooltip h4{ margin:0 0 6px; font-size:14px; }
.newsHeroMedia.map-wrap .tooltip p{ margin:0 0 8px; font-size:13px; opacity:.9; }
.newsHeroMedia.map-wrap .tooltip a{ color:#9dd3ff; text-decoration:none; font-size:13px; }

/* Harita kartı içindeki görsel alanı küçült */
.page-map .map-wrap{
  max-width: 500px;   /* ← burasıyla oynayacaksın */
  margin: 0 auto;     /* ortala */
}

@media (max-width: 768px){
  .newsHeroMedia.map-wrap .pin{
    width:8px;
    height:8px;
  }
}

/* MAP sayfası alt boşluk düzeltme */
.page .contentPage{
  padding-bottom: 20px !important;
}