.jk-pick{--jk-lime: #9FF100;--jk-ink: #052F0D;--jk-tray: transparent;--jk-rule: #C1DAD5;padding:60px 0 70px;container-type:inline-size}.jk-pick__head{max-width:1440px;margin-inline:auto;padding-inline:37px;display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:25px}.jk-pick__title em{font-style:italic;font-size:1.0667em}.jk-pick__title{margin:0;font-family:EB Garamond,Garamond,Times New Roman,serif;font-weight:400;font-size:75px;line-height:.867;color:var(--jk-ink)}.jk-pick__title .jk-line{display:block}.jk-pick[data-intro=ready] .jk-pick__title .jk-line{overflow:hidden;padding-block:.32em;margin-block:-.32em}.jk-pick[data-intro=ready] .jk-pick__title .jk-line>span{display:block;transform:translateY(calc(100% + .85em))}.jk-pick[data-intro=ready].is-intro-in .jk-pick__title .jk-line>span{transform:translateY(0);transition:transform 1.05s cubic-bezier(.16,1,.3,1)}.jk-pick[data-intro=ready] .jk-pick__card{opacity:0;transform:translateY(36px)}.jk-pick[data-intro=ready].is-intro-in .jk-pick__card{opacity:1;transform:translateY(0);transition:opacity .62s ease,transform .9s cubic-bezier(.16,1,.3,1)}.jk-pick[data-intro=ready].is-intro-in .jk-pick__card:nth-child(1){transition-delay:.18s}.jk-pick[data-intro=ready].is-intro-in .jk-pick__card:nth-child(2){transition-delay:.32s}.jk-pick[data-intro=ready].is-intro-in .jk-pick__card:nth-child(3){transition-delay:.46s}.jk-pick[data-intro=ready].is-intro-in .jk-pick__card:nth-child(4){transition-delay:.6s}.jk-pick[data-intro=ready].is-intro-in .jk-pick__card:nth-child(5){transition-delay:.74s}.jk-pick[data-intro=ready].is-intro-in .jk-pick__card:nth-child(6){transition-delay:.88s}.jk-pick[data-intro=ready].is-intro-in .jk-pick__card:nth-child(7){transition-delay:1.02s}.jk-pick[data-intro=ready].is-intro-in .jk-pick__card:nth-child(8){transition-delay:1.16s}.jk-pick__cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:auto;padding:0;border-radius:0;background:none;color:var(--jk-ink);text-decoration:none;font-family:Satoshi,ui-sans-serif,system-ui,sans-serif;font-weight:900;font-size:12px;line-height:20px;letter-spacing:1.2px;text-transform:uppercase;margin-top:12px}.jk-pick__cta:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--jk-lime);flex:0 0 auto}.jk-pick__cta .jk-dots{display:none}.jk-pick__trayWrap{max-width:1440px;margin-inline:auto;padding-inline:37px}.jk-pick__tray{background:var(--jk-tray);border-radius:20px;padding:0;overflow:hidden}.jk-pick__row{display:grid;grid-template-columns:repeat(var(--jk-cols, 4),minmax(0,1fr));gap:12px}.jk-pick__card{position:relative;aspect-ratio:342 / 482;overflow:hidden;border-radius:10px;display:block;text-decoration:none;color:var(--jk-ink);background:#fff}.jk-pick__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.jk-pick__bg--hover{opacity:0;transition:opacity .42s ease}.jk-pick__card:hover .jk-pick__bg--hover,.jk-pick__card:focus-visible .jk-pick__bg--hover{opacity:1}.jk-pick__product{position:absolute;left:0;right:0;top:4%;height:calc(96% - 84px);width:100%;padding-inline:8%;box-sizing:border-box;object-fit:contain;filter:drop-shadow(0 6px 12px rgb(0 0 0 / 18%));transition:opacity .38s ease,transform .52s cubic-bezier(.22,.61,.36,1)}.jk-pick__card:hover .jk-pick__product,.jk-pick__card:focus-visible .jk-pick__product{opacity:0;transform:scale(1.03)}.jk-pick__rule{position:absolute;left:0;right:0;top:74.3%;height:12px;pointer-events:none}.jk-pick__rule svg{display:block;width:100%;height:100%;overflow:visible}.jk-pick__rule path{fill:none;stroke:var(--jk-rule);stroke-width:1;stroke-dasharray:3 3;transition:stroke .3s ease}.jk-pick__card:hover .jk-pick__rule path,.jk-pick__card:focus-visible .jk-pick__rule path{stroke:#fff6}.jk-pick__swatches{position:absolute;left:7.3%;top:auto;bottom:65px;display:flex;gap:5px}.jk-pick__sw{position:relative;width:20px;height:20px;border-radius:50%;background:var(--jk-sw, #ccc);box-shadow:inset 0 0 0 1px #cecece;display:block}.jk-pick__sw.is-on:after{content:"";position:absolute;left:-2px;top:-2px;width:24px;height:24px;border-radius:50%;border:1px solid var(--jk-lime)}.jk-pick__price{position:absolute;left:7.3%;top:91.7%;font-family:Satoshi,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:900;letter-spacing:1.2px;color:#052f0d;transition:color .3s ease}.jk-pick__card:hover .jk-pick__price,.jk-pick__card:focus-visible .jk-pick__price{color:#fff}.jk-pick__name{position:absolute;left:7.3%;top:77%;width:80%;font-family:Satoshi,ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:clamp(15px,1.39vw,20px);line-height:1.15;letter-spacing:-.02em;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.jk-pick__card:hover .jk-pick__name,.jk-pick__card:focus-visible .jk-pick__name{color:#fff}.jk-pick__card .jk-dots{position:absolute;left:88.6%;top:90%;color:var(--jk-lime);transition:color .3s ease}.jk-pick__card:hover .jk-dots,.jk-pick__card:focus-visible .jk-dots{color:#fff}.jk-pick__foot,.jk-pick__meta{display:contents}.jk-pick__badge{position:absolute;left:81.6%;top:4.8%;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #CCC4B3;display:grid;place-items:center;color:var(--jk-ink);outline:1px solid transparent;outline-offset:2px;transition:background-color .3s ease,outline-color .3s ease}.jk-pick__card:hover .jk-pick__badge,.jk-pick__card:focus-visible .jk-pick__badge{background:#fff;outline-color:#fff}.jk-pick__badge svg{width:20px;height:15px}.jk-pick__rule{top:auto;bottom:48px}.jk-pick__foot{position:absolute;z-index:2;left:3.03%;right:3.03%;top:calc(100% - 37px);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.jk-pick__meta{display:contents}.jk-pick__name{position:static;width:auto;max-width:52%;font-family:Satoshi,ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:12px;line-height:12px;letter-spacing:.6px;text-transform:uppercase;-webkit-line-clamp:2}.jk-pick__price{position:static;font-family:Satoshi,ui-sans-serif,system-ui,sans-serif;font-weight:900;font-size:12px;line-height:12px;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;text-align:right}.jk-pick__card .jk-dots{display:none}@media(max-width:989px){.jk-pick{padding:40px 0 50px}.jk-pick__head{padding-inline:20px}.jk-pick__title{font-size:clamp(40px,5.6vw + 19px,75px)}.jk-pick__cta{height:auto;padding-inline:0}.jk-pick__trayWrap{padding-inline:20px}.jk-pick__tray{padding:12px}.jk-pick__row{--jk-cols: 2}}@media(max-width:749px){.jk-pick__trayWrap{padding-right:0}.jk-pick__tray{padding:15px 0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:none;scroll-snap-type:x mandatory;scroll-padding-inline:15px;scrollbar-width:none;border-start-end-radius:0;border-end-end-radius:0}.jk-pick__tray::-webkit-scrollbar{display:none}.jk-pick__row{display:flex;width:max-content;padding-inline:15px;gap:8px;align-items:stretch}.jk-pick__card{flex:0 0 243px;scroll-snap-align:start}.jk-pick__row>.jk-pick__card:last-child{scroll-snap-align:end}.jk-pick__tray.is-dragging{cursor:grabbing}.jk-pick__tray.is-dragging .jk-pick__card{pointer-events:none}.jk-pick__card{aspect-ratio:auto;display:flex;flex-direction:column}.jk-pick__product{position:static;width:100%;height:auto;aspect-ratio:1;padding:10px 8% 0}.jk-pick__swatches{position:static;padding:10px 7.3% 0}.jk-pick__rule{position:static;margin-top:10px}.jk-pick__foot{position:static;top:auto;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 7.3% 14px}.jk-pick__meta{display:contents}.jk-pick__name,.jk-pick__price{position:static;width:auto}.jk-pick__foot{flex-wrap:wrap;row-gap:6px}.jk-pick__name{flex:1 1 8em;min-width:8em;max-width:none;-webkit-line-clamp:3;min-height:36px}.jk-pick__price{flex:0 0 auto;margin-left:auto}.jk-pick__card .jk-dots{position:relative;left:auto;top:auto;transform:none}.jk-pick__sw{width:14px;height:14px}.jk-pick__sw.is-on:after{width:18px;height:18px}.jk-pick__badge{left:auto;right:5.5%;width:30px;height:30px}.jk-pick__badge svg{width:15px;height:auto}}@media(prefers-reduced-motion:reduce){.jk-pick[data-intro=ready] .jk-pick__title .jk-line{overflow:visible;padding-block:0;margin-block:0}.jk-pick[data-intro=ready] .jk-pick__title .jk-line>span{transform:none;transition:none}.jk-pick[data-intro=ready] .jk-pick__card{opacity:1;transform:none;transition:none}.jk-dots--blur,.jk-pick__product,.jk-pick__bg--hover{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/jaykei-pick.css.map */