/* Popster 3.10.8 - Only navigation menu top-level category alignment.
   An explicit empty cell replaces the CSS pseudo-element for parent terms without children.
   This avoids the inherited two-column anchor behaviour seen on small Android screens. */
.nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children {
  display: block !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Same two columns and same left edge for ALL twelve main categories. */
.nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item > .nav-collections__row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  column-gap: 8px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 66px !important;
  width: 100% !important;
  text-indent: 0 !important;
}
/* Explicitly override legacy grid-column:1/3 for no-child anchors. */
.nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item > .nav-collections__row > a,
.nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item:not(.has-children) > .nav-collections__row > a {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-column: 1 / 2 !important;
  grid-row: 1 !important;
  justify-self: stretch !important;
  align-self: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  gap: 8px !important;
  text-indent: 0 !important;
  transform: none !important;
  font: 600 16px/1.35 'Outfit', sans-serif !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
}
.nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item > .nav-collections__row > a > span {
  grid-column: 1 !important;
  justify-self: start !important;
  display: block !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
  font: inherit !important;
  color: inherit !important;
}
.nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item > .nav-collections__row > a > small {
  grid-column: 2 !important;
  justify-self: end !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font: 500 14px/1.35 'Outfit', sans-serif !important;
  color: #6d6d6d !important;
}
/* Remove obsolete pseudo element: the spacer is now an explicit DOM cell. */
.nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item:not(.has-children) > .nav-collections__row::after {
  content: none !important;
  display: none !important;
}
.nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item > .nav-collections__row > .nav-collections__empty-toggle,
.nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item > .nav-collections__row > .nav-collections__branch-toggle {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  align-self: center !important;
  display: flex !important;
  box-sizing: border-box !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* The + is JUST a plus, not a beige box. Touch target remains 44x44px. */
.nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item > .nav-collections__row > .nav-collections__branch-toggle {
  align-items: center !important;
  justify-content: center !important;
  color: #1a1a1a !important;
  font: 500 32px/1 'Outfit', sans-serif !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item.is-open > .nav-collections__row > .nav-collections__branch-toggle,
.nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item > .nav-collections__row > .nav-collections__branch-toggle:hover {
  background: transparent !important;
  color: var(--color-primary,#e85d3a) !important;
}
.nav-panel .nav-collections__branch-toggle:focus-visible {
  outline: 2px solid var(--color-primary,#e85d3a) !important;
  outline-offset: -2px !important;
}
/* Section accordion +/- should be glyphs only as well, preserving the touch area. */
.nav-panel .nav-collections__toggle .nav-collections__icon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
@media(max-width: 460px) {
  .nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item > .nav-collections__row > a,
  .nav-panel .nav-collections__group--taxonomy > ul.nav-collections__children > li.nav-collections__item:not(.has-children) > .nav-collections__row > a {
    font-size: 16px !important;
  }
}