/* Sell Your Pawn Shop: page-scoped navigation only. Bespoke section widths stay unchanged. */
.sell-page-longnav.pcg-long-page-layout {
  position: relative;
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.sell-page-longnav > .pcg-long-page-content {
  width: 100%;
  max-width: none;
  margin: 0;
}

.sell-page-longnav > .pcg-long-page-nav {
  position: fixed;
  top: 104px;
  left: 14px;
  z-index: 45;
  width: 184px;
  max-height: calc(100vh - 132px);
  margin: 0;
  padding: 16px 12px 16px 18px;
  overflow: auto;
  border: 1px solid rgba(8, 45, 37, .17);
  border-left: 3px solid #c7a24a;
  background: rgba(255, 250, 240, .94);
  box-shadow: 0 14px 34px rgba(4, 28, 24, .12);
  backdrop-filter: blur(10px);
  opacity: 0;
  pointer-events: none;
  transform: translateX(calc(-100% - 28px));
  transition: opacity 180ms ease, transform 180ms ease;
}

.sell-page-longnav.sell-page-longnav--open > .pcg-long-page-nav {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.sell-page-nav-toggle {
  position: fixed;
  top: 112px;
  left: 14px;
  z-index: 46;
  display: none;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid rgba(8, 45, 37, .22);
  border-left: 3px solid #c7a24a;
  background: rgba(255, 250, 240, .96);
  box-shadow: 0 10px 26px rgba(4, 28, 24, .12);
  color: #082d25;
  cursor: pointer;
  font: 700 .68rem/1.1 var(--pcg-font-sans, sans-serif);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.sell-page-longnav.sell-page-longnav--available > .sell-page-nav-toggle {
  display: block;
}

.sell-page-longnav.sell-page-longnav--open > .sell-page-nav-toggle {
  left: 212px;
}

.sell-page-nav-toggle:focus-visible {
  outline: 2px solid #c7a24a;
  outline-offset: 3px;
}

.sell-page-longnav > .pcg-long-page-nav .pcg-long-page-nav__title {
  margin-bottom: 10px;
}

.sell-page-longnav > .pcg-long-page-nav a {
  margin-left: -20px;
  padding: 6px 6px 6px 17px;
  font-size: .67rem;
  line-height: 1.25;
}

.sell-page-longnav > .pcg-long-page-content > [id] {
  scroll-margin-top: 112px;
}

@media (min-width: 1680px) {
  .sell-page-longnav > .pcg-long-page-nav {
    left: max(22px, calc((100vw - 1640px) / 2));
    width: 204px;
  }

  .sell-page-nav-toggle {
    left: max(22px, calc((100vw - 1640px) / 2));
  }

  .sell-page-longnav.sell-page-longnav--open > .sell-page-nav-toggle {
    left: max(230px, calc((100vw - 1640px) / 2 + 218px));
  }
}

@media (max-width: 1279px) {
  .sell-page-longnav > .pcg-long-page-nav {
    display: none;
  }

  .sell-page-longnav > .sell-page-nav-toggle {
    display: none;
  }

  .sell-page-longnav > .pcg-jump-menu {
    position: sticky;
    top: 82px;
    z-index: 40;
    display: block;
  }
}

@media (min-width: 1280px) {
  .sell-page-longnav > .pcg-jump-menu {
    display: none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  html:has(.sell-page-longnav) {
    scroll-behavior: smooth;
  }
}
