.mmc-nearby-section{
    background:#f1faf3;
    padding:34px 0;
}

.mmc-nearby-heading{
    margin-bottom:12px;
    text-align:left;
}

.mmc-nearby-heading h2{
    margin:0 0 8px;
    color:#17324f;
    font-size:30px;
    line-height:1.16;
}

.mmc-nearby-heading p{
    margin:0;
    color:#5f6470;
    font-size:16px;
    line-height:1.55;
}

.mmc-nearby-tabs{
    display:flex;
    gap:8px;
    margin:14px 0 14px;
    overflow-x:auto;
    scrollbar-width:none;
}

.mmc-nearby-tabs::-webkit-scrollbar{
    display:none;
}

.mmc-nearby-tabs button{
    flex:0 0 auto;
    min-height:36px;
    padding:8px 13px;
    border:1px solid rgba(23,50,79,0.12);
    border-radius:999px;
    background:#f6f7f8;
    color:#344153;
    font-size:13px;
    line-height:1;
    font-weight:950;
    cursor:pointer;
}

.mmc-nearby-tabs button.is-active{
    border-color:#17324f;
    background:#17324f;
    color:#ffffff;
}

.mmc-nearby-panel{
    display:none;
}

.mmc-nearby-panel.is-active{
    display:block;
}

.mmc-nearby-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.mmc-nearby-card{
    display:flex;
    min-height:100%;
    overflow:hidden;
    flex-direction:column;
    border:1px solid rgba(23,50,79,0.1);
    border-radius:12px;
    background:#ffffff;
    box-shadow:0 10px 24px rgba(23,50,79,0.06);
}

.mmc-nearby-card__media{
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
    background:#e8eef0;
}

.mmc-nearby-card__media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .25s ease;
}

.mmc-nearby-card:hover .mmc-nearby-card__media img{
    transform:scale(1.035);
}

.mmc-nearby-card__body{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:15px;
}

.mmc-nearby-card__badges{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:12px;
}

.mmc-nearby-distance{
    display:inline-flex;
    padding:7px 10px;
    border-radius:999px;
    background:#fff3df;
    color:#74480f;
    font-size:12px;
    line-height:1;
    font-weight:950;
}

.mmc-nearby-status-pill{
    display:inline-flex;
    padding:7px 10px;
    border-radius:999px;
    background:#f2f4f6;
    color:#5f6470;
    font-size:12px;
    line-height:1;
    font-weight:950;
}

.mmc-nearby-status-pill.is-open{
    background:#e8f8ee;
    color:#178241;
}

.mmc-nearby-status-pill.is-pause{
    background:#fff3df;
    color:#74480f;
}

.mmc-nearby-status-pill.is-closed{
    background:#feecec;
    color:#b32626;
}

.mmc-nearby-category{
    display:inline-flex;
    padding:7px 10px;
    border-radius:999px;
    background:#eaf6ee;
    color:#25623d;
    font-size:12px;
    line-height:1;
    font-weight:950;
}

.mmc-nearby-card h3{
    margin:0 0 8px;
    color:#17324f;
    font-size:18px;
    line-height:1.2;
}

.mmc-nearby-address{
    margin:0;
    color:#5f6470;
    font-size:14px;
    line-height:1.45;
}

.mmc-nearby-address{
    font-weight:850;
}

.mmc-nearby-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:auto;
}

.mmc-nearby-button,
.mmc-nearby-directions{
    display:flex;
    min-height:40px;
    align-items:center;
    justify-content:center;
    padding:11px 14px;
    border-radius:10px;
    font-size:14px;
    line-height:1;
    font-weight:950;
    text-decoration:none;
}

.mmc-nearby-button{
    background:#17324f;
    color:#ffffff;
}

.mmc-nearby-button:hover{
    background:#8a5b24;
    color:#ffffff;
}

.mmc-nearby-directions{
    border:1px solid rgba(23,50,79,0.14);
    background:#ffffff;
    color:#17324f;
}

.mmc-nearby-directions:hover{
    background:#f6f7f8;
    color:#17324f;
}

.mmc-nearby-empty,
.mmc-nearby-geo{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:18px;
    border:1px solid rgba(23,50,79,0.1);
    border-radius:12px;
    background:#ffffff;
}

.mmc-nearby-empty{
    align-items:flex-start;
    flex-direction:column;
}

.mmc-nearby-empty strong,
.mmc-nearby-geo strong{
    display:block;
    color:#17324f;
    font-size:16px;
    line-height:1.3;
}

.mmc-nearby-empty span,
.mmc-nearby-geo span{
    display:block;
    margin-top:4px;
    color:#5f6470;
    font-size:14px;
    line-height:1.45;
}

.mmc-nearby-location-button{
    flex:0 0 auto;
    min-height:44px;
    padding:12px 16px;
    border:0;
    border-radius:10px;
    background:#17324f;
    color:#ffffff;
    font-size:14px;
    line-height:1;
    font-weight:950;
    cursor:pointer;
}

.mmc-nearby-status{
    margin:14px 0;
    color:#5f6470;
    font-size:14px;
    font-weight:800;
}

@media(max-width:920px){
    .mmc-nearby-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:640px){
    .mmc-nearby-heading h2{
        font-size:24px;
    }

    .mmc-nearby-section{
        padding:28px 0;
    }

    .mmc-nearby-heading{
        margin-bottom:10px;
    }

    .mmc-nearby-tabs{
        gap:6px;
        margin:12px 0 12px;
    }

    .mmc-nearby-tabs button{
        min-height:32px;
        padding:7px 10px;
        font-size:12px;
    }

    .mmc-nearby-heading p{
        font-size:14px;
    }

    .mmc-nearby-grid{
        grid-template-columns:1fr;
    }

    .mmc-nearby-geo{
        align-items:stretch;
        flex-direction:column;
    }

    .mmc-nearby-location-button{
        width:100%;
    }
}
