:root{
--gold:#c9a24d;
--dark:#0b0b0b;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
font-family:'Poppins',sans-serif;
background:#000;
color:#eee;
}
h1,h2,h3{font-family:'Playfair Display',serif}
a{text-decoration:none;color:inherit}



/* HERO */
.hero-slider{
position:relative;
height:85vh;
overflow:hidden;
}

/* SLIDES */
/* HERO SLIDER ANA */
.hero-slider{
position:relative;
height:90vh;
overflow:hidden;
}

/* SLIDES */
.slides{
height:100%;
}

.slide{
position:absolute;
inset:0;
opacity:0;
transition:1s ease;
}

.slide.active{
opacity:1;
}

/* IMG */
.slide img{
width:100%;
height:100%;
object-fit:cover;
}

/* OVERLAY */
.hero-slider::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to bottom,#00000020,#00000080);
z-index:2;
}

/* OKLAR */
.hero-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
background:#000a;
color:#fff;
padding:12px 16px;
cursor:pointer;
font-size:22px;
border-radius:50%;
z-index:5;
}

.prev{left:20px;}
.next{right:20px;}

/* 🔥 LOGO (EKLENMİŞ) */
.hero-logo{
position:absolute;
left:50%;
top:75%;
transform:translate(-50%, -50%);
z-index:6;
text-align:center;
}

.hero-logo img{
height:360px;
opacity:0.95;
transition:.4s ease;
filter:drop-shadow(0 0 10px #c9a24d80)
       drop-shadow(0 0 25px #000);
}

.hero-logo img:hover{
transform:scale(1.05);
filter:drop-shadow(0 0 20px #c9a24d)
       drop-shadow(0 0 30px #000);
}

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

.hero-slider{
height:40vh;
max-height:250px;
}

/* görseller */
.slide img{
width:100%;
height:100%;
object-fit:cover;
}

/* oklar */
.hero-arrow{
padding:6px 8px;
font-size:14px;
}

.prev{left:10px;}
.next{right:10px;}

/* logo küçülür */
.hero-logo{
top:75%;
}

.hero-logo img{
height:140px;
}

/* touch */
.hero-slider{
touch-action:pan-y;
}

}


/* HERO */
.experience-hero{
text-align:center;
padding:100px 20px 60px;
}

.experience-hero h1{
color:#c9a24d;
font-family:"Playfair Display";
font-size:42px;
margin-bottom:15px;
letter-spacing:1px;
}

.experience-hero p{
font-size:18px;
color:#ddd;
max-width:600px;
margin:auto;
line-height:1.6;
}

/* FLOW */
.experience-flow{
max-width:1100px;
margin:auto;
display:flex;
flex-direction:column;
gap:70px;
padding:40px 20px;
}

/* ROW */
.exp-row{
display:flex;
align-items:center;
gap:40px;
color:#fff;
}

/* ters yön */
.exp-row.reverse{
flex-direction:row-reverse;
}

/* IMAGE */
.exp-row img{
width:50%;
height:300px;
object-fit:cover;
border-radius:16px;
transition:.5s;
}

/* TEXT */
.exp-text{
width:50%;
}

/* BAŞLIK */
.exp-text h2{
font-family:"Playfair Display";
font-size:26px;
color:#c9a24d;
margin-bottom:10px;
}
.exp-text h4{
font-family:"Playfair Display";
font-size:18px;
color:#c9a24d;
margin-bottom:5px;
}

/* AÇIKLAMA */
.exp-text p{
color:#ccc;
font-size:15px;
line-height:1.6;
max-width:420px;
}

/* BUTON */
.exp-btn{
display:inline-block;
margin-top:14px;
padding:8px 18px;
border:1px solid #c9a24d;
color:#c9a24d;
border-radius:30px;
font-size:13px;
text-decoration:none;
transition:.3s;
letter-spacing:1px;
text-transform:uppercase;
}

.exp-btn:hover{
background:#c9a24d;
color:#000;
transform:translateY(-2px);
box-shadow:0 0 10px #c9a24d80;
}

/* HOVER IMAGE */
.exp-row:hover img{
transform:scale(1.05);
}

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

.experience-hero{
padding:70px 15px 40px;
}

.experience-hero h1{
font-size:28px;
margin-bottom:10px;
}

.experience-hero p{
font-size:15px;
}

/* tek sütun */
.exp-row{
flex-direction:column !important;
gap:15px;
text-align:center;
}

/* görsel */
.exp-row img{
width:100%;
height:200px;
}

/* text */
.exp-text{
width:100%;
}

.exp-text h2{
font-size:20px;
}

.exp-text p{
font-size:14px;
max-width:100%;
}

/* buton */
.exp-btn{
font-size:12px;
padding:7px 14px;
}

}





/* CONTACT MINI */
.mini-contact{
margin-top:80px;
background:#0b0b0b;
border:1px solid #c9a24d40;
padding:25px;
border-radius:16px;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
font-size:14px;
}
.mini-contact a{
color:var(--gold);
border:1px solid var(--gold);
padding:10px 18px;
border-radius:30px;
transition:.3s;
}
.mini-contact a:hover{
background:var(--gold);
color:#000;
}
@media (max-width:768px){

.mini-contact{
flex-direction:column;
align-items:center;
padding:20px 15px;
gap:12px;
}

/* butonlar full genişlik */
.mini-contact a{
width:100%;
max-width:280px;
text-align:center;
font-size:13px;
padding:10px 12px;
}

}

/* FOOTER */
footer{
text-align:center;
padding:40px;
opacity:.6;
font-size:14px;
margin-top:40px;
}