/* ============================= */
/* GLOBAL */
/* ============================= */

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

html, body{
overflow-x:hidden;
width:100%;
}

body{
background:#ffffff;
color:#1a2b33;
line-height:1.6;
}



img{
max-width:100%;
display:block;
}





/* ============================= */
/* GUESTHOUSES */
/* ============================= */

.guesthouses{
padding:90px 20px;
width:100%;
max-width:1200px;
margin:0 auto;
}

.section-header{
text-align:center;
margin-bottom:50px;
}

.section-header h2{
font-size:32px;
color:#1a2b33;
}

.section-header p{
color:#6b7c86;
margin-top:8px;
font-size:14px;
}


/* ============================= */
/* GRID */
/* ============================= */

.guesthouse-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}


/* ============================= */
/* CARD */
/* ============================= */

.guesthouse-card{
background:white;
border-radius:18px;
overflow:hidden;
box-shadow:0 8px 25px rgba(0,0,0,.05);
transition:.35s;
position:relative;
}

.guesthouse-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.guesthouse-card img{
width:100%;
height:180px;
object-fit:cover;
}


/* ============================= */
/* CONTENT */
/* ============================= */

.guesthouse-content{
padding:16px;
}

.guesthouse-content h3{
font-size:17px;
margin-bottom:6px;
color:#1a2b33;
font-weight:600;
}


/* META */

.guesthouse-meta{
display:flex;
justify-content:space-between;
align-items:center;
margin:10px 0 12px 0;
gap:10px;
}

.meta-left{
display:flex;
align-items:center;
gap:6px;
color:#7a8f98;
font-size:13px;
}

.meta-left i{
color:#2bb3c0;
}


/* ============================= */
/* PRICE */
/* ============================= */

.price-badge{
background:#eef9fa;
padding:8px 14px;
border-radius:14px;
text-align:right;
min-width:90px;
}

.price-amount{
color:#2bb3c0;
font-weight:700;
font-size:15px;
}

.price-night{
font-size:11px;
color:#8fa3ad;
}


/* ============================= */
/* DESCRIPTION */
/* ============================= */

.guesthouse-content p{
color:#6b7c86;
font-size:13px;
line-height:1.5;
margin-bottom:18px;
height:42px;
overflow:hidden;
}


/* ============================= */
/* FOOTER */
/* ============================= */

.guesthouse-footer{
display:flex;
justify-content:space-between;
align-items:center;
}

.view-btn{
text-decoration:none;
color:#2bb3c0;
font-weight:500;
font-size:13px;
}

.book-btn-small{
background:#2bb3c0;
color:white;
padding:6px 14px;
border-radius:18px;
text-decoration:none;
font-size:12px;
transition:.3s;
}

.book-btn-small:hover{
background:#22a3af;
}


/* ============================= */
/* RESPONSIVE */
/* ============================= */

/* Tablet */

@media(max-width:1000px){

.guesthouse-grid{
grid-template-columns:repeat(2,1fr);
}

}


/* Mobile */

@media(max-width:600px){

.guesthouse-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
gap:25px;
width:100%;
}

}