/* ─────── FLOATING HEADER ─────── */
.site-header{
  position:fixed;
  top:32px;
  left:50%;
  transform:translateX(-50%);
  width:calc(100% - 36px);
  max-width:1440px;
  z-index:100;
  background:rgba(255,255,255,0.96);
  backdrop-filter:saturate(1.5) blur(20px);
  -webkit-backdrop-filter:saturate(1.5) blur(20px);
  border-radius:99px;
  padding:14px 28px 14px 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  box-shadow:0 6px 24px -10px rgba(18,18,18,0.18), 0 1px 0 rgba(255,255,255,0.6) inset;
  transition:top .35s ease;
}
.site-header.is-scrolled{top:10px}
.brand{
  font-family:var(--serif);
  font-weight:600;
  font-size:22px;
  color:var(--ink);
  display:flex;
  align-items:center;
  gap:2px;
  flex-shrink:0;
}
.brand img{height:52px;width:auto;display:block}
.brand .dot{
  width:6px;height:6px;
  border-radius:99px;
  background:var(--ink);
  display:inline-block;
  margin-left:3px;
  align-self:flex-end;
  margin-bottom:7px;
}
.menu{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:16px;
  font-weight:500;
  color:var(--ink);
  flex:1;
  justify-content:center;
}
.menu-item{
  position:relative;
}
.menu-item::after{
  content:'';
  position:absolute;
  top:100%;
  left:-16px;
  right:-16px;
  height:40px;
}
.menu-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:12px 13px;
  border-radius:6px;
  transition:background .2s ease;
  white-space:nowrap;
}
.menu-link:hover,.menu-item:hover .menu-link{background:var(--cream)}
.menu-link.is-active{background:var(--cream)} /* aktif sayfanın menü linki */
.menu-link svg{opacity:1;transition:transform .2s ease;flex-shrink:0}
.menu-item:hover .menu-link svg{transform:rotate(180deg)}
.dropdown{
  position:absolute;
  top:calc(100% + 36px);
  left:0;
  transform:scale(0.72);
  transform-origin:top left;
  background:#ffffff;
  border-radius:24px;
  box-shadow:0 18px 50px -18px rgba(18,18,18,0.18);
  padding:25px 30px;
  min-width:300px;
  opacity:0;
  visibility:hidden;
  transition:opacity .28s cubic-bezier(0.16,1,0.3,1), transform .28s cubic-bezier(0.16,1,0.3,1), visibility 0s .28s;
  z-index:200;
  pointer-events:none;
}
.menu-item:hover .dropdown{
  opacity:1;
  visibility:visible;
  transform:scale(1);
  transition:opacity .28s cubic-bezier(0.16,1,0.3,1), transform .28s cubic-bezier(0.16,1,0.3,1), visibility 0s;
  pointer-events:auto;
}
/* dd-item: hover/aktifte yumuşak köşeli krem pill arkaplan (normal dropdown + mega ortak) */
.dd-item{
  display:block;
  padding:5.5px 16px;
  margin-left:-16px; /* pill padding'i metin hizasını bozmasın */
  border-radius:6px;
  text-decoration:none;
  transition:background .22s ease;
}
.dd-item:hover,
.dd-item.is-active{
  background:var(--cream);
}
.dropdown > .dd-item + .dd-item{margin-top:12px} /* normal dropdown'da mega'nın row-gap'iyle aynı dikey ritim */
.dd-item-head{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:16px;
  font-weight:500;
  color:var(--ink);
  line-height:32px;
  white-space:nowrap;
}
.dd-item-head svg{flex-shrink:0;width:14px;height:14px;color:var(--gold)}
.dropdown-sep{display:none}
/* mega dropdown: header genişliğinde tam panel — başlık + 3 sütun item + sağda görsel */
.menu-item--mega{position:static} /* dropdown header'a göre konumlansın */
/* position:static yüzünden ::after köprüsü tüm header'a yayılıyor ve diğer menülerin hover'ını çalıyor — iptal edip köprüyü linkin altına alıyoruz */
.menu-item--mega::after{content:none}
.menu-item--mega .menu-link{position:relative}
.menu-item--mega .menu-link::after{
  content:'';
  position:absolute;
  top:100%;
  left:-16px;
  right:-16px;
  height:40px;
}
.dropdown--mega{
  left:0;
  right:0;
  top:calc(100% + 12px); /* header'a göre konumlandığı için ofset, normal dropdown'ların header altı boşluğuna (≈12px) eşitlendi */
  min-width:0;
  padding:44px 48px;
  transform-origin:top center;
  transform:scale(0.97) translateY(-10px);
}
.menu-item--mega:hover .dropdown--mega{transform:scale(1) translateY(0)}
.mega-inner{
  display:flex;
  align-items:stretch;
  gap:64px;
}
.mega-content{flex:1;min-width:0}
.mega-title{
  font-family:var(--sans);
  font-size:28px;
  font-weight:600;
  color:var(--ink);
  margin-bottom:24px;
}
.mega-grid{
  display:grid;
  grid-template-rows:repeat(4,auto);
  grid-auto-flow:column;
  column-gap:48px;
  row-gap:12px;
}
.mega-media{
  flex:0 0 380px;
  border-radius:24px;
  overflow:hidden;
}
.mega-media img{width:100%;height:100%;object-fit:cover}
.nav-right{
  display:flex;
  align-items:center;
  gap:18px;
  flex-shrink:0;
}
.lang{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  color:var(--ink);
  font-weight:500;
  opacity:0.85;
}
.lang svg{opacity:0.65}
.lang-switcher{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:3px 12px 3px 3px;
  border-radius:99px;
  border:1px solid rgba(0,0,0,.14);
  transition:background .2s ease,border-color .2s ease;
  font-size:14px;
  font-weight:600;
  color:var(--ink);
  letter-spacing:.05em;
  line-height:1;
}
.lang-switcher:hover{background:var(--cream);border-color:transparent}
.lang-flag{
  width:24px;
  height:24px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  flex-shrink:0;
  box-shadow:0 0 0 1px rgba(0,0,0,.1);
}
.icon-btn{
  width:38px;height:38px;
  border-radius:99px;
  background:var(--cream);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--ink);
  transition:background .2s ease;
}
.icon-btn:hover{background:#f0ebe3}
.cta-header{
  background:var(--ink);
  color:var(--white);
  padding:13px 24px;
  border-radius:99px;
  font-size:14px;
  font-weight:500;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:background .25s ease, transform .25s ease;
}
.cta-header:hover{background:var(--gold)}
/* ── Mobil nav: hamburger + tam ekran panel (≤980px'de responsive.css ile görünür olur) ── */
.nav-toggle{
  display:none;
  position:relative;
  width:46px;height:46px;
  border-radius:99px;
  background:var(--gold);
  flex-shrink:0;
  transition:filter .2s ease;
}
.nav-toggle:hover{filter:brightness(0.94)}
.nav-toggle span{
  position:absolute;
  left:50%;top:50%;
  width:18px;height:2px;
  margin:-1px 0 0 -9px;
  border-radius:2px;
  background:var(--white);
  transition:transform .3s cubic-bezier(0.16,1,0.3,1), opacity .2s ease;
}
.nav-toggle span:nth-child(1){transform:translateY(-6px)}
.nav-toggle span:nth-child(3){transform:translateY(6px)}
.nav-toggle.is-open span:nth-child(1){transform:rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0}
.nav-toggle.is-open span:nth-child(3){transform:rotate(-45deg)}
.mobile-nav{
  display:none;
  position:fixed;inset:0;
  z-index:90; /* header (100) panelin üstünde kalır; pill ve X butonu görünür */
  background:var(--white);
  opacity:0;visibility:hidden;
  transition:opacity .3s ease, visibility 0s .3s;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.mobile-nav.is-open{
  opacity:1;visibility:visible;
  transition:opacity .3s ease;
}
.mobile-nav-inner{
  padding:104px 24px 48px;
  display:flex;
  flex-direction:column;
  transform:translateY(10px);
  transition:transform .35s cubic-bezier(0.16,1,0.3,1);
}
.mobile-nav.is-open .mobile-nav-inner{transform:translateY(0)}
.m-group,
.mobile-nav-inner>a.m-link{border-bottom:1px solid var(--line-soft)}
/* masaüstü .menu-link ile aynı tipografi: 16px / 500 / --ink, hover'da krem pill */
.m-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  width:100%;
  padding:14px 8px;
  border-radius:6px;
  font-size:16px;
  font-weight:500;
  color:var(--ink);
  text-align:left;
  transition:background .2s ease;
}
.m-link:hover,
.m-link:active,
.m-link.is-active{background:var(--cream)}
.m-link svg{flex-shrink:0;transition:transform .25s ease}
.m-group.is-open .m-link svg{transform:rotate(180deg)}
.m-sub{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .3s ease, padding-top .3s ease;
}
.m-group.is-open .m-sub{grid-template-rows:1fr;padding-top:8px}
.m-sub-inner{overflow:hidden;min-height:0}
/* masaüstü .dd-item-head ile aynı: 16px / 500 / --ink, 32px satır, hover'da krem pill */
.m-sub a{
  display:block;
  padding:5.5px 16px;
  margin-left:8px;
  border-radius:6px;
  font-size:16px;
  font-weight:500;
  line-height:32px;
  color:var(--ink);
  transition:background .22s ease;
}
.m-sub a:hover,
.m-sub a:active,
.m-sub a.is-active{background:var(--cream)}
/* boşluk margin ile: padding olursa kapalı akordeon 0 yüksekliğe inemiyor, içerik sızıyor */
.m-sub a:last-child{margin-bottom:14px}
.mobile-nav-cta{margin-top:28px}
body.nav-open{overflow:hidden}