body{
    font-family: Arial;
    background:#f7f7f7;
    padding:20px;
}

/* HEADER */
h1{
    font-size:30px;
}

/* FILTERS */
.filters{
    display:flex;
    gap:10px;
    margin-bottom:20px;
    flex-wrap:wrap;
}

.filters select, .filters input{
    padding:8px;
    border-radius:6px;
    border:1px solid #ccc;
}

.filters button{
    background:#2563eb;
    color:#fff;
    border:none;
    padding:8px 14px;
    border-radius:6px;
    cursor:pointer;
}

/* GRID */
.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:20px;
}

/* CARD */
.business-card{
    background:#fff;
    padding:16px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

/* LOCATION */
.location{
    font-size:14px;
    color:#666;
}

/* STARS */
.stars{
    margin:8px 0;
    font-size:18px;
    color:#f59e0b;
}

/* BADGE */
.badge{
display:inline-block;
padding:5px 10px;
border-radius:20px;
font-size:11px;
margin-top:8px;
margin-bottom:5px;
}

.verified{
background:#16a34a;
color:#fff;
}

/* BUTTON */
.btn{
    display:inline-block;
    margin-top:10px;
    padding:8px 12px;
    background:#2563eb;
    color:#fff;
    border-radius:6px;
    text-decoration:none;
}

.btn-secondary{
    background:#f59e0b;
}

#map{
    margin-top:30px;
    height:400px;
    border-radius:12px;
}
.actions{
margin-top:12px;
display:flex;
gap:10px;
flex-wrap:wrap; /* 🔥 FIX OVERFLOW */
}

.actions a{
display:inline-block;
white-space:nowrap;
}


