.custom-marker {
  cursor: pointer; /* Clickable feel */
  transform: translate(-50%, -100%);
}

.custom-marker:hover {
  transform: translate(-50%, -100%) scale(1.1);
  transition: transform 0.2s;
}

#map-container {
  z-index: 10;
}

@media (max-width: 1023px) {
  #map-container {
    height: 500px;
  }
}

#category-suggestions ul.nested {
  padding-left: 20px;
  list-style-type: disc;
}
#category-suggestions li.parent-li {
  font-weight: bold;
}
#category-suggestions li.sub-li:hover {
  background-color: #f3f4f6;
}
#category-suggestions li.parent-li.cursor-pointer:hover {
  background-color: #f3f4f6;
}

.gm-style-iw {
  width: 400px !important;
  border-radius: 40px !important;
}

@media (max-width: 640px) {
  .gm-style-iw {
    min-width: 280px !important;
  }

  .influencer-card-map {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
  }

  .influencer-card-map .service-description,
  .influencer-card-map .categories,
  .influencer-card-map .location {
    white-space: normal;
    overflow-x: hidden;
  }
}

#bottom-card {
  background: white;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  z-index: 10000;
  max-height: 50vh;
  overflow-y: auto;
  display: none;
}

#map:fullscreen + #bottom-card {
  position: fixed !important;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10000;
  width: 90%;
  display: none; /* initially hidden, JS se show hoga */
}