@import url("https://fonts.googleapis.com/css2?family=Sora:wght@700;800&family=Caveat:wght@700&display=swap");
/* 3E premium header */
.three-premium-header{
  position:sticky!important;
  top:0!important;
  z-index:999990!important;
  width:100%!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(214,224,238,.9)!important;
  box-shadow:0 10px 32px rgba(15,23,42,.055)!important;
}

.three-header-shell{
  width:min(1220px,calc(100% - 44px))!important;
  min-height:84px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:26px!important;
}

.three-header-brand{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  text-decoration:none!important;
  color:#07152d!important;
  min-width:220px!important;
}

.three-header-logo{
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #dce6f2!important;
  box-shadow:0 12px 26px rgba(15,23,42,.08)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  flex:0 0 54px!important;
}

.three-header-logo img{
  display:block!important;
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  margin:0!important;
  transform:none!important;
}

.three-header-brand-text{
  display:grid!important;
  gap:2px!important;
}

.three-header-brand-text strong{
  font-size:23px!important;
  line-height:1!important;
  color:#07152d!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
}

.three-header-brand-text em{
  font-style:normal!important;
  font-size:11px!important;
  line-height:1!important;
  color:#667085!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.three-header-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
}

.three-header-nav a{
  height:42px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#07152d!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.012em!important;
  white-space:nowrap!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}

.three-header-nav a:hover{
  background:#eef4ff!important;
  color:#155eef!important;
  transform:translateY(-1px)!important;
}

.three-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  min-width:270px!important;
}

.three-header-phone{
  color:#07152d!important;
  text-decoration:none!important;
  font-size:15px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

.three-header-demo{
  height:46px!important;
  padding:0 22px!important;
  border-radius:15px!important;
  background:#155eef!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:950!important;
  box-shadow:0 15px 34px rgba(21,94,239,.28)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  white-space:nowrap!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}

.three-header-demo:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 18px 40px rgba(21,94,239,.34)!important;
}

.three-header-toggle{
  display:none!important;
}

/* Eski header kalıntılarını bastır */
header:not(.three-premium-header) .three-header-shell{
  display:none!important;
}

@media(max-width:1120px){
  .three-header-shell{
    grid-template-columns:auto auto!important;
    min-height:76px!important;
  }

  .three-header-toggle{
    display:inline-flex!important;
    width:46px!important;
    height:46px!important;
    margin-left:auto!important;
    border:1px solid #dce6f2!important;
    background:#fff!important;
    border-radius:14px!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    box-shadow:0 12px 24px rgba(15,23,42,.08)!important;
    cursor:pointer!important;
  }

  .three-header-toggle span{
    width:20px!important;
    height:2px!important;
    background:#07152d!important;
    border-radius:99px!important;
    display:block!important;
  }

  .three-header-nav,
  .three-header-actions{
    display:none!important;
  }

  .three-premium-header.is-open .three-header-shell{
    padding-bottom:14px!important;
  }

  .three-premium-header.is-open .three-header-nav{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    justify-content:stretch!important;
    padding-top:6px!important;
  }

  .three-premium-header.is-open .three-header-nav a{
    background:#f5f8fc!important;
    height:44px!important;
    justify-content:flex-start!important;
    padding:0 14px!important;
  }

  .three-premium-header.is-open .three-header-actions{
    grid-column:1 / -1!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    justify-content:space-between!important;
    padding-top:2px!important;
  }

  .three-premium-header.is-open .three-header-demo{
    flex:1!important;
  }
}

@media(max-width:640px){
  .three-header-shell{
    width:calc(100% - 28px)!important;
    min-height:72px!important;
    gap:12px!important;
  }

  .three-header-brand{
    min-width:0!important;
    gap:11px!important;
  }

  .three-header-logo{
    width:48px!important;
    height:48px!important;
    flex-basis:48px!important;
    border-radius:14px!important;
  }

  .three-header-logo img{
    width:38px!important;
    height:38px!important;
  }

  .three-header-brand-text strong{
    font-size:20px!important;
  }

  .three-header-brand-text em{
    display:none!important;
  }

  .three-premium-header.is-open .three-header-nav{
    grid-template-columns:1fr!important;
  }

  .three-premium-header.is-open .three-header-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .three-header-phone,
  .three-header-demo{
    width:100%!important;
    justify-content:center!important;
  }
}


/* 3E HEADER BRAND PREMIUM FINAL */
.three-header-brand{
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  min-width:320px!important;
}

.three-header-logo{
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;
  border-radius:16px!important;
  box-shadow:0 14px 28px rgba(15,23,42,.08)!important;
}

.three-header-logo img{
  width:52px!important;
  height:52px!important;
  object-fit:contain!important;
}

.three-header-brand-text{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:1px!important;
  text-transform:none!important;
}

.three-header-brand-text strong{
  font-family:"Sora",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:27px!important;
  line-height:1!important;
  letter-spacing:-0.045em!important;
  font-weight:800!important;
  color:#07152d!important;
  text-transform:none!important;
}

.three-header-brand-text em{
  font-family:"Caveat","Segoe Script","Brush Script MT",cursive!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:700!important;
  font-style:normal!important;
  color:#148a63!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  display:inline-block!important;
  transform:rotate(-2.2deg) translateY(-1px)!important;
  margin-top:1px!important;
}

@media (max-width: 1100px){
  .three-header-logo{
    width:58px!important;
    height:58px!important;
    flex:0 0 58px!important;
  }

  .three-header-logo img{
    width:46px!important;
    height:46px!important;
  }

  .three-header-brand-text strong{
    font-size:24px!important;
  }

  .three-header-brand-text em{
    font-size:21px!important;
  }
}

@media (max-width: 640px){
  .three-header-brand{
    gap:11px!important;
    min-width:auto!important;
  }

  .three-header-logo{
    width:52px!important;
    height:52px!important;
    flex:0 0 52px!important;
    border-radius:14px!important;
  }

  .three-header-logo img{
    width:41px!important;
    height:41px!important;
  }

  .three-header-brand-text strong{
    font-size:21px!important;
  }

  .three-header-brand-text em{
    font-size:18px!important;
    white-space:normal!important;
    transform:rotate(-1.5deg)!important;
  }
}