/* Fix-list item 1: shop category chips (Ivy v2 design). Colours per BRAND.md: forest #1B3A34, secondary #2E5A4F,
   gold #D4AF37, small gold text on light #7E641F, cream #F6F1E8. Gold is never used for text or focus on cream. */
.nsc{position:relative;margin:0 0 26px}
body nav.nsc{background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
.nsc__row{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:6px 0;list-style:none}
.nsc__row li{margin:0;padding:0;list-style:none}
.nsc__row li::before,.nsc__row li::marker{content:none}
.nsc__chip{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;min-height:44px;padding:0 7px 0 16px;
  border-radius:999px;border:1.5px solid #2E5A4F;background:#FFFFFF;color:#1B3A34!important;text-decoration:none!important;white-space:nowrap;
  font:600 13.5px/1 Montserrat,system-ui,sans-serif;letter-spacing:.01em;
  transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
.nsc__name{white-space:nowrap}
.nsc__count{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:28px;height:28px;padding:0 7px;
  border-radius:999px;background:#F6F1E8;color:#7E641F;font:700 13px/1 Montserrat,system-ui,sans-serif;letter-spacing:0;
  box-shadow:inset 0 0 0 1px rgba(126,100,31,.35)}
.nsc .sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (hover:hover){
  .nsc__chip:hover{background:#F6F1E8;border-color:#1B3A34;box-shadow:inset 0 0 0 1px #1B3A34}
  .nsc__chip:hover .nsc__count{background:#D4AF37;color:#1B3A34;box-shadow:none}
}
.nsc__chip[aria-current="page"],.nsc__chip[aria-current="page"]:hover{background:#1B3A34;border-color:#1B3A34;color:#F6F1E8!important;box-shadow:0 6px 16px rgba(15,31,28,.18)}
.nsc__chip[aria-current="page"] .nsc__count{background:#D4AF37;color:#1B3A34;box-shadow:none}
body .nsc .nsc__chip:focus{outline:none}
body .nsc .nsc__chip:focus-visible{outline:3px solid #1B3A34!important;outline-offset:3px!important}
@media (max-width:689.98px){
  .nsc{margin:0 -6vw 18px}
  .nsc__row{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:6px 6vw 8px;scroll-padding-left:6vw;scroll-snap-type:x proximity;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
  .nsc__row::-webkit-scrollbar{display:none}
  .nsc__row li{flex:0 0 auto;scroll-snap-align:start}
  .nsc__row li:last-child{padding-right:40px}
}
