.category span {
  display: flex;
  align-items: center;
  gap: 7px;
}

.category span img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  flex: none;
}

.map-pin {
  width: 58px;
  height: 58px;
  padding: 4px;
  display: grid;
  place-items: center;
  background: #fffdf8;
  border: 2px solid #bd4f2b;
  transform: rotate(-45deg);
}

.map-pin img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  transform: rotate(45deg);
}

.listing-icon {
  width: 78px;
  height: 78px;
  object-fit: contain;
  filter: drop-shadow(0 7px 8px #25200b2b);
}

.post-types button {
  display: flex;
  align-items: center;
  gap: 8px;
}

.post-types button img {
  width: 31px;
  height: 31px;
  object-fit: contain;
  flex: none;
}

@media (max-width: 620px) {
  .category span img { width: 22px; height: 22px; }
  .listing-icon { width: 68px; height: 68px; }
}

.hero-visual { background: #e4e7df; }
.live-map, .mini-map { width: 100%; height: 100%; z-index: 1; }
.hero-visual .map-label { z-index: 2; }
.leaflet-control-attribution { font-size: 9px !important; }
.brand-leaflet-marker { background: transparent; border: 0; }
.brand-leaflet-marker img { width: 38px; height: 38px; object-fit: contain; filter: drop-shadow(0 3px 4px #3c281c55); }
.map-popup { min-width: 155px; display: grid; gap: 4px; font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; }
.map-popup strong { font-size: 13px; line-height: 1.35; }
.map-popup span { color: #6e7469; font-size: 11px; }
.map-popup b { color: #bd4f2b; font-size: 13px; }