/* ═══════════════════════════════════════════════
   NAV.CSS — Navbar + Intro
   ═══════════════════════════════════════════════ */

/* ── Preloader (diğer sayfalar) ── */
#preloader{
  position:fixed;inset:0;z-index:9999;
  background:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  transition:opacity .5s,visibility .5s;
}
#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}
.pl-logo{margin-bottom:20px}
.pl-logo img{width:80px;opacity:.7;animation:plsPulse 1.2s ease-in-out infinite}
/* Spinner (logo yoksa da görünür) */
#preloader::before{
  content:'';display:block;
  width:36px;height:36px;
  border:2px solid #f0e6c8;
  border-top-color:#9e7c2e;
  border-radius:50%;
  animation:plsSpin .8s linear infinite;
  position:absolute;
}
.pl-logo ~ * + #preloader::before{display:none}
.pls-bar{
  width:100px;height:1.5px;
  background:#f0e6c8;overflow:hidden;border-radius:2px;
}
.pls-bar::after{
  content:'';display:block;width:35%;height:100%;
  background:#9e7c2e;
  animation:plsSlide 1.1s ease-in-out infinite;
}
@keyframes plsPulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:.4;transform:scale(.96)}}
@keyframes plsSlide{0%{transform:translateX(-100%)}100%{transform:translateX(320%)}}
@keyframes plsSpin{to{transform:rotate(360deg)}}


/* ══════════════════════════════════════════════
   INTRO — Her girişte açılır
══════════════════════════════════════════════ */
#ag-intro{
  position:fixed;inset:0;z-index:99999;
  background:#06060e;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
#ag-intro.closing{animation:agClose .55s ease forwards}
#ag-intro.gone{display:none}
body.ag-lock{overflow:hidden}
@keyframes agClose{
  0%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(1.03)}
}

/* Canvas parçacıklar */
#agCanvas{position:absolute;inset:0;width:100%;height:100%}

/* Sahne */
.agi-stage{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;
  gap:18px;
}

