/*
  LODRE SHARED NAVIGATION
  Bu dosya tum sayfalarda header/menu gorunumunu tek ve izole bir bilesen olarak sabitler.
  Sayfa bazli CSS kurallari navigasyonu degistiremez.
*/
.header[data-site-header]{
  position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;
  height:76px!important;background:transparent!important;border-bottom:1px solid transparent!important;
  transition:background .25s,border-color .25s,backdrop-filter .25s!important;
}
.header[data-site-header].scrolled{
  background:rgba(5,7,11,.88)!important;backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;border-bottom-color:rgba(255,255,255,.09)!important;
}
.header[data-site-header] .nav{
  width:min(1320px,calc(100% - 40px))!important;margin:0 auto!important;height:76px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;
}
.header[data-site-header] .brand{display:inline-flex!important;align-items:center!important;gap:11px!important;flex:0 0 auto!important;text-decoration:none!important}
.header[data-site-header] .brand-mark{width:30px!important;height:30px!important;border-radius:9px!important;position:relative!important;background:#fff!important;overflow:hidden!important;display:block!important}
.header[data-site-header] .brand-mark i{position:absolute!important;bottom:7px!important;width:4px!important;border-radius:5px!important;background:#080b11!important;display:block!important}
.header[data-site-header] .brand-mark i:nth-child(1){height:10px!important;left:8px!important}.header[data-site-header] .brand-mark i:nth-child(2){height:16px!important;left:14px!important}.header[data-site-header] .brand-mark i:nth-child(3){height:7px!important;left:20px!important}
.header[data-site-header] .brand-text{font-family:Manrope,Inter,system-ui,sans-serif!important;font-size:26px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.055em!important;color:#f7f8fb!important}
.header[data-site-header] .nav-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;min-width:0!important;flex:1 1 auto!important}
.header[data-site-header] .nav-links>a,
.header[data-site-header] .nav-dropdown>button{
  display:inline-flex!important;align-items:center!important;min-height:38px!important;margin:0!important;padding:8px 0!important;
  border:0!important;background:none!important;color:#b4bdcc!important;font-family:Inter,system-ui,sans-serif!important;
  font-size:13px!important;line-height:1.2!important;font-weight:600!important;white-space:nowrap!important;text-decoration:none!important;
  box-shadow:none!important;border-radius:0!important;transform:none!important;
}
.header[data-site-header] .nav-links>a:hover,
.header[data-site-header] .nav-dropdown>button:hover,
.header[data-site-header] .nav-links>a[aria-current="page"]{color:#fff!important}
.header[data-site-header] .nav-dropdown{position:relative!important;display:flex!important;align-items:center!important}
.header[data-site-header] .nav-dropdown-menu{
  position:absolute!important;top:44px!important;left:50%!important;z-index:1002!important;
  transform:translate(-50%,8px)!important;width:430px!important;padding:10px!important;margin:0!important;
  display:block!important;background:rgba(13,17,24,.98)!important;border:1px solid rgba(255,255,255,.14)!important;
  border-radius:18px!important;box-shadow:0 30px 100px rgba(0,0,0,.42)!important;opacity:0!important;
  visibility:hidden!important;pointer-events:none!important;transition:opacity .18s,transform .18s,visibility .18s!important;
}
.header[data-site-header] .nav-dropdown:hover .nav-dropdown-menu,
.header[data-site-header] .nav-dropdown:focus-within .nav-dropdown-menu{
  opacity:1!important;visibility:visible!important;transform:translate(-50%,0)!important;pointer-events:auto!important;
}
.header[data-site-header] .product-link{
  display:grid!important;grid-template-columns:42px 1fr!important;align-items:center!important;gap:12px!important;
  padding:12px!important;margin:0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#f7f8fb!important;text-decoration:none!important;
}
.header[data-site-header] .product-link:hover{background:rgba(255,255,255,.05)!important}
.header[data-site-header] .product-link .ico{width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;display:grid!important;place-items:center!important;color:#b8adff!important;font-size:18px!important}
.header[data-site-header] .product-link strong{display:block!important;font-size:13px!important;line-height:1.3!important;color:#f7f8fb!important}
.header[data-site-header] .product-link small{display:block!important;font-size:11px!important;line-height:1.45!important;color:#9ca6b7!important;margin-top:3px!important;font-weight:400!important}
.header[data-site-header] .nav-actions{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important}
.header[data-site-header] .nav-actions .btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;height:auto!important;
  margin:0!important;padding:12px 17px!important;border-radius:11px!important;font-family:Inter,system-ui,sans-serif!important;
  font-size:13px!important;line-height:1.2!important;font-weight:700!important;white-space:nowrap!important;text-decoration:none!important;transition:.2s!important;
}
.header[data-site-header] .nav-actions .btn-ghost{border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.025)!important;color:#d7ddea!important;box-shadow:none!important}
.header[data-site-header] .nav-actions .btn-ghost:hover{background:rgba(255,255,255,.06)!important;transform:translateY(-1px)!important}
.header[data-site-header] .nav-actions .btn-primary{border:1px solid transparent!important;background:linear-gradient(135deg,#fff 0%,#dfe4ff 100%)!important;color:#070a10!important;box-shadow:0 8px 30px rgba(255,255,255,.08)!important}
.header[data-site-header] .nav-actions .btn-primary:hover{background:#fff!important;box-shadow:0 14px 40px rgba(169,177,255,.18)!important;transform:translateY(-1px)!important}
.header[data-site-header] .menu-btn{display:none!important;width:40px!important;height:40px!important;padding:0!important;margin:0!important;background:none!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:10px!important;box-shadow:none!important}
.header[data-site-header] .menu-btn span{display:block!important;width:18px!important;height:1px!important;background:#fff!important;margin:5px auto!important}
.header[data-site-header] .mobile-menu{display:none!important}

@media(max-width:1040px){
  .header[data-site-header] .nav-links,
  .header[data-site-header] .nav-actions .btn-ghost{display:none!important}
  .header[data-site-header] .menu-btn{display:block!important}
  .header[data-site-header] .mobile-menu{
    position:fixed!important;left:18px!important;right:18px!important;top:70px!important;z-index:1001!important;
    padding:13px!important;margin:0!important;background:rgba(10,14,20,.985)!important;border:1px solid rgba(255,255,255,.14)!important;
    border-radius:16px!important;box-shadow:0 30px 100px rgba(0,0,0,.42)!important;
  }
  .header[data-site-header] .mobile-menu.open{display:grid!important}
  .header[data-site-header] .mobile-menu a{display:block!important;padding:12px!important;margin:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#c7ceda!important;font-size:13px!important;line-height:1.35!important;font-weight:500!important;text-decoration:none!important}
  .header[data-site-header] .mobile-menu a:hover{background:rgba(255,255,255,.04)!important;color:#fff!important}
  .header[data-site-header] .mobile-menu-group{display:grid!important}
  .header[data-site-header] .mobile-menu-parent{font-weight:700!important;color:#f7f8fb!important}
  .header[data-site-header] .mobile-product-links{display:grid!important;grid-template-columns:1fr 1fr!important;margin:0 8px 8px!important;padding:7px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:11px!important;background:rgba(255,255,255,.018)!important}
  .header[data-site-header] .mobile-menu .mobile-product-link{padding:9px 10px!important;font-size:11px!important;color:#8f99aa!important}
  .header[data-site-header] .mobile-menu .mobile-product-link:hover{color:#fff!important}
  .header[data-site-header] .mobile-menu-actions{display:grid!important;border-top:1px solid rgba(255,255,255,.09)!important;margin-top:6px!important;padding-top:6px!important}
  .header[data-site-header] .mobile-menu-actions a:last-child{background:#f5f6fa!important;color:#080b11!important;font-weight:700!important;margin-top:5px!important;text-align:center!important}
}
@media(max-width:760px){
  .header[data-site-header]{height:68px!important}
  .header[data-site-header] .nav{height:68px!important;width:min(100% - 28px,1320px)!important}
  .header[data-site-header] .mobile-menu{top:64px!important}
  .header[data-site-header] .brand-text{font-size:23px!important}
  .header[data-site-header] .brand-mark{width:27px!important;height:27px!important}
  .header[data-site-header] .nav-actions .btn-primary{display:none!important}
}