.jsc-popup-carousel{--jsc-pc-navy: #002238;--jsc-pc-accent: #1a6bb5;--jsc-pc-cta: #0d4f5c;--jsc-pc-border: #002238;--jsc-pc-muted: #c5cdd3;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:1.25rem;box-sizing:border-box}.jsc-popup-carousel[hidden]{display:none!important}.jsc-popup-carousel.is-open{display:flex}.jsc-popup-carousel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0022388c;border:0;padding:0;cursor:pointer}.jsc-popup-carousel__dialog{position:relative;z-index:1;width:min(920px,100%);max-height:min(90vh,720px);overflow:auto;background:#fff;border-radius:20px;box-shadow:0 16px 48px #00000038;padding:2.5rem 2rem 2rem;box-sizing:border-box;outline:none}.jsc-popup-carousel__close{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--jsc-pc-navy);cursor:pointer;padding:0;z-index:2}.jsc-popup-carousel__close svg{width:1.125rem;height:1.125rem}.jsc-popup-carousel__title,.jsc-popup-carousel__detail-title{margin:0 0 1.5rem;text-align:center;color:var(--jsc-pc-navy);font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:700;line-height:1.3;padding:0 1.5rem}.jsc-popup-carousel__detail-title strong{font-weight:800}.jsc-popup-carousel__view[hidden]{display:none!important}.jsc-popup-carousel__viewport{position:relative;display:flex;align-items:center;gap:.5rem}.jsc-popup-carousel__track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-width:0;padding:.25rem 0 .75rem}.jsc-popup-carousel__track::-webkit-scrollbar{display:none}.jsc-popup-carousel__item{flex:0 0 calc((100% - 3rem)/4);scroll-snap-align:start;min-width:0}.jsc-popup-carousel__item-btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:.85rem;border:0;background:transparent;padding:0;cursor:pointer;color:inherit;font:inherit}.jsc-popup-carousel__item-image{display:block;width:100%;aspect-ratio:3 / 4;max-height:220px}.jsc-popup-carousel__item-image img{width:100%;height:100%;object-fit:contain;display:block}.jsc-popup-carousel__pill{display:inline-flex;align-items:center;justify-content:center;min-width:5.5rem;max-width:100%;padding:.45rem 1.1rem;border:1.5px solid var(--jsc-pc-border);border-radius:999px;background:#fff;color:var(--jsc-pc-navy);font-size:.875rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.jsc-popup-carousel__item-btn:hover .jsc-popup-carousel__pill,.jsc-popup-carousel__item-btn:focus-visible .jsc-popup-carousel__pill,.jsc-popup-carousel__item-btn.is-active .jsc-popup-carousel__pill{background:var(--jsc-pc-accent);border-color:var(--jsc-pc-accent);color:#fff}.jsc-popup-carousel__item-btn:focus-visible{outline:2px solid var(--jsc-pc-accent);outline-offset:4px;border-radius:8px}.jsc-popup-carousel__arrow{flex:0 0 auto;width:2rem;height:2rem;border:0;background:transparent;color:var(--jsc-pc-navy);font-size:1.5rem;line-height:1;cursor:pointer;padding:0;display:none;align-items:center;justify-content:center}.jsc-popup-carousel__arrow:focus-visible{outline:2px solid var(--jsc-pc-accent);outline-offset:2px;border-radius:4px}.jsc-popup-carousel__dots{display:flex;justify-content:center;gap:.45rem;margin-top:.5rem;min-height:.75rem}.jsc-popup-carousel__dot{width:.55rem;height:.55rem;border-radius:50%;border:0;padding:0;background:var(--jsc-pc-muted);cursor:pointer}.jsc-popup-carousel__dot.is-active{background:var(--jsc-pc-accent)}.jsc-popup-carousel__dot:focus-visible{outline:2px solid var(--jsc-pc-accent);outline-offset:2px}.jsc-popup-carousel__view--detail{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:360px;margin:0 auto}.jsc-popup-carousel__detail-image{width:min(220px,55vw);margin:0 auto 1.5rem}.jsc-popup-carousel__detail-image img{width:100%;height:auto;display:block;object-fit:contain}.jsc-popup-carousel__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:280px;min-height:3rem;padding:.75rem 1.5rem;border-radius:999px;background:var(--jsc-pc-navy);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;box-sizing:border-box}.jsc-popup-carousel__cta:hover,.jsc-popup-carousel__cta:focus-visible{background:var(--jsc-pc-cta);color:#fff!important}.jsc-popup-carousel__cta:focus-visible{outline:2px solid var(--jsc-pc-accent);outline-offset:3px}.jsc-popup-carousel__back{margin-top:1rem;border:0;background:transparent;color:var(--jsc-pc-navy);font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:.35rem .5rem}.jsc-popup-carousel__back:focus-visible{outline:2px solid var(--jsc-pc-accent);outline-offset:2px;border-radius:4px}body.jsc-popup-carousel-open{overflow:hidden}@media(min-width:768px){.jsc-popup-carousel__dialog{padding:3rem 2.5rem 2.5rem}.jsc-popup-carousel__arrow{display:inline-flex}.jsc-popup-carousel__dots{display:none}.jsc-popup-carousel__track{scroll-snap-type:x mandatory;overflow-x:hidden}.jsc-popup-carousel__item{flex:0 0 calc((100% - 3rem)/4)}}@media(max-width:767px){.jsc-popup-carousel__dialog{width:min(100%,420px);padding:2rem 1.25rem 1.75rem;border-radius:16px}.jsc-popup-carousel__item{flex:0 0 42%}.jsc-popup-carousel__arrow{display:none}.jsc-popup-carousel__track{gap:.75rem;padding-bottom:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/jsc-popup-carousel.css.map */