/* Homepage categories: retain the existing sidebar and reveal its menu tree. */
.ztx-skin .ztx-hero__nav[data-ztx-category-nav] {
  position: relative;
  z-index: 20;
  overflow: visible;
}

[data-ztx-category-nav] .ztx-hero__nav-title {
  border-radius: calc(var(--ztx-radius) - 1px) calc(var(--ztx-radius) - 1px) 0 0;
}

[data-ztx-category-nav] .ztx-hero__category > summary {
  position: relative;
  display: block;
  padding: 9px 32px 9px 16px;
  color: var(--ztx-ink);
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.35;
  list-style: none;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}

[data-ztx-category-nav] .ztx-hero__category > summary::-webkit-details-marker {
  display: none;
}

[data-ztx-category-nav] .ztx-hero__category > summary::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  width: 6px;
  height: 6px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
}

[data-ztx-category-nav] .ztx-hero__category > summary:hover,
[data-ztx-category-nav] .ztx-hero__category[open] > summary,
[data-ztx-category-nav] .ztx-hero__category > summary:focus-visible {
  background: var(--ztx-navy-soft);
  color: var(--ztx-navy);
}

[data-ztx-category-nav] summary:focus-visible {
  outline: 2px solid var(--ztx-navy);
  outline-offset: -3px;
}

[data-ztx-category-nav] .ztx-hero__nav-item:last-child > a,
[data-ztx-category-nav] .ztx-hero__nav-item:last-child summary {
  border-radius: 0 0 calc(var(--ztx-radius) - 1px) calc(var(--ztx-radius) - 1px);
}

[data-ztx-category-nav] .ztx-hero__submenu {
  position: absolute;
  z-index: 1;
  top: var(--ztx-submenu-top, 0px);
  left: 100%;
  width: min(960px, calc(100vw - 320px));
  max-height: min(680px, var(--ztx-submenu-max-height, calc(100dvh - 36px)));
  overflow: auto;
  overscroll-behavior: contain;
  padding: 20px;
  border: 1px solid var(--ztx-line);
  border-radius: 0 var(--ztx-radius) var(--ztx-radius) var(--ztx-radius);
  background: var(--ztx-surface);
  box-shadow: var(--ztx-shadow);
}

[data-ztx-category-nav] details:not([open]) > .ztx-hero__submenu {
  display: none;
}

[data-ztx-category-nav] .ztx-hero__submenu-all {
  display: block;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--ztx-line);
  color: var(--ztx-navy);
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

[data-ztx-category-nav] .ztx-hero__submenu-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-ztx-category-nav] .ztx-hero__submenu-list--level-1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  align-items: start;
  gap: 18px 22px;
}

[data-ztx-category-nav] .ztx-hero__submenu-list a {
  display: block;
  padding: 5px 0;
  color: var(--ztx-ink);
  font-size: .8125rem;
  line-height: 1.4;
  text-decoration: none;
}

[data-ztx-category-nav] .ztx-hero__submenu-list--level-1 > li > a {
  color: var(--ztx-navy);
  font-weight: 700;
}

[data-ztx-category-nav] .ztx-hero__submenu-list .ztx-hero__submenu-list {
  padding-left: 12px;
  border-left: 1px solid var(--ztx-line);
}

[data-ztx-category-nav] .ztx-hero__submenu-list a:hover,
[data-ztx-category-nav] .ztx-hero__submenu-all:hover {
  color: var(--ztx-red-dark);
  text-decoration: underline;
}

@media (max-width: 1199.98px) {
  [data-ztx-category-nav] .ztx-hero__submenu {
    padding: 16px;
  }
}

/* The sidebar stays hidden below 992px; the native mobile menu is unchanged. */