/* fontend=== */
.hm-filter-wrapper{
display:flex;
gap:15px;
margin-bottom:25px;
flex-wrap:wrap;
}

.hm-filter-wrapper input,
.hm-filter-wrapper select{
padding:10px;
min-width:220px;
}

.hm-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
gap:25px;
}

.hm-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 5px 15px rgba(0,0,0,.08);
transition:.3s;
}

.hm-card:hover{
transform:translateY(-5px);
}

.hm-card-image{
position:relative;
}

.hm-card-image img{
width:100%;
height:240px !important;
object-fit:cover;
}

.hm-badge{
position:absolute;
top:10px;
left:10px;
background:#28a745;
color:#fff;
padding:5px 10px;
border-radius:5px;
font-size:12px;
}

.hm-card-content{
padding:20px;
}

.hm-card-content h3{
margin:0px !important;
font-size:22px !important;
}

.hm-hotel-id{
color:#666;
font-size:14px;
margin-bottom:10px;
}

.hm-price{
font-size:24px;
font-weight:700;
color:#081A33;
margin-bottom:10px;
}

.hm-location{
margin-bottom:15px;
}

.hm-btn{
display:inline-block;
background:#D4A33F;
color:#000 !important;
padding:10px 20px;
text-decoration:none;
border-radius:5px;
}

/* ========= details page ========-=- */

.hm-single-wrapper{
max-width:1200px;
margin:50px auto;
padding:20px;
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}

.hm-single-image img{
width:100%;
border-radius:10px;
}

.hm-single-content h1{
margin-bottom:15px;
}

.hm-single-id{
font-size:14px;
color:#666;
margin-bottom:15px;
}

.hm-single-price{
font-size:32px;
font-weight:700;
color:#e63946;
margin-bottom:20px;
}

.hm-description{
margin-top:20px;
line-height:1.8;
}

@media(max-width:768px){

.hm-single-wrapper{
grid-template-columns:1fr;
}

}