.map-container {
 position: relative;
  width: 100%;
  max-width: 1400px;
  height: 600px;       /* hauteur fixe */
  overflow: hidden;    /* coupe ce qui dépasse */
  margin: auto;
}

.map {
width: 100%;
  height: 100%;        /* remplit le container */
  object-fit: cover;    /* crop automatique */
  display: block;
  border-radius: 10px;
  border: 1px solid #332487;
}

.marker {
  width: 25px;  /* taille de ton icône */
  height: 25px;
  position: absolute;
  transform: translate(-50%, -50%);
  cursor: pointer;
  background: url('https://www.blizzspirit.com/wp-content/plugins/custom-housing-map/icon-maison.png') no-repeat center/contain;
}


.popup {
position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: #161616;
    color: white;
    padding: 15px;
    border-radius: 10px;
    width: 425px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    border: 1px solid #363636;
    z-index: 999;
}

.popup-title{font-size: 24px;
    border-bottom: 1px dashed #585858;
    margin-bottom: 10px;}

.popup img {
  width: 100%;
  border-radius: 5px;    border: 1px solid #484848;box-shadow: 0px 1px 1px black;
}

.hidden {
  display: none;
}
.close-popup {
float: right;
    background-color: red;
    background-color: #ff8080;
    color: #161616;
    border: 1px solid #ff7272;
    border-radius: 7px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
	    margin-top: -5px;
    transition: all 0.3s 
ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


.close-popup:hover {
	    background-color: #ff4c4c;
    color: #161616;
    border: 1px solid #fb5858;
}