<style>
:root{
  --akx-nav-h: 74px;
  --akx-gap: 18px;
  --akx-radius: 16px;
  --akx-z: 1200;
  --akx-bg: rgba(18, 21, 28, 0.90); /* Mobil için varsayılan */
  --akx-bg-strong: rgba(18,21,28,.95);
  --akx-text: #e6eaee;
  --akx-text-dim: #c6cbd3;
  --akx-accent: #7c3aed;
  --akx-accent2:#4f46e5;
  --akx-border: rgba(255,255,255,.14);
  --akx-shadow: 0 24px 80px rgba(0,0,0,.35);
}

#akx-nav * { box-sizing: border-box; }
#akx-nav { position:relative; z-index:var(--akx-z); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; }

/* ----- Header bar ----- */
.akx-bar{
  height: var(--akx-nav-h);
  display:flex; align-items:center;
  position:fixed; /* Navbar'ı en üste sabitlemek için */
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 clamp(12px, 3vw, 28px);
  color: var(--akx-text);
  background: var(--akx-bg); /* Mobil varsayılanı */
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--akx-border);
  transition: background .3s ease, border-color .3s ease, backdrop-filter .3s ease; /* Yumuşak geçiş için */
}
.akx-brand{ display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit; }
.akx-brand img{ display:block; height: 34px; width:auto; }

.akx-spacer{ flex:1; }

/* ----- Desktop menu ----- */
.akx-menu{ display:flex; align-items:center; gap: clamp(18px, 3vw, 34px); }
.akx-link{
  position:relative; display:inline-flex; align-items:center; gap:8px;
  color:var(--akx-text); text-decoration:none; font-weight:600; letter-spacing:.1px;
  padding: 10px 4px;
}
.akx-link::after{
  content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; border-radius:2px;
  background: linear-gradient(90deg, var(--akx-accent2), var(--akx-accent));
  transform: scaleX(0); transform-origin: left; transition: transform .25s ease;
}
.akx-link:hover::after, .akx-link.is-active::after{ transform: scaleX(1); }
.akx-caret{ font-size:12px; opacity:.9; }

/* ----- Right actions (desktop) ----- */
.akx-actions{ display:flex; align-items:center; gap:12px; }
.akx-phone{ display:flex; align-items:center; gap:10px; color:var(--akx-text); text-decoration:none; font-weight:600; }
.akx-btn{
  display:inline-flex; align-items:center; gap:8px; text-decoration:none; font-weight:800;
  padding:10px 14px; border-radius: 999px; border:1px solid var(--akx-border);
  background: transparent; color: var(--akx-text);
}
.akx-btn--primary{
  background: linear-gradient(135deg, var(--akx-accent2), var(--akx-accent));
  border: 0; color: #fff; box-shadow: 0 10px 22px rgba(79,70,229,.26);
}

