.jk-subnav{scroll-margin-top:10rem;background:rgb(var(--color-background,255,255,255))}.jk-subnav__list{display:flex;gap:1rem;list-style:none;margin:0;padding:.2rem .2rem .6rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.jk-subnav__list::-webkit-scrollbar{display:none}.jk-subnav__item{flex:0 0 auto;margin:0;scroll-snap-align:start}.jk-subnav__card{display:flex;color:rgb(var(--color-foreground,17,17,17));text-decoration:none;-webkit-tap-highlight-color:transparent}.jk-subnav__card:focus-visible{outline:.2rem solid rgb(var(--color-foreground,17,17,17));outline-offset:.2rem}.jk-subnav__label{font-size:1.25rem;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.jk-subnav__media{display:block;overflow:hidden;background:rgba(var(--color-foreground,17,17,17),.05)}.jk-subnav__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.jk-subnav--mixed .jk-subnav__card{align-items:center;gap:.9rem;padding:.4rem 1.6rem .4rem .4rem;border:.1rem solid rgba(var(--color-foreground,17,17,17),.2);border-radius:10rem;transition:border-color .2s,background-color .2s,color .2s}.jk-subnav--mixed .jk-subnav__media{width:4.4rem;height:4.4rem;border-radius:50%;flex:0 0 auto}.jk-subnav--mixed .jk-subnav__card:hover{border-color:rgb(var(--color-foreground,17,17,17))}.jk-subnav--mixed .jk-subnav__card.is-active{background:rgb(var(--color-foreground,17,17,17));border-color:rgb(var(--color-foreground,17,17,17));color:rgb(var(--color-background,255,255,255))}.jk-subnav--image .jk-subnav__list{gap:1.2rem}.jk-subnav--image .jk-subnav__card{flex-direction:column;gap:.8rem;width:15rem}.jk-subnav--image .jk-subnav__media{aspect-ratio:3/4;width:100%;outline:.1rem solid transparent;outline-offset:-.1rem;transition:outline-color .2s}.jk-subnav--image .jk-subnav__label{white-space:normal;text-align:center}.jk-subnav--image .jk-subnav__card:hover img{transform:scale(1.04)}.jk-subnav--image .jk-subnav__card.is-active .jk-subnav__media{outline:.2rem solid rgb(var(--color-foreground,17,17,17))}.jk-subnav--image .jk-subnav__card.is-active .jk-subnav__label{font-weight:700;text-decoration:underline;text-underline-offset:.4rem}.jk-subnav--pill .jk-subnav__card{padding:1rem 1.8rem;border:.1rem solid rgba(var(--color-foreground,17,17,17),.2);border-radius:10rem;transition:border-color .2s,background-color .2s,color .2s}.jk-subnav--pill .jk-subnav__card:hover{border-color:rgb(var(--color-foreground,17,17,17))}.jk-subnav--pill .jk-subnav__card.is-active{background:rgb(var(--color-foreground,17,17,17));border-color:rgb(var(--color-foreground,17,17,17));color:rgb(var(--color-background,255,255,255))}@media screen and (min-width:750px){.jk-subnav--align-center .jk-subnav__list{justify-content:safe center}.jk-subnav--image .jk-subnav__card{width:16rem}}@media screen and (max-width:749px){.jk-subnav__list{padding-inline:.2rem;gap:.8rem}.jk-subnav--image .jk-subnav__card{width:11rem}.jk-subnav--mixed .jk-subnav__media{width:3.6rem;height:3.6rem}.jk-subnav--mixed .jk-subnav__card{padding-right:1.4rem}.jk-subnav__label{font-size:1.15rem}}html.jk-subnav-busy #ProductGridContainer,html.jk-subnav-busy .collection-facets{opacity:.45;pointer-events:none;transition:opacity .15s ease}html.jk-subnav-busy .jk-subnav__card{pointer-events:none}@media(prefers-reduced-motion:reduce){.jk-subnav__media img{transition:none}}.jk-subnav .jk-subnav__card--back{flex-direction:row;align-items:center;gap:.6rem;width:auto;height:100%;min-height:4.4rem;padding:.4rem 1.6rem .4rem 1.2rem;border:.1rem solid transparent;border-radius:10rem;background:rgba(var(--color-foreground,17,17,17),.06);color:rgb(var(--color-foreground,17,17,17))}.jk-subnav .jk-subnav__card--back:hover{background:rgba(var(--color-foreground,17,17,17),.12)}.jk-subnav--image .jk-subnav__item:has(.jk-subnav__card--back){align-self:center}.jk-subnav__back-icon{display:inline-flex;transition:transform .2s ease}.jk-subnav__card--back:hover .jk-subnav__back-icon{transform:translate(-.3rem)}.jk-subnav__item:has(.jk-subnav__card--back){position:relative;padding-right:1rem;margin-right:.2rem}.jk-subnav__item:has(.jk-subnav__card--back):after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:.1rem;background:rgba(var(--color-foreground,17,17,17),.18)}@media screen and (max-width:749px){.jk-subnav .jk-subnav__card--back{min-height:3.6rem;padding:.4rem 1.2rem .4rem .9rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/jakamen-subnav.css.map */