.mapboxgl-popup-content{
background:transparent!important;
padding:0!important;
box-shadow:none!important;
}

.mapboxgl-popup-tip{
display:none;
}

.mapboxgl-popup{
max-width:none!important;
}


/* CARD */

.clinic-card{

display:flex;
gap:40px;

width:740px;

padding:28px;

border-radius:38px;

background:#f5f6f5;

border:2px solid #e4e4e4;

box-shadow:0 18px 35px rgba(0,0,0,0.08);

font-family:"Poppins",sans-serif;

}


/* IMAGE */

.clinic-image img{

width:356px;
height:345px;

object-fit:cover;

border-radius:28px;

}


/* RIGHT SIDE */

.clinic-info{

display:flex;
flex-direction:column;
justify-content:center;

}


/* TITLE */

.clinic-title{

font-size:32px;

font-weight:700;

color:#4f7c69;

margin-bottom:4px;

}


/* SUBTITLE */

.clinic-subtitle{

font-size:21px;

color:#4f7c69;

margin-bottom:16px;

}


/* ROW */

.clinic-row{

display:flex;
align-items:center;

gap:8px;

margin:8px 0;

font-size:13px;

color:#6e7471;

max-width:380px;

line-height:1.4;

}


/* LINKS */

.clinic-row a{

color:#4f7c69;

text-decoration:none;

font-weight:500;

}


/* ICON */

.icon{

width:22px;
height:22px;

display:flex;
align-items:center;
justify-content:center;

flex-shrink:0;

}

.icon svg{

width:22px;
height:22px;

stroke:#B5B5B5;

stroke-width:2;

fill:none;

}


/* DISTANCE */

.clinic-distance{

margin-top:10px;

font-size:14px;

color:#6e7471;

}


/* CLOSE BUTTON */

.mapboxgl-popup-close-button{

font-size:22px;

color:#ff5c63;

top:14px;
right:16px;

}


/* MAP */

.mapboxgl-map{
border-radius:30px;
}


/* MOBILE */

@media(max-width:768px){

.clinic-card{
flex-direction:column;
width:94vw;
padding:20px;
gap:5px;
}

/* image */

.clinic-image img{
width: 90%;
height: 200px;
}

/* title */

.clinic-title{
font-size:18px;
}

/* subtitle */

.clinic-subtitle{
font-size:14px;
margin-bottom:10px;
}

/* grid layout */

.clinic-info{
display:grid;
grid-template-columns:1fr 1fr;
column-gap:14px;
row-gap:0px;
}

/* full width rows */

.clinic-title,
.clinic-subtitle,
.clinic-row:first-of-type{
grid-column:1 / -1;
}

/* address full width */

.clinic-row:nth-child(3){
grid-column:1 / -1;
}

/* normal rows */

.clinic-row{
font-size:12px;
gap:8px;
max-width:none;
}

/* distance full width */

.clinic-distance{
grid-column:1 / -1;
font-size:12px;
}

}

.user-location-label{
background:#000;
color:#fff;
font-family:Poppins,sans-serif;
font-size:12px;
padding:6px 10px;
border-radius:20px;
font-weight:500;
}
.wplm-filter{
margin-bottom:20px;
display:flex;
gap:10px;
}

.wplm-filter select{
padding:8px 12px;
border-radius:8px;
border:1px solid #ccc;
font-family:Poppins,sans-serif;
}