.homestay-map-view{height:420px}
body{
background:#f4f6fb;
}

/* CARD */

.property-card{
border:0;
border-radius:16px;
overflow:hidden;
background:#fff;
box-shadow:0 6px 18px rgba(0,0,0,.06);
transition:.25s;
}

.property-card:hover{
transform:translateY(-6px);
box-shadow:0 14px 30px rgba(0,0,0,.12);
}

.property-thumb{
height:200px;
background:#eee;
overflow:hidden;
position:relative;
}

.property-thumb img{
width:100%;
height:100%;
object-fit:cover;
transition:.4s;
}

.property-card:hover img{
transform:scale(1.08);
}

.badge-location{
position:absolute;
bottom:10px;
left:10px;
background:#00000080;
color:#fff;
padding:4px 10px;
border-radius:20px;
font-size:12px;
}

.badge-distance{position:absolute;top:10px;right:10px;padding:6px 10px;border-radius:999px;background:rgba(8,127,91,.92);color:#fff;font-size:12px;font-weight:750;box-shadow:0 5px 14px rgba(8,80,60,.2);backdrop-filter:blur(6px)}

.hs-location-status{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding:.75rem .9rem;border:1px solid #dfe9e5;border-radius:1rem;background:#f8fbfa;color:#687a74}.hs-location-status__icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:.8rem;background:#e9f5f0;color:#087f5b}.hs-location-status__copy{display:flex;min-width:0;flex:1;flex-direction:column}.hs-location-status__copy strong{color:#17332b;font-size:.86rem}.hs-location-status__copy small{font-size:.76rem}.hs-location-status.is-active{border-color:#a9dac7;background:#eefaf5}.hs-location-status.is-active .hs-location-status__icon{background:#087f5b;color:#fff}.hs-location-status.is-loading .hs-location-status__icon{animation:hsLocationPulse 1s ease-in-out infinite}.hs-location-status.is-error{background:#fffaf0}.hs-location-status .btn{white-space:nowrap}@keyframes hsLocationPulse{50%{opacity:.4}}

.property-body{
padding:14px;
}

.property-title{
font-weight:600;
font-size:16px;
margin-bottom:6px;
}

.property-address{
font-size:13px;
color:#777;
min-height:38px;
}

.property-actions{
display:flex;
gap:8px;
margin-top:10px;
}

/* SEARCH */

.search-box{
border-radius:12px;
overflow:hidden;
}

/* LOADING */

.loading{
position:fixed;
inset:0;
background:#00000055;
display:none;
align-items:center;
justify-content:center;
z-index:9999;
}

/* SKELETON */

.skeleton{
background:linear-gradient(90deg,#eee,#f5f5f5,#eee);
background-size:200% 100%;
animation:shimmer 1.2s infinite;
}

@keyframes shimmer{
0%{background-position:-200% 0}
100%{background-position:200% 0}
}

/* search box */
.search-box{
border-radius:999px;
overflow:hidden;
background:#fff;
border:1px solid #eee;
transition:.2s;
}

.search-box:focus-within{
border-color:#0d6efd;
box-shadow:0 0 0 3px rgba(13,110,253,.1);
}

/* input */
.search-box input{
box-shadow:none !important;
}

/* button hover */
.btn{
border-radius:10px;
}

/* mobile spacing */
@media(max-width:768px){

.search-box{
border-radius:12px;
}

.hs-location-status{align-items:flex-start;flex-wrap:wrap}.hs-location-status .btn{width:100%}

}