/**
 * PrestaHeroes Mega Menu
 * Apache-2.0 — Attribution required: PrestaHeroes.com — contact info@prestaheroes.com
 */
.ph-modern-menu {
  position: relative;
  z-index: 40;
  width: 100%;
  background: #ffffff;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

.ph-modern-menu__toggle {
  display: none;
  width: 100%;
  border: 0;
  background: #ffffff;
  color: #222222;
  padding: 14px 16px;
  text-align: left;
  font-weight: 700;
  text-transform: none;
}

.ph-modern-menu__toggle-icon {
  display: inline-block;
  margin-right: 8px;
}

.ph-modern-menu__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0 4px;
  width: calc(100% - 24px);
  max-width: none;
  margin: 0 auto;
  padding: 0 12px;
  list-style: none;
}

.ph-modern-menu__item {
  position: static;
  margin: 0;
}

.ph-modern-menu__link {
  display: block;
  padding: 16px 12px;
  color: #111111;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}

.ph-modern-menu--case-uppercase .ph-modern-menu__link {
  text-transform: uppercase;
}

.ph-modern-menu--case-capitalize .ph-modern-menu__link {
  text-transform: capitalize;
}

.ph-modern-menu__link:hover,
.ph-modern-menu__link:focus,
.ph-modern-menu__item.is-submenu-open > .ph-modern-menu__link {
  color: #717171;
  background: #f7f7f7;
  text-decoration: none;
}

.ph-modern-menu__open {
  display: none;
}

.ph-modern-menu__panel {
  position: absolute;
  left: 50%;
  top: 100%;
  width: min(1320px, calc(100vw - 24px));
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .16s ease, visibility .16s ease;
}

.ph-modern-menu__item.is-submenu-open > .ph-modern-menu__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ph-modern-menu__panel-inner {
  margin-top: 0;
  padding: 18px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-top: 3px solid #111111;
  box-shadow: 0 16px 28px rgba(0, 0, 0, .14);
}

.ph-modern-menu__featured {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ececec;
}

.ph-modern-menu__view-all {
  display: inline-block;
  color: #111111;
  font-weight: 700;
  text-decoration: none;
}

.ph-modern-menu__children {
  display: grid;
  grid-template-columns: repeat(var(--ph-menu-columns, 4), minmax(0, 1fr));
  gap: 14px 24px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.ph-modern-menu__child-link {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #333333;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
}

.ph-modern-menu__child-link:hover,
.ph-modern-menu__child-link:focus,
.ph-modern-menu__grandchildren a:hover,
.ph-modern-menu__grandchildren a:focus {
  color: #000000;
  text-decoration: underline;
}

.ph-modern-menu__child-image {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 4px;
}

.ph-modern-menu__grandchildren {
  margin: 7px 0 0;
  padding: 0;
  list-style: none;
}

.ph-modern-menu__grandchildren li {
  margin: 3px 0;
}

.ph-modern-menu__grandchildren a {
  color: #666666;
  font-size: 13px;
  line-height: 1.25;
  text-decoration: none;
}

/* Optional desktop hamburger mode. */
.ph-modern-menu--desktop-hamburger .ph-modern-menu__toggle {
  display: block;
}

.ph-modern-menu--desktop-hamburger .ph-modern-menu__list {
  display: none;
  width: 100%;
  padding: 0;
}

.ph-modern-menu--desktop-hamburger.is-open .ph-modern-menu__list {
  display: block;
}

.ph-modern-menu--desktop-hamburger .ph-modern-menu__item {
  position: relative;
  border-top: 1px solid #eeeeee;
}

.ph-modern-menu--desktop-hamburger .ph-modern-menu__link {
  padding: 14px 50px 14px 16px;
  white-space: normal;
}

.ph-modern-menu--desktop-hamburger .ph-modern-menu__open {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  border: 0;
  background: #f5f5f5;
  color: #111111;
  font-size: 20px;
  line-height: 1;
}

.ph-modern-menu--desktop-hamburger .ph-modern-menu__panel {
  position: static;
  display: none;
  width: auto;
  transform: none;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ph-modern-menu--desktop-hamburger .ph-modern-menu__item.is-submenu-open > .ph-modern-menu__panel {
  display: block;
}

.ph-modern-menu--desktop-hamburger .ph-modern-menu__panel-inner {
  margin: 0;
  padding: 14px 16px;
  border: 0;
  border-top: 1px solid #eeeeee;
  box-shadow: none;
  background: #fafafa;
}

.ph-modern-menu--desktop-hamburger .ph-modern-menu__children {
  grid-template-columns: 1fr;
  gap: 10px;
}

@media (max-width: 991px) {
  .ph-modern-menu__toggle {
    display: block;
  }

  .ph-modern-menu__list {
    display: none;
    width: 100%;
    max-width: none;
    padding: 0;
  }

  .ph-modern-menu.is-open .ph-modern-menu__list {
    display: block;
  }

  .ph-modern-menu__item {
    position: relative;
    border-top: 1px solid #eeeeee;
  }

  .ph-modern-menu__link {
    padding: 14px 50px 14px 16px;
    white-space: normal;
  }

  .ph-modern-menu__open {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    border: 0;
    background: #f5f5f5;
    color: #111111;
    font-size: 20px;
    line-height: 1;
  }

  .ph-modern-menu__panel {
    position: static;
    display: none;
    width: auto;
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .ph-modern-menu__item.is-submenu-open > .ph-modern-menu__panel {
    display: block;
  }

  .ph-modern-menu__panel-inner {
    margin: 0;
    padding: 14px 16px;
    border: 0;
    border-top: 1px solid #eeeeee;
    box-shadow: none;
    background: #fafafa;
  }

  .ph-modern-menu__children {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

/* Mobile header hook placement: always render as a compact hamburger trigger/drawer. */
.ph-modern-menu--placement-mobile_header .ph-modern-menu__toggle {
  display: block;
}

.ph-modern-menu--placement-mobile_header .ph-modern-menu__list {
  display: none;
  width: 100%;
  max-width: none;
  padding: 0;
}

.ph-modern-menu--placement-mobile_header.is-open .ph-modern-menu__list {
  display: block;
}

.ph-modern-menu--placement-mobile_header .ph-modern-menu__item {
  position: relative;
  border-top: 1px solid #eeeeee;
}

.ph-modern-menu--placement-mobile_header .ph-modern-menu__link {
  padding: 14px 50px 14px 16px;
  white-space: normal;
}

.ph-modern-menu--placement-mobile_header .ph-modern-menu__open {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  border: 0;
  background: #f5f5f5;
  color: #111111;
  font-size: 20px;
  line-height: 1;
}

.ph-modern-menu--placement-mobile_header .ph-modern-menu__panel {
  position: static;
  display: none;
  width: auto;
  transform: none;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ph-modern-menu--placement-mobile_header .ph-modern-menu__item.is-submenu-open > .ph-modern-menu__panel {
  display: block;
}

.ph-modern-menu--placement-mobile_header .ph-modern-menu__panel-inner {
  margin: 0;
  padding: 14px 16px;
  border: 0;
  border-top: 1px solid #eeeeee;
  box-shadow: none;
  background: #fafafa;
}

.ph-modern-menu--placement-mobile_header .ph-modern-menu__children {
  grid-template-columns: 1fr;
  gap: 10px;
}

/*
 * When the theme renders the mobile-header hook, displayTop would otherwise
 * create a second hamburger below the search box. Keep displayTop for desktop
 * and let displayMobileHeaderMenu own the mobile header placement.
 */
@media (max-width: 991px) {
  .ph-modern-menu--placement-top {
    display: none;
  }
}

/* Wilderness121 catalogue drawer ---------------------------------------- */
.ph-modern-menu--placement-wilderness_header {
  position: relative;
  z-index: 6500;
  flex: 0 0 auto;
  width: auto;
  min-width: 222px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__toggle {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-width: 222px;
  min-height: 48px;
  padding: 0 22px;
  background: #272727;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, .08);
  color: #f5f5f5;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__toggle:hover,
.ph-modern-menu--placement-wilderness_header .ph-modern-menu__toggle:focus-visible,
.ph-modern-menu--placement-wilderness_header.is-open .ph-modern-menu__toggle {
  background: #343434;
  color: #ffffff;
  outline: none;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__toggle:focus-visible {
  box-shadow: inset 0 0 0 2px #9d9d9d;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__toggle-icon {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  width: 18px;
  height: 18px;
  margin: 0;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__toggle-icon span {
  display: block;
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 6510;
  display: none;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 320px;
  max-width: min(320px, calc(100vw - 24px));
  margin: 0;
  padding: 0;
  background: #131313;
  border: 1px solid #363636;
  border-top: 3px solid #545454;
  box-shadow: 0 28px 60px rgba(0, 0, 0, .52);
  list-style: none;
}

.ph-modern-menu--placement-wilderness_header.is-open .ph-modern-menu__list {
  display: flex;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__item {
  position: static;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  margin: 0;
  border-top: 1px solid #2a2a2a;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__item:first-child {
  border-top: 0;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__link {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 10px 16px;
  color: #eeeeee;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.25;
  white-space: normal;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__item:not(.has-children) .ph-modern-menu__link {
  grid-column: 1 / -1;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__link:hover,
.ph-modern-menu--placement-wilderness_header .ph-modern-menu__link:focus-visible,
.ph-modern-menu--placement-wilderness_header .ph-modern-menu__item.is-submenu-open > .ph-modern-menu__link {
  background: #212121;
  color: #afafaf;
  outline: none;
  text-decoration: none;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__open {
  position: static;
  display: grid;
  place-items: center;
  width: 48px;
  min-height: 48px;
  padding: 0;
  background: #1c1c1c;
  border: 0;
  border-left: 1px solid #2f2f2f;
  color: #dfdfdf;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__open:hover,
.ph-modern-menu--placement-wilderness_header .ph-modern-menu__open:focus-visible {
  background: #545454;
  color: #ffffff;
  outline: none;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__panel {
  position: absolute;
  top: -3px;
  left: 100%;
  z-index: 6520;
  width: min(980px, calc(100vw - 356px));
  min-height: 100%;
  transform: none;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__panel-inner {
  margin: 0;
  padding: 22px;
  background: #131313;
  border: 1px solid #363636;
  border-top: 3px solid #545454;
  box-shadow: 24px 28px 60px rgba(0, 0, 0, .48);
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__featured {
  border-color: #343434;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__view-all,
.ph-modern-menu--placement-wilderness_header .ph-modern-menu__child-link {
  color: #f1f1f1;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__grandchildren a {
  color: #b3b3b3;
}

.ph-modern-menu--placement-wilderness_header .ph-modern-menu__view-all:hover,
.ph-modern-menu--placement-wilderness_header .ph-modern-menu__child-link:hover,
.ph-modern-menu--placement-wilderness_header .ph-modern-menu__grandchildren a:hover {
  color: #afafaf;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .ph-modern-menu--placement-wilderness_header,
  .ph-modern-menu--placement-wilderness_header .ph-modern-menu__toggle {
    min-width: 190px;
  }

  .ph-modern-menu--placement-wilderness_header .ph-modern-menu__toggle {
    padding-inline: 16px;
  }
}

@media (max-width: 1199.98px) {
  .ph-modern-menu--placement-wilderness_header {
    display: none;
  }
}

/* PH Wilderness catalogue explorer v1.3 ------------------------------- */
body.ph-wilderness-menu-open {
  overflow: hidden;
}

.ph-wilderness-nav {
  grid-area: nav;
  position: relative;
  z-index: 5200;
  width: 100%;
  min-width: 0;
  align-self: end;
  border-top: 1px solid rgba(255, 255, 255, .09);
  font-family: inherit;
}

.ph-wilderness-nav *,
.ph-wilderness-nav *::before,
.ph-wilderness-nav *::after {
  box-sizing: border-box;
}

.ph-wilderness-nav [hidden] {
  display: none !important;
}

.ph-wilderness-nav__rail {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: stretch;
  min-height: 52px;
  background: #0b0b0b;
}

.ph-wilderness-nav__trigger {
  flex: 0 0 310px;
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 52px;
  padding: 0 20px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, .09);
  background: #282828;
  color: #f7f7f7;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .025em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.ph-wilderness-nav__trigger:hover,
.ph-wilderness-nav__trigger:focus-visible,
.ph-wilderness-nav.is-open .ph-wilderness-nav__trigger {
  background: #343434;
  color: #ffffff;
  outline: none;
}

.ph-wilderness-nav__trigger:focus-visible {
  box-shadow: inset 0 0 0 2px #9d9d9d;
}

.ph-wilderness-nav__hamburger {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  width: 18px;
  height: 18px;
}

.ph-wilderness-nav__hamburger span {
  display: block;
  width: 17px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
}

.ph-wilderness-nav__trigger-arrow {
  width: 17px;
  height: 17px;
  margin-left: auto;
  transition: transform .18s ease;
}

.ph-wilderness-nav.is-open .ph-wilderness-nav__trigger-arrow {
  transform: rotate(180deg);
}

.ph-wilderness-nav__quick {
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  min-width: 0;
  overflow: hidden;
}

.ph-wilderness-nav__rail-promise {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-left: 1px solid rgba(255, 255, 255, .08);
  color: #a6a6a6;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ph-wilderness-nav__quick a {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 0 17px;
  color: #eaeaea;
  border-bottom: 3px solid transparent;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.ph-wilderness-nav__quick a:hover,
.ph-wilderness-nav__quick a:focus-visible {
  background: rgba(255, 255, 255, .035);
  border-bottom-color: #9d9d9d;
  color: #afafaf;
  outline: none;
}

.ph-wilderness-nav__backdrop {
  position: fixed;
  inset: 0;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(49, 49, 49, .74);
  cursor: default;
}

.ph-wilderness-nav.is-open .ph-wilderness-nav__backdrop {
  display: block;
}

.ph-wilderness-nav__drawer {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  display: none;
  width: min(1280px, calc(100vw - 32px));
  max-height: min(720px, calc(100vh - 142px));
  overflow: hidden;
  background: #151515;
  border: 1px solid #3b3b3b;
  border-top: 3px solid #545454;
  border-radius: 0 0 14px 14px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .58);
  color: #eeeeee;
}

.ph-wilderness-nav.is-open .ph-wilderness-nav__drawer {
  display: block;
}

.ph-wilderness-nav__drawer-header {
  display: grid;
  grid-template-columns: minmax(210px, .7fr) minmax(300px, 1.3fr) 44px;
  align-items: center;
  gap: 20px;
  min-height: 86px;
  padding: 14px 18px 14px 24px;
  background: linear-gradient(105deg, #1d1d1d 0%, #131313 72%);
  border-bottom: 1px solid #353535;
}

.ph-wilderness-nav__heading {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.ph-wilderness-nav__eyebrow {
  margin-bottom: 4px;
  color: #a0a0a0;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ph-wilderness-nav__heading strong {
  color: #f6f6f6;
  font-size: 21px;
  letter-spacing: -.02em;
}

.ph-wilderness-nav__search {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 40px;
  align-items: center;
  min-height: 48px;
  margin: 0;
  background: #ffffff;
  border: 1px solid #d5d5d5;
  border-radius: 8px;
  color: #5b5b5b;
  overflow: hidden;
}

.ph-wilderness-nav__search > svg {
  width: 21px;
  height: 21px;
  justify-self: center;
}

.ph-wilderness-nav__search input {
  width: 100%;
  height: 46px;
  padding: 0 8px 0 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #1b1b1b;
  font-size: 14px;
}

/* Keep the module's accessible clear button as the single visible control. */
.ph-wilderness-nav__search input[type='search'] {
  -webkit-appearance: none;
  appearance: none;
}

.ph-wilderness-nav__search input[type='search']::-webkit-search-cancel-button,
.ph-wilderness-nav__search input[type='search']::-webkit-search-decoration,
.ph-wilderness-nav__search input[type='search']::-webkit-search-results-button,
.ph-wilderness-nav__search input[type='search']::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
  appearance: none;
}

.ph-wilderness-nav__search input[type='search']::-ms-clear,
.ph-wilderness-nav__search input[type='search']::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.ph-wilderness-nav__search input::placeholder {
  color: #707070;
  opacity: 1;
}

.ph-wilderness-nav__search button {
  display: none;
  width: 40px;
  height: 46px;
  border: 0;
  background: transparent;
  color: #5f5f5f;
  font-size: 24px;
}

.ph-wilderness-nav.has-search .ph-wilderness-nav__search button {
  display: block;
}

.ph-wilderness-nav__close {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #404040;
  border-radius: 50%;
  background: #252525;
  color: #efefef;
  font-size: 27px;
  line-height: 1;
  cursor: pointer;
}

.ph-wilderness-nav__close:hover,
.ph-wilderness-nav__close:focus-visible {
  background: #545454;
  border-color: #9d9d9d;
  outline: none;
}

.ph-wilderness-nav__back {
  display: none;
}

.ph-wilderness-nav__overview {
  height: min(620px, calc(100vh - 228px));
  min-height: 470px;
  padding: 22px 24px 30px;
  overflow-y: auto;
  overscroll-behavior: contain;
  background:
    radial-gradient(circle at 100% 0%, rgba(49, 49, 49, .12), transparent 34%),
    #f3f3f3;
  color: #1d1d1d;
  scrollbar-color: #a1a1a1 #f3f3f3;
  scrollbar-width: thin;
}

.ph-wilderness-nav__overview-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 20px;
  padding-bottom: 17px;
  border-bottom: 1px solid #d8d8d8;
}

.ph-wilderness-nav__overview-heading span {
  display: block;
  margin-bottom: 3px;
  color: #626262;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.ph-wilderness-nav__overview-heading strong {
  display: block;
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 850;
  letter-spacing: -.03em;
}

.ph-wilderness-nav__overview-heading small {
  max-width: 410px;
  color: #6b6b6b;
  font-size: 12px;
  line-height: 1.5;
  text-align: right;
}

.ph-wilderness-nav__overview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 14px;
}

.ph-wilderness-nav__overview-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 72px;
  padding: 0 17px;
  overflow: hidden;
  background:
    radial-gradient(circle at 110% -10%, rgba(49, 49, 49, .2), transparent 43%),
    linear-gradient(145deg, #262626 0%, #171717 72%);
  border: 1px solid #404040;
  border-top: 3px solid #797979;
  border-radius: 10px;
  box-shadow: 0 9px 22px rgba(49, 49, 49, .16);
  color: #efefef;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.ph-wilderness-nav__overview-card::after {
  position: absolute;
  right: -34px;
  bottom: -48px;
  width: 145px;
  height: 145px;
  border: 1px solid rgba(49, 49, 49, .11);
  border-radius: 46% 54% 58% 42%;
  box-shadow:
    0 0 0 18px rgba(49, 49, 49, .035),
    0 0 0 38px rgba(49, 49, 49, .025);
  content: '';
  pointer-events: none;
}

.ph-wilderness-nav__overview-card:hover,
.ph-wilderness-nav__overview-card:focus-within,
.ph-wilderness-nav__overview-card.is-expanded {
  transform: translateY(-2px);
  border-color: #959595;
  border-top-color: #969696;
  box-shadow: 0 14px 28px rgba(49, 49, 49, .23);
}

.ph-wilderness-nav__overview-card-heading {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: stretch;
  min-height: 69px;
  margin: 0 -17px;
}

.ph-wilderness-nav__overview-card-heading > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  padding: 11px 8px 11px 17px;
  color: #f8f8f8;
  font-size: 17px;
  font-weight: 850;
  letter-spacing: -.015em;
  line-height: 1.12;
  text-decoration: none;
}

.ph-wilderness-nav__overview-card-heading > a:hover,
.ph-wilderness-nav__overview-card-heading > a:focus-visible {
  color: #c3c3c3;
  outline: none;
  text-decoration: none;
}

.ph-wilderness-nav__overview-card-heading > button {
  display: grid;
  place-items: center;
  align-self: center;
  width: 34px;
  height: 34px;
  margin-right: 8px;
  padding: 0;
  border: 1px solid rgba(49, 49, 49, .46);
  border-radius: 50%;
  background: rgba(49, 49, 49, .09);
  color: #c4c4c4;
  font-size: 23px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  transition: background .14s ease, color .14s ease, transform .14s ease;
}

.ph-wilderness-nav__overview-card-heading > button:hover,
.ph-wilderness-nav__overview-card-heading > button:focus-visible,
.ph-wilderness-nav__overview-card-heading > button[aria-expanded='true'] {
  background: #797979;
  border-color: #afafaf;
  color: #ffffff;
  outline: none;
  transform: scale(1.05);
}

.ph-wilderness-nav__overview-children {
  position: relative;
  z-index: 2;
  margin: 0 -17px;
  padding: 13px 17px 14px;
  background: rgba(49, 49, 49, .34);
  border-top: 1px solid rgba(255, 255, 255, .08);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.ph-wilderness-nav__overview-children-label {
  display: block;
  margin-bottom: 8px;
  color: #a0a0a0;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ph-wilderness-nav__overview-children .ph-wilderness-nav__descendants {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ph-wilderness-nav__overview-children .ph-wilderness-nav__descendants li + li {
  margin-top: 5px;
}

.ph-wilderness-nav__overview-children .ph-wilderness-nav__descendants a {
  display: block;
  padding: 2px 0;
  color: #dbdbdb;
  font-size: 11px;
  line-height: 1.35;
  text-decoration: none;
}

.ph-wilderness-nav__overview-children .ph-wilderness-nav__descendants a:hover,
.ph-wilderness-nav__overview-children .ph-wilderness-nav__descendants a:focus-visible {
  color: #bebebe;
  outline: none;
  text-decoration: underline;
}

.ph-wilderness-nav__overview-children .ph-wilderness-nav__descendants--level-2 {
  margin: 4px 0 7px 10px;
  padding-left: 9px;
  border-left: 1px solid rgba(49, 49, 49, .25);
}

.ph-wilderness-nav__overview-children .ph-wilderness-nav__descendants--level-2 a {
  color: #b5b5b5;
  font-size: 10px;
}

.ph-wilderness-nav__overview-explore {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin-top: 11px;
  padding: 9px 10px;
  border: 1px solid rgba(49, 49, 49, .28);
  border-radius: 5px;
  background: rgba(49, 49, 49, .1);
  color: #bebebe;
  font-size: 11px;
  font-weight: 750;
  text-align: left;
  cursor: pointer;
}

.ph-wilderness-nav__overview-explore:hover,
.ph-wilderness-nav__overview-explore:focus-visible {
  background: #545454;
  color: #ffffff;
  outline: none;
}

.ph-wilderness-nav__explorer {
  display: grid;
  grid-template-columns: clamp(230px, 22vw, 280px) minmax(0, 1fr);
  align-items: start;
  height: min(620px, calc(100vh - 228px));
  min-height: 470px;
  overflow: hidden;
  background: #1a1a1a;
}

.ph-wilderness-nav__detail {
  --ph-detail-offset: 0px;
  display: grid;
  grid-template-columns: minmax(430px, 1fr) clamp(225px, 21vw, 275px);
  align-self: start;
  min-width: 0;
  min-height: 350px;
  max-height: 100%;
  overflow: hidden;
  border-radius: 0 0 12px 0;
  box-shadow: inset 3px 0 #9d9d9d, 0 18px 42px rgba(0, 0, 0, .28);
  transform: translate3d(0, var(--ph-detail-offset), 0);
  opacity: 1;
  visibility: visible;
  transition: transform .16s ease-out, opacity .12s ease-out, visibility 0s;
  will-change: transform, opacity;
}

.ph-wilderness-nav.is-detail-suspended .ph-wilderness-nav__detail {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(14px, var(--ph-detail-offset), 0);
  transition: transform .14s ease-in, opacity .12s ease-in, visibility 0s .12s;
}

.ph-wilderness-nav.is-detail-suspended .ph-wilderness-nav__department.is-active {
  background: transparent;
  border-left-color: transparent;
  color: #dadada;
}

.ph-wilderness-nav.is-detail-suspended .ph-wilderness-nav__department.is-active svg {
  color: #7f7f7f;
}

.ph-wilderness-nav__departments {
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  background: #1a1a1a;
  border-right: 1px solid #393939;
}

.ph-wilderness-nav__all-categories {
  display: flex;
  align-items: center;
  gap: 7px;
  width: calc(100% - 20px);
  min-height: 38px;
  margin: 10px 10px 2px;
  padding: 0 10px;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  background: #252525;
  color: #e3e3e3;
  font-size: 11px;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

.ph-wilderness-nav__all-categories:hover,
.ph-wilderness-nav__all-categories:focus-visible {
  background: #545454;
  border-color: #9d9d9d;
  color: #ffffff;
  outline: none;
}

.ph-wilderness-nav__all-categories svg {
  width: 16px;
  height: 16px;
}

.ph-wilderness-nav__departments-title {
  padding: 18px 18px 4px;
  color: #979797;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.ph-wilderness-nav__departments-hint {
  padding: 0 18px 12px;
  color: #777777;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: .02em;
  line-height: 1.3;
}

.ph-wilderness-nav__department-list {
  height: calc(100% - 106px);
  padding: 0 10px 18px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #5d5d5d #1a1a1a;
  scrollbar-width: thin;
}

/* Automatic category doorway on the Wilderness121 index. */
.ph-wilderness-home-categories {
  width: min(1320px, calc(100% - 32px));
  margin: 34px auto 42px;
  padding: 25px;
  background: linear-gradient(135deg, #f6f6f6, #efefef);
  border: 1px solid #dddddd;
  border-radius: 14px;
  box-shadow: 0 14px 34px rgba(49, 49, 49, .08);
}

.ph-wilderness-home-categories__heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}

.ph-wilderness-home-categories__heading span:first-child {
  display: block;
  margin-bottom: 4px;
  color: #626262;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ph-wilderness-home-categories__heading h2 {
  margin: 0;
  color: #1e1e1e;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 850;
  letter-spacing: -.035em;
}

.ph-wilderness-home-categories__heading p {
  margin: 7px 0 0;
  color: #6b6b6b;
  font-size: 13px;
}

.ph-wilderness-home-categories__all {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 15px 0 18px;
  border: 1px solid #484848;
  border-radius: 7px;
  background: linear-gradient(135deg, #545454, #3d3d3d);
  color: #ffffff;
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.ph-wilderness-home-categories__all:hover,
.ph-wilderness-home-categories__all:focus-visible {
  background: #303030;
  outline: 3px solid rgba(49, 49, 49, .28);
}

.ph-wilderness-home-categories__all svg {
  width: 18px;
  height: 18px;
}

.ph-wilderness-home-categories__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
}

.ph-wilderness-home-category {
  min-width: 0;
  padding: 0 15px 14px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 9px;
  box-shadow: 0 5px 15px rgba(49, 49, 49, .05);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.ph-wilderness-home-category:hover {
  transform: translateY(-2px);
  border-color: #b7b7b7;
  box-shadow: 0 10px 22px rgba(49, 49, 49, .1);
}

.ph-wilderness-home-category__title {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  margin: 0 -15px 10px;
  padding: 8px 12px;
  border-bottom: 1px solid #e4e4e4;
  color: #242424;
  text-decoration: none;
}

.ph-wilderness-home-category__title:hover,
.ph-wilderness-home-category__title:focus-visible {
  color: #545454;
  outline: none;
  text-decoration: none;
}

.ph-wilderness-home-category__mark {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 9px;
  background: #e9e9e9;
  color: #545454;
}

.ph-wilderness-home-category__mark svg,
.ph-wilderness-home-category__arrow {
  width: 20px;
  height: 20px;
}

.ph-wilderness-home-category__title strong {
  min-width: 0;
  font-size: 14px;
  line-height: 1.2;
}

.ph-wilderness-home-category nav {
  display: grid;
  gap: 4px;
}

.ph-wilderness-home-category nav a,
.ph-wilderness-home-category > p {
  margin: 0;
  padding: 2px 1px;
  color: #646464;
  font-size: 12px;
  line-height: 1.35;
  text-decoration: none;
}

.ph-wilderness-home-category nav a:hover,
.ph-wilderness-home-category nav a:focus-visible {
  color: #545454;
  outline: none;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ph-wilderness-nav__department {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 46px;
  padding: 0;
  border: 0;
  border-left: 3px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: #dadada;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  cursor: default;
}

.ph-wilderness-nav__department-link {
  display: flex;
  align-items: center;
  align-self: stretch;
  min-width: 0;
  padding: 9px 2px 9px 13px;
  color: inherit;
  text-decoration: none;
}

.ph-wilderness-nav__department-link:hover,
.ph-wilderness-nav__department-link:focus-visible {
  color: #ffffff;
  outline: none;
  text-decoration: underline;
  text-decoration-color: #9d9d9d;
  text-underline-offset: 3px;
}

.ph-wilderness-nav__department-open {
  display: grid;
  place-items: center;
  align-self: stretch;
  width: 42px;
  padding: 0;
  border: 0;
  border-radius: 0 5px 5px 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.ph-wilderness-nav__department-open:hover,
.ph-wilderness-nav__department-open:focus-visible {
  background: rgba(49, 49, 49, .13);
  outline: 2px solid #9d9d9d;
  outline-offset: -3px;
}

.ph-wilderness-nav__department svg {
  width: 17px;
  height: 17px;
  color: #7f7f7f;
}

.ph-wilderness-nav__department:hover,
.ph-wilderness-nav__department:focus-visible,
.ph-wilderness-nav__department.is-active {
  background: #2c2c2c;
  border-left-color: #9d9d9d;
  color: #ffffff;
  outline: none;
}

.ph-wilderness-nav__department.is-active svg {
  color: #afafaf;
}

.ph-wilderness-nav__department--direct {
  grid-template-columns: minmax(0, 1fr);
  padding: 9px 11px 9px 13px;
  text-decoration: none;
}

.ph-wilderness-nav__department--direct:hover,
.ph-wilderness-nav__department--direct:focus-visible {
  text-decoration: none;
}

.ph-wilderness-nav__content {
  min-width: 0;
  min-height: 0;
  max-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  background:
    radial-gradient(circle at 100% 0%, rgba(49, 49, 49, .11), transparent 32%),
    #f3f3f3;
  color: #1d1d1d;
  scrollbar-color: #a1a1a1 #f3f3f3;
  scrollbar-width: thin;
}

.ph-wilderness-nav__panel {
  padding: 25px 26px 34px;
}

.ph-wilderness-nav__panel-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
  padding-bottom: 17px;
  border-bottom: 1px solid #dcdcdc;
}

.ph-wilderness-nav__panel-heading span {
  display: block;
  margin-bottom: 4px;
  color: #6e6e6e;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ph-wilderness-nav__panel-heading h2 {
  margin: 0;
  color: #1e1e1e;
  font-size: clamp(24px, 2vw, 32px);
  font-weight: 850;
  letter-spacing: -.035em;
  line-height: 1;
}

.ph-wilderness-nav__view-all {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 7px 8px 7px 14px;
  background: linear-gradient(135deg, #545454, #3d3d3d);
  border: 1px solid #4a4a4a;
  border-radius: 8px;
  box-shadow: 0 8px 19px rgba(49, 49, 49, .18);
  color: #ffffff;
  text-decoration: none;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ph-wilderness-nav__view-all-copy,
.ph-wilderness-nav__view-all-copy small,
.ph-wilderness-nav__view-all-copy strong {
  display: block;
}

.ph-wilderness-nav__view-all-copy small {
  margin-bottom: 2px;
  color: #cfcfcf;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .1em;
  line-height: 1;
  text-transform: uppercase;
}

.ph-wilderness-nav__view-all-copy strong {
  color: #ffffff;
  font-size: 11.5px;
  font-weight: 850;
  line-height: 1.15;
}

.ph-wilderness-nav__view-all-arrow {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
}

.ph-wilderness-nav__view-all-arrow svg {
  width: 16px;
  height: 16px;
}

.ph-wilderness-nav__view-all:hover,
.ph-wilderness-nav__view-all:focus-visible {
  background: linear-gradient(135deg, #636363, #494949);
  border-color: #919191;
  box-shadow: 0 11px 24px rgba(49, 49, 49, .26);
  color: #ffffff;
  outline: none;
  transform: translateY(-1px);
}

.ph-wilderness-nav__category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}

.ph-wilderness-nav__category-card {
  min-width: 0;
  padding: 0;
  background: rgba(255, 255, 255, .86);
  border: 1px solid #dcdcdc;
  border-radius: 9px;
  box-shadow: 0 5px 14px rgba(49, 49, 49, .045);
  overflow: hidden;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ph-wilderness-nav__category-card:hover {
  border-color: #a2a2a2;
  box-shadow: 0 9px 24px rgba(49, 49, 49, .1);
  transform: translateY(-1px);
}

.ph-wilderness-nav__category-title {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  padding: 11px 12px;
  color: #252525;
  line-height: 1.2;
  text-decoration: none;
}

.ph-wilderness-nav__category-title img {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 6px;
  object-fit: cover;
}

.ph-wilderness-nav__category-mark {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: linear-gradient(145deg, #ebebeb, #e2e2e2);
  color: #545454;
}

.ph-wilderness-nav__category-mark svg {
  width: 23px;
  height: 23px;
}

.ph-wilderness-nav__category-label {
  min-width: 0;
}

.ph-wilderness-nav__category-label strong,
.ph-wilderness-nav__category-label small {
  display: block;
}

.ph-wilderness-nav__category-label strong {
  color: inherit;
  font-size: 14px;
  font-weight: 850;
}

.ph-wilderness-nav__category-label small {
  margin-top: 4px;
  color: #7b7b7b;
  font-size: 10.5px;
  font-weight: 650;
}

.ph-wilderness-nav__category-arrow {
  width: 17px;
  height: 17px;
  color: #7a7a7a;
}

.ph-wilderness-nav__category-title:hover,
.ph-wilderness-nav__category-title:focus-visible {
  color: #545454;
  outline: none;
}

.ph-wilderness-nav__category-card ul {
  margin: 0 12px 12px;
  padding: 8px 0 0;
  border-top: 1px solid #e6e6e6;
  list-style: none;
}

.ph-wilderness-nav__category-card li {
  margin: 0;
}

.ph-wilderness-nav__category-card li a {
  display: block;
  padding: 5px 4px;
  color: #5a5a5a;
  font-size: 12.5px;
  line-height: 1.3;
  text-decoration: none;
}

.ph-wilderness-nav__category-card li a:hover,
.ph-wilderness-nav__category-card li a:focus-visible {
  color: #474747;
  text-decoration: underline;
  outline: none;
}

.ph-wilderness-nav__descendants--level-2,
.ph-wilderness-nav__descendants--level-3,
.ph-wilderness-nav__descendants--level-4 {
  margin-left: 8px !important;
  padding-left: 9px !important;
  border-left: 1px solid #dfdfdf;
}

.ph-wilderness-nav__descendants--level-2 a,
.ph-wilderness-nav__descendants--level-3 a,
.ph-wilderness-nav__descendants--level-4 a {
  font-size: 12px !important;
  color: #6d6d6d !important;
}

.ph-wilderness-nav__direct {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
}

.ph-wilderness-nav__direct p {
  margin: 0;
  color: #626262;
}

.ph-wilderness-nav__direct a {
  flex: 0 0 auto;
  padding: 11px 16px;
  background: #545454;
  border-radius: 5px;
  color: #ffffff;
  font-weight: 800;
  text-decoration: none;
}

.ph-wilderness-nav__filter-paths {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid #dcdcdc;
}

.ph-wilderness-nav__filter-paths-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 13px;
}

.ph-wilderness-nav__filter-paths-heading span {
  color: #242424;
  font-size: 17px;
  font-weight: 850;
}

.ph-wilderness-nav__filter-paths-heading small {
  color: #717171;
  font-size: 10px;
  font-weight: 700;
}

.ph-wilderness-nav__filter-path-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ph-wilderness-nav__filter-path-grid a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 11px 8px 13px;
  background: #e9e9e9;
  border: 1px solid #cacaca;
  border-radius: 999px;
  color: #3c3c3c;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.ph-wilderness-nav__filter-path-grid a svg {
  width: 17px;
  height: 17px;
}

.ph-wilderness-nav__filter-path-grid a:hover,
.ph-wilderness-nav__filter-path-grid a:focus-visible {
  background: #545454;
  border-color: #545454;
  color: #ffffff;
  outline: none;
}

.ph-wilderness-nav__feature {
  position: relative;
  min-width: 0;
  min-height: 350px;
  max-height: 100%;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(49, 49, 49, .18), transparent 38%),
    linear-gradient(155deg, #2b2b2b 0%, #161616 74%);
  border-left: 1px solid #3c3c3c;
  color: #eeeeee;
}

.ph-wilderness-nav__feature::after {
  position: absolute;
  right: -45px;
  bottom: -55px;
  width: 175px;
  height: 175px;
  border: 1px solid rgba(49, 49, 49, .11);
  border-radius: 50%;
  box-shadow:
    0 0 0 22px rgba(49, 49, 49, .035),
    0 0 0 48px rgba(49, 49, 49, .025);
  content: '';
  pointer-events: none;
}

.ph-wilderness-nav__feature-panel {
  position: relative;
  z-index: 1;
  min-height: 350px;
  height: 100%;
  padding: 18px 18px 58px;
}

.ph-wilderness-nav__feature-intro > strong {
  display: block;
  max-width: 205px;
  color: #ffffff;
  font-size: 17px;
  font-weight: 850;
  letter-spacing: -.025em;
  line-height: 1.12;
}

.ph-wilderness-nav__brand-kicker {
  display: block;
  margin-bottom: 8px;
  color: #afafaf;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .13em;
  line-height: 1.5;
  text-transform: uppercase;
}

.ph-wilderness-nav__brand > strong {
  display: block;
  color: #ffffff;
  font-size: 23px;
  font-weight: 850;
  letter-spacing: -.03em;
  line-height: 1.12;
}

.ph-wilderness-nav__bestsellers {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.ph-wilderness-nav__bestsellers-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.ph-wilderness-nav__bestsellers-heading > div:first-child > span,
.ph-wilderness-nav__bestsellers-heading > div:first-child > strong {
  display: block;
}

.ph-wilderness-nav__bestsellers-heading > div:first-child > span {
  color: #afafaf;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ph-wilderness-nav__bestsellers-heading > div:first-child > strong {
  margin-top: 4px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

.ph-wilderness-nav__carousel-controls {
  display: flex;
  gap: 5px;
}

.ph-wilderness-nav__carousel-controls button {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  background: rgba(255, 255, 255, .06);
  color: #ffffff;
  cursor: pointer;
}

.ph-wilderness-nav__carousel-controls button:hover,
.ph-wilderness-nav__carousel-controls button:focus-visible {
  background: #616161;
  border-color: #afafaf;
  outline: none;
}

.ph-wilderness-nav__carousel-controls svg {
  width: 15px;
  height: 15px;
}

.ph-wilderness-nav__product-slide > a {
  display: block;
  padding: 8px;
  background: #f5f5f5;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 10px;
  color: #1e1e1e;
  text-decoration: none;
  box-shadow: 0 12px 27px rgba(0, 0, 0, .22);
}

.ph-wilderness-nav__product-slide > a:hover,
.ph-wilderness-nav__product-slide > a:focus-visible {
  background: #ffffff;
  box-shadow: 0 15px 32px rgba(0, 0, 0, .3);
  outline: 2px solid #afafaf;
  outline-offset: 2px;
}

.ph-wilderness-nav__product-image {
  display: grid;
  place-items: center;
  height: 96px;
  overflow: hidden;
  background: #ffffff;
  border-radius: 7px;
  color: #545454;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .08em;
}

.ph-wilderness-nav__product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ph-wilderness-nav__product-slide small {
  display: block;
  margin-top: 10px;
  color: #777777;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ph-wilderness-nav__product-slide strong {
  display: -webkit-box;
  margin-top: 4px;
  overflow: hidden;
  color: #1e1e1e;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ph-wilderness-nav__product-cta {
  display: block;
  margin-top: 9px;
  color: #545454;
  font-size: 10.5px;
  font-weight: 850;
}

.ph-wilderness-nav__carousel-status {
  margin-top: 8px;
  color: #a8a8a8;
  font-size: 10px;
  font-weight: 750;
  text-align: center;
}

.ph-wilderness-nav__feature-promise {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.ph-wilderness-nav__feature-promise > span {
  color: #afafaf;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ph-wilderness-nav__feature-promise > strong {
  display: block;
  margin-top: 8px;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.15;
}

.ph-wilderness-nav__feature-promise > p {
  color: #c4c4c4;
  font-size: 12px;
  line-height: 1.5;
}

.ph-wilderness-nav__brand > p {
  margin: 18px 0 21px;
  color: #c4c4c4;
  font-size: 12.5px;
  line-height: 1.55;
}

.ph-wilderness-nav__brand > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ph-wilderness-nav__brand > ul li {
  position: relative;
  margin: 0;
  padding: 10px 0 10px 25px;
  border-top: 1px solid rgba(255, 255, 255, .09);
  color: #e8e8e8;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.ph-wilderness-nav__brand > ul li::before {
  position: absolute;
  top: 13px;
  left: 2px;
  width: 12px;
  height: 7px;
  border-bottom: 2px solid #a5a5a5;
  border-left: 2px solid #a5a5a5;
  content: '';
  transform: rotate(-45deg);
}

.ph-wilderness-nav__brand-signoff {
  position: absolute;
  right: 18px;
  bottom: 14px;
  left: 18px;
  z-index: 1;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, .14);
}

.ph-wilderness-nav__brand-signoff span,
.ph-wilderness-nav__brand-signoff small {
  display: block;
}

.ph-wilderness-nav__brand-signoff span {
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}

.ph-wilderness-nav__brand-signoff small {
  margin-top: 4px;
  color: #afafaf;
  font-size: 11px;
}

.ph-wilderness-nav__search-results {
  height: min(620px, calc(100vh - 228px));
  min-height: 470px;
  padding: 25px 28px 34px;
  overflow-y: auto;
  background: #f3f3f3;
  color: #1d1d1d;
}

.ph-wilderness-nav__results-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #dadada;
}

.ph-wilderness-nav__results-heading strong {
  font-size: 20px;
}

.ph-wilderness-nav__results-heading span {
  display: grid;
  place-items: center;
  min-width: 30px;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #545454;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
}

.ph-wilderness-nav__results-heading span:empty {
  display: none;
}

.ph-wilderness-nav__results-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ph-wilderness-nav__result-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 10px 13px;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  color: #323232;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
  text-decoration: none;
}

.ph-wilderness-nav__result-link span {
  color: #545454;
  font-size: 21px;
}

.ph-wilderness-nav__result-link:hover,
.ph-wilderness-nav__result-link:focus-visible {
  border-color: #8d8d8d;
  box-shadow: 0 5px 16px rgba(49, 49, 49, .1);
  color: #464646;
  outline: none;
}

.ph-wilderness-nav__no-results {
  margin: 30px 0 0;
  padding: 24px;
  background: #ffffff;
  border: 1px dashed #c0c0c0;
  border-radius: 8px;
  color: #626262;
  text-align: center;
}

@media (max-width: 1399.98px) and (min-width: 1200px) {
  .ph-wilderness-nav__rail-promise {
    display: none;
  }

  .ph-wilderness-nav__drawer {
    width: min(1240px, calc(100vw - 18px));
  }

  .ph-wilderness-nav__explorer {
    grid-template-columns: 225px minmax(0, 1fr);
  }

  .ph-wilderness-nav__detail {
    grid-template-columns: minmax(420px, 1fr) 225px;
  }

  .ph-wilderness-nav__feature-panel {
    padding-inline: 17px;
  }

  .ph-wilderness-nav__product-image {
    height: 92px;
  }

  .ph-wilderness-nav__quick a {
    padding-inline: 13px;
    font-size: 11px;
  }

  .ph-wilderness-nav__overview-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1199.98px) {
  .ph-wilderness-nav {
    z-index: 9100;
  }

  .ph-wilderness-nav__rail {
    min-height: 46px;
  }

  .ph-wilderness-nav__trigger {
    flex: 0 0 48px;
    justify-content: center;
    width: 48px;
    min-height: 46px;
    padding: 0;
  }

  .ph-wilderness-nav__trigger > span:not(.ph-wilderness-nav__hamburger),
  .ph-wilderness-nav__trigger-arrow {
    display: none;
  }

  .ph-wilderness-nav__quick {
    display: none;
  }

  .ph-wilderness-nav__rail-promise,
  .ph-wilderness-nav__feature {
    display: none;
  }

  .ph-wilderness-nav__backdrop {
    z-index: 1;
  }

  .ph-wilderness-nav__drawer {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 2;
    width: min(92vw, 440px);
    max-height: none;
    height: 100dvh;
    border: 0;
    border-right: 1px solid #3b3b3b;
    border-radius: 0;
    box-shadow: 28px 0 70px rgba(0, 0, 0, .58);
  }

  .ph-wilderness-nav__drawer-header {
    grid-template-columns: minmax(0, 1fr) 42px;
    gap: 12px;
    min-height: 132px;
    padding: 13px 14px;
  }

  .ph-wilderness-nav__heading {
    grid-column: 1;
    grid-row: 1;
  }

  .ph-wilderness-nav__heading strong {
    font-size: 18px;
  }

  .ph-wilderness-nav__search {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .ph-wilderness-nav__close {
    grid-column: 2;
    grid-row: 1;
  }

  .ph-wilderness-nav__back {
    display: none;
    align-items: center;
    gap: 4px;
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    min-height: 40px;
    padding: 0 9px 0 4px;
    border: 0;
    background: transparent;
    color: #ebebeb;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
  }

  .ph-wilderness-nav__back svg {
    width: 20px;
    height: 20px;
  }

  .ph-wilderness-nav.is-mobile-panel-open .ph-wilderness-nav__back {
    display: flex;
  }

  .ph-wilderness-nav.is-mobile-panel-open .ph-wilderness-nav__heading {
    display: none;
  }

  .ph-wilderness-nav__explorer,
  .ph-wilderness-nav__overview,
  .ph-wilderness-nav__search-results {
    height: calc(100dvh - 132px);
    min-height: 0;
  }

  .ph-wilderness-nav__overview {
    padding: 18px 14px 28px;
  }

  .ph-wilderness-nav__overview-heading {
    display: block;
  }

  .ph-wilderness-nav__overview-heading strong {
    font-size: 22px;
  }

  .ph-wilderness-nav__overview-heading small {
    display: block;
    margin-top: 6px;
    text-align: left;
  }

  .ph-wilderness-nav__overview-grid {
    grid-template-columns: 1fr;
  }

  .ph-wilderness-nav__explorer {
    display: block;
  }

  .ph-wilderness-nav__detail {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    overflow: hidden;
    border-radius: 0;
    box-shadow: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: none;
  }

  .ph-wilderness-nav__departments {
    width: 100%;
    height: 100%;
    border-right: 0;
  }

  .ph-wilderness-nav__department-list {
    height: calc(100% - 86px);
  }

  .ph-wilderness-nav__departments-hint {
    display: none;
  }

  .ph-wilderness-nav__content {
    display: none;
    width: 100%;
    height: 100%;
  }

  .ph-wilderness-nav.is-mobile-panel-open .ph-wilderness-nav__departments {
    display: none;
  }

  .ph-wilderness-nav.is-mobile-panel-open .ph-wilderness-nav__content {
    display: block;
  }

  .ph-wilderness-nav__panel {
    padding: 20px 17px 30px;
  }

  .ph-wilderness-nav__panel-heading {
    display: block;
  }

  .ph-wilderness-nav__panel-heading h2 {
    font-size: 27px;
  }

  .ph-wilderness-nav__view-all {
    margin-top: 14px;
  }

  .ph-wilderness-nav__category-grid,
  .ph-wilderness-nav__brand-grid,
  .ph-wilderness-nav__filter-path-grid,
  .ph-wilderness-nav__results-grid {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ph-wilderness-nav__category-card {
    padding: 0;
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
  }

  .ph-wilderness-nav__category-card li a {
    min-height: 38px;
    display: flex;
    align-items: center;
    border-top: 1px solid #eeeeee;
  }

  .ph-wilderness-nav__search-results {
    padding: 18px 14px 28px;
  }

  .ph-wilderness-home-categories {
    width: min(100% - 24px, 720px);
    margin-block: 24px 32px;
    padding: 18px;
  }

  .ph-wilderness-home-categories__heading {
    align-items: flex-start;
  }

  .ph-wilderness-home-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639.98px) {
  .ph-wilderness-home-categories__heading {
    display: block;
  }

  .ph-wilderness-home-categories__all {
    width: 100%;
    justify-content: center;
    margin-top: 16px;
  }

  .ph-wilderness-home-categories__grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ph-wilderness-nav *,
  .ph-wilderness-nav *::before,
  .ph-wilderness-nav *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

/* 1.8.11: keep desktop storefront visible behind the category menu.
   Preserve the backdrop hit area for click-outside dismissal. */
@media (min-width: 1200px) {
  .ph-wilderness-nav__backdrop {
    background: transparent;
  }
}

/* v1.9.2: shop-wide, faceted Find It Fast entry in the Wilderness category explorer. */
.ph-wilderness-nav__find-fast {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 18px;
  margin: 0 0 21px;
  border: 1px solid #5c5c5c;
  border-left: 4px solid #909090;
  border-radius: 12px;
  background: linear-gradient(110deg, #222222, #3b3b3b);
  color: #ffffff;
  text-decoration: none;
  box-shadow: 0 8px 19px rgba(49, 49, 49, .13);
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}
.ph-wilderness-nav__find-fast:hover,
.ph-wilderness-nav__find-fast:focus-visible {
  color: #ffffff;
  text-decoration: none;
  border-color: #a3a3a3;
  transform: translateY(-1px);
  background: linear-gradient(110deg, #313131, #4f4f4f);
}
.ph-wilderness-nav__find-fast:focus-visible { outline: 3px solid #a1a1a1; outline-offset: 2px; }
.ph-wilderness-nav__find-fast-icon { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: rgba(255, 255, 255,.1); font-size: 31px; line-height: 1; }
.ph-wilderness-nav__find-fast-copy { display: flex; flex-direction: column; min-width: 0; gap: 3px; }
.ph-wilderness-nav__find-fast-copy strong { font-size: 16px; line-height: 1.3; color: #ffffff; font-weight: 800; }
.ph-wilderness-nav__find-fast-copy small { color: #d8d8d8; font-size: 12px; line-height: 1.45; }
.ph-wilderness-nav__find-fast-arrow { margin-left: auto; color: #d1d1d1; font-size: 24px; }
@media (max-width: 640px) {
 .ph-wilderness-nav__find-fast { padding: 12px; gap: 10px; }
 .ph-wilderness-nav__find-fast-icon { width: 32px; height: 32px; flex-basis: 32px; }
 .ph-wilderness-nav__find-fast-copy strong { font-size: 14px; }
 .ph-wilderness-nav__find-fast-copy small { font-size: 11px; }
}

/* v1.9.3 — One clear catalogue doorway: no redundant yellow intro. */
.ph-wilderness-nav__overview { padding-top: 15px; }
.ph-wilderness-nav__find-fast {
  margin-bottom: 15px;
  padding: 17px 19px;
  background: linear-gradient(115deg, #242424 0%, #373737 100%);
  border-color: #717171;
  border-left-color: #949494;
  box-shadow: 0 6px 16px rgba(49, 49, 49, .1);
}
.ph-wilderness-nav__find-fast-icon { color: #d1d1d1; }
.ph-wilderness-nav__find-fast-copy strong { font-size: 17px; }
.ph-wilderness-nav__find-fast-copy small { font-size: 12px; }
@media (max-width: 640px) {
  .ph-wilderness-nav__overview { padding-top: 12px; }
  .ph-wilderness-nav__find-fast { margin-bottom: 12px; padding: 14px 12px; }
  .ph-wilderness-nav__find-fast-copy strong { font-size: 15px; }
}

/* v1.9.6 — Search bar: override theme form-control styling and remove empty button slot. */
.ph-wilderness-nav .ph-wilderness-nav__search {
  display: flex;
  align-items: center;
  gap: 0;
  box-sizing: border-box;
  height: 48px;
  min-height: 48px;
  padding: 0;
  background: #ffffff;
  border: 1px solid #d5d5d5;
  border-radius: 8px;
  overflow: hidden;
}
.ph-wilderness-nav .ph-wilderness-nav__search > svg {
  display: block;
  flex: 0 0 42px;
  width: 21px;
  height: 21px;
  padding: 0 10px;
  box-sizing: content-box;
  color: #5b5b5b;
}
.ph-wilderness-nav .ph-wilderness-nav__search input[type='search'] {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  height: 46px;
  min-height: 0;
  margin: 0;
  padding: 0 12px;
  box-sizing: border-box;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0;
  box-shadow: none !important;
  background: #ffffff !important;
  color: #1b1b1b !important;
  -webkit-text-fill-color: #1b1b1b;
  font: inherit;
  font-size: 14px;
  line-height: normal;
  -webkit-appearance: none;
  appearance: none;
}
.ph-wilderness-nav .ph-wilderness-nav__search input[type='search']::placeholder {
  color: #707070 !important;
  -webkit-text-fill-color: #707070;
  opacity: 1;
}
.ph-wilderness-nav .ph-wilderness-nav__search button[data-ph-wilderness-search-clear] {
  display: none;
  flex: 0 0 40px;
  width: 40px;
  height: 46px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
  color: #5f5f5f;
  cursor: pointer;
}
.ph-wilderness-nav.has-search .ph-wilderness-nav__search button[data-ph-wilderness-search-clear] {
  display: grid;
  place-items: center;
}

/* 1.9.7: the desktop shortcut rail has a home in the mobile drawer. */
.ph-wilderness-nav__mobile-shortcuts,
.ph-wilderness-nav__mobile-category-heading { display: none; }
@media (max-width: 1199.98px) {
  .ph-wilderness-nav__mobile-shortcuts {
    display: grid;
    gap: 8px;
    margin: 0 0 20px;
  }
  .ph-wilderness-nav__mobile-shortcuts a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 48px;
    padding: 12px 16px;
    border: 1px solid #cfcfcf;
    border-left: 4px solid #8c8c8c;
    border-radius: 8px;
    background: #2e2e2e;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
    text-decoration: none;
    box-sizing: border-box;
  }
  .ph-wilderness-nav__mobile-shortcuts a > span:first-child { min-width: 0; overflow-wrap: anywhere; }
  .ph-wilderness-nav__mobile-shortcuts a:hover,
  .ph-wilderness-nav__mobile-shortcuts a:focus-visible { background: #414141; color: #ffffff; }
  .ph-wilderness-nav__mobile-shortcuts a:focus-visible { outline: 3px solid #9b9b9b; outline-offset: 2px; }
  .ph-wilderness-nav__mobile-category-heading {
    display: block;
    margin: 0 0 12px;
    color: inherit;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
}

/* 1.9.8: theme link rules must not darken mobile shortcut labels/arrows. */
@media (max-width: 1199.98px) {
  body .ph-wilderness-nav .ph-wilderness-nav__mobile-shortcuts a,
  body .ph-wilderness-nav .ph-wilderness-nav__mobile-shortcuts a:link,
  body .ph-wilderness-nav .ph-wilderness-nav__mobile-shortcuts a:visited,
  body .ph-wilderness-nav .ph-wilderness-nav__mobile-shortcuts a:hover,
  body .ph-wilderness-nav .ph-wilderness-nav__mobile-shortcuts a:focus,
  body .ph-wilderness-nav .ph-wilderness-nav__mobile-shortcuts a:active,
  body .ph-wilderness-nav .ph-wilderness-nav__mobile-shortcuts a > span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
  }
  body .ph-wilderness-nav .ph-wilderness-nav__mobile-shortcuts a {
    background: #2e2e2e !important;
  }
  body .ph-wilderness-nav .ph-wilderness-nav__mobile-shortcuts a:hover,
  body .ph-wilderness-nav .ph-wilderness-nav__mobile-shortcuts a:focus-visible {
    background: #414141 !important;
  }
}

/* 1.9.9: direct aisle entrances; no nested cards or expanding grid rows. */
.ph-home-aisles { box-sizing:border-box; width:min(1320px, calc(100% - 32px)); margin:18px auto 24px; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
.ph-home-aisles__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.ph-home-aisles a.ph-home-aisles__card { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; min-height:68px; padding:14px; border:1px solid #5d5d5d; border-top:3px solid #878787; border-radius:9px; background:#292929; color:#f8f8f8; font-size:15px; line-height:1.3; font-weight:750; text-decoration:none; overflow-wrap:anywhere; }
.ph-home-aisles__card > span { min-width:0; }
.ph-home-aisles a.ph-home-aisles__card:hover { background:#424242; color:#ffffff; }
.ph-home-aisles a:focus-visible { outline:3px solid #787878; outline-offset:3px; }
.ph-wilderness-nav__overview-card-heading { padding:0; flex:1; grid-template-columns:minmax(0,1fr); }
.ph-wilderness-nav__overview-card-heading > a { display:flex; align-items:center; width:100%; min-height:70px; padding:16px; color:#f8f8f8; }
.ph-wilderness-nav__overview-card-heading > a:focus-visible { outline:3px solid #b6b6b6; outline-offset:-4px; }
@media(max-width:1100px) { .ph-home-aisles__grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:800px) { .ph-home-aisles__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .ph-home-aisles { width:calc(100% - 24px); padding:0; margin:12px auto 18px; } .ph-home-aisles__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .ph-home-aisles a.ph-home-aisles__card { padding:12px; font-size:14px; } }

/* 1.9.10: compact, unframed homepage grid with a direct Shop All Gear card. */
.ph-home-aisles a.ph-home-aisles__card--all { background:#787878; border-color:#999999; color:#ffffff; }
.ph-home-aisles a.ph-home-aisles__card--all:hover { background:#636363; color:#ffffff; }
.ph-home-aisles a.ph-home-aisles__card:focus-visible { outline:3px solid #b6b6b6; outline-offset:3px; }

/* Classic Mercedes Precision, 1.9.12. Header rail owns its responsive layout. */
.ph-classic-nav {flex:0 0 100%;order:100;width:100%;padding:0;grid-column:1/-1;color:#232323;border:0;font-family:inherit;text-align:left;}
.cmp-header-main .cmp-header-row > .ph-classic-nav {margin-top:0;margin-bottom:0;padding:0;}
.ph-classic-nav .ph-wilderness-nav__rail {background:#1d1d1d;min-height:56px;border-bottom:2px solid #6e6e6e;}
.ph-classic-nav .ph-wilderness-nav__trigger {flex-basis:270px;min-height:56px;background:#363636;font-weight:650;letter-spacing:.06em;font-size:11px;}
.ph-classic-nav .ph-wilderness-nav__trigger:hover,.ph-classic-nav.is-open .ph-wilderness-nav__trigger {background:#494949;}
.ph-classic-nav .ph-wilderness-nav__quick a {font-size:11px;font-weight:600;letter-spacing:.035em;text-transform:none;}
.ph-classic-nav .ph-wilderness-nav__rail-promise {color:#cdcdcd;font-size:9px;font-weight:500;letter-spacing:.08em;}
.ph-classic-nav .ph-wilderness-nav__drawer {width:100%;max-height:min(780px,calc(100dvh - 20px));border:1px solid #c3c3c3;border-top:0;border-radius:0 0 6px 6px;background:#f2f2f2;box-shadow:0 30px 70px #13131355;}
.ph-classic-nav .ph-wilderness-nav__drawer-header {padding:25px 28px;background:linear-gradient(115deg,#232323,#2d2d2d);border-bottom:1px solid #5c5c5c;grid-template-columns:minmax(240px,.9fr) minmax(280px,1.1fr) 42px;}
.ph-classic-nav .ph-wilderness-nav__eyebrow {font-size:9px;letter-spacing:.16em;font-weight:600;color:#cdcdcd;margin-bottom:8px;}
.ph-classic-nav .ph-wilderness-nav__heading strong {font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.035em;color:white;}
.ph-classic-nav .ph-wilderness-nav__search {border-radius:3px;border:1px solid #c6c6c6;background:#ffffff;color:#474747;}
.ph-classic-nav .ph-wilderness-nav__search:focus-within {outline:3px solid #a4a4a4;outline-offset:3px;}
.ph-classic-nav .ph-wilderness-nav__search input[type='search'] {font-size:13px;color:#2f2f2f;}
.ph-classic-nav .ph-wilderness-nav__search input[type='search']::placeholder {color:#646464;}
.ph-classic-nav .ph-wilderness-nav__close {border-radius:3px;background:transparent;border-color:#818181;color:white;}
.ph-classic-nav .ph-wilderness-nav__overview {height:auto;min-height:0;max-height:calc(100dvh - 330px);padding:24px 28px 28px;background:#f2f2f2;scrollbar-color:#ababab #f2f2f2;}
.ph-classic-nav .ph-wilderness-nav__find-fast {position:relative;overflow:hidden;min-height:86px;margin:0 0 28px;padding:20px 24px;border:1px solid #606060;border-left:3px solid #a8a8a8;border-radius:3px;background:linear-gradient(110deg,#363636,#282828);box-shadow:none;gap:18px;}
.ph-classic-nav .ph-wilderness-nav__find-fast::after {content:'';position:absolute;right:65px;top:-60px;width:190px;height:190px;border:1px solid #8e8e8e33;border-radius:50%;box-shadow:0 0 0 12px #8e8e8e0a,0 0 0 30px #8e8e8e08;pointer-events:none;}
.ph-classic-nav .ph-wilderness-nav__find-fast:hover {background:#474747;border-color:#bdbdbd;transform:none;}
.ph-classic-nav .ph-wilderness-nav__find-fast-icon {border-radius:0;background:transparent;color:#e0e0e0;}
.ph-classic-nav .ph-wilderness-nav__find-fast-copy strong {font-size:20px;font-weight:500;letter-spacing:-.02em;}
.ph-classic-nav .ph-wilderness-nav__find-fast-copy small {font-size:12px;font-weight:400;color:#d2d2d2;}
.ph-classic-nav .ph-wilderness-nav__find-fast-arrow {color:#e0e0e0;}
.ph-classic-nav__section-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;}
.ph-classic-nav__section-heading > div > span {font-size:9px;font-weight:700;letter-spacing:.17em;color:#656565;}
.ph-classic-nav__section-heading h2 {margin:7px 0 0;color:#2a2a2a;font-size:25px;line-height:1.2;letter-spacing:-.035em;font-weight:500;text-transform:none;}
.ph-classic-nav__count {font-size:11px;color:#616161;white-space:nowrap;padding-bottom:3px;}
.ph-classic-nav .ph-wilderness-nav__overview-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.ph-classic-nav .ph-wilderness-nav__overview-card {min-height:130px;padding:0;border:1px solid #d0d0d0;border-top:2px solid #b6b6b6;border-radius:3px;background:linear-gradient(120deg,#ffffff,#fbfbfb);box-shadow:0 3px 10px #2c2c2c09;color:#2b2b2b;}
.ph-classic-nav .ph-wilderness-nav__overview-card::after {display:none;}
.ph-classic-nav .ph-wilderness-nav__overview-card:hover,.ph-classic-nav .ph-wilderness-nav__overview-card:focus-within {border-color:#6b6b6b;border-top-color:#454545;transform:translateY(-2px);box-shadow:0 7px 20px #2c2c2c12;}
.ph-classic-nav .ph-wilderness-nav__overview-card-heading {display:flex;padding:0;min-width:0;}
.ph-classic-nav .ph-wilderness-nav__overview-card-heading > a {flex:1;min-width:0;min-height:130px;padding:16px 18px;color:#2b2b2b;font-weight:500;text-decoration:none;}
.ph-classic-nav__card-copy {display:flex;flex-direction:column;gap:10px;width:100%;}
.ph-classic-nav__index {font-size:10px;font-weight:500;letter-spacing:.12em;color:#787878;}
.ph-classic-nav__card-copy strong {font-size:17px;line-height:1.25;font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere;color:#2b2b2b;}
.ph-classic-nav__card-copy small {font-size:10px;font-weight:500;color:#656565;}
.ph-classic-nav__card-copy small span {margin-left:5px;}
.ph-classic-nav__explore {align-self:stretch;flex:0 0 40px;width:40px;display:grid;place-items:center;background:transparent;border:0;border-left:1px solid #e7e7e7;color:#555555;cursor:pointer;padding:8px;}
.ph-classic-nav__explore svg {width:20px;height:20px;}
.ph-classic-nav__explore:hover {background:#ebebeb;color:#343434;}
.ph-classic-nav .ph-wilderness-nav__departments {background:#efefef;}
.ph-classic-nav .ph-wilderness-nav__content {background:#fafafa;}
.ph-classic-nav .ph-wilderness-nav__category-card {border-radius:3px;}
.ph-classic-nav .ph-wilderness-nav__feature {background:linear-gradient(145deg,#363636,#232323);}
.ph-classic-nav .ph-wilderness-nav__brand-kicker {color:#cdcdcd;}
.ph-classic-nav .ph-wilderness-nav__product-image {background:#ffffff;border-radius:2px;}
.ph-classic-nav .ph-wilderness-nav__view-all {border-radius:3px;}
.ph-classic-nav :is(a,button):focus-visible {outline:3px solid #818181;outline-offset:-3px;}
.ph-classic-nav .ph-wilderness-nav__search-results {background:#f2f2f2;}
.ph-classic-nav .ph-wilderness-nav__result-link {border-radius:3px;}
@media(min-width:1200px){.ph-classic-nav .ph-wilderness-nav__backdrop {top:0;}.ph-classic-nav .ph-wilderness-nav__rail {z-index:3;}}
@media(max-width:1199.98px){
 .ph-classic-nav .ph-wilderness-nav__rail {min-height:48px;}
 .ph-classic-nav .ph-wilderness-nav__trigger {flex:1;width:auto;justify-content:flex-start;min-height:48px;padding:0 18px;}
 .ph-classic-nav .ph-wilderness-nav__trigger > span:not(.ph-wilderness-nav__hamburger),.ph-classic-nav .ph-wilderness-nav__trigger-arrow {display:block;}
 .ph-classic-nav .ph-wilderness-nav__drawer {width:min(94vw,520px);height:100dvh;max-height:none;border-radius:0;}
 .ph-classic-nav .ph-wilderness-nav__drawer-header {padding:22px 18px 18px;grid-template-columns:minmax(0,1fr) 42px;gap:16px;}
 .ph-classic-nav .ph-wilderness-nav__heading strong {font-size:23px;}
 .ph-classic-nav .ph-wilderness-nav__eyebrow {font-size:8px;letter-spacing:.1em;}
 .ph-classic-nav .ph-wilderness-nav__overview {height:calc(100dvh - 158px);max-height:none;min-height:0;padding:18px;}
 .ph-classic-nav .ph-wilderness-nav__find-fast {padding:18px 14px;gap:8px;margin-bottom:24px;}
 .ph-classic-nav .ph-wilderness-nav__find-fast-copy strong {font-size:18px;}
 .ph-classic-nav .ph-wilderness-nav__find-fast-copy small {font-size:11px;}
 .ph-classic-nav .ph-wilderness-nav__overview-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .ph-classic-nav .ph-wilderness-nav__overview-card-heading > a {padding:13px 12px;min-height:128px;}
 .ph-classic-nav__explore {flex-basis:32px;width:32px;padding:6px;}
 .ph-classic-nav__card-copy strong {font-size:15px;}
 .ph-classic-nav__section-heading h2 {font-size:22px;}
 .ph-classic-nav__section-heading {align-items:flex-start;}
 .ph-classic-nav__count {font-size:10px;padding-top:2px;}
 .ph-classic-nav .ph-wilderness-nav__mobile-shortcuts {display:none;}
 .ph-classic-nav .ph-wilderness-nav__mobile-category-heading {display:none;}
 .ph-classic-nav .ph-wilderness-nav__search-results {height:calc(100dvh - 158px);}
}
@media(max-width:359px){.ph-classic-nav .ph-wilderness-nav__overview-grid {grid-template-columns:1fr;}.ph-classic-nav__section-heading {display:block;}.ph-classic-nav__count {display:block;margin-top:9px;}}
/* Reset legacy card margins and dark sidebar colours for the silver edition. */
.ph-classic-nav .ph-wilderness-nav__overview-card-heading {margin:0;}
.ph-classic-nav .ph-wilderness-nav__overview-card-heading > .ph-classic-nav__explore {align-self:stretch;flex:0 0 40px;width:40px;height:auto;margin:0;padding:8px;border:0;border-left:1px solid #e7e7e7;border-radius:0;background:transparent;color:#555555;}
.ph-classic-nav .ph-wilderness-nav__overview-card-heading > .ph-classic-nav__explore:hover {background:#ebebeb;color:#343434;transform:none;}
.ph-classic-nav .ph-wilderness-nav__overview-card-heading > .ph-classic-nav__explore:focus-visible {outline:3px solid #818181;outline-offset:-3px;}
.ph-classic-nav .ph-wilderness-nav__department {color:#484848;}
.ph-classic-nav .ph-wilderness-nav__department:is(:hover,:focus-within,.is-active) {background:#3c3c3c;color:#ffffff;}
.ph-classic-nav .ph-wilderness-nav__departments-title,.ph-classic-nav .ph-wilderness-nav__departments-hint {color:#676767;}
.ph-classic-nav .ph-wilderness-nav__explorer {background:#f2f2f2;min-height:0;height:var(--ph-menu-body-height,520px);}
.ph-classic-nav .ph-wilderness-nav__overview {max-height:var(--ph-menu-body-height,600px);}
.ph-classic-nav .ph-wilderness-nav__search-results {height:var(--ph-menu-body-height,520px);min-height:0;}
.ph-classic-nav .ph-wilderness-nav__detail {border-radius:0;box-shadow:inset 1px 0 #d1d1d1;}
@media(max-width:1199.98px){
 .ph-classic-nav .ph-wilderness-nav__drawer {z-index:4;}
 .ph-classic-nav.is-open .ph-wilderness-nav__drawer {display:flex;flex-direction:column;}
 .ph-classic-nav .ph-wilderness-nav__drawer-header {flex:0 0 auto;}
 .ph-classic-nav .ph-wilderness-nav__overview,.ph-classic-nav .ph-wilderness-nav__explorer,.ph-classic-nav .ph-wilderness-nav__search-results {flex:1;min-height:0;height:auto;max-height:none;}
 .ph-classic-nav .ph-wilderness-nav__overview-card-heading > .ph-classic-nav__explore {flex-basis:32px;width:32px;}
 .ph-classic-nav .ph-wilderness-nav__mobile-shortcuts {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;}
 body .ph-classic-nav .ph-wilderness-nav__mobile-shortcuts a {min-height:34px;padding:8px 10px;font-size:10px;flex:0 1 auto;border-radius:2px;background:#3d3d3d!important;}
 .ph-classic-nav .ph-wilderness-nav__mobile-shortcuts a > span:last-child {display:none;}
}

/* Classic Blackline 1.9.14: strict neutral palette; category names lead. */
.ph-classic-nav .ph-wilderness-nav__rail {background:#080808;border-bottom-color:#9c9c9c;}
.ph-classic-nav .ph-wilderness-nav__trigger {background:#1a1a1a;}
.ph-classic-nav .ph-wilderness-nav__trigger:hover,.ph-classic-nav.is-open .ph-wilderness-nav__trigger {background:#303030;}
.ph-classic-nav .ph-wilderness-nav__drawer-header {background:linear-gradient(110deg,#101010,#252525);}
.ph-classic-nav .ph-wilderness-nav__overview,.ph-classic-nav .ph-wilderness-nav__search-results {background:#f4f4f4;}
.ph-classic-nav .ph-wilderness-nav__find-fast {background:linear-gradient(110deg,#141414,#292929);border-color:#626262;border-left-color:#bdbdbd;}
.ph-classic-nav .ph-wilderness-nav__find-fast:hover {background:#303030;border-color:#888;}
.ph-classic-nav .ph-wilderness-nav__overview-card {min-height:108px;background:#fff;border-color:#d2d2d2;border-top-color:#a0a0a0;}
.ph-classic-nav .ph-wilderness-nav__overview-card-heading > a {min-height:108px;padding:20px;}
.ph-classic-nav .ph-classic-nav__card-copy strong {font-size:24px;font-weight:750;line-height:1.2;letter-spacing:-.025em;color:#111;}
.ph-classic-nav .ph-wilderness-nav__overview-card:hover,.ph-classic-nav .ph-wilderness-nav__overview-card:focus-within {border-color:#222;border-top-color:#111;}
.ph-classic-nav .ph-wilderness-nav__overview-card-heading > .ph-classic-nav__explore {color:#222;border-left-color:#e5e5e5;}
.ph-classic-nav .ph-wilderness-nav__overview-card-heading > .ph-classic-nav__explore:hover {color:#000;background:#ededed;}
.ph-classic-nav .ph-wilderness-nav__search:focus-within {outline-color:#aaa;}
.ph-classic-nav .ph-wilderness-nav__department:is(:hover,:focus-within,.is-active) {background:#222;color:#fff;}
.ph-classic-nav .ph-wilderness-nav__feature {background:linear-gradient(145deg,#171717,#303030);}
.ph-classic-nav :is(a,button):focus-visible {outline-color:#777;}
@media(max-width:1199.98px){
 .ph-classic-nav .ph-wilderness-nav__overview-card-heading > a {padding:16px 12px;min-height:104px;}
 .ph-classic-nav .ph-classic-nav__card-copy strong {font-size:20px;line-height:1.25;}
 body .ph-classic-nav .ph-wilderness-nav__mobile-shortcuts a {background:#252525!important;}
}

/* 1.9.15: explorer first, bounded scrolling and restrained burnt-red accents. */
.ph-classic-nav {--ph-classic-accent:#d00000;}
.ph-classic-nav .ph-wilderness-nav__rail {border-bottom-color:var(--ph-classic-accent);}
.ph-classic-nav .ph-wilderness-nav__drawer {max-height:calc(100dvh - 12px);}
.ph-classic-nav .ph-wilderness-nav__department:is(:hover,:focus-within,.is-active) {background:#242424;border-left-color:var(--ph-classic-accent);color:#fff;}
.ph-classic-nav .ph-wilderness-nav__department.is-active {background:var(--ph-classic-accent);}
.ph-classic-nav .ph-wilderness-nav__department.is-active svg {color:#fff;}
.ph-classic-nav .ph-wilderness-nav__explorer {align-items:stretch;overflow:hidden;min-height:0;}
.ph-classic-nav .ph-wilderness-nav__departments {display:flex;flex-direction:column;min-height:0;height:100%;}
.ph-classic-nav .ph-wilderness-nav__department-list {flex:1;min-height:0;height:auto;overflow-y:auto;overflow-x:hidden;padding-bottom:20px;scrollbar-gutter:stable;}
.ph-classic-nav .ph-wilderness-nav__all-categories {flex-shrink:0;text-decoration:none;justify-content:space-between;}
.ph-classic-nav .ph-wilderness-nav__detail {height:100%;min-height:0;max-height:100%;align-self:stretch;transform:none!important;transition:none;grid-template-columns:minmax(0,1fr) 220px;}
.ph-classic-nav .ph-wilderness-nav__content {height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;}
.ph-classic-nav .ph-wilderness-nav__feature {height:100%;min-height:0;overflow-y:auto;}
.ph-classic-nav .ph-wilderness-nav__category-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ph-classic-nav .ph-wilderness-nav__category-title {display:flex;align-items:center;gap:12px;min-height:105px;padding:20px;color:#111;}
.ph-classic-nav .ph-wilderness-nav__category-label {flex:1;min-width:0;}
.ph-classic-nav .ph-wilderness-nav__category-label strong {font-size:21px;line-height:1.25;font-weight:700;color:#111;overflow-wrap:anywhere;}
.ph-classic-nav .ph-wilderness-nav__category-arrow {flex:0 0 18px;color:var(--ph-classic-accent);}
.ph-classic-nav .ph-wilderness-nav__category-card {background:#fff;border:1px solid #d2d2d2;border-top:2px solid #aaa;box-shadow:0 3px 9px #00000008;}
.ph-classic-nav .ph-wilderness-nav__category-card:hover {border-top-color:var(--ph-classic-accent);}
.ph-classic-nav .ph-wilderness-nav__panel {padding-bottom:36px;}
.ph-classic-nav .ph-wilderness-nav__view-all {background:#222;border-color:#444;}
.ph-classic-nav .ph-wilderness-nav__view-all:hover {background:var(--ph-classic-accent);}
.ph-classic-nav .ph-wilderness-nav__search:focus-within {outline-color:#aaa;}
.ph-classic-nav .ph-wilderness-nav__quick a:hover {border-bottom-color:var(--ph-classic-accent);color:#fff;}
@media(min-width:1200px){.ph-classic-nav .ph-wilderness-nav__explorer {grid-template-columns:240px minmax(0,1fr);}.ph-classic-nav.is-detail-suspended .ph-wilderness-nav__detail {opacity:1;visibility:visible;pointer-events:auto;}}
@media(max-width:1199.98px){
 .ph-classic-nav .ph-wilderness-nav__drawer {max-height:none;}
 .ph-classic-nav .ph-wilderness-nav__detail {display:block;}
 .ph-classic-nav.is-mobile-panel-open .ph-wilderness-nav__departments {display:none;}
 .ph-classic-nav .ph-wilderness-nav__category-grid {grid-template-columns:1fr;}
 .ph-classic-nav .ph-wilderness-nav__category-title {min-height:88px;padding:18px;}
 .ph-classic-nav .ph-wilderness-nav__category-label strong {font-size:20px;}
}

/* 1.9.16: compact satin-black subcategory tiles. */
.ph-classic-nav .ph-wilderness-nav__category-grid {gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));}
.ph-classic-nav .ph-wilderness-nav__category-card {position:relative;min-width:0;overflow:hidden;border:1px solid #343434;border-top:1px solid #626262;border-radius:4px;background:linear-gradient(125deg,#292929 0%,#171717 58%,#101010 100%);box-shadow:0 3px 7px #00000012;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;}
.ph-classic-nav .ph-wilderness-nav__category-card::after {position:absolute;inset:auto 0 0;height:2px;background:#d00000;content:'';transform:scaleX(0);transform-origin:left;transition:transform .18s ease;pointer-events:none;}
.ph-classic-nav .ph-wilderness-nav__category-card:hover,.ph-classic-nav .ph-wilderness-nav__category-card:focus-within {border-color:#777;border-top-color:#aaa;box-shadow:0 7px 15px #00000023;transform:translateY(-1px);}
.ph-classic-nav .ph-wilderness-nav__category-card:hover::after,.ph-classic-nav .ph-wilderness-nav__category-card:focus-within::after {transform:scaleX(1);}
.ph-classic-nav .ph-wilderness-nav__category-title {min-height:68px;padding:15px 17px;border:0;border-radius:0;background:transparent;color:#fff;text-decoration:none;}
.ph-classic-nav .ph-wilderness-nav__category-title:hover,.ph-classic-nav .ph-wilderness-nav__category-title:focus-visible {background:transparent;color:#fff;}
.ph-classic-nav .ph-wilderness-nav__category-label strong {font-size:17px;font-weight:650;line-height:1.3;letter-spacing:-.015em;color:#fff;}
.ph-classic-nav .ph-wilderness-nav__category-card ul {margin:0 16px 12px;padding-top:9px;border-top:1px solid #454545;}
.ph-classic-nav .ph-wilderness-nav__category-card li a {color:#d6d6d6;}
.ph-classic-nav .ph-wilderness-nav__category-card li a:hover,.ph-classic-nav .ph-wilderness-nav__category-card li a:focus-visible {color:#fff;text-decoration-color:#ff6666;}
.ph-classic-nav .ph-wilderness-nav__category-title:focus-visible {outline:2px solid #fff;outline-offset:-4px;}
.ph-classic-nav .ph-wilderness-nav__category-title img {width:38px;height:38px;object-fit:contain;background:#fff;border-radius:2px;}
@media(min-width:1200px) and (max-width:1399.98px){.ph-classic-nav .ph-wilderness-nav__category-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:1199.98px){.ph-classic-nav .ph-wilderness-nav__category-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.ph-classic-nav .ph-wilderness-nav__category-title {min-height:72px;padding:14px 12px;}.ph-classic-nav .ph-wilderness-nav__category-label strong {font-size:16px;}}
@media(max-width:359px){.ph-classic-nav .ph-wilderness-nav__category-grid {grid-template-columns:1fr;}.ph-classic-nav .ph-wilderness-nav__category-title {min-height:60px;}}
@media(prefers-reduced-motion:reduce){.ph-classic-nav .ph-wilderness-nav__category-card,.ph-classic-nav .ph-wilderness-nav__category-card::after {transition:none;}}

.ph-classic-nav .ph-wilderness-nav__category-card {display:flex;flex-direction:column;}
.ph-classic-nav .ph-wilderness-nav__category-title {flex:1;}
.ph-classic-nav .ph-wilderness-nav__category-card li a {border:0;}

/* 1.9.18: Fast Find matches the selected category accent. */
.ph-classic-nav .ph-wilderness-nav__trigger,
.ph-classic-nav .ph-wilderness-nav__trigger:hover,
.ph-classic-nav .ph-wilderness-nav__trigger:focus-visible,
.ph-classic-nav.is-open .ph-wilderness-nav__trigger {background:var(--ph-classic-accent,#d00000);color:#fff;}

/* 1.9.19: consistent hover and selection, including leaf categories. */
.ph-classic-nav .ph-wilderness-nav__department:hover,
.ph-classic-nav .ph-wilderness-nav__department:focus-within,
.ph-classic-nav .ph-wilderness-nav__department.is-active {background:var(--ph-classic-accent,#d00000);border-left-color:var(--ph-classic-accent,#d00000);color:#fff;}
.ph-classic-nav .ph-wilderness-nav__department:is(:hover,:focus-within,.is-active) svg {color:#fff;}
.ph-classic-nav.is-detail-suspended .ph-wilderness-nav__detail {opacity:0;visibility:hidden;pointer-events:none;}
.ph-classic-nav.is-detail-suspended .ph-wilderness-nav__department.is-active {background:transparent;color:#444;}

/* 1.9.20: true red and descriptive Fast Find trigger. */
.ph-classic-nav .ph-wilderness-nav__trigger {flex-basis:390px;white-space:normal;line-height:1.35;text-align:left;padding:12px 20px;}
.ph-classic-nav .ph-wilderness-nav__hamburger,.ph-classic-nav .ph-wilderness-nav__trigger-arrow {flex-shrink:0;}
@media(max-width:1199.98px){.ph-classic-nav .ph-wilderness-nav__trigger {flex:1;min-width:0;padding:12px 16px;font-size:11px;}}

/* 1.9.21: compact Fast Find and model context for search results. */
.ph-classic-nav .ph-wilderness-nav__trigger {flex:0 0 auto;width:auto;min-width:0;gap:12px;justify-content:flex-start;padding:12px 20px;white-space:nowrap;}
.ph-classic-nav .ph-classic-nav__result-copy {display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;}
.ph-classic-nav .ph-classic-nav__result-copy strong {font-size:14px;line-height:1.35;overflow-wrap:anywhere;}
.ph-classic-nav .ph-classic-nav__result-copy small {color:#666;font-size:12px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;}
@media(max-width:1199.98px){.ph-classic-nav .ph-wilderness-nav__trigger {padding:12px 16px;}}


/* 1.9.23 Wilderness: shared explorer behaviour with the outdoor palette. */
.ph-wilderness-edition {--ph-classic-accent:#c83e2e;}
.ph-wilderness-edition .ph-wilderness-nav__rail {background:#0c140e;border-bottom-color:#487b4c;}
.ph-wilderness-edition .ph-wilderness-nav__trigger,
.ph-wilderness-edition .ph-wilderness-nav__trigger:hover,
.ph-wilderness-edition.is-open .ph-wilderness-nav__trigger {background:#303c2a;letter-spacing:.015em;font-weight:750;}
.ph-wilderness-edition .ph-wilderness-nav__quick a {font-weight:700;text-transform:uppercase;}
.ph-wilderness-edition .ph-wilderness-nav__rail-promise {color:#a9c398;}
.ph-wilderness-edition .ph-wilderness-nav__drawer {border-color:#52604b;border-radius:0 0 8px 8px;}
.ph-wilderness-edition .ph-wilderness-nav__drawer-header {background:linear-gradient(115deg,#111c14,#243322);border-bottom-color:#41563e;}
.ph-wilderness-edition .ph-wilderness-nav__heading strong {font-weight:750;letter-spacing:-.02em;}
.ph-wilderness-edition .ph-wilderness-nav__eyebrow {color:#a9d09c;}
.ph-wilderness-edition .ph-wilderness-nav__search {border-radius:7px;}
.ph-wilderness-edition .ph-wilderness-nav__search:focus-within {outline-color:#88af76;}
.ph-wilderness-edition .ph-wilderness-nav__departments {background:#e9eee5;}
.ph-wilderness-edition .ph-wilderness-nav__departments-title,
.ph-wilderness-edition .ph-wilderness-nav__departments-hint {color:#50604b;}
.ph-wilderness-edition .ph-wilderness-nav__department {color:#344130;}
.ph-wilderness-edition .ph-wilderness-nav__content,
.ph-wilderness-edition .ph-wilderness-nav__overview,
.ph-wilderness-edition .ph-wilderness-nav__search-results {background:#f3f5ef;}
.ph-wilderness-edition .ph-wilderness-nav__all-categories,
.ph-wilderness-edition .ph-wilderness-nav__view-all {background:#203e29;border-color:#4a7550;color:#fff;}
.ph-wilderness-edition .ph-wilderness-nav__all-categories:hover,
.ph-wilderness-edition .ph-wilderness-nav__view-all:hover {background:#30583a;}
.ph-wilderness-edition .ph-wilderness-nav__category-card,
.ph-wilderness-edition .ph-wilderness-nav__overview-card {background:linear-gradient(125deg,#233525,#17261a 65%,#122016);border-color:#3a5439;border-top:3px solid #548754;border-radius:8px;}
.ph-wilderness-edition .ph-wilderness-nav__category-card:hover,
.ph-wilderness-edition .ph-wilderness-nav__category-card:focus-within {border-color:#6b9260;border-top-color:#89ad75;}
.ph-wilderness-edition .ph-wilderness-nav__category-card::after {background:var(--ph-classic-accent);}
.ph-wilderness-edition .ph-wilderness-nav__category-card ul {border-top-color:#46613e;}
.ph-wilderness-edition .ph-wilderness-nav__category-card li a {color:#d5e5cc;}
.ph-wilderness-edition .ph-wilderness-nav__category-card li a:hover {text-decoration-color:#a8cc93;}
.ph-wilderness-edition .ph-wilderness-nav__feature {background:linear-gradient(145deg,#1a2e20,#253b28);}
.ph-wilderness-edition .ph-wilderness-nav__brand-kicker {color:#b0ce9e;}
.ph-wilderness-edition .ph-wilderness-nav__find-fast {background:linear-gradient(110deg,#203e29,#284d32);border-color:#548754;border-left-color:#c83e2e;border-radius:8px;}
.ph-wilderness-edition :is(a,button):focus-visible {outline-color:#a6be7d;}
.ph-home-aisles a.ph-home-aisles__card {background:#1d3222;border-color:#43633f;border-top-color:#548754;}
.ph-home-aisles a.ph-home-aisles__card:hover {background:#2c4930;}
.ph-home-aisles a.ph-home-aisles__card--all {background:#c83e2e;border-color:#d96343;}
.ph-home-aisles a.ph-home-aisles__card--all:hover {background:#ac3225;}
@media(max-width:1199.98px) {
 .ph-wilderness-edition .ph-wilderness-nav__drawer {border-radius:0;}
 .ph-wilderness-edition .ph-wilderness-nav__mobile-shortcuts {display:flex;}
 body .ph-wilderness-edition .ph-wilderness-nav__mobile-shortcuts a {background:#29432e!important;}
}

/* 1.9.24: homepage-matched green cards and theme-safe descendant contrast. */
.ph-wilderness-edition .ph-wilderness-nav__category-grid {align-items:start;}
.ph-wilderness-edition .ph-wilderness-nav__category-card,
.ph-wilderness-edition .ph-wilderness-nav__overview-card {
  background:#1d3222;
  border:1px solid #43633f;
  border-top:3px solid #548754;
  border-radius:8px;
  color:#f8f8f8;
}
.ph-wilderness-edition .ph-wilderness-nav__category-card:hover,
.ph-wilderness-edition .ph-wilderness-nav__category-card:focus-within,
.ph-wilderness-edition .ph-wilderness-nav__overview-card:hover,
.ph-wilderness-edition .ph-wilderness-nav__overview-card:focus-within {
  background:#2c4930;
  border-color:#548754;
  border-top-color:#89ad75;
}
.ph-wilderness-edition .ph-wilderness-nav__category-title {flex:0 0 auto;}
/* The theme's #header a rule otherwise wins over module-only class selectors. */
.ph-wilderness-edition .ph-wilderness-nav__category-card a,
.ph-wilderness-edition .ph-wilderness-nav__category-card a:visited,
.ph-wilderness-edition .ph-wilderness-nav__category-card a:hover,
.ph-wilderness-edition .ph-wilderness-nav__category-card a:focus-visible {
  color:#f8f8f8 !important;
  -webkit-text-fill-color:#f8f8f8;
  opacity:1;
}
.ph-wilderness-edition .ph-wilderness-nav__category-card li a {
  display:block;
  line-height:1.45;
  padding:5px 0;
}
.ph-wilderness-edition .ph-wilderness-nav__category-card li a:hover,
.ph-wilderness-edition .ph-wilderness-nav__category-card li a:focus-visible {
  text-decoration:underline;
  text-decoration-color:#a8cc93;
  text-underline-offset:3px;
}
.ph-wilderness-edition .ph-wilderness-nav__category-card .ph-wilderness-nav__descendants {
  border-top-color:#46613e;
}

/* 1.9.25: readable curated rail links and compact grouped subcategories. */
.ph-wilderness-edition .ph-wilderness-nav__quick a,
.ph-wilderness-edition .ph-wilderness-nav__quick a:link,
.ph-wilderness-edition .ph-wilderness-nav__quick a:visited,
.ph-wilderness-edition .ph-wilderness-nav__quick a:hover,
.ph-wilderness-edition .ph-wilderness-nav__quick a:focus-visible,
.ph-wilderness-edition .ph-wilderness-nav__quick a span,
.ph-wilderness-edition .ph-wilderness-nav__mobile-shortcuts a,
.ph-wilderness-edition .ph-wilderness-nav__mobile-shortcuts a span {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
  opacity:1;
}
.ph-wilderness-edition .ph-wilderness-nav__quick a {
  background:transparent !important;
}
.ph-wilderness-edition .ph-wilderness-nav__quick a:hover,
.ph-wilderness-edition .ph-wilderness-nav__quick a:focus-visible {
  background:#2c4930 !important;
}
/* Keep leaf-only grids; stack complete groups vertically when descendants exist.
   DOM/category order reads top-to-bottom, then across. No JS reordering. */
.ph-wilderness-edition .ph-wilderness-nav__category-grid:has(.ph-wilderness-nav__descendants) {
  display:block;
  column-count:3;
  column-gap:12px;
  column-fill:balance;
}
.ph-wilderness-edition .ph-wilderness-nav__category-grid:has(.ph-wilderness-nav__descendants) > .ph-wilderness-nav__category-card {
  display:inline-flex;
  vertical-align:top;
  width:100%;
  margin:0 0 12px;
  break-inside:avoid;
  page-break-inside:avoid;
}
@media(min-width:1200px) and (max-width:1399.98px) {
  .ph-wilderness-edition .ph-wilderness-nav__category-grid:has(.ph-wilderness-nav__descendants) {column-count:2;}
}
@media(max-width:1199.98px) {
  .ph-wilderness-edition .ph-wilderness-nav__category-grid:has(.ph-wilderness-nav__descendants) {column-count:2;column-gap:9px;}
}
@media(max-width:599.98px) {
  .ph-wilderness-edition .ph-wilderness-nav__category-grid:has(.ph-wilderness-nav__descendants) {column-count:1;}
}

/* 1.9.26: Wilderness W branding and full-width forest-green search cards. */
.ph-wilderness-nav__brand-mark {
 display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 32px;width:32px;height:32px;border:1px solid #8ba879;
 border-radius:50%;background:#193520;color:#f8f8f0;
}
.ph-wilderness-nav__brand-mark svg {display:block;width:24px;height:24px;color:inherit;}
.ph-wilderness-edition .ph-wilderness-nav__view-all .ph-wilderness-nav__brand-mark {margin-left:8px;}
.ph-wilderness-edition .ph-wilderness-nav__all-categories .ph-wilderness-nav__brand-mark {flex-basis:25px;width:25px;height:25px;}
.ph-wilderness-edition .ph-wilderness-nav__all-categories .ph-wilderness-nav__brand-mark svg {width:19px;height:19px;}
.ph-home-aisles__card--all .ph-wilderness-nav__brand-mark {background:transparent;border-color:#f3c1a5;}
.ph-wilderness-edition .ph-wilderness-nav__results-heading {align-items:center;border-bottom:1px solid #d5ddce;padding-bottom:18px;margin-bottom:20px;}
.ph-wilderness-edition .ph-wilderness-nav__results-heading strong {font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#5b6955;}
.ph-wilderness-edition .ph-wilderness-nav__results-heading h2 {margin:5px 0 0;font-size:28px;line-height:1.2;color:#243323;overflow-wrap:anywhere;text-transform:none;}
.ph-wilderness-edition .ph-wilderness-nav__results-heading > span {color:#52644b;font-size:16px;font-weight:700;}
.ph-wilderness-edition .ph-wilderness-nav__results-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;}
.ph-wilderness-edition a.ph-wilderness-nav__result-link {
 min-height:100px;padding:20px;border:1px solid #43633f;border-top:3px solid #548754;border-radius:8px;
 background:#1d3222;color:#fff!important;-webkit-text-fill-color:#fff;box-shadow:0 3px 7px #00000012;
 text-decoration:none;justify-content:flex-start;
}
.ph-wilderness-edition a.ph-wilderness-nav__result-link:hover,
.ph-wilderness-edition a.ph-wilderness-nav__result-link:focus-visible {background:#2c4930;border-top-color:#89ad75;color:#fff!important;}
.ph-wilderness-edition .ph-wilderness-nav__result-link .ph-classic-nav__result-copy {gap:9px;}
.ph-wilderness-edition .ph-wilderness-nav__result-link .ph-classic-nav__result-copy strong {font-size:17px;font-weight:750;line-height:1.3;color:#fff;}
.ph-wilderness-edition .ph-wilderness-nav__result-link .ph-classic-nav__result-copy small {font-size:13px;line-height:1.4;color:#c5d8ba;-webkit-text-fill-color:#c5d8ba;}
@media(max-width:1199.98px){
 .ph-wilderness-edition .ph-wilderness-nav__results-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .ph-wilderness-edition a.ph-wilderness-nav__result-link {padding:16px;}
}
@media(max-width:599.98px){
 .ph-wilderness-edition .ph-wilderness-nav__results-grid {grid-template-columns:1fr;}
 .ph-wilderness-edition .ph-wilderness-nav__results-heading h2 {font-size:24px;}
}

/* 1.9.27: option A, including 1-2-1, needs space to remain legible. */
.ph-wilderness-edition .ph-wilderness-nav__brand-mark,
.ph-home-aisles .ph-wilderness-nav__brand-mark {
 flex:0 0 48px;width:48px;height:46px;min-width:48px;
 border:0;border-radius:0;background:transparent;color:#f8f8f0!important;
}
.ph-wilderness-edition .ph-wilderness-nav__brand-mark svg,
.ph-home-aisles .ph-wilderness-nav__brand-mark svg {
 width:48px;height:46px;color:#f8f8f0!important;fill:#f8f8f0;
}
.ph-wilderness-edition .ph-wilderness-nav__all-categories {min-height:60px;padding-top:5px;padding-bottom:5px;}
.ph-wilderness-edition .ph-wilderness-nav__all-categories .ph-wilderness-nav__brand-mark {flex-basis:44px;min-width:44px;width:44px;height:42px;}
.ph-wilderness-edition .ph-wilderness-nav__all-categories .ph-wilderness-nav__brand-mark svg {width:44px;height:42px;}
/* Explicit contrast against inherited theme span styles. */
.ph-wilderness-edition .ph-wilderness-nav__results-heading > span[data-ph-wilderness-result-count] {
 background:#1d3222;color:#fff!important;-webkit-text-fill-color:#fff;
 border:1px solid #548754;min-width:32px;padding:5px 9px;border-radius:16px;text-align:center;
}

/* 1.9.27: real grid placement replaces multi-column fragmentation. */
.ph-wilderness-edition .ph-wilderness-nav__category-grid:has(.ph-wilderness-nav__descendants) {
 display:grid;column-count:auto;column-fill:auto;gap:12px;
 grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;
}
.ph-wilderness-edition .ph-wilderness-nav__category-grid:has(.ph-wilderness-nav__descendants) > .ph-wilderness-nav__category-card {
 display:flex;width:auto;margin:0;min-width:0;align-self:start;
}
.ph-wilderness-edition .ph-wilderness-nav__category-grid.ph-wilderness-masonry {
 grid-auto-rows:1px;grid-auto-flow:row;
}
@media(min-width:1200px) and (max-width:1399.98px){
 .ph-wilderness-edition .ph-wilderness-nav__category-grid:has(.ph-wilderness-nav__descendants){grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:1199.98px){
 .ph-wilderness-edition .ph-wilderness-nav__category-grid:has(.ph-wilderness-nav__descendants){grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:599.98px){
 .ph-wilderness-edition .ph-wilderness-nav__category-grid:has(.ph-wilderness-nav__descendants){grid-template-columns:1fr;}
}
/* W121 MOBILE AISLE ACCORDION — ADD TO END OF EXISTING phmodernmenu-1.9.27.css
   2026-11-03. Do NOT replace the working stylesheet with this file.
   Depends on the accompanying menu-wilderness.tpl replacement.
*/
.ph-wilderness-edition .ph-w121-mobile-expand,
.ph-wilderness-edition .ph-w121-mobile-children {display:none!important;}

@media (max-width:1199.98px) {
  .ph-wilderness-edition .ph-wilderness-nav__overview-grid {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;
  }
  .ph-wilderness-edition .ph-wilderness-nav__overview-card {
    min-height:0!important;padding:0!important;margin:0!important;
    border:1px solid #486846!important;border-radius:9px!important;
    background:#1d3222!important;box-shadow:none!important;transform:none!important;
  }
  .ph-wilderness-edition .ph-wilderness-nav__overview-card::after {display:none!important;}
  .ph-wilderness-edition .ph-wilderness-nav__overview-card-heading {
    display:flex!important;align-items:stretch!important;min-height:52px!important;
    margin:0!important;padding:0!important;
  }
  .ph-wilderness-edition .ph-wilderness-nav__overview-card-heading > a {
    display:flex!important;align-items:center!important;flex:1 1 auto!important;
    min-height:52px!important;min-width:0!important;width:auto!important;
    padding:12px 14px!important;color:#fff!important;text-decoration:none!important;
  }
  .ph-wilderness-edition .ph-wilderness-nav__overview-card-heading > a strong {
    color:#fff!important;font-size:14px!important;line-height:1.4!important;
  }
  .ph-wilderness-edition .ph-w121-desktop-explore {display:none!important;}
  .ph-wilderness-edition .ph-wilderness-nav__overview-card-heading > button.ph-w121-mobile-expand {
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 52px!important;width:52px!important;min-height:52px!important;height:auto!important;
    padding:0!important;margin:0!important;border:0!important;
    border-left:1px solid #4c684c!important;border-radius:0!important;
    background:#2e4b35!important;color:#fff!important;box-shadow:none!important;
    transform:none!important;cursor:pointer;
  }
  .ph-wilderness-edition .ph-w121-mobile-expand span {font-size:26px;line-height:1;}
  .ph-wilderness-edition .ph-w121-mobile-expand[aria-expanded='true'] {background:#47734c!important;}
  .ph-wilderness-edition .ph-w121-mobile-expand:focus-visible,
  .ph-wilderness-edition .ph-wilderness-nav__overview-card-heading > a:focus-visible {
    outline:2px solid #d4b36a!important;outline-offset:-3px!important;
  }
  .ph-wilderness-edition .ph-w121-mobile-children[hidden] {display:none!important;}
  .ph-wilderness-edition .ph-w121-mobile-children:not([hidden]) {
    display:block!important;padding:10px 13px 13px!important;margin:0!important;
    border-top:1px solid #c8d8c3!important;background:#e9f0e5!important;
    color:#1e3523!important;
  }
  .ph-wilderness-edition .ph-w121-mobile-children .ph-wilderness-nav__descendants {
    display:block!important;list-style:none!important;margin:0!important;padding:0!important;
  }
  .ph-wilderness-edition .ph-w121-mobile-children .ph-wilderness-nav__descendants li + li {
    border-top:1px solid #d1ddcb;
  }
  .ph-wilderness-edition .ph-w121-mobile-children .ph-wilderness-nav__descendants a {
    display:block!important;min-height:43px!important;padding:11px 6px!important;
    color:#233c29!important;-webkit-text-fill-color:#233c29!important;
    font-size:13px!important;font-weight:600!important;text-decoration:none!important;
  }
  .ph-wilderness-edition .ph-w121-mobile-children .ph-wilderness-nav__descendants--level-2 {
    padding-left:12px!important;margin-left:9px!important;border-left:2px solid #9ab294!important;
  }
  .ph-wilderness-edition .ph-w121-mobile-children a.ph-w121-mobile-shop-aisle {
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:44px!important;margin-top:10px!important;padding:11px 12px!important;
    border-radius:7px!important;background:#285d38!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-size:13px!important;font-weight:700!important;text-decoration:none!important;
  }
}

/* =====================================================
   W121 MOBILE MENU POLISH — 2026-11-03
   Restore shortcut labels and hide empty accordions.
   Mobile only. Desktop untouched.
   ===================================================== */
@media (max-width: 1199.98px) {

  /* Restore the four shopping shortcut labels */
  .ph-wilderness-edition.ph-classic-nav
  .ph-wilderness-nav__mobile-shortcuts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
  }

  .ph-wilderness-edition.ph-classic-nav
  .ph-wilderness-nav__mobile-shortcuts a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 10px !important;
    background: #1d3222 !important;
    border: 1px solid #557451 !important;
    border-radius: 8px !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .ph-wilderness-edition.ph-classic-nav
  .ph-wilderness-nav__mobile-shortcuts a > span {
    display: block !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .ph-wilderness-edition.ph-classic-nav
  .ph-wilderness-nav__mobile-shortcuts a:hover,
  .ph-wilderness-edition.ph-classic-nav
  .ph-wilderness-nav__mobile-shortcuts a:focus-visible {
    background: #31583a !important;
    border-color: #a5c38c !important;
  }

  /* Hide plus buttons where no child panel exists */
  .ph-wilderness-edition
  .ph-wilderness-nav__overview-card:not(:has(
    > .ph-w121-mobile-children
  ))
  .ph-w121-mobile-expand {
    display: none !important;
  }

}