* {margin:0;padding:0;box-sizing:border-box;}

body {font-family:'Inter',sans-serif;color:#111;line-height:1.6;}

/* GLOBAL SPACING */
section {
    max-width:1300px;
    margin:80px auto;
    padding:0 20px;
}

/* NAV */
.navbar {
    position:fixed;
    width:100%;
    padding:20px 60px;
    display:flex;
    justify-content:space-between;
    color:white;
    background:linear-gradient(to bottom,rgba(0,0,0,0.6),transparent);
}

.navbar a {margin-left:30px;color:white;text-decoration:none;}

/* HERO */
.hero {
    height:100vh;
    background:url('images/hero-exuberance-wayanad-1.jpg') center/cover;
    position:relative;
}

.overlay {position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4);}

.hero-text {
    position:absolute;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    color:white;text-align:center;
}

.hero h1 {font-family:'Playfair Display';font-size:clamp(40px,6vw,90px);}

/* INTRO */
.intro {text-align:center;font-size:20px;}

/* DWELLINGS */
.dwelling {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    margin-bottom:60px;
}

.dwelling img {
    width:100%;
    height:65vh;
    object-fit:cover;
    border-radius:8px;
}

.text {padding:50px;}

.desc {margin-top:12px;color:#444;}
.occupancy {margin-top:8px;font-weight:500;}

.buttons {margin-top:20px;}
.buttons a,.buttons button {
    padding:12px 20px;margin-right:10px;background:black;color:white;border:none;
}

/* GALLERY */
.room-gallery {
    display:none;
    margin-bottom:60px;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:15px;
}

.room-gallery.show {display:grid;}
.room-gallery img {width:100%;height:260px;object-fit:cover;border-radius:8px;}

/* AMENITIES + ATTRACTIONS */
.amenity-grid,.attraction-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:25px;
}

.amenity-card img,.attraction-card img {
    width:100%;height:200px;object-fit:cover;border-radius:10px;
}

/* CONTACT */
.contact {text-align:center;}
.map iframe {width:100%;height:400px;border:none;border-radius:10px;}

.whatsapp-main {
    display:inline-block;margin-top:20px;
    padding:12px 25px;background:#25D366;color:white;text-decoration:none;
}

/* MOBILE */
@media(max-width:768px){
    section {margin:40px auto;}
    .dwelling {grid-template-columns:1fr;}
    .dwelling img {height:280px;}
    .text {padding:20px;}
}