/* ----- Mega panel (desktop) ----- */
.akx-has-mega { position: relative; }
.akx-mega{
  position:absolute; left:50%; top: calc(100% + 14px); transform: translateX(-50%);
  width: min(1100px, 94vw);
  background: var(--akx-bg-strong);
  color: var(--akx-text);
  border: 1px solid var(--akx-border);
  border-radius: var(--akx-radius);
  box-shadow: var(--akx-shadow);
  display:none; overflow: hidden;
}
.akx-mega.is-open{ display:block; }
.akx-mega__grid{ display:grid; grid-template-columns: 1fr 380px; gap:20px; padding:22px; }
.akx-list{ list-style:none; margin:0; padding:0; }
.akx-item + .akx-item{ margin-top:6px; }
.akx-mega-link{
  display:flex; gap:12px; align-items:flex-start; padding:14px; border-radius:12px; text-decoration:none; color:var(--akx-text);
}
.akx-mega-link:hover{ background: rgba(255,255,255,.06); }
.akx-i{
  width:42px; height:42px; border-radius:12px; display:grid; place-items:center; flex-shrink:0;
  color:#fff; font-weight:900;
  background: linear-gradient(135deg, var(--akx-accent2), var(--akx-accent));
  box-shadow: 0 6px 16px rgba(79,70,229,.25);
}
.akx-t strong{ display:block; font-weight:800; color:#fff; line-height:1.2; }
.akx-t small{ display:block; color:var(--akx-text-dim); margin-top:2px; }

.akx-cta{
  background: rgba(255,255,255,.06);
  border:1px solid var(--akx-border);
  border-radius: 14px; padding:18px; position:relative; overflow:hidden;
}
.akx-cta::after{
  content:""; position:absolute; right:-20%; top:-25%; width:400px; height:400px; border-radius:50%;
  background: radial-gradient(circle at 35% 35%, rgba(124,58,237,.25), transparent 60%);
  pointer-events:none;
}
.akx-cta .eyebrow{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; border:1px solid var(--akx-border); }
.akx-cta .title{ margin:8px 0 6px; font-weight:900; font-size: clamp(18px, 2.2vw, 22px); }
.akx-cta .desc{ color:var(--akx-text-dim); margin-bottom:12px; }
.akx-cta .chips{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.akx-cta .chip{ padding:6px 10px; border-radius:999px; border:1px solid var(--akx-border); color:#fff; }

/* ----- Mobile ----- */
.akx-toggle{
  display:none; margin-left:6px; width:42px; height:42px; border-radius:12px;
  border:1px solid var(--akx-border); background: rgba(255,255,255,.06); color:#fff;
}
.akx-toggle span, .akx-toggle::before, .akx-toggle::after{ pointer-events:none; }

.akx-drawer{
  position: fixed; inset:0 0 0 auto; width: 100%; transform: translateX(100%);
  background: var(--akx-bg-strong); color: var(--akx-text); z-index: var(--akx-z);
  transition: transform .32s ease; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  display:flex; flex-direction:column;
}
.akx-drawer.is-open{ transform: translateX(0); }
.akx-drawer__head{ height: var(--akx-nav-h); display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-bottom:1px solid var(--akx-border); }
.akx-drawer__body{ padding: 14px 18px 24px; overflow:auto; -webkit-overflow-scrolling: touch; }
.akx-mitem{ border-bottom:1px solid rgba(255,255,255,.08); }
.akx-mlink{ display:flex; justify-content:space-between; align-items:center; padding:16px 6px; text-decoration:none; color:#fff; font-weight:600; }
.akx-acc-btn{ width:100%; text-align:left; background:transparent; border:0; color:#fff; font-weight:700; padding:16px 6px; display:flex; justify-content:space-between; align-items:center; }
.akx-acc-panel{ display:none; padding:6px 0 10px 8px; }
.akx-acc-panel.is-open{ display:block; }
.akx-acc-link{ display:flex; align-items:center; gap:10px; padding:10px 4px; color:#e7eaf1; text-decoration:none; border-radius:8px; }
.akx-acc-link:hover{ background: rgba(255,255,255,.06); }
.akx-drawer .akx-cta{ margin:18px 4px 4px; }

/* ----- Responsive switches ----- */
@media (max-width: 991.98px){
  .akx-menu, .akx-actions{ display:none; }
  .akx-toggle{ display:inline-grid; place-items:center; }
}
@media (min-width: 992px){
  .akx-drawer{ display:none; }
}

/* Body lock */
body.akx-nav-open{ overflow:hidden; }

/* === AKX DESKTOP PATCH — button reset + hizalama + sığdırma === */
#akx-nav button.akx-link{
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
  padding: 10px 4px;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
#akx-nav .akx-link{ line-height: 1; align-items:center; }
#akx-nav .akx-menu{ white-space: nowrap; }
#akx-nav .akx-actions{ white-space: nowrap; }

/* =================================================================== */
/* === YENİ GÜNCELLEMELER (Masaüstü Transparan Arka Plan + Estetik Butonlar) === */
/* =================================================================== */

@media (min-width: 992px) {
  /* 1. MASAÜSTÜ: Varsayılan bar'ı tamamen transparan yap */
  #akx-nav .akx-bar {
    background: transparent !important;
    border-bottom-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* 2. MASAÜSTÜ: Scroll sonrası bar'a modern cam efekti ver */
  #akx-nav .akx-bar.akx-solid {
    background: rgba(18, 21, 28, 0.85) !important; /* Koyu cam */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: saturate(120%) blur(10px) !important;
    -webkit-backdrop-filter: saturate(120%) blur(10px) !important;
  }
  
  /* 3. MASAÜSTÜ: Telefon ve Teklif Al butonlarını estetik "ghost-pill" stiline çevir */
  #akx-nav .akx-actions .akx-phone,
  #akx-nav .akx-actions .akx-btn {
    padding: 9px 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    background: transparent !important;
    color: #f0f3ff !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
  }
  
  #akx-nav .akx-actions .akx-phone:hover,
  #akx-nav .akx-actions .akx-btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-1px);
  }

  /* 4. MASAÜSTÜ: Telefon butonuna SVG ikon ekle (HTML'deki emoji yerine) */
  #akx-nav .akx-actions .akx-phone {
    gap: 8px !important;
  }
  #akx-nav .akx-actions .akx-phone::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
  }

  /* 5. MASAÜSTÜ: "Teklif Al" butonunu daha belirgin yap */
  #akx-nav .akx-actions .akx-btn.akx-btn--primary {
    background: linear-gradient(135deg, var(--akx-accent2), var(--akx-accent)) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(79,70,229,.25) !important;
  }
   #akx-nav .akx-actions .akx-btn.akx-btn--primary:hover {
     box-shadow: 0 12px 28px rgba(79,70,229,.35) !important;
     transform: translateY(-2px);
   }
}