/* Dönen halka */
.agi-ring{
  width:72px;height:72px;
  position:relative;
  animation:agRingIn .6s .1s ease both;
}
@keyframes agRingIn{from{opacity:0;transform:scale(.5) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}
.agi-ring::before{
  content:'';position:absolute;inset:0;
  border:1.5px solid rgba(196,164,78,.2);
  border-radius:50%;
}
.agi-ring::after{
  content:'';position:absolute;inset:4px;
  border:1px solid transparent;
  border-top-color:rgba(220,185,110,.75);
  border-right-color:rgba(196,164,78,.3);
  border-radius:50%;
  animation:agSpin 2s linear infinite;
}
@keyframes agSpin{to{transform:rotate(360deg)}}
.agi-ring-inner{
  position:absolute;inset:14px;
  border:1px solid rgba(196,164,78,.15);
  border-radius:50%;
}
.agi-ring-dot{
  position:absolute;top:50%;left:50%;
  width:5px;height:5px;
  background:#c4a44e;border-radius:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 10px 2px rgba(196,164,78,.5);
}

/* Büyük isim — altın gradyan + glow */
.agi-name{
  display:flex;align-items:baseline;
  font-family:'Playfair Display','Cormorant Garamond',Georgia,serif;
  font-size:clamp(52px,9vw,106px);
  font-weight:700;
  font-style:italic;
  letter-spacing:.04em;
  /* Düz altın renk — gradient yerine, tüm tarayıcılarda çalışır */
  color:#c9a96e;
  /* Çoklu metin gölgesi ile parlaklık */
  text-shadow:
    0 0 40px rgba(201,169,110,.55),
    0 0 80px rgba(201,169,110,.25),
    0 2px 4px rgba(0,0,0,.6);
}
.agi-ch{
  display:inline-block;
  opacity:0;
  transform:translateY(36px) skewX(-4deg);
  animation:agCharUp .7s calc(.3s + var(--i) * .065s) cubic-bezier(.34,1.45,.64,1) forwards;
}
/* Bazı harflere hafif ton farkı */
.agi-ch:nth-child(1){color:#e8d5a3}
.agi-ch:nth-child(4){color:#f0e0b0}
.agi-ch:nth-child(5){color:#c9a96e;width:.25em}
.agi-ch:nth-child(6){color:#e0c48a}
.agi-ch:nth-child(10){color:#dfc080}
@keyframes agCharUp{
  to{opacity:1;transform:translateY(0) skewX(0deg)}
}

/* İsmin altındaki dekoratif çizgi + lak*/
.agi-rule{
  display:flex;align-items:center;gap:14px;
  opacity:0;animation:agFadeIn .6s 1.25s ease forwards;
}
.agi-rule span{
  display:block;flex:1;max-width:70px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,169,110,.5),transparent);
}
.agi-rule-dot{
  width:6px;height:6px;border-radius:50%;
  background:linear-gradient(135deg,#e8cfa0,#9e7c2e);
  box-shadow:0 0 10px 2px rgba(201,169,110,.5);
}

/* Alt başlık */
.agi-sub{
  font-family:'DM Sans','Inter',sans-serif;
  font-size:clamp(9px,1.4vw,11.5px);
  font-weight:300;
  letter-spacing:.42em;
  text-transform:uppercase;
  color:rgba(220,185,110,.75);
  opacity:0;animation:agFadeIn .6s 1.45s ease forwards;
}

/* Progress bar */
.agi-progress{
  width:120px;height:1px;
  background:rgba(255,255,255,.08);
  border-radius:2px;overflow:hidden;
  opacity:0;animation:agFadeIn .4s 1.5s ease forwards;
}
.agi-progress-fill{
  height:100%;width:0;
  background:linear-gradient(90deg,rgba(196,164,78,.3),rgba(196,164,78,.8));
  transition:width .05s linear;
}

/* Kapanış perdeleri */
.agi-curtain{
  position:absolute;top:0;bottom:0;width:50%;
  background:#06060e;
  transition:transform .55s cubic-bezier(.77,0,.18,1);
  z-index:3;pointer-events:none;
}
.agi-cl{left:0;transform:translateX(-100%)}
.agi-cr{right:0;transform:translateX(100%)}
#ag-intro.open .agi-cl{transform:translateX(0)}
#ag-intro.open .agi-cr{transform:translateX(0)}
#ag-intro.closing .agi-cl{transform:translateX(-100%)}
#ag-intro.closing .agi-cr{transform:translateX(100%)}

@keyframes agFadeIn{to{opacity:1}}


/* ══════════════════════════════════════════════
   NAVBAR — Modern + İkonlu
══════════════════════════════════════════════ */
#navbar{
  position:fixed;top:0;left:0;right:0;z-index:900;
  height:68px;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(24px) saturate(1.6);
  -webkit-backdrop-filter:blur(24px) saturate(1.6);
  border-bottom:1px solid rgba(0,0,0,.07);
  transition:box-shadow .3s,background .3s;
}
#navbar.scrolled{
  box-shadow:0 4px 28px rgba(0,0,0,.09);
  background:rgba(255,255,255,.98);
}
.nav-wrap{
  max-width:1340px;margin:0 auto;
  padding:0 36px;height:68px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.nav-logo img{height:34px;display:block}

/* ── Desktop Links ── */
#navLinks{
  display:flex;align-items:center;gap:2px;
  flex:1;justify-content:center;
}
#navLinks > a{
  display:flex;align-items:center;gap:7px;
  padding:8px 14px;
  font-family:'DM Sans','Inter',sans-serif;
  font-size:12.5px;font-weight:400;
  letter-spacing:.05em;
  color:#4a4a5a;
  border-radius:8px;
  white-space:nowrap;
  transition:color .2s,background .2s;
  text-decoration:none;
  position:relative;
}
#navLinks > a .ni{
  width:14px;height:14px;flex-shrink:0;
  opacity:.55;transition:opacity .2s,transform .2s;
}
#navLinks > a:hover{color:#18181f;background:rgba(0,0,0,.04)}
#navLinks > a:hover .ni{opacity:.8;transform:scale(1.1)}
#navLinks > a.on{color:#9e7c2e}
#navLinks > a.on .ni{opacity:1;color:#9e7c2e}
/* Aktif alt çizgi */
#navLinks > a.on::after{
  content:'';position:absolute;bottom:2px;left:14px;right:14px;
  height:1.5px;background:#9e7c2e;border-radius:2px;
}

