/* ============ HEADER ============ */
.hdr{
  position:sticky;top:0;z-index:40;background:var(--bone);
  border-bottom:1px solid var(--stone);
}
.hdr__in{
  max-width:var(--max);margin:0 auto;padding:calc(var(--u)*1.2) var(--pad);
  display:flex;align-items:center;gap:calc(var(--u)*7);
}
.brand{color:var(--slate);flex:0 0 auto}
.brand .mark{width:172px;height:auto}
nav.nav{display:flex;align-items:center;gap:calc(var(--u)*4)}
.nav__grp{display:flex;align-items:center;gap:calc(var(--u)*4)}
.nav a{
  font:700 17px/1 var(--f-disp);letter-spacing:.05em;text-transform:uppercase;
  color:var(--slate);padding:calc(var(--u)) 0;border-bottom:2px solid transparent;
}
.nav a:hover{border-bottom-color:var(--brass)}
/* 3 + 3: operasyonel sekmeler tam kontrast, güven sekmeleri sakin */
.nav__grp--trust > .has-menu > .nav__t,
.nav__grp--trust a{font-size:16px;color:var(--body)}
.nav__grp--trust > .has-menu > .nav__t:hover,
.nav__grp--trust a:hover{color:var(--slate)}
.nav__div{width:1px;height:calc(var(--u)*3);background:var(--stone)}

/* hamburger — yalnız mobilde görünür */
.nav-toggle{
  display:none;flex:0 0 auto;align-items:center;justify-content:center;
  width:44px;height:44px;margin-left:calc(var(--u)*1.5);padding:0;
  border:0;background:transparent;cursor:pointer;color:var(--slate);
}
.nav-toggle__bars,
.nav-toggle__bars::before,
.nav-toggle__bars::after{
  display:block;width:22px;height:1.5px;background:currentColor;
  transition:transform .18s,top .18s,background-color .18s,opacity .18s;
}
.nav-toggle__bars{position:relative}
.nav-toggle__bars::before,
.nav-toggle__bars::after{content:"";position:absolute;left:0}
.nav-toggle__bars::before{top:-7px}
.nav-toggle__bars::after{top:7px}
.hdr.is-nav-open .nav-toggle{color:var(--brass-ink)}
.hdr.is-nav-open .nav-toggle__bars{background:transparent}
.hdr.is-nav-open .nav-toggle__bars::before{top:0;transform:rotate(45deg)}
.hdr.is-nav-open .nav-toggle__bars::after{top:0;transform:rotate(-45deg)}

/* dil seçici — sağ uçta */
.langs{margin-left:auto;display:flex;align-items:center;gap:calc(var(--u)*2)}
.langs a{
  font:700 14px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;
  color:var(--body);padding:calc(var(--u)*0.5) 2px;border-bottom:2px solid transparent;
}
.langs a:hover{color:var(--slate)}
.langs a.on{color:var(--brass-ink);border-bottom-color:var(--brass)}

/* --- açılır menüler --- */
.has-menu{position:relative}
.nav__t{
  display:inline-flex;align-items:center;gap:6px;
  font:700 17px/1 var(--f-disp);letter-spacing:.05em;text-transform:uppercase;
  color:var(--slate);background:none;border:0;cursor:pointer;
  padding:calc(var(--u)) 0;border-bottom:2px solid transparent;font-family:var(--f-disp);
}
.nav__t::after{
  content:"";width:5px;height:5px;margin-top:-3px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);opacity:.5;transition:transform .18s,opacity .18s;
}
.has-menu:hover > .nav__t,
.has-menu:focus-within > .nav__t,
.nav__t[aria-expanded="true"]{border-bottom-color:var(--brass)}
.has-menu:hover > .nav__t::after,
.nav__t[aria-expanded="true"]::after{opacity:1;transform:rotate(225deg);margin-top:2px}

.menu{
  position:absolute;top:100%;left:calc(var(--u)*-3);z-index:50;
  background:var(--bone);border:1px solid var(--stone);border-top:2px solid var(--brass);
  border-radius:0 0 2px 2px;padding:calc(var(--u)*3);
  box-shadow:0 12px 32px rgba(51,59,69,.10);
  opacity:0;visibility:hidden;transform:translateY(-4px);
  transition:opacity .16s,transform .16s,visibility .16s;
}
.has-menu:hover > .menu,
.has-menu:focus-within > .menu,
.menu[data-open="true"]{opacity:1;visibility:visible;transform:none}
.menu--one{min-width:264px}
.has-menu:last-child .menu{left:auto;right:calc(var(--u)*-3)}
.menu__grp + .menu__grp{margin-top:calc(var(--u)*2);padding-top:calc(var(--u)*2);border-top:1px solid var(--stone)}
.menu__lbl{
  font:700 13px/1.4 var(--f-label);letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass-ink);margin-bottom:calc(var(--u));
}
.menu a{
  display:block;
  font:700 18px/1.3 var(--f-disp);letter-spacing:0;text-transform:none;color:var(--slate);
  padding:calc(var(--u)*0.875) 0;border-bottom:0;transition:color .16s,padding-left .16s;
}
.menu a:hover{color:var(--brass-ink);padding-left:4px;border-bottom:0}
/* perlit basamakları — soluk değil, girintili */
.menu__sub{margin-left:calc(var(--u));padding-left:calc(var(--u)*1.5);border-left:1px solid var(--stone)}
.menu__sub a{font-weight:400;font-size:17px}