.vfw-pnav-section{position:relative;z-index:30}.vfw-pnav{position:fixed;top:var(--vfw-pnav-top, 0px);left:0;right:0;z-index:150;background:color-mix(in srgb,var(--vfw-color-machined-aluminum) 22%,var(--color-background));border-block:1px solid var(--vfw-border-hairline);visibility:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity var(--vfw-dur-micro) var(--vfw-ease),transform var(--vfw-dur-micro) var(--vfw-ease),visibility 0s linear var(--vfw-dur-micro)}.vfw-pnav.is-pinned{visibility:visible;opacity:1;transform:none;pointer-events:auto;box-shadow:0 6px 18px #1111111a;transition:opacity var(--vfw-dur-micro) var(--vfw-ease),transform var(--vfw-dur-micro) var(--vfw-ease),visibility 0s}@media(prefers-reduced-motion:reduce){.vfw-pnav{transition:none;transform:none}}.vfw-pnav__inner{max-width:1440px;margin:0 auto;padding:var(--vfw-space-xs) var(--vfw-gutter);display:flex;align-items:center;gap:var(--vfw-space-sm)}.vfw-pnav__rail{display:flex;flex:1;gap:var(--vfw-space-sm);list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}.vfw-pnav__rail::-webkit-scrollbar{display:none}.vfw-pnav__item{flex:1 0 auto}.vfw-pnav__link{display:flex;align-items:center;justify-content:center;gap:var(--vfw-space-xs);min-height:46px;padding:0 var(--vfw-space-md);background:var(--color-background);border:1px solid color-mix(in srgb,var(--vfw-color-forged-black) 28%,transparent);color:var(--color-foreground);font-family:var(--font-body--family);font-size:var(--vfw-text-sm);font-weight:600;letter-spacing:var(--vfw-track-tight);text-decoration:none;white-space:nowrap;transition:background-color var(--vfw-dur-micro) var(--vfw-ease),border-color var(--vfw-dur-micro) var(--vfw-ease),color var(--vfw-dur-micro) var(--vfw-ease)}.vfw-pnav__link svg{flex-shrink:0;color:var(--vfw-bronze-deep);transition:transform var(--vfw-dur-micro) var(--vfw-ease)}.vfw-pnav__link:hover{border-color:var(--vfw-color-forged-black);background:color-mix(in srgb,var(--vfw-bronze) 10%,var(--color-background))}.vfw-pnav__top:hover svg{transform:translateY(-2px)}.vfw-pnav__link:focus-visible{outline:2px solid var(--vfw-bronze-deep);outline-offset:2px}.vfw-pnav__link.is-active,.vfw-pnav__link[aria-current=location]{background:color-mix(in srgb,var(--vfw-bronze) 10%,var(--color-background));border-color:var(--vfw-color-forged-black);color:var(--color-foreground);font-weight:700}.vfw-pnav__link.is-active svg{color:var(--vfw-bronze-deep)}.vfw-pnav__top{flex-shrink:0}@media(max-width:749px){.vfw-pnav__inner{padding-block:var(--vfw-space-xs);gap:var(--vfw-space-xs)}.vfw-pnav__link{min-height:46px;padding:0 var(--vfw-space-sm)}.vfw-pnav__rail{gap:var(--vfw-space-xs)}.vfw-pnav__item{flex:0 0 auto}.vfw-pnav__top{min-width:46px}.vfw-pnav__rail{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);padding-right:var(--vfw-space-xl)}.vfw-pnav__top span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}@media(prefers-reduced-motion:reduce){.vfw-pnav,.vfw-pnav__link,.vfw-pnav__link svg{transition:none}}.vfw-pnav__action{flex:0 0 auto;display:block;padding-left:var(--vfw-space-sm);border-left:1px solid color-mix(in srgb,var(--vfw-color-forged-black) 14%,transparent)}.vfw-pnav__atc{position:relative;isolation:isolate;overflow:hidden;min-height:46px;padding-inline:var(--vfw-space-xl);white-space:nowrap;border:1px solid color-mix(in srgb,var(--vfw-color-forged-black) 28%,transparent);background:var(--color-background);color:var(--vfw-bronze-deep);font-family:var(--font-body--family);font-size:var(--vfw-text-sm);font-weight:700;letter-spacing:var(--vfw-track-wide);text-transform:uppercase;cursor:pointer;transition:color var(--vfw-dur-micro) var(--vfw-ease),border-color var(--vfw-dur-micro) var(--vfw-ease)}.vfw-pnav__atc:before{content:"";position:absolute;top:-120%;right:-120%;bottom:-120%;left:-120%;z-index:0;background:conic-gradient(from 0turn,color-mix(in srgb,var(--vfw-bronze) 25%,transparent) 0turn,color-mix(in srgb,var(--vfw-bronze-bright) 90%,white) .05turn,var(--vfw-bronze) .11turn,var(--vfw-bronze-deep) .16turn,color-mix(in srgb,var(--vfw-bronze) 25%,transparent) .26turn,color-mix(in srgb,var(--vfw-bronze) 18%,transparent) .48turn,color-mix(in srgb,var(--vfw-bronze-bright) 75%,white) .55turn,var(--vfw-bronze) .6turn,color-mix(in srgb,var(--vfw-bronze) 22%,transparent) .72turn,color-mix(in srgb,var(--vfw-bronze) 25%,transparent) 1turn);animation:vfw-pnav-sheen 7s linear infinite}.vfw-pnav__atc:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:1;background-color:var(--color-background);background-image:linear-gradient(100deg,transparent 38%,color-mix(in srgb,var(--vfw-bronze-bright) 22%,transparent) 48%,color-mix(in srgb,white 70%,transparent) 52%,transparent 62%);background-size:260% 100%;background-repeat:no-repeat;animation:vfw-pnav-face 7s linear infinite;transition:background-color var(--vfw-dur-micro) var(--vfw-ease)}.vfw-pnav__atc-label{position:relative;z-index:2}@keyframes vfw-pnav-sheen{to{transform:rotate(1turn)}}@keyframes vfw-pnav-face{0%{background-position:160% 0}to{background-position:-60% 0}}.vfw-pnav__atc:hover{color:var(--vfw-color-forged-black);border-color:transparent}.vfw-pnav__atc:hover:after{background:color-mix(in srgb,var(--vfw-bronze) 12%,var(--color-background))}.vfw-pnav__atc:hover:before,.vfw-pnav__atc:hover:after{animation-duration:3s}.vfw-pnav__atc:active:after{background:color-mix(in srgb,var(--vfw-bronze) 20%,var(--color-background))}.vfw-pnav__atc:focus-visible{outline:2px solid var(--vfw-color-forged-black);outline-offset:2px}.vfw-pnav__atc[disabled]{color:var(--color-foreground-muted);cursor:not-allowed}.vfw-pnav__atc[disabled]:before{animation:none;background:none}.vfw-pnav__atc[disabled]:after{animation:none;background-image:none}@media(prefers-reduced-motion:reduce){.vfw-pnav__atc:before,.vfw-pnav__atc:after{animation:none}}@media(max-width:900px){.vfw-pnav__atc{min-height:46px;padding-inline:var(--vfw-space-lg)}.vfw-pnav__action{padding-left:var(--vfw-space-xs)}}@media(max-width:700px){.vfw-pnav__inner{flex-wrap:wrap}.vfw-pnav__action{flex:1 0 100%;padding-left:0;border-left:none;margin-top:var(--vfw-space-2xs)}.vfw-pnav__atc{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/vfw-product-nav.css.map */