.main-bg {
    background-size: cover;
}

.text-red {
    color: #FF4851;
}


/* map */
.map-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 21 / 9;      /* จอใหญ่ = แบนกว้าง ดูโปร */
  max-height: 620px;
  overflow: hidden;
  border-radius: 16px;
  background: #f2f2f2;        /* กัน flash ตอนโหลด */
}

.map-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  filter: grayscale(100%);    /* ถ้าอยากให้เข้าโทน BUD */
  transition: filter .4s ease;
}
.map-wrap:hover iframe { filter: grayscale(0); }

/* tablet */
@media (max-width: 991px) {
  .map-wrap { aspect-ratio: 16 / 9; border-radius: 12px; }
}

/* mobile — สูงขึ้นเพื่อให้เห็นบริบทรอบหมุด */
@media (max-width: 575px) {
  .map-wrap { aspect-ratio: 4 / 5; max-height: 420px; border-radius: 10px; }
}