/* Navbar'ın altında kalan içeriğin görünür olması için body'ye padding ekleyelim */
body {
    padding-top: var(--akx-nav-h); /* Navbar yüksekliği kadar boşluk */
}


/* ===== FORCE ANTHRACITE DESKTOP BAR + KILL THEME OVERLAYS ===== */

/* 1) Masaüstünde bar kesin antrasit olsun (transparan kuralını ezer) */
@media (min-width: 992px){
  #akx-nav, 
  #akx-nav::before, #akx-nav::after,
  #akx-nav .akx-bar, 
  #akx-nav .akx-bar::before, #akx-nav .akx-bar::after{
    background: #1f232b !important;                 /* antrasit */
    background-color: #1f232b !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;       /* Safari */
    content: none !important;                       /* olası pseudo-overlay’leri kapat */
  }
}

/* 2) Mobilde mevcut koyu cam devam etsin */
@media (max-width: 991.98px){
  #akx-nav .akx-bar{
    background: var(--akx-bg) !important;           /* senin mobil ayarın */
    border-bottom: 1px solid var(--akx-border) !important;
  }
}

/* 3) Aksiyonlar antrasitte net görünsün (ghost-pill) */
#akx-nav .akx-actions .akx-phone,
#akx-nav .akx-actions .akx-btn{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: #f5f7ff !important;
  box-shadow: none !important;
}
#akx-nav .akx-actions .akx-btn.akx-btn--primary{
  border: 0 !important;
  background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
  color:#fff !important;
}

/* ===== AKX • Minimal actions (phone + CTA) ===== */

/* Menü ile aksiyonlar arasında nefes payı + ince ayırıcı */
#akx-nav .akx-actions{
  gap: 10px !important;
  padding-left: 14px !important;
  margin-left: 6px !important;
  border-left: 1px solid rgba(255,255,255,.10) !important;
}

/* Telefon: arkaplansız, pilssiz, ince link */
#akx-nav .akx-actions .akx-phone{
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  color: #e9ecf7 !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  opacity: .95;
  transition: opacity .15s ease, transform .15s ease;
}
#akx-nav .akx-actions .akx-phone:hover{ opacity: 1; transform: translateY(-1px); }

/* Küçük, sade ikon */
#akx-nav .akx-actions .akx-phone::before{
  content:"";
  width: 16px; height: 16px; display:inline-block;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.08 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 13 13 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.1 9.9a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 13 13 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.08 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 13 13 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.1 9.9a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 13 13 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* CTA: daha kompakt, köşe yarıçapı küçük */
#akx-nav .akx-actions .akx-btn{
  padding: 8px 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.06) !important;
  color: #eef2ff !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
#akx-nav .akx-actions .akx-btn:hover{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.22) !important;
  transform: translateY(-1px);
}
/* CTA – vurgulu varyant ama küçük */
#akx-nav .akx-actions .akx-btn.akx-btn--primary{
  border: 0 !important;
  background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(79,70,229,.22) !important;
}

