.bd-map-bg {
  position: relative;
  width: 100%;
  padding: 100px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background-color: transparent;
  overflow: hidden;
}

.bd-map-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url('../uploads/images/Group179.webp');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.92;
  transform: translateZ(0);
  will-change: transform;
  filter: contrast(1.02) saturate(1.02);
}

.bd-map-wrap {
  position: relative;
  z-index: 2;
  background: transparent;
  max-width: 1100px;
  margin: 0 auto;
}

.contact-hero + .bd-map-bg { margin-top: 0px; }
.map-tooltip {
  position: absolute;
  pointer-events: none;
  background: linear-gradient(180deg,#ffffff,#f0fff7);
  color:#083a2a;
  padding:8px 12px;
  border-radius:8px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.12);
  font-weight:600;
  transform: translate(-50%, -120%);
  white-space: nowrap;
  display:none;
  z-index: 90;
}

.bd-map { width:100%; height:auto; display:block; margin: 0 auto; }

.bd-map [data-division] {
  cursor: pointer;
  transition: transform .16s ease, filter .18s ease, fill .18s ease;
  filter: drop-shadow(0 6px 4px rgba(0,0,0,0.06));
  outline: none;
}

.bd-map .division-highlight,
.bd-map [data-division].active {
  transform: translateY(-3px) scale(1.01);
  filter: drop-shadow(0 12px 14px rgba(0,0,0,0.12));
}

.bd-map [data-division] path,
.bd-map [data-division] polygon,
.bd-map [data-division] rect {
  transition: fill .18s ease;
  fill: var(--div-fill, #0c8a61);
  stroke: var(--div-stroke, #063a2a);
  stroke-width: 1;
}

.bd-map [data-division]:focus {
  outline: 3px solid rgba(0,150,95,0.14);
  outline-offset: 6px;
}

@media (max-width:900px){
  .bd-map-wrap { padding:16px; border-radius:12px; }
  .map-tooltip { font-size: 13px; padding:6px 10px; }
}