/* =========================================================
   NIKKO-KIKAI UNIFIED GLOBAL HEADER
   VMC unified design / machintools standard
   FANUC page integration 2026-09-15
   ========================================================= */
body.nk-global-header-page{
  --nk-header-gold:#b9934c;
  --nk-header-gold-dark:#8d6a2f;
  --nk-nav-h:72px;
  --nk-nav-h-small:58px;
  --nk-header-ease:cubic-bezier(.2,.75,.2,1);
}
body.nk-global-header-page .g-nav{
  position:fixed!important;
  inset:0 0 auto!important;
  z-index:1500!important;
  height:var(--nk-nav-h)!important;
  display:flex!important;
  align-items:center!important;
  color:#fff!important;
  /* grinder-category final spec: black from initial display */
  background:#0c0d0f!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%)!important;
  transition:height .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
body.nk-global-header-page .g-nav.shrink,
body.nk-global-header-page .g-nav.is-compact{
  height:var(--nk-nav-h-small)!important;
  background:#0c0d0f!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.30)!important;
}
body.nk-global-header-page .g-wrap{
  width:min(1380px,calc(100% - 32px))!important;
  margin-inline:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}
body.nk-global-header-page .brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:max-content!important;
  color:#fff!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.nk-global-header-page .brand img{
  width:auto!important;
  height:28px!important;
}
body.nk-global-header-page .brand-name{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.02em!important;
}
body.nk-global-header-page .brand-name small{
  color:rgba(255,255,255,.64)!important;
  font-size:11px!important;
  font-weight:600!important;
}
body.nk-global-header-page .nav-right,
body.nk-global-header-page .nav-links,
body.nk-global-header-page .lang-switch{
  display:flex!important;
  align-items:center!important;
}
body.nk-global-header-page .nav-right{gap:14px!important;}
body.nk-global-header-page .nav-links{gap:4px!important;}
body.nk-global-header-page .dd{position:relative!important;}
body.nk-global-header-page .dd > a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:999px!important;
  color:rgba(255,255,255,.90)!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.nk-global-header-page .dd > a:hover,