/* ── Dropdown ── */
.nav-dd{position:relative}
.nav-dd-btn{
  display:flex;align-items:center;gap:7px;
  padding:8px 14px;
  font-family:'DM Sans','Inter',sans-serif;
  font-size:12.5px;font-weight:400;
  letter-spacing:.05em;
  color:#4a4a5a;
  background:none;border:none;cursor:pointer;
  border-radius:8px;
  transition:color .2s,background .2s;
  position:relative;
}
.nav-dd-btn .ni{
  width:14px;height:14px;flex-shrink:0;
  opacity:.55;transition:opacity .2s;
}
.nav-dd-btn:hover{color:#18181f;background:rgba(0,0,0,.04)}
.nav-dd-btn:hover .ni{opacity:.8}
.nav-dd.on .nav-dd-btn{color:#9e7c2e}
.nav-dd.on .nav-dd-btn .ni{opacity:1;color:#9e7c2e}
.nav-dd.on .nav-dd-btn::after{
  content:'';position:absolute;bottom:2px;left:14px;right:14px;
  height:1.5px;background:#9e7c2e;border-radius:2px;
}
.nav-dd-chev{
  width:9px;height:9px;flex-shrink:0;
  transition:transform .25s;
}
.nav-dd:hover .nav-dd-chev,
.nav-dd:focus-within .nav-dd-chev{transform:rotate(180deg)}

/* Panel */
.nav-dd-panel{
  position:absolute;top:calc(100% + 10px);left:50%;
  transform:translateX(-50%) translateY(-4px);
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  box-shadow:0 20px 56px rgba(0,0,0,.11);
  padding:16px 18px;
  display:flex;gap:20px;
  min-width:280px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s,transform .2s,visibility .2s;
}
.nav-dd-panel::before{
  content:'';position:absolute;top:-12px;left:0;right:0;height:12px;
}
.nav-dd:hover .nav-dd-panel,
.nav-dd:focus-within .nav-dd-panel{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.nav-dd-sep{width:1px;background:rgba(0,0,0,.07);margin:0 2px}
.nav-dd-col{display:flex;flex-direction:column;gap:1px;min-width:130px}
.nav-dd-head{
  font-family:'DM Sans',sans-serif;
  font-size:9px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;
  color:#b0b0c0;margin-bottom:7px;padding-left:10px;
}
.nav-dd-col a{
  display:flex;align-items:center;gap:8px;
  font-family:'DM Sans',sans-serif;
  font-size:13px;color:#3a3a48;
  padding:8px 10px;border-radius:7px;
  white-space:nowrap;text-decoration:none;
  transition:background .15s,color .15s;
}
.nav-dd-col a .ni{
  width:13px;height:13px;flex-shrink:0;opacity:.5;
  transition:opacity .15s;
}
.nav-dd-col a:hover{background:#f7f4ee;color:#9e7c2e}
.nav-dd-col a:hover .ni{opacity:1}

/* ── Burger ── */
.nav-burger{
  display:none;flex-direction:column;gap:5px;
  background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0;
}
.nav-burger span{
  display:block;width:22px;height:1.5px;
  background:#3a3a48;border-radius:2px;
  transition:all .3s;
}
.nav-burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ── Mobil ── */
#navMob{
  display:none;flex-direction:column;
  background:#fff;border-top:1px solid rgba(0,0,0,.06);
  padding:8px 24px 18px;
  box-shadow:0 12px 32px rgba(0,0,0,.08);
  max-height:80vh;overflow-y:auto;
}
#navMob.open{display:flex}
#navMob > a{
  display:flex;align-items:center;gap:10px;
  padding:12px 4px;
  font-family:'DM Sans',sans-serif;
  font-size:14px;font-weight:400;
  color:#3a3a48;
  border-bottom:1px solid rgba(0,0,0,.06);
  transition:color .2s;text-decoration:none;
}
#navMob > a:last-child{border-bottom:none}
#navMob > a .ni{width:15px;height:15px;opacity:.5}
#navMob > a:hover{color:#9e7c2e}
#navMob details{border-bottom:1px solid rgba(0,0,0,.06)}
#navMob details > summary{
  display:flex;align-items:center;gap:10px;
  padding:12px 4px;
  font-family:'DM Sans',sans-serif;
  font-size:14px;font-weight:400;
  color:#3a3a48;cursor:pointer;list-style:none;
  transition:color .2s;
}
#navMob details > summary .ni{width:15px;height:15px;opacity:.5}
#navMob details[open] > summary{color:#9e7c2e}
.mob-sub{display:flex;flex-direction:column;padding:6px 0 12px 28px;gap:1px}
.mob-sub a{
  display:flex;align-items:center;gap:8px;
  font-family:'DM Sans',sans-serif;
  font-size:13px;color:#5c5c6e;
  padding:8px 10px;border-radius:7px;
  transition:background .15s,color .15s;text-decoration:none;
}
.mob-sub a .ni{width:13px;height:13px;opacity:.45}
.mob-sub a:hover{background:#f7f4ee;color:#9e7c2e}

@media(max-width:900px){
  #navLinks{display:none}
  .nav-burger{display:flex}
  .nav-wrap{padding:0 20px}
}
@media(min-width:901px){#navMob{display:none!important}}