body {
    margin:0;
    font-family: 'Poppins', sans-serif;
    background:#0f172a;
    color:white;
}

/* HEADER */
.header2 {
    position:fixed;
    top:0;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px 30px;
    z-index:9999;

    background:rgba(0,0,0,0.4);
    backdrop-filter: blur(10px);
}

/* LOGO */
.logo {
    flex:1;
    font-size:20px;
    font-weight:600;
    color:white;
    white-space:nowrap;
}

/* NAV ORTADA */
.nav {
    flex:1;
    display:flex;
    justify-content:center; /* 🔥 ORTA */
    gap:30px;
}

/* NAV LINK */
.nav a {
    color:white;
    text-decoration:none;
    font-size:15px;
    letter-spacing:1px;
    transition:0.3s;
}

.nav a:hover {
    color:#c8a96a;
}

/* SAĞ BOŞ / BUTON ALANI */
.right {
    flex:1;
    display:flex;
    justify-content:flex-end;
}

/* HERO */
.hero {
    position:relative;
    height:100vh;
    overflow:hidden;
}

/* SLIDER */
.slides {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:0;
}

.slides img {
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity 1s ease-in-out;
}

/* İLK RESİM */
.slides img:first-child {
    opacity:1;
}

/* HERO CONTENT */
.hero-content {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    z-index:2;
}

.hero h1 {
    font-size:60px;
}

/* BUTTONS */
.btn {
    padding:12px 25px;
    margin:10px;
    text-decoration:none;
    display:inline-block;
    border-radius:5px;
}

.gold {
    background:#c8a96a;
    color:white;
}

.whatsapp {
    background:#25D366;
    color:white;
}

/* ROOMS */
.rooms {
    padding:80px 40px;
}

.room-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:25px;
}

.room-card {
    background:rgba(255,255,255,0.05);
    border-radius:15px;
    overflow:hidden;
    transition:0.4s;
}

.room-card:hover {
    transform:scale(1.05);
}

.room-card img {
    width:100%;
    height:250px;
    object-fit:cover;
    transition:0.4s;
}

.room-card:hover img {
    transform:scale(1.1);
}

.info {
    padding:20px;
}

/* TITLE */
.title {
    text-align:center;
    margin-bottom:40px;
    font-size:40px;
}

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

    .nav {
        display:none;
    }

    .logo {
        font-size:16px;
    }

    .hero h1 {
        font-size:32px;
    }
}