/* Shared collection entry cards; regular document flow, never a sticky bar. */
.sc-cnav{position:relative;box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:20px 70px 45px;background:#fff;color:#000;font-family:var(--saucony-font-body,Arial,sans-serif)}
.sc-cnav__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 26px;font-size:12px;line-height:1.4}
.sc-cnav__breadcrumb a{color:inherit;text-decoration:none}
.sc-cnav__breadcrumb a:hover{text-decoration:underline}
.sc-cnav__breadcrumb [aria-current]{color:#555}
.sc-cnav__content{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:40px}
.sc-cnav--no-title .sc-cnav__content{grid-template-columns:minmax(0,1fr)}
.sc-cnav__eyebrow{margin:0;font-size:18px;font-weight:400;line-height:1.3;letter-spacing:0;text-transform:uppercase;white-space:nowrap}
.sc-cnav__heading{margin:5px 0 0;color:inherit;font-family:inherit;font-size:40px;font-weight:700;line-height:1.05;letter-spacing:0;text-transform:uppercase;white-space:nowrap}
.sc-cnav__cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;min-width:0;margin:0;padding:0;list-style:none}
.sc-cnav__card{min-width:0;margin:0;padding:0;list-style:none}
.sc-cnav__link{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:15px;background:#dedede;color:#fff;text-decoration:none;isolation:isolate}
.sc-cnav a.sc-cnav__link,.sc-cnav a.sc-cnav__link:hover{color:#fff!important;text-decoration:none}
.sc-cnav__picture,.sc-cnav__placeholder{display:block;width:100%;height:100%}
.sc-cnav__picture img,.sc-cnav__placeholder svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.sc-cnav__link::after{position:absolute;inset:45% 0 0;z-index:0;background:linear-gradient(transparent,rgba(0,0,0,.23));content:"";pointer-events:none}
.sc-cnav__copy{position:absolute;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;box-sizing:border-box;pointer-events:none}
.sc-cnav__label{min-width:0;padding-left:4px;font-size:16px;font-weight:400;line-height:1.15;overflow-wrap:normal}
.sc-cnav__label{word-break:normal;hyphens:none}
.sc-cnav__arrow{display:grid;place-items:center;flex:0 0 28%;width:28%;min-width:38px;max-width:70px;height:30px;border-radius:999px;background:#fff;color:#000}
.sc-cnav__arrow svg{display:block;width:14px;height:14px;transition:transform .25s ease}
.sc-cnav__link[href]:hover .sc-cnav__arrow svg{transform:translateX(4px)}
.sc-cnav__link[href]:hover .sc-cnav__picture img{transform:scale(1.025)}
.sc-cnav__link:focus-visible{outline:3px solid #111;outline-offset:-3px}
.sc-cnav__breadcrumb a:focus-visible{outline:2px solid #111;outline-offset:4px}
@media(min-width:1101px) and (max-width:1439px){
 .sc-cnav__label{font-size:14px}
}
@media(min-width:641px) and (max-width:1100px){
 .sc-cnav{padding-right:30px;padding-left:30px}
 .sc-cnav__content{grid-template-columns:150px minmax(0,1fr);gap:24px}
 .sc-cnav__cards{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}
 .sc-cnav__cards::-webkit-scrollbar{display:none}
 .sc-cnav__card{flex:0 0 160px;scroll-snap-align:start}
 .sc-cnav__eyebrow{font-size:14px}
 .sc-cnav__heading{font-size:28px}
 .sc-cnav__label{font-size:13px;padding-left:0}
 .sc-cnav__arrow{flex-basis:42px;width:42px;height:27px}
 .sc-cnav__copy{gap:5px;padding:7px}
}
@media(max-width:640px){
 .sc-cnav{padding:16px 0 28px}
 .sc-cnav__breadcrumb{padding:0 16px;margin-bottom:20px;font-size:11px}
 .sc-cnav__content{display:block}
 .sc-cnav__title{display:none}
 .sc-cnav__cards{display:flex;gap:10px;width:100%;box-sizing:border-box;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-left:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 16px}
 .sc-cnav__cards::-webkit-scrollbar{display:none}
 .sc-cnav__card{flex:0 0 min(40vw,170px);max-width:40vw;scroll-snap-align:start}
 .sc-cnav__link{border-radius:15px}
 .sc-cnav__copy{gap:5px;padding:8px}
 .sc-cnav__label{padding-left:0;font-size:13px;line-height:1.2}
 .sc-cnav__arrow{flex-basis:38px;width:38px;height:28px}
 .sc-cnav__arrow svg{width:13px;height:13px}
}
@media(max-width:360px){.sc-cnav__label{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.sc-cnav__picture img,.sc-cnav__arrow svg{transition:none}}