/* Only the catalog in the site header; legacy intraScroll is bypassed here. */
#header-nav[data-catalog-menu] .catalog-trigger {
  display:block; border:0; background:transparent; color:var(--kk-ink); font:inherit;
  font-size:13px; line-height:1.4; text-align:left; padding:12px 0; cursor:pointer;
}
#header-nav[data-catalog-menu] .catalog-trigger i {margin-right:8px; color:var(--kk-ink)}
#header-nav[data-catalog-menu] .directions {
  position:fixed; right:auto; margin:0; padding:0; height:auto; max-height:var(--catalog-height,70vh);
  overflow:auto; overscroll-behavior:contain; display:block; z-index:110; box-sizing:border-box;
}
#header-nav[data-catalog-menu] [hidden] {display:none !important}
#header-nav[data-catalog-menu] .directions * {box-sizing:border-box; min-width:0}
#header-nav[data-catalog-menu] .directions-menu-list {
  display:grid; grid-template-columns:minmax(220px,28%) minmax(0,1fr); width:100%; height:auto;
  padding:0; border:0; background:#fff; max-height:var(--catalog-height,70vh);
}
#header-nav[data-catalog-menu] .three-1 {
  margin:0; padding:8px; width:auto; list-style:none; overflow:auto; max-height:var(--catalog-height,70vh);
  overscroll-behavior:contain; border-right:1px solid var(--kk-line,#ddd);
}
#header-nav[data-catalog-menu] .child_menu {width:auto; margin:0; padding:0; position:static}
#header-nav[data-catalog-menu] .catalog-category {
  display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%;
  padding:10px 8px; min-height:44px; border:0; border-radius:5px; background:transparent;
  font:inherit; font-size:13px; line-height:1.45; text-align:left; color:inherit;
  white-space:normal; overflow-wrap:anywhere; cursor:pointer;
}
#header-nav[data-catalog-menu] .catalog-arrow {flex:0 0 24px; font-size:20px; text-align:center}
#header-nav[data-catalog-menu] .catalog-active {background:#f4f5f9; color:var(--link-color)}
#header-nav[data-catalog-menu] .catalog-expand[aria-expanded=true] .catalog-arrow {transform:rotate(180deg)}
#header-nav[data-catalog-menu] .catalog-panels {overflow:auto; max-height:var(--catalog-height,70vh); overscroll-behavior:contain}
#header-nav[data-catalog-menu] .pre_list {
  position:static; display:block; width:auto; height:auto; margin:0; padding:12px;
  left:auto; right:auto; top:auto; border:0; background:#fff;
}
#header-nav[data-catalog-menu] .directions-menu-list-t2 {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); gap:12px;
  width:auto; height:auto; padding:0; margin:0; position:static;
}
#header-nav[data-catalog-menu] .three-2 {
  display:block; width:auto; height:auto; margin:0; padding:12px; list-style:none;
  border-radius:5px; background:#f4f5f9; align-self:start;
}
#header-nav[data-catalog-menu] .three-2 > li {width:auto; padding:0; margin:0; list-style:none}
#header-nav[data-catalog-menu] .three-2 ul {margin:0; padding:0; list-style:none}
#header-nav[data-catalog-menu] .three-2 a {
  display:flex; align-items:center; min-height:44px; padding:7px 0; line-height:1.45;
  white-space:normal; overflow-wrap:anywhere; text-decoration:none;
}
#header-nav[data-catalog-menu] :is(a,button):focus-visible {outline:2px solid var(--link-color,#5264c5); outline-offset:-2px}
@media(max-width:768px) {
  #header-nav[data-catalog-menu] .catalog-trigger {width:100%; padding:11px 14px; min-height:44px}
  #header-nav[data-catalog-menu] .directions-menu-list {display:block; max-height:none}
  #header-nav[data-catalog-menu] .three-1 {max-height:none; overflow:visible; border:0; padding:6px}
  #header-nav[data-catalog-menu] .pre_list {padding:6px}
  #header-nav[data-catalog-menu] .directions-menu-list-t2 {grid-template-columns:minmax(0,1fr)}
}
@media(min-width:769px) and (max-width:1199px) {
  #header-nav[data-catalog-menu] .catalog-trigger {max-width:155px; white-space:normal}
}
#header-nav[data-catalog-menu] .catalog-trigger {min-height:44px}

/* Align the label independently of the icon font's taller inline baseline. */
#header-nav[data-catalog-menu] .catalog-label {position:relative; top:-8px}
@media(min-width:769px) {
  #header-nav[data-catalog-menu] .catalog-trigger {max-width:none; white-space:nowrap}
  #header-nav[data-catalog-menu] .catalog-label {top:-4.5px}
  #header-nav[data-catalog-menu] .directions-menu-list-t2 {
    display:block; columns:3 190px; column-gap:22px;
  }
  #header-nav[data-catalog-menu] .three-2 {
    break-inside:avoid; margin:0 0 14px; padding:0; background:transparent; border-radius:0;
  }
  #header-nav[data-catalog-menu] .catalog-leaves {break-inside:avoid; margin-bottom:14px}
  #header-nav[data-catalog-menu] .catalog-leaves .three-2 {margin:0}
  #header-nav[data-catalog-menu] .three-2 a {min-height:0; padding:5px 0; font-size:13px; line-height:1.4}
  #header-nav[data-catalog-menu] .three-2 > li > a {font-weight:600}
  #header-nav[data-catalog-menu] .three-2 ul a {font-weight:400; padding-left:10px}
}

/* Root toggle: pointer focus stays plain; keyboard focus remains visible. */
#header-nav[data-catalog-menu] .catalog-trigger {
  outline:0; box-shadow:none;
}
#header-nav[data-catalog-menu] .catalog-trigger:focus-visible {
  outline:2px solid var(--link-color,#5264c5); outline-offset:-2px;
}
