/* KDTS PRO v68 - ortak ve güvenli masaüstü menüsü */
@media (min-width:921px){
  header.topbar{
    position:fixed!important;top:0!important;left:0!important;right:0!important;
    height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:0 clamp(24px,4vw,64px)!important;overflow:visible!important;isolation:isolate!important;
    background:rgba(3,8,16,.96)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.24)!important;z-index:100000!important;
  }
  header.topbar .brand{flex:0 0 auto!important;min-width:250px!important;z-index:2!important}
  header.topbar nav{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:clamp(12px,1.35vw,22px)!important;min-width:0!important;height:76px!important;overflow:visible!important;
  }
  header.topbar nav>a,
  header.topbar nav>.nav-menu>a{
    display:flex!important;align-items:center!important;height:76px!important;padding:0!important;
    white-space:nowrap!important;color:#b8c3d1!important;text-decoration:none!important;
    font-size:12px!important;font-weight:600!important;line-height:1!important;position:relative!important;
  }
  header.topbar nav>a:hover,
  header.topbar nav>.nav-menu>a:hover{color:#fff!important}
  header.topbar nav>a:not(.nav-cta):after,
  header.topbar nav>.nav-menu>a:after{
    content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:17px!important;
    height:2px!important;background:#20aaff!important;transform:scaleX(0)!important;transform-origin:center!important;
    transition:transform .2s ease!important;
  }
  header.topbar nav>a:hover:after,
  header.topbar nav>.nav-menu:hover>a:after,
  header.topbar nav>.nav-menu:focus-within>a:after{transform:scaleX(1)!important}
  header.topbar nav>.nav-menu{position:relative!important;display:flex!important;align-items:center!important;height:76px!important;overflow:visible!important}
  header.topbar nav>.nav-menu>.nav-dropdown{
    position:absolute!important;top:68px!important;left:50%!important;right:auto!important;
    display:grid!important;grid-template-columns:1fr!important;gap:4px!important;
    width:340px!important;min-width:340px!important;padding:10px!important;margin:0!important;
    background:#07111f!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:14px!important;
    box-shadow:0 24px 65px rgba(0,0,0,.55)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translate(-50%,10px)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
    z-index:100005!important;overflow:hidden!important;
  }
  header.topbar nav>.nav-menu:hover>.nav-dropdown,
  header.topbar nav>.nav-menu:focus-within>.nav-dropdown{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important;
  }
  header.topbar nav>.nav-menu>.nav-dropdown>a{
    display:flex!important;align-items:center!important;width:100%!important;min-height:42px!important;
    padding:10px 12px!important;margin:0!important;border:0!important;border-radius:9px!important;
    background:transparent!important;color:#aebdd0!important;text-decoration:none!important;
    font-size:13px!important;font-weight:600!important;line-height:1.35!important;white-space:normal!important;
  }
  header.topbar nav>.nav-menu>.nav-dropdown>a:hover{background:rgba(32,170,255,.11)!important;color:#fff!important}
  header.topbar .nav-cta{
    height:auto!important;min-height:38px!important;padding:0 15px!important;border:1px solid #1c8dff!important;
    border-radius:7px!important;background:rgba(8,124,255,.12)!important;color:#fff!important;
  }
  header.topbar .nav-cta:after{display:none!important}
  header.topbar .member-welcome{display:none!important}
  header.topbar .member-logout{color:#ff9f9f!important}
  body>main,.guide,.faq-guide{scroll-margin-top:76px}
}
@media (min-width:921px) and (max-width:1180px){
  header.topbar{padding-left:24px!important;padding-right:24px!important}
  header.topbar .brand{min-width:220px!important}
  header.topbar nav{gap:11px!important}
  header.topbar nav>a,header.topbar nav>.nav-menu>a{font-size:11px!important}
  header.topbar .nav-cta{padding-left:11px!important;padding-right:11px!important}
}