/* Dar masaüstünde telefon daha minimal / gizli */
@media (max-width:1360px){
  #akx-nav .akx-actions .akx-phone{
    font-size: 0 !important;            /* metni gizle, sadece ikon kalsın */
    gap: 0 !important; padding: 0 !important;
  }
}
@media (max-width:1180px){
  #akx-nav .akx-actions .akx-phone{ display:none !important; }
}
#akx-nav .akx-actions .akx-btn.akx-btn--primary{ 
  background: transparent !important; 
  border: 1px solid rgba(255,255,255,.22) !important; 
  color:#f0f3ff !important; box-shadow:none !important; 
}

/* ===== AKX • Menü hizalama düzeltmesi (menü sola, aksiyonlar uzağa) ===== */

/* Logoyla menü arasındaki suni boşluğu küçült */
#akx-nav .akx-spacer{
  flex: 0 0 clamp(4px, 1.2vw, 16px) !important;  /* önce flex:1 idi */
}

/* Menü solda kalsın, sağa doğru “auto” boşluk bıraksın */
#akx-nav .akx-menu{
  margin-right: auto !important;   /* aksiyonları kendinden uzaklaştırır */
  margin-left: 8px !important;     /* logo ile hafif nefes payı */
}

/* Sağ blok: çizgiyi kaldır, arayı ciddi aç */
#akx-nav .akx-actions{
  border-left: none !important; 
  margin-left: clamp(28px, 6vw, 72px) !important;  /* menü ile mesafe */
  gap: 10px !important;
}

/* Daha dar masaüstlerinde de estetik kalsın */
@media (max-width: 1280px){
  #akx-nav .akx-actions{ margin-left: clamp(20px, 5vw, 48px) !important; }
}



/* ===== AKX • Menü solda ama logodan uzak (sağ çizgi dursun) ===== */

/* Logo ile menü arasındaki spacer'ı büyüt */
#akx-nav .akx-spacer{
  flex: 0 0 clamp(18px, 2.2vw, 44px) !important;  /* daha fazla boşluk */
}

/* Menüye hafif ek boşluk (çifte etki istemezsen 6–12px arası tut) */
#akx-nav .akx-menu{
  margin-left: clamp(8px, 1.2vw, 18px) !important;
  margin-right: auto !important;                  /* aksiyonları sağa iter */
}

/* Sağ blok: çizgi geri, nefes payı koru */
#akx-nav .akx-actions{
  border-left: 1px solid rgba(255,255,255,.10) !important;
  padding-left: 14px !important;
  margin-left: clamp(28px, 5.5vw, 72px) !important;  /* menü ile mesafe */
  gap: 10px !important;
}

/* Daha dar masaüstünde mesafeleri biraz azalt */
@media (max-width: 1280px){
  #akx-nav .akx-spacer{ flex-basis: clamp(14px, 2vw, 28px) !important; }
  #akx-nav .akx-actions{ margin-left: clamp(20px, 4.5vw, 48px) !important; }
}

/* ===== AKX • Menü logodan İYİCE uzak (desktop) ===== */
@media (min-width: 992px){
  /* Logo ile menü arasındaki boşluk */
  #akx-nav .akx-spacer{
    flex: 0 0 clamp(104px, 12vw, 195px) !important; /* büyük mesafe */
  }

  /* Menü, logodan bir miktar daha uzak başlasın */
  #akx-nav .akx-menu{
    margin-left: clamp(20px, 2.6vw, 44px) !important;
    margin-right: auto !important;  /* sağ bloktan uzak durur */
  }

  /* Menü–sağ aksiyonlar arası da geniş kalsın; çizgi dursun */
  #akx-nav .akx-actions{
    margin-left: clamp(56px, 7vw, 128px) !important;
    padding-left: 14px !important;
    border-left: 1px solid rgba(255,255,255,.10) !important;
    gap: 10px !important;
  }
}

/* ===== AKX • Desktop spacing & centered mega (final) ===== */
@media (min-width: 992px){
  /* Logo–menü arası: iyice uzak */
  #akx-nav .akx-spacer{
    flex: 0 0 clamp(140px, 16vw, 320px) !important;
  }
  /* Menü, logodan biraz daha uzak başlasın */
  #akx-nav .akx-menu{
    margin-left: clamp(16px, 2vw, 32px) !important;
    margin-right: auto !important;
  }
  /* Menü–sağ aksiyonlar: tam 20px + çizgi */
  #akx-nav .akx-actions{
    margin-left: 20px !important;
    padding-left: 12px !important;
    border-left: 1px solid rgba(255,255,255,.10) !important;
    gap: 10px !important;
  }

  /* Mega paneli ekran ortasına sabitle (taşma/kaybolma yok) */
  #akx-nav .akx-mega{
    position: fixed !important;                 /* viewport’a göre */
    left: 50% !important;
    top: calc(var(--akx-nav-h) + 14px) !important;
    transform: translateX(-50%) !important;
    width: min(1100px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    z-index: calc(var(--akx-z) + 2) !important; /* bar’ın üzerinde */
  }
}


/* ==== MOBİL HAMBURGER SAĞA (override) ==== */
@media (max-width: 991.98px){
  /* Spacer yeniden akışkan olsun; hamburger'i sağa iter */
  #akx-nav .akx-spacer{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* Menü ve sağ aksiyonlar zaten gizli; toggle en sağda kalsın */
  #akx-nav .akx-toggle{
    margin-left: auto !important;   /* her ihtimale karşı */
    order: 999 !important;          /* sırayı zorla en sona at */
  }
}

/* === AKX NAV • Renk ezmesi (hover'da siyaha dönmeyi engelle) === */

/* Varsayılan renkler */
#akx-nav a,
#akx-nav .akx-link,
#akx-nav .akx-mlink,
#akx-nav .akx-acc-link,
#akx-nav .akx-mega-link{
  color: var(--akx-text) !important;
  text-decoration: none !important;
}

/* Hover / Focus renkleri (daha açık) */
#akx-nav a:hover, #akx-nav a:focus,
#akx-nav .akx-link:hover, #akx-nav .akx-link:focus,
#akx-nav .akx-mlink:hover, #akx-nav .akx-mlink:focus,
#akx-nav .akx-acc-link:hover, #akx-nav .akx-acc-link:focus,
#akx-nav .akx-mega-link:hover, #akx-nav .akx-mega-link:focus{
  color: #f5f7ff !important;
}

/* Ziyaret edilmiş linkler de kararmasın */
#akx-nav a:visited{
  color: var(--akx-text) !important;
}

/* Aktif üst menü tonu */
#akx-nav .akx-link.is-active{
  color: #c7d2fe !important;
}

/* Ok işareti (▾) rengi linkle aynı kalsın */
#akx-nav .akx-caret{ color: currentColor !important; }

/* Mobil drawer içi hover'da hem arka plan hem yazı net olsun */
#akx-nav .akx-acc-link:hover,
#akx-nav .akx-mlink:hover{
  background: rgba(255,255,255,.06) !important;
  color: #ffffff !important;
}


/* === NAV ALWAYS ON TOP (over any slider) ============================== */
:root{
  /* header katmanını ciddi yükseltiyoruz */
  --akx-z: 100000 !important;
}

#akx-nav{
  position: relative !important;
  z-index: var(--akx-z) !important;
  isolation: isolate;               /* kendi stacking context'ini açar */
}

#akx-nav .akx-bar{
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: calc(var(--akx-z) + 1) !important;  /* slider üstüne çıkar */
}

#akx-nav .akx-mega{
  z-index: calc(var(--akx-z) + 2) !important;  /* mega menü, bar'ın da üstünde */
}

#akx-nav .akx-drawer{
  z-index: calc(var(--akx-z) + 3) !important;  /* mobil çekmece en üstte */
}

/* Sliderların aşırı z-index vermesi durumuna karşı emniyet */
.rev_slider_wrapper,
.swiper,
.owl-carousel,
.banner,
.hero {
  position: relative;
  z-index: 1 !important;  /* içerik katmanı */
}

/* Bazı slider/hero overlay'leri tıklamayı engelleyebilir */
.hero::before, .banner::before, .banner::after {
  pointer-events: none !important;
}


</style>