/* Tighter desktop nav so “Why CanCapperZ?” fits at the 1080px breakpoint.
   Linked only on pages that include that item (legal pages and their chrome are untouched). */
.why-need-link{
  text-align:center;
  margin:.15rem auto 1.5rem;
  font-size:.95rem;
  font-weight:800;
  letter-spacing:.01em;
}
.why-need-link a{
  color:#8a3100;
  text-decoration:none;
  text-underline-offset:3px;
}
.why-need-link a:hover,
.why-need-link a:focus-visible{
  color:var(--ink);
  text-decoration:underline;
}
.shop-body .why-need-link{
  margin:.1rem auto 1.35rem;
  font-size:.92rem;
}
.shop-body .why-need-link a{color:#ffc299}
.shop-body .why-need-link a:hover,
.shop-body .why-need-link a:focus-visible{color:#fff}

.nav-links a[aria-current="page"]{color:var(--orange)}

@media (min-width:1080px){
  .nav-links{gap:.5rem .68rem}
  .nav-links a{font-size:.8rem;letter-spacing:-.015em;white-space:nowrap}
  .nav-cta-desktop{padding:.5rem .9rem;font-size:.82rem}
  .brand span{font-size:1.05rem}
}
@media (min-width:1280px){
  .nav-links{gap:.7rem .95rem}
  .nav-links a{font-size:.88rem;letter-spacing:-.005em}
  .nav-cta-desktop{padding:.55rem 1.05rem;font-size:.9rem}
  .brand span{font-size:1.12rem}
}
@media (min-width:1480px){
  .nav-links{gap:1.15rem}
  .nav-links a{font-size:.95rem;letter-spacing:0}
}