body.nk-global-header-page .dd.open > a,
body.nk-global-header-page .dd.is-open > a{
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
}
body.nk-global-header-page .dd-menu{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  left:0!important;
  display:block!important;
  min-width:250px!important;
  padding:8px!important;
  visibility:hidden!important;
  opacity:0!important;
  transform:translateY(-6px)!important;
  pointer-events:none!important;
  background:rgba(19,20,22,.98)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  box-shadow:0 20px 60px rgba(0,0,0,.35)!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s!important;
}
/* Keep a small hover bridge so the menu does not close while moving the pointer down. */
body.nk-global-header-page .dd-menu::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-12px;
  height:12px;
}
body.nk-global-header-page .dd.open .dd-menu,
body.nk-global-header-page .dd.is-open .dd-menu{
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
body.nk-global-header-page .dd-menu a{
  display:flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:9px!important;
  color:rgba(255,255,255,.82)!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:650!important;
  text-decoration:none!important;
}
body.nk-global-header-page .dd-menu a:hover,
body.nk-global-header-page .dd-menu a[aria-current="page"]{
  color:#fff!important;
  background:rgba(185,147,76,.18)!important;
}
body.nk-global-header-page .lang-switch{
  gap:2px!important;
  padding:3px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:999px!important;
}
body.nk-global-header-page .lang-switch a{
  padding:5px 8px!important;
  border:0!important;
  border-radius:999px!important;
  color:rgba(255,255,255,.56)!important;
  background:transparent!important;
  font-size:10px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
body.nk-global-header-page .lang-switch a[aria-current="page"]{
  color:#111!important;
  background:#fff!important;
}
body.nk-global-header-page .nav-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:999px!important;
  color:#17130c!important;
  background:linear-gradient(135deg,#e4c47f,var(--nk-header-gold))!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.nk-global-header-page .nav-cta:hover{
  transform:none!important;
  filter:brightness(1.06)!important;
}
body.nk-global-header-page .tel-cta{display:none!important;}
body.nk-global-header-page .sp-toggle{
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}

/* Drawer */
body.nk-global-header-page .drawer{
  position:fixed!important;
  inset:0!important;
  z-index:1450!important;
  display:block!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  background:rgba(0,0,0,.48)!important;
  transition:opacity .25s ease,visibility .25s!important;
}
body.nk-global-header-page .drawer.show,
body.nk-global-header-page .drawer.is-open{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.nk-global-header-page .drawer-panel{
  position:absolute!important;
  top:var(--nk-nav-h-small)!important;
  right:0!important;
  width:min(88vw,370px)!important;
  height:calc(100% - var(--nk-nav-h-small))!important;
  padding:18px!important;
  overflow:auto!important;
  color:#fff!important;
  background:#151619!important;
  border-left:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
  transform:translateX(100%)!important;
  animation:none!important;
  transition:transform .28s var(--nk-header-ease)!important;
}
body.nk-global-header-page .drawer.show .drawer-panel,
body.nk-global-header-page .drawer.is-open .drawer-panel{transform:none!important;}
body.nk-global-header-page .drawer-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:12px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
body.nk-global-header-page .drawer-head span{
  color:var(--nk-header-gold)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
body.nk-global-header-page .drawer-close{
  padding:8px 12px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:transparent!important;
  cursor:pointer!important;
}
body.nk-global-header-page .drawer details{
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
body.nk-global-header-page .drawer summary{
  position:relative!important;
  padding:16px 34px 16px 2px!important;
  list-style:none!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
body.nk-global-header-page .drawer summary::-webkit-details-marker{display:none!important;}
body.nk-global-header-page .drawer summary::after{
  content:"+";
  position:absolute;
  right:4px;
  top:50%;
  transform:translateY(-50%);
  color:var(--nk-header-gold);
  font-size:20px;
  font-weight:500;
}
body.nk-global-header-page .drawer details[open] summary::after{content:"−";}
body.nk-global-header-page .drawer details > div{padding:0 0 12px 12px!important;}
body.nk-global-header-page .drawer details a{
  display:block!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:9px!important;
  color:rgba(255,255,255,.70)!important;
  background:transparent!important;
  font-size:13px!important;
  text-decoration:none!important;
}
body.nk-global-header-page .drawer details a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.06)!important;
}
body.nk-global-header-page .drawer-actions{
  display:grid!important;
  gap:8px!important;
  margin-top:20px!important;
}
body.nk-global-header-page .drawer-actions a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:12px!important;
  color:#17130c!important;
  background:var(--nk-header-gold)!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

@media(max-width:1180px){
  body.nk-global-header-page .nav-links{display:none!important;}
  body.nk-global-header-page .sp-toggle{display:inline-flex!important;}
}
@media(max-width:900px){
  body.nk-global-header-page{--nk-nav-h:58px;--nk-nav-h-small:58px;}
  body.nk-global-header-page .g-nav{height:58px!important;}
  body.nk-global-header-page .g-wrap{width:calc(100% - 20px)!important;gap:10px!important;}
  body.nk-global-header-page .brand{min-width:0!important;}
  body.nk-global-header-page .brand img{height:24px!important;flex:0 0 auto!important;}
  body.nk-global-header-page .brand-name{min-width:0!important;font-size:12px!important;}
  body.nk-global-header-page .brand-name small{display:none!important;}
  body.nk-global-header-page .lang-switch,
  body.nk-global-header-page .nav-right > .nav-cta{display:none!important;}
  body.nk-global-header-page .sp-toggle{display:inline-flex!important;}
}
@media(max-width:520px){
  body.nk-global-header-page .brand-name{font-size:11px!important;}
  body.nk-global-header-page .sp-toggle{min-width:62px!important;padding-inline:10px!important;}
}