.jc-sp{--sp-ink: var(--ink, #1b1815);--sp-line: #e6e1d8;--sp-border: #ddd6ca;--sp-mute: var(--mute, #6b665f);--sp-bg: var(--page, #f8f6f2);color:var(--sp-ink);font-family:var(--font-body)}.jc-sp__wrap{padding-top:clamp(2.4rem,4vw,4rem);padding-bottom:clamp(4.8rem,6vw,7.2rem)}.jc-sp :focus-visible{outline:2px solid var(--sp-ink);outline-offset:2px}.jc-sp__title{margin:0;font-family:var(--font-display, Outfit, sans-serif);font-weight:300;font-size:3.4rem;line-height:1.1;letter-spacing:var(--ls-heading, 0);color:var(--sp-ink)}@media screen and (min-width:750px){.jc-sp__title{font-size:5.2rem}}.jc-sp__box{display:flex;align-items:center;gap:.8rem;min-width:0;height:5.2rem;margin-top:clamp(1.6rem,3vw,2.4rem);border-bottom:1px solid var(--sp-ink)}@media screen and (min-width:750px){.jc-sp__box{height:6.4rem}}.jc-sp__go,.jc-sp__clear{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--jc-tap, 44px);height:var(--jc-tap, 44px);padding:0;margin:0;border:0;background:transparent;color:var(--sp-ink);cursor:pointer;border-radius:2px}.jc-sp__go{margin-left:-1rem}.jc-sp__clear{margin-right:-1rem}.jc-sp__clear[hidden]{display:none}.jc-sp__q{flex:1 1 auto;min-width:0;height:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none;font:300 1.8rem/1.2 var(--font-body);color:var(--sp-ink)}.jc-sp__q::-webkit-search-cancel-button{display:none}.jc-sp__q::placeholder{color:var(--sp-mute);opacity:1}.jc-sp__q:focus-visible{outline:none}.jc-sp__box:focus-within{border-bottom-width:2px}@media screen and (min-width:750px){.jc-sp__q{font-size:2.4rem}}.jc-sp__count{margin:2rem 0 0;font-size:1.5rem;font-weight:300;color:var(--sp-mute)}.jc-sp__empty{padding:1.2rem 0 2.4rem}.jc-sp__hint{margin:0;font-size:1.5rem;font-weight:300;color:var(--sp-mute)}.jc-sp__links{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0 0;padding:0;list-style:none}.jc-sp__link{display:inline-flex;align-items:center;min-height:var(--jc-tap, 44px);padding:0 2rem;border:1px solid var(--sp-ink);border-radius:2px;color:var(--sp-ink);text-decoration:none;font-size:1.2rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:background-color var(--dur-fast, .15s) ease,color var(--dur-fast, .15s) ease}@media(hover:hover)and (pointer:fine){.jc-sp__link:hover{background:var(--sp-ink);color:var(--sp-bg)}}.jc-sp__chips{display:flex;gap:.8rem;padding:2rem 0 .4rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(-1 * var(--gutter, 2rem));padding-inline:var(--gutter, 2rem);scroll-padding-inline:var(--gutter, 2rem)}.jc-sp__chips::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.jc-sp__chips{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0;padding-top:2.8rem}}.jc-sp__chip{flex:none;display:inline-flex;align-items:center;height:3.6rem;padding:0 1.6rem;border:1px solid var(--sp-border);border-radius:2px;background:#fff;color:var(--sp-ink);font:300 1.3rem/1 var(--font-body);white-space:nowrap;text-decoration:none;cursor:pointer;transition:border-color var(--dur-fast, .15s) ease,background-color var(--dur-fast, .15s) ease,color var(--dur-fast, .15s) ease}@media(hover:hover)and (pointer:fine){.jc-sp__chip:hover{border-color:var(--sp-ink)}}.jc-sp__chip.is-active{background:var(--sp-ink);border-color:var(--sp-ink);color:var(--sp-bg)}.jc-sp__bar{display:none}@media screen and (min-width:750px){.jc-sp__bar{display:flex;align-items:center;justify-content:space-between;gap:2.4rem;margin-top:1.6rem;padding:1.4rem 0;border-top:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line)}}.jc-sp__pills{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;min-width:0}.jc-sp__clearall{font-size:1.3rem;font-weight:300;color:var(--sp-ink);text-decoration:underline;text-underline-offset:3px;padding:.8rem .4rem}.jc-sp__sortwrap{flex:none;display:flex;align-items:center;gap:.8rem}.jc-sp__sort{height:3.6rem;padding:0 3.4rem 0 1.2rem;border:1px solid var(--sp-border);border-radius:2px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%231c1a17' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 1.2rem center;font:300 1.3rem var(--font-body);color:var(--sp-ink);-webkit-appearance:none;appearance:none;cursor:pointer}@media(hover:hover)and (pointer:fine){.jc-sp__sort:hover{border-color:var(--sp-ink)}}.jc-sp__nojs{height:3.6rem;padding:0 1.4rem;border:1px solid var(--sp-ink);background:var(--sp-ink);color:var(--sp-bg);border-radius:2px}.jc-sp__mbar{display:grid;grid-template-columns:1fr 1fr;margin-top:1.6rem;border-top:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line)}@media screen and (min-width:750px){.jc-sp__mbar{display:none}}.jc-sp__mbtn{height:4.6rem;border:0;border-right:1px solid var(--sp-line);background:transparent;border-radius:0;font:300 1.4rem var(--font-body);color:var(--sp-ink);cursor:pointer}.jc-sp__sort--m{height:4.6rem;width:100%;min-width:0;border:0;border-radius:0;background-color:transparent;font-size:1.4rem;text-align:center;text-align-last:center}.jc-sp__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.8rem 1.2rem;margin:0;padding:2rem 0 0;list-style:none}@media screen and (min-width:750px){.jc-sp__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.6rem 2rem;padding-top:3.2rem}}@media screen and (min-width:990px){.jc-sp__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4rem 2.4rem}}.jc-sp__item{min-width:0}.jc-sp__item[hidden]{display:none}.jc-sp__item.is-new{animation:jc-sp-in .4s var(--ease-out, ease) both}@keyframes jc-sp-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.jc-sp__body.is-loading .jc-sp__grid{opacity:.45;transition:opacity var(--dur-fast, .15s) ease}.jc-sp__more{padding:clamp(3.2rem,5vw,4.8rem) 0 0;text-align:center}.jc-sp__showing{margin:0;font-size:1.3rem;font-weight:300;color:var(--sp-mute)}.jc-sp__track{width:100%;max-width:24rem;height:2px;margin:1.2rem auto 2rem;background:#e6e1d8;overflow:hidden}.jc-sp__fill{width:100%;height:100%;background:var(--sp-ink);transform-origin:left center;transition:transform var(--dur-slow, .4s) var(--ease-out, ease)}.jc-sp__track>.jc-sp__fill{display:block}.jc-sp__loadmore{display:inline-flex;align-items:center;justify-content:center;min-height:4.6rem;padding:0 2.8rem;border:1px solid var(--sp-ink);border-radius:2px;background:transparent;color:var(--sp-ink);text-decoration:none;font:500 1.2rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background-color var(--dur-fast, .15s) ease,color var(--dur-fast, .15s) ease}@media screen and (max-width:749px){.jc-sp__loadmore{width:100%}}@media(hover:hover)and (pointer:fine){.jc-sp__loadmore:hover{background:var(--sp-ink);color:var(--sp-bg)}}.jc-sp__loadmore[aria-busy=true]{opacity:.6;pointer-events:none}.jc-sp .jc-col-pill{position:relative}.jc-sp .jc-col-pill__btn{display:inline-flex;align-items:center;gap:.8rem;height:3.6rem;padding:0 1.2rem 0 1.4rem;border:1px solid var(--sp-border);border-radius:2px;background:#fff;color:var(--sp-ink);font:300 1.3rem var(--font-body);cursor:pointer;white-space:nowrap}@media(hover:hover)and (pointer:fine){.jc-sp .jc-col-pill__btn:hover{border-color:var(--sp-ink)}}.jc-sp .jc-col-pill__btn.is-active,.jc-sp .jc-col-pill__btn[aria-expanded=true]{border-color:var(--sp-ink)}.jc-sp .jc-col-pill__btn svg{transition:transform var(--dur-fast, .15s) ease}.jc-sp .jc-col-pill__btn[aria-expanded=true] svg{transform:rotate(180deg)}.jc-sp .jc-col-pop{position:absolute;top:calc(100% + .8rem);left:0;z-index:20;width:28rem;max-width:calc(100vw - 4rem);padding:1.4rem;background:#fff;border:1px solid var(--sp-line);border-radius:2px;box-shadow:0 8px 24px #1c1a1714}.jc-sp .jc-col-pop[hidden]{display:none}.jc-sp .jc-col-pop__h{margin:0 0 1rem;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sp-mute)}.jc-sp .jc-col-pop__foot{display:flex;justify-content:space-between;align-items:center;margin-top:1.4rem}.jc-sp .jc-col-pop__clear{border:0;background:none;padding:.8rem 0;font:400 1.3rem var(--font-body);color:var(--sp-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.jc-sp .jc-col-pop__apply{height:3.6rem;padding:0 1.6rem;border:1px solid var(--sp-ink);border-radius:2px;background:var(--sp-ink);color:var(--sp-bg);font:400 1.3rem var(--font-body);cursor:pointer}.jc-sp .jc-col-vals{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;max-height:32rem;overflow-y:auto}.jc-sp .jc-col-val{display:inline-flex;align-items:center;gap:.8rem;min-height:3.6rem;min-width:4.4rem;padding:0 1rem;border:1px solid var(--sp-border);border-radius:2px;background:#fff;color:var(--sp-ink);font:400 1.3rem var(--font-body);cursor:pointer;justify-content:center}@media(hover:hover)and (pointer:fine){.jc-sp .jc-col-val:hover{border-color:var(--sp-ink)}}.jc-sp .jc-col-val__in:checked+.jc-col-val{background:var(--sp-ink);border-color:var(--sp-ink);color:var(--sp-bg)}.jc-sp .jc-col-val__in:focus-visible+.jc-col-val{outline:2px solid var(--sp-ink);outline-offset:2px}.jc-sp .jc-col-val__in:disabled+.jc-col-val{opacity:.4;cursor:not-allowed;text-decoration:line-through}.jc-sp .jc-col-val__sw{width:1.4rem;height:1.4rem;border-radius:50%;border:1px solid rgba(28,26,23,.15);background:var(--surface, #f1ece4) center / cover;flex:none}.jc-sp .jc-col-price{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.jc-sp .jc-col-price__f{display:grid;gap:.4rem}.jc-sp .jc-col-price__l{font-size:1.2rem;color:var(--sp-mute)}.jc-sp .jc-col-price__in{display:flex;align-items:center;gap:.4rem;height:4rem;padding:0 1rem;border:1px solid var(--sp-border);border-radius:2px;background:#fff}.jc-sp .jc-col-price__in input{width:100%;min-width:0;border:0;background:transparent;font:400 1.4rem var(--font-body);color:var(--sp-ink);outline:none}.jc-sp .jc-col-price__in:focus-within{border-color:var(--sp-ink)}.jc-sp__drawer{position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:min(42rem,100vw);max-width:100vw;height:100%;max-height:100%;border:0;background:var(--sp-bg);color:var(--sp-ink);transform:translate(100%);opacity:0;transition:transform var(--dur-drawer, .3s) var(--ease-out, ease),opacity var(--dur-drawer, .3s) var(--ease-out, ease)}.jc-sp__drawer[open].is-in{transform:none;opacity:1}.jc-sp__drawer::backdrop{background:#1b181566}.jc-sp__dform{display:flex;flex-direction:column;height:100%}.jc-sp__dhead{display:flex;align-items:center;justify-content:space-between;padding:.6rem .6rem .6rem 2rem;border-bottom:1px solid var(--sp-line)}.jc-sp__dtitle{margin:0;font:400 1.6rem var(--font-body)}.jc-sp__dclose{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border:0;background:none;color:var(--sp-ink);cursor:pointer}.jc-sp__dbody{flex:1 1 auto;overflow-y:auto;padding:0 2rem}.jc-sp__dbody>.jc-sp__hint{padding-top:2rem}.jc-sp__dfoot{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.2rem 2rem calc(1.2rem + env(safe-area-inset-bottom));border-top:1px solid var(--sp-line)}.jc-sp__dclear,.jc-sp__dapply{display:inline-flex;align-items:center;justify-content:center;min-height:4.6rem;border-radius:2px;font:500 1.2rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer}.jc-sp__dclear{border:1px solid var(--sp-ink);color:var(--sp-ink);background:transparent}.jc-sp__dapply{border:1px solid var(--sp-ink);background:var(--sp-ink);color:var(--sp-bg)}.jc-sp .jc-col-dgroup{border-bottom:1px solid var(--sp-line)}.jc-sp .jc-col-dgroup__sum{display:flex;align-items:center;justify-content:space-between;min-height:5.2rem;cursor:pointer;list-style:none;font:400 1.4rem var(--font-body)}.jc-sp .jc-col-dgroup__sum::-webkit-details-marker{display:none}.jc-sp .jc-col-dgroup__sign{position:relative;width:1.2rem;height:1.2rem}.jc-sp .jc-col-dgroup__sign:before,.jc-sp .jc-col-dgroup__sign:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;transition:transform var(--dur-fast, .15s) ease}.jc-sp .jc-col-dgroup__sign:after{transform:rotate(90deg)}.jc-sp .jc-col-dgroup[open] .jc-col-dgroup__sign:after{transform:rotate(0)}.jc-sp .jc-col-dgroup__body{padding:0 0 1.6rem}@media(prefers-reduced-motion:reduce){.jc-sp *,.jc-sp *:before,.jc-sp *:after{transition:none!important;animation:none!important}.jc-sp__drawer{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/jc-search-page.css.map */
