/* Hesap Rehberi v5.76 — keep the homepage navigation design on every page/locale. */
body .site-header.reference-header{
  position:sticky;top:0;z-index:100;
  background:rgba(3,15,32,.96);
  border-bottom:1px solid rgba(92,174,255,.17);
  box-shadow:none;
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
}
body .site-header.reference-header .header-accent{display:none}
body .site-header.reference-header .nav-wrap{min-height:72px;gap:20px}
body .site-header.reference-header .brand{gap:10px}
body .site-header.reference-header .brand-mark{
  width:36px;height:36px;flex-basis:36px;border-radius:8px;background:transparent;
  box-shadow:0 0 26px rgba(0,132,255,.28)
}
body .site-header.reference-header .brand-mark img{width:36px;height:36px}
body .site-header.reference-header .brand-copy strong,
body .site-header.reference-header .brand strong{
  font-family:"Segoe UI Variable Display","Segoe UI",ui-sans-serif,system-ui,sans-serif;font-size:19px;line-height:1;color:#fff;letter-spacing:-.035em
}
body .site-header.reference-header .brand-copy strong em,
body .site-header.reference-header .brand strong em{font-style:normal;color:#fff}
body .site-header.reference-header .brand-copy small,
body .site-header.reference-header .brand small{display:none}
body .site-header.reference-header .main-nav{gap:7px;margin-left:auto}
body .site-header.reference-header .main-nav>a,
body .site-header.reference-header .nav-dropdown-trigger{
  height:42px;padding:0 13px;border:1px solid transparent;border-radius:10px;
  background:transparent;color:#d7e5f6;font-size:12px;font-weight:650;box-shadow:none;transform:none
}
body .site-header.reference-header .main-nav>a:nth-child(2){
  height:42px;padding:0 13px;border:1px solid transparent;border-radius:10px;
  background:transparent;color:#d7e5f6;box-shadow:none;transform:none
}
body .site-header.reference-header .main-nav>a:hover,
body .site-header.reference-header .main-nav>a:nth-child(2):hover,
body .site-header.reference-header .nav-dropdown-trigger:hover,
body .site-header.reference-header .nav-item:focus-within .nav-dropdown-trigger{
  background:rgba(39,129,255,.09);border-color:rgba(80,165,255,.16);color:#fff;transform:none
}
body.home-reference .site-header.reference-header .main-nav>a:first-child{position:relative;color:#fff}
body.home-reference .site-header.reference-header .main-nav>a:first-child:after{
  content:"";position:absolute;left:13px;right:13px;bottom:-15px;height:2px;border-radius:9px;
  background:#1688ff;box-shadow:0 0 10px #1688ff
}
body .site-header.reference-header .home-nav-search{
  width:38px!important;padding:0!important;justify-content:center!important;
  border:1px solid rgba(142,190,255,.18)!important
}
body .site-header.reference-header .home-nav-search svg{
  width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9
}
body .site-header.reference-header .menu-toggle{border:1px solid rgba(100,177,255,.2);background:rgba(255,255,255,.04)}
body .site-header.reference-header .menu-toggle span{background:#fff}
body .site-header.reference-header .dropdown-menu.premium-mega-menu{
  background:rgba(5,20,42,.985);border-color:rgba(100,177,255,.18);box-shadow:0 34px 90px rgba(0,9,22,.48)
}
body .site-header.reference-header .mega-menu-head,
body .site-header.reference-header .mega-menu-foot{border-color:rgba(123,184,255,.14)}
body .site-header.reference-header .mega-menu-head strong,
body .site-header.reference-header .mega-menu-head a,
body .site-header.reference-header .mega-menu-grid a span,
body .site-header.reference-header .mega-menu-foot a{color:#eaf4ff}
body .site-header.reference-header .mega-kicker,
body .site-header.reference-header .mega-menu-grid a small,
body .site-header.reference-header .mega-menu-foot span{color:#88a7c9}
body .site-header.reference-header .dropdown-menu .mega-menu-grid>a{
  background:rgba(255,255,255,.025);border-color:rgba(110,178,255,.08)
}
body .site-header.reference-header .dropdown-menu .mega-menu-grid>a:hover{
  background:rgba(0,126,255,.11);border-color:rgba(71,161,255,.2)
}
@media(max-width:900px){
  body.home-reference .site-header.reference-header .main-nav>a:first-child:after{display:none}
  body .site-header.reference-header .main-nav{
    top:72px;left:16px;right:16px;padding:10px;border:1px solid rgba(89,177,255,.18);
    background:rgba(3,16,35,.99);box-shadow:0 24px 60px rgba(0,8,25,.48)
  }
  body .site-header.reference-header .main-nav>a,
  body .site-header.reference-header .main-nav>a:nth-child(2),
  body .site-header.reference-header .nav-dropdown-trigger{color:#dce9f7;margin-top:0}
}
@media(max-width:640px){
  body .site-header.reference-header .nav-wrap{min-height:64px}
  body .site-header.reference-header .main-nav{top:64px}
  body .site-header.reference-header .brand-copy strong,
  body .site-header.reference-header .brand strong{font-size:16px}
}

/* v5.77 — one navigation system on home + all internal/all-calculator pages. */
@media (min-width:1181px){
  body .site-header.reference-header .menu-toggle{display:none!important}
  body .site-header.reference-header .main-nav{display:flex!important;position:static!important;max-height:none!important;overflow:visible!important}
  body .site-header.reference-header .home-nav-extra{display:inline-flex!important}
  body .site-header.reference-header .home-nav-search{display:inline-flex!important}
}
@media (max-width:1180px){
  body .site-header.reference-header{overflow:visible!important}
  body .site-header.reference-header .nav-wrap{position:relative!important}
  body .site-header.reference-header .menu-toggle{display:block!important;margin-left:auto}
  body .site-header.reference-header .main-nav{
    display:none!important;position:absolute!important;top:72px!important;left:16px!important;right:16px!important;
    margin:0!important;padding:10px!important;border:1px solid rgba(89,177,255,.18)!important;border-radius:16px!important;
    background:rgba(3,16,35,.99)!important;box-shadow:0 24px 60px rgba(0,8,25,.48)!important;
    flex-direction:column!important;align-items:stretch!important;gap:5px!important;
    max-height:calc(100dvh - 92px)!important;overflow-y:auto!important;z-index:120!important
  }
  body .site-header.reference-header .main-nav.open{display:flex!important}
  body .site-header.reference-header .main-nav>a,
  body .site-header.reference-header .main-nav>a:nth-child(2),
  body .site-header.reference-header .nav-dropdown-trigger,
  body .site-header.reference-header .home-nav-extra,
  body .site-header.reference-header .home-nav-search{
    display:flex!important;width:100%!important;height:auto!important;min-height:42px!important;margin:0!important;
    padding:11px 12px!important;justify-content:space-between!important;color:#dce9f7!important;
    border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important
  }
  body .site-header.reference-header .home-nav-search svg{margin-left:auto}
  body .site-header.reference-header .dropdown-menu.premium-mega-menu{
    position:static!important;width:auto!important;margin:0!important;padding:0 6px 6px!important;border:0!important;
    border-radius:12px!important;background:rgba(10,25,43,.96)!important;box-shadow:none!important;
    opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;display:none!important
  }
  body .site-header.reference-header .has-dropdown.dropdown-open .dropdown-menu.premium-mega-menu{display:block!important}
  body .site-header.reference-header .mega-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  body .site-header.reference-header .main-nav{top:64px!important;left:12px!important;right:12px!important}
  body .site-header.reference-header .mega-menu-grid{grid-template-columns:1fr!important}
}