/* Üst menü ve mobil menü düzeni */
.header .nav{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  position:relative!important;
}

.site-nav{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  flex:1!important;
}

.site-nav a{
  white-space:nowrap!important;
}

.nav-actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-shrink:0!important;
}

.mobile-menu-toggle{
  display:none;
  width:44px;
  height:44px;
  border:0;
  border-radius:14px;
  background:#eef2ff;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
}

.mobile-menu-toggle span{
  width:22px;
  height:2px;
  border-radius:99px;
  background:#0f172a;
  display:block;
}

.demo-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  font-weight:900;
  font-size:13px;
  color:#fff!important;
  background:linear-gradient(135deg,#0ea5e9,#2563eb);
  box-shadow:0 10px 24px rgba(37,99,235,.26);
  transition:.25s ease;
  position:relative;
  overflow:hidden;
  white-space:nowrap;
}

.demo-btn::before{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:70%;
  height:100%;
  background:rgba(255,255,255,.22);
  transform:skewX(-25deg);
  transition:.8s;
}

.demo-btn:hover::before{ left:130%; }
.demo-btn:hover{ transform:translateY(-2px); }

.badge-new{
  background:#22c55e;
  color:#fff;
  font-size:9px;
  font-weight:900;
  padding:3px 6px;
  border-radius:999px;
  letter-spacing:.04em;
}

@media(max-width:1280px){
  .header .nav{gap:14px!important}
  .site-nav{gap:15px!important}
  .site-nav a{font-size:15px!important}
  .badge-new{display:none}
  .demo-btn{font-size:12px;padding:9px 12px}
  .nav-actions .topbtn{padding:12px 18px!important;font-size:14px!important}
  .header .logo img{max-width:175px!important}
}

@media(max-width:1080px){
  .mobile-menu-toggle{
    display:flex!important;
    order:3;
    margin-left:auto;
  }

  .header .nav{
    flex-wrap:wrap!important;
  }

  .site-nav{
    display:none!important;
    order:5;
    width:100%;
    flex:0 0 100%!important;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:22px;
    padding:14px;
    box-shadow:0 20px 50px rgba(15,23,42,.12);
    margin-top:12px;
  }

  .site-nav.is-open{
    display:grid!important;
    grid-template-columns:1fr;
    gap:6px!important;
  }

  .site-nav a{
    padding:13px 14px;
    border-radius:14px;
    background:#f8fafc;
    color:#0f172a!important;
    font-weight:900;
  }

  /* Mobilde demo butonları ilk açılışta gizli */
  .nav-actions{
    display:none!important;
    order:6;
    width:100%;
    flex:0 0 100%;
    grid-template-columns:1fr 1fr;
    gap:10px!important;
    margin-top:10px;
  }

  /* Hamburger menü açılınca butonlar da görünür */
  .site-nav.is-open + .nav-actions{
    display:grid!important;
  }

  .demo-btn,
  .nav-actions .topbtn{
    width:100%!important;
    min-height:46px!important;
  }

  .badge-new{
    display:inline-flex;
  }
}

@media(max-width:560px){
  .header .logo img{
    max-width:155px!important;
  }

  .site-nav.is-open + .nav-actions{
    grid-template-columns:1fr!important;
  }

  .top-strip .strip-inner{
    display:grid!important;
    gap:4px!important;
    text-align:center!important;
  }
}