html {
      scroll-behavior: smooth;
    }
    body {
      margin: 0;
      padding: 0;
      font-family: 'Segoe UI', sans-serif;
      background: linear-gradient(to bottom, #ffffff, #e6e6e6);
    }
	
	:root{
    --bg: #ffffff;
    --text: #1f2937;
    --muted: #6b7280;
    --brand: #0ea5e9;
    --ring: #93c5fd;
    --shadow: 0 10px 20px rgba(0,0,0,.06);
}


*{box-sizing:border-box}
body{margin:0; font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif; color:var(--text); background:#f8fafc}
a{color:inherit; text-decoration:none}
a:focus-visible, button:focus-visible{outline:3px solid var(--ring); outline-offset:2px; border-radius:6px}

/* Header / Navbar */
.site-header{
    position:sticky; top:0; z-index:1000;
    background:var(--bg); box-shadow:var(--shadow);
}

.nav-wrap{
    max-width:1200px; margin:0 auto; padding:10px 16px;
    display:flex; align-items:center; gap:16px;
}
.brand{
    display:flex; align-items:center; gap:10px; min-width:0;
}
.brand-logo img{
    height:50px;
}
.brand-name{font-weight:700; white-space:nowrap}
.spacer{flex:1}



/* Hamburger */
.nav-toggle{
    appearance:none; border:0; background:transparent; padding:10px; margin:-10px;
    cursor:pointer; display:inline-flex; align-items:center; justify-content:center;
}
.nav-toggle .bars{width:24px; height:2px; background:var(--text); position:relative; display:block}

.nav-toggle .bars::before,.nav-toggle .bars::after{
    content:""; position:absolute; left:0; width:24px; height:2px; background:var(--text);
    transition:transform .25s ease, top .25s ease, opacity .25s ease;
}
.nav-toggle .bars::before{top:-7px}
.nav-toggle .bars::after{top:7px}

/* Menu Container */
.nav{
    position:fixed; inset:auto 0 0 0; top:100px;
    background:var(--bg); transform:translateY(-8px); opacity:0; pointer-events:none;
    display:flex; flex-direction:column; gap:6px; padding:10px 16px 16px; border-top:1px solid #e5e7eb;
    transition:opacity .25s ease, transform .25s ease;
}
.nav.open{opacity:1; transform:translateY(0); pointer-events:auto}
.nav ul{list-style:none; margin:0; padding:0}
.nav > ul > li{
    border-radius:10px; padding:8px 10px;
}
.nav-link{
    display:flex; align-items:center; justify-content:space-between; gap:8px;
    padding:10px 12px; border-radius:10px; color:var(--text);
}


/* Dropdown */
.has-sub > .nav-link .chev{transition:transform .2s ease}
.sub{
    display:none; padding:6px 6px 6px 14px;
}
.has-sub.open > .sub{display:block}
.has-sub.open > .nav-link .chev{transform:rotate(180deg)}
.sub a{
    display:block; padding:8px 10px; border-radius:8px; color:var(--muted);
}
.sub a:hover{background:#f1f5f9; color:var(--text)}

/* Desktop */
@media (min-width: 900px){
    .nav-wrap{padding:12px 20px}
    .nav-toggle{display:none}
    .nav{
      position:static; inset:auto; transform:none; opacity:1; pointer-events:auto;
      flex-direction:row; align-items:center; background:transparent; padding:0; border:0;
    }
    .nav > ul{display:flex; gap:4px}
    .nav > ul > li{padding:0}
    .nav-link{padding:10px 12px}
    .has-sub{position:relative}
    .sub{
      position:absolute; left:0; top:100%; min-width:220px;
      background:var(--bg); box-shadow:var(--shadow); border:1px solid #e5e7eb;
      border-radius:12px; padding:8px; display:none;
    }
    .has-sub:hover > .sub,
    .has-sub:focus-within > .sub{display:block}
}
	
    .navbar {
      position: sticky;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 999;
    }
    .swiper-slide {
      position: relative;
      width: 56.25%;
      background-size: cover;
      background-position: center;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-left: 10%;
      color: white;
      text-shadow: 1px 1px 4px #000;
	  margin-top:0px;
	  
    }
	
.swiper-slide {
  position: relative;

  padding-top: 56.25%; /* 16:9 oranı → (9/16)*100 */
  background-size: cover;
  background-position: center;
}

.swiper-slide .content {
  position: absolute;
  top: 10%;
  left: 10%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
}

	
	
	
    .swiper-slide::before {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.01);
      z-index: 1;
    }
	
.swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 45%;
  background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));
  z-index: 2;
  pointer-events: none;
}



      content: '';
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.1);
      z-index: 1;
    }
    .swiper-slide .content {
      position: relative;
      z-index: 2;
      max-width: 600px;
    }
    .btn-gold {
      background-color: #F4A300;
      color: #1E3A5F;
      border: none;
    }
    .btn-gold:hover {
      background-color: #d98d00;
      color: white;
    }
    .section-light {
      background-color: #f8f9fa;
    }
    footer {
      background-color: #1E3A5F;
      color: white;
    }
    footer a {
      color: #F4A300;
    }
    .lang-switch {
      position: absolute;
      top: 1rem;
      right: 1rem;
      z-index: 1000;
    }
    .card:hover {
      box-shadow: 0 4px 20px rgba(0,0,0,0.15);
      transform: translateY(-5px);
    }
  
  
  .nav-link {
  position: relative;
  font-size: 1.1rem;
  font-weight: 500;
  font-family: 'Segoe UI', sans-serif;
  color: #333 !important;
  padding-left: 30px;
  padding-right: 60px;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}
  
  
    .nav-link:hover {
  position: relative;
  font-size: 1.1rem;
  font-weight: 500;
  font-family: 'Segoe UI', sans-serif;
  color: #F4A300 !important;
  padding-left: 30px;
  padding-right: 60px;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}
 
  
  
  
  
 .scrolled-navbar {
  background-color: #ffffff !important;
  box-shadow: 0 2px 18px rgba(120, 120, 242, 0.5); /* İsteğe bağlı gölge */
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
	 
} 
  
  
    .custom-navbar {
      background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.2));
      border-bottom: 1px solid #f2f2f2;
      z-index: 1030;
	  height:100px;

      animation: slideDown 0.7s ease-out;
    }

    @keyframes slideDown {
      0% {
        transform: translateY(-100%);
        opacity: 0;
      }
      100% {
        transform: translateY(0);
        opacity: 1;
      }
    }

    .navbar-brand {
      font-weight: 700;
      font-size: 1.4rem;
      padding-left: 10px;
    }

 
	
	.dropdown-menu {
  font-size: 0.95rem;
  min-width: 200px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  border-radius: 5 !important;
  border:none;
      background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.2));
}


 .navbar.scrolled-navbar .dropdown-menu {
  background-color: #ffffff !important; /* Beyaz */
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}




.dropdown-item:hover {
  background-color: #f4a300;
  color: white;
}

/* Dropdown menüyü görünür yap */
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* İstenirse menü ile buton arası boşluk kapatılır */
  animation: fadeIn 0.3s ease-in-out;
}

/* Basit fade animasyonu */
@keyframes fadeIn {
  0% {opacity: 0; transform: translateY(10px);}
  100% {opacity: 1; transform: translateY(0);}
}

.nav-link.active {
  color: #F4A300 !important;  /* Altın sarısı */
  font-weight: 600;
}


@media (max-width: 768px) {
.nav-link, 
  .navbar.custom-navbar,
  .navbar.scrolled-navbar {
    background-color: white;
		width: 100vw; 
		left:0px;
	
  }
  
    .dropdown-menu {
    background-color: white; !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* opsiyonel: daha belirgin görünüm */
    border-radius: 0 !important; /* köşeleri düzleştirir */
	padding-left:0px;
	max-width: 100vw;           /* Ekranın %90'ı kadar genişlik */
	width: 100vw; 
	left:0px;
  }

  .dropdown-item {
    color: #333 !important; /* yazı rengini koyulaştır */
	background-color: white; !important;
	left:0px;
  }

  .dropdown-item:hover {
    background-color: #f4a300 !important;
    color: white !important;
  }
  

}