#mx-pharmacy-finder{
max-width:1040px;
margin:0 auto;
padding:24px 16px 90px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
color:#0f172a;
}
.mx-finder-hero{
background:linear-gradient(180deg,#f8fbff,#ffffff);
border:1px solid #e5edf7;
border-radius:30px;
padding:26px;
box-shadow:0 20px 55px rgba(15,23,42,.08);
}
.mx-finder-kicker{
display:inline-flex;
padding:8px 12px;
border-radius:999px;
background:#eaf7ff;
color:#1e7ad9;
font-weight:900;
font-size:12px;
margin-bottom:14px;
}
.mx-finder-hero h1{
font-size:31px;
line-height:1.08;
margin:0 0 10px;
font-weight:950;
letter-spacing:-.04em;
}
.mx-finder-hero p{
font-size:15px;
line-height:1.55;
margin:0 0 18px;
color:#64748b;
}
.mx-finder-product{
background:#fff;
border:1px solid #e5e7eb;
border-radius:20px;
padding:15px 16px;
margin-bottom:16px;
}
.mx-finder-product span{
display:block;
font-size:12px;
font-weight:900;
text-transform:uppercase;
color:#64748b;
margin-bottom:4px;
}
.mx-finder-product strong{
font-size:18px;
font-weight:950;
}
.mx-finder-address label{
display:block;
font-weight:900;
font-size:13px;
margin-bottom:8px;
}
.mx-finder-address input{
width:100%;
height:56px;
border:1px solid #dbe4ef;
border-radius:18px;
padding:0 16px;
font-size:16px;
outline:none;
box-sizing:border-box;
background:#fff;
}
.mx-finder-address input:focus{
border-color:#1e7ad9;
box-shadow:0 0 0 4px rgba(30,122,217,.13);
}
.mx-finder-address button{
width:100%;
height:56px;
margin-top:12px;
border:0;
border-radius:18px;
background:#1e7ad9;
color:#fff;
font-size:16px;
font-weight:950;
cursor:pointer;
}
.mx-finder-address button:disabled{
opacity:.65;
cursor:not-allowed;
}
#mx-finder-map{
height:380px;
border-radius:30px;
overflow:hidden;
background:#eef6ff;
border:1px solid #e5e7eb;
margin:22px 0;
box-shadow:0 16px 38px rgba(15,23,42,.07);
}
.mx-finder-list-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:18px;
margin:4px 0 14px;
}
.mx-finder-list-head h2{
margin:0;
font-size:22px;
font-weight:950;
letter-spacing:-.03em;
}
.mx-finder-list-head p{
margin:0;
font-size:13px;
color:#64748b;
text-align:right;
}
.mx-finder-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:26px;
padding:18px;
margin-bottom:14px;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}
.mx-finder-rank{
width:34px;
height:34px;
border-radius:12px;
background:#ecfdf5;
color:#15803d;
display:flex;
align-items:center;
justify-content:center;
font-weight:950;
margin-bottom:12px;
}
.mx-finder-card h3{
font-size:20px;
line-height:1.2;
margin:0 0 6px;
font-weight:950;
}
.mx-finder-card p{
margin:0 0 14px;
font-size:14px;
line-height:1.45;
color:#64748b;
}
.mx-finder-meta{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-bottom:14px;
}
.mx-finder-meta span{
display:inline-flex;
padding:8px 10px;
border-radius:999px;
font-size:12px;
font-weight:900;
background:#f1f5f9;
color:#334155;
}
.mx-finder-meta span.green{
background:#ecfdf5;
color:#15803d;
}
.mx-finder-actions{
display:grid;
grid-template-columns:1fr;
gap:10px;
}
.mx-finder-btn{
display:block;
text-align:center;
padding:15px;
border-radius:18px;
text-decoration:none!important;
font-weight:950;
}
.mx-finder-btn.primary{
background:#1e7ad9;
color:#fff!important;
}
.mx-finder-btn.secondary{
background:#eef4ff;
color:#1e40af!important;
}
.mx-finder-empty{
background:#fff;
border:1px dashed #cbd5e1;
border-radius:24px;
padding:24px;
text-align:center;
color:#64748b;
font-weight:700;
}
@media(max-width:640px){
.mx-finder-hero{
padding:22px;
border-radius:26px;
}
.mx-finder-hero h1{
font-size:27px;
}
#mx-finder-map{
height:330px;
border-radius:26px;
}
.mx-finder-list-head{
display:block;
}
.mx-finder-list-head p{
text-align:left;
margin-top:5px;
}
}


.mx-pharm-product-search-wrap{
    position:relative;
    width:100%;
}
.mx-pharm-product-results{
    display:none;
    position:absolute;
    top:54px;
    left:0;
    right:0;
    background:#fff;
    border:1px solid #e5edf7;
    border-radius:18px;
    box-shadow:0 18px 45px rgba(15,23,42,.12);
    z-index:99999;
    overflow:hidden;
}
.mx-pharm-product-result{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px;
    cursor:pointer;
    border-bottom:1px solid #eef3f8;
}
.mx-pharm-product-result:hover{
    background:#f5f9ff;
}
.mx-pharm-product-result img{
    width:46px;
    height:46px;
    border-radius:12px;
    object-fit:cover;
    border:1px solid #e5edf7;
}
.mx-pharm-product-result strong{
    display:block;
    font-size:14px;
    color:#0f172a;
}
.mx-pharm-product-result small{
    color:#0b5ed7;
    font-weight:800;
}