*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:#222;background:#fff;}
section{padding:100px 8%;}
a{text-decoration:none}

nav{
position:fixed;top:0;width:100%;
display:flex;justify-content:space-between;align-items:center;
padding:20px 8%;
background:rgba(10,25,45,0.85);
backdrop-filter:blur(8px);
z-index:1000;
}
.logo{font-family:'Playfair Display',serif;color:#fff;font-size:22px;}
.nav-links a{color:#fff;margin-left:25px;font-size:14px;letter-spacing:1px;}
.nav-links a:hover{color:#d9a441;}

.hero{
height:100vh;
background:
linear-gradient(rgba(10,25,45,0.75),rgba(10,25,45,0.75)),
url('images/hero.jpg') center/cover no-repeat;
display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;padding:20px;
}
.hero-content{opacity:0;transform:translateY(40px);animation:fadeUp 1.2s ease forwards;animation-delay:.25s;}
@keyframes fadeUp{to{opacity:1;transform:translateY(0);}}
.hero small{letter-spacing:5px;font-size:12px;opacity:.92;}
.hero h1{font-family:'Playfair Display',serif;font-size:70px;margin:20px 0;line-height:1.1;}
.hero span{color:#d9a441;}
.hero p{max-width:700px;margin:0 auto 40px;font-size:20px;font-weight:300;}

.btn{padding:18px 45px;border-radius:40px;font-weight:600;margin:10px;display:inline-block;transition:.3s;border:none;cursor:pointer;}
.btn-primary{background:#d9a441;color:#000;}
.btn-primary:hover{background:#fff;}
.btn-outline{border:2px solid #fff;color:#fff;background:transparent;}
.btn-outline:hover{background:#fff;color:#000;}

.section-title{font-family:'Playfair Display',serif;font-size:40px;margin-bottom:50px;text-align:center;}

.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;}
.card{
padding:40px;background:#f7f8fa;border-radius:12px;transition:.4s;
}
.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.08);}

.stats{
background:#0a192d;color:#fff;
display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
text-align:center;
}
.stat{padding:60px 20px;}
.stat h3{font-size:40px;color:#d9a441;}

.contact{background:#f7f8fa;text-align:center;}

.map-section{background:#f7f8fa;text-align:center;}
.map-container{
margin-top:40px;border-radius:15px;overflow:hidden;
box-shadow:0 20px 40px rgba(0,0,0,0.1);
position:relative;
}
.map-container iframe{width:100%;height:400px;border:0;display:block;}

footer{background:#0a192d;color:#fff;padding:60px 8%;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;}
footer a{color:#d9a441;}
footer p{margin:10px 0;}

/* Scroll reveal helper */
.reveal-init{opacity:0;transform:translateY(40px);}
.reveal-show{opacity:1;transform:translateY(0);transition:all .8s ease;}

/* Cookie Banner */
.cookie-banner{
position:fixed;left:0;right:0;bottom:0;
padding:18px 8%;
background:rgba(10,25,45,0.92);
backdrop-filter: blur(8px);
color:#fff;z-index:9999;
transform: translateY(110%);
transition: transform .35s ease;
border-top:1px solid rgba(255,255,255,.12);
}
.cookie-banner.show{transform:translateY(0);}
.cookie-inner{
max-width:1100px;margin:0 auto;
display:flex;gap:18px;align-items:center;justify-content:space-between;
}
.cookie-inner p{margin-top:6px;font-size:14px;opacity:.9;max-width:720px;}
.cookie-inner a{color:#d9a441;text-decoration:underline;}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.cookie-btn{
background:#d9a441;color:#000;border:none;
padding:12px 16px;border-radius:12px;cursor:pointer;font-weight:600;
}
.cookie-btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);}

@media(max-width:820px){
.cookie-inner{flex-direction:column;align-items:flex-start;}
.cookie-actions{width:100%;justify-content:flex-start;}
}

@media(max-width:768px){
.hero h1{font-size:42px;}
.hero p{font-size:16px;}
}


/* ====== NAV: Logo + Mobile-Menü (Patch) ====== */
.logo{display:flex;align-items:center;gap:12px;}
.logo-img{height:40px;width:auto;display:block;}

.menu-toggle{
  display:none;
  width:44px;height:44px;
  border:1px solid rgba(255,255,255,.25);
  background:transparent;
  border-radius:12px;
  cursor:pointer;
}
.menu-toggle span{
  display:block;
  height:2px;
  margin:6px 10px;
  background:#fff;
  border-radius:2px;
}

/* Mobile Navigation */
@media(max-width:820px){
  .menu-toggle{display:block;}
  .nav-links{
    display:none;
    position:fixed;
    top:72px; left:12px; right:12px;
    flex-direction:column;
    gap:10px;
    padding:14px;
    background:rgba(10,25,45,.96);
    border:1px solid rgba(255,255,255,.18);
    border-radius:16px;
    backdrop-filter:blur(8px);
    z-index:1200;
  }
  .nav-links.open{display:flex;}
  .nav-links a{
    margin-left:0 !important;
    padding:12px 12px;
    border-radius:12px;
    display:block;
  }
  .nav-links a:hover{background:rgba(255,255,255,.08);}
}
