.pmp-filters{
display:flex;
gap:10px;
margin-bottom:10px;
flex-wrap:wrap;
}

.pmp-wrapper{
display:flex;
height:600px;
border:1px solid #ddd;
}

#pmp-map{
width:70%;
height:100%;
}

#pmp-list{
width:30%;
overflow-y:auto;
padding:10px;
background:#fafafa;
}

.pmp-card{
border-bottom:1px solid #eee;
padding:10px;
cursor:pointer;
}

.pmp-card img{
width:100%;
border-radius:4px;
}

.pmp-feature-dropdown{
position:relative;
}

.pmp-feature-list{
display:none;
position:absolute;
background:#fff;
border:1px solid #ccc;
padding:8px;
max-height:200px;
overflow:auto;
z-index:10;
}

.pmp-feature-dropdown.open .pmp-feature-list{
display:block;
}

@media (max-width: 768px){

.pmp-wrapper{
flex-direction: column;   /* stack vertically */
height: auto;
}

#pmp-map{
width:100%;
height:300px; /* fixed height for mobile */
}

.pmp-list-wrapper,
#pmp-list{
width:100%;
height:auto;
max-height:400px; /* scrollable list */
}

}