.jj-pcarousel{padding:32px 0 53px;background:var(--jj-color-background)}.jj-pcarousel:has(>.jj-pcarousel__heading){padding-top:32px}.jj-pcarousel__heading{margin:0 var(--jj-gutter) 19.2px;font-family:var(--jj-font);font-size:24px;font-weight:900;line-height:28.8px;letter-spacing:0}.jj-pcarousel__viewport{position:relative}.jj-pcarousel__track{display:flex;gap:20px;margin:0;padding:0 var(--jj-gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--jj-gutter);overscroll-behavior-x:contain;scrollbar-width:none}.jj-pcarousel__track::-webkit-scrollbar{display:none}.jj-pcarousel__item{flex:0 0 calc((100% + 20px) / 3.797 - 20px);min-width:0;scroll-snap-align:start}.jj-pcarousel__arrow{position:absolute;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:-16px;border-radius:0;background:var(--jj-color-background);color:var(--jj-color-text);transition:opacity .2s ease-out,visibility .2s,background-color .15s ease-out,color .15s ease-out}@media(hover:hover){.jj-pcarousel__arrow:hover:not([disabled]){background:#000;color:#fff;opacity:1}}.jj-pcarousel__arrow--prev{left:32px}.jj-pcarousel__arrow--prev .jj-icon{transform:rotate(90deg)}.jj-pcarousel__arrow--next{right:32px}.jj-pcarousel__arrow--next .jj-icon{transform:rotate(-90deg)}@media screen and (min-width:750px){.jj-pcarousel:has(>.jj-pcarousel__heading){position:relative;padding-bottom:57px}.jj-pcarousel:has(>.jj-pcarousel__heading) .jj-pcarousel__viewport{position:static}.jj-pcarousel:has(>.jj-pcarousel__heading) .jj-pcarousel__arrow{top:32px;margin-top:0}.jj-pcarousel:has(>.jj-pcarousel__heading) .jj-pcarousel__arrow--prev{right:calc(var(--jj-gutter) + 40px);left:auto}.jj-pcarousel:has(>.jj-pcarousel__heading) .jj-pcarousel__arrow--next{right:var(--jj-gutter)}}.jj-pcarousel__arrow.jj-arrow[disabled]{opacity:.5;visibility:visible;pointer-events:auto;cursor:default}.jj-pcarousel__arrow:focus-visible{outline:1px solid var(--jj-color-text);outline-offset:2px}.jj-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--jj-color-background);color:var(--jj-color-text)}.jj-card__visual{position:relative}.jj-card__media{position:relative;container-type:inline-size;aspect-ratio:354 / 535;overflow:hidden;background:#f2f2f2}.jj-card__slides{position:absolute;top:0;right:0;bottom:0;left:0}.jj-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-out}.jj-card__img.is-active{opacity:1}.jj-card__progress{position:absolute;inset:auto 0 0;display:none;height:2px;background:#00000026;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.jj-card__progress-fill{display:block;width:calc((var(--jj-card-slide, 0) + 1) / var(--jj-card-count, 1) * 100%);height:100%;background:var(--jj-color-text);transition:width .3s ease-in-out}@media(hover:hover){.jj-card__progress{display:block}.jj-card:hover .jj-card__progress{opacity:1}}@media(prefers-reduced-motion:reduce){.jj-card__img,.jj-card__progress,.jj-card__progress-fill{transition:none}}.jj-card__placeholder{fill:#00000040}.jj-card__badge{position:absolute;top:3.39cqw;left:4.52cqw;font-size:max(10px,3.39cqw);font-weight:400;line-height:1.1667;letter-spacing:.25px;color:var(--jj-color-text)}.jj-card__nav{position:absolute;top:50%;z-index:2;display:none;align-items:center;justify-content:center;width:27px;height:44px;margin-top:-22px;color:var(--jj-color-text);opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s}.jj-card__nav--prev{left:0}.jj-card__nav--next{right:0}.jj-card__nav--next .jj-icon{transform:rotate(180deg)}@media(hover:hover){.jj-card:hover .jj-card__badge{opacity:0}}@media(hover:none),screen and (max-width:749px){.jj-card__nav{display:flex;width:16px;opacity:.3;visibility:visible}.jj-card__nav--prev{left:1px}.jj-card__nav--next{right:1px}}.jj-card__nav:focus-visible{outline:1px solid var(--jj-color-text);outline-offset:2px}.jj-card__info{display:flex;flex-direction:column;gap:4px;padding:12px 10px}.jj-card__head{display:flex;align-items:flex-start;gap:8px}.jj-card__add{display:none}.jj-card__add-button{position:relative;z-index:2;width:18px;height:18px;color:var(--jj-color-text)}.jj-card__title{flex:1;min-width:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-family:var(--jj-font);font-size:13px;font-weight:400;line-height:19px;letter-spacing:.25px;text-transform:uppercase}.jj-pcarousel .jj-card__title a:hover{color:inherit}.jj-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.jj-card__link:focus-visible{outline:none}.jj-card:has(.jj-card__link:focus-visible){outline:1px solid var(--jj-color-text);outline-offset:2px}.jj-card__price{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.jj-card__price-compare{font-size:12px;line-height:14px;color:#9e9e9e}.jj-card__price-discount{color:#d5001c}.jj-card__net-price{font-size:10px;font-weight:400;line-height:12px;letter-spacing:0;color:#8c8c8c}@media screen and (min-width:750px)and (max-width:989px){.jj-pcarousel__item{flex-basis:calc((100% + 20px) / 2.4 - 20px)}}@media screen and (max-width:749px){.jj-pcarousel{padding:32px 0 48px}.jj-pcarousel:has(>.jj-pcarousel__heading){padding-top:24px}.jj-pcarousel__heading{margin-inline:15px;margin-bottom:38.4px;font-size:18px;line-height:21.6px}.jj-pcarousel__track{gap:10px;padding:0 10px;scroll-padding-inline:10px}.jj-pcarousel__item{flex-basis:calc((100% + 10px) / 1.3 - 10px)}.jj-pcarousel__arrow{top:238px;margin-top:0;opacity:.6}.jj-pcarousel__arrow--prev{left:22px}.jj-pcarousel__arrow--next{right:22px}.jj-card__badge{top:12px;left:16px;line-height:14px}.jj-card__info{gap:4px;padding:8px 8px 13px}.jj-card__add{display:flex;margin-top:1px}.jj-card__title{min-height:0;line-height:20px}.jj-card__price{font-size:12px;line-height:18px}.jj-card__net-price{line-height:16px;letter-spacing:.25px}}@media screen and (min-width:750px){.jj-pcarousel--landing,.jj-pcarousel--landing:has(>.jj-pcarousel__heading){padding:32px 0}.jj-pcarousel--landing .jj-card__info{padding-bottom:37px}}.jj-pcarousel--landing .jj-card__nav,.jj-pcarousel--landing .jj-card__progress,.jj-pcarousel--hover-2nd .jj-card__progress{display:none}@media(hover:hover){.jj-pcarousel--hover-2nd .jj-card:hover .jj-card__badge{opacity:1}}.jj-pcarousel--grid,.jj-pcarousel--grid:has(>.jj-pcarousel__heading){padding:0 0 80px}.jj-pcarousel--grid .jj-pcarousel__heading{margin-bottom:32px;font-weight:400;line-height:40px;letter-spacing:.25px;text-align:center;text-transform:uppercase}@media screen and (min-width:990px){.jj-pcarousel--grid .jj-pcarousel__track{justify-content:safe center;gap:62px}.jj-pcarousel--grid .jj-pcarousel__item{flex:0 0 calc((100% - 186px)/4)}}@media screen and (max-width:749px){.jj-pcarousel--grid,.jj-pcarousel--grid:has(>.jj-pcarousel__heading){padding:0 0 48px}.jj-pcarousel--grid .jj-pcarousel__heading{margin:0 16px 20px;font-size:18px;line-height:32px}.jj-pcarousel--grid .jj-pcarousel__track{gap:8px;padding:0 16px;scroll-padding-inline:16px}.jj-pcarousel--grid .jj-pcarousel__item{flex-basis:164px}.jj-pcarousel--grid .jj-card__info{padding:8px}}.jj-card__visual:has(>.jj-plp-card__quick){overflow:hidden}.jj-card .jj-plp-card__quick{transition:transform .3s ease-out,visibility .3s}@media screen and (min-width:750px)and (hover:hover){.jj-card:is(:hover,:has(:focus-visible)) .jj-plp-card__quick{transform:none;visibility:visible}}@media(hover:none),screen and (max-width:749px){.jj-card__visual>.jj-plp-card__quick{display:none}}@media(prefers-reduced-motion:reduce){.jj-card .jj-plp-card__quick{transition:none}}.jj-pcarousel--progress .jj-card__progress{display:block;height:3px;background:#fff9;opacity:1}.jj-pcarousel--progress .jj-card__progress-fill{width:max(45%,calc((var(--jj-card-slide, 0) + 1) / var(--jj-card-count, 1) * 100%));background:#000}@media screen and (max-width:749px){.jj-pcarousel--no-mobile-arrows .jj-card__nav{opacity:0;visibility:hidden;pointer-events:none}.jj-pcarousel--no-mobile-add .jj-card__add{display:none}.jj-pcarousel--title-2l .jj-card__title{-webkit-line-clamp:2;font-size:10px;line-height:16px}.jj-pcarousel--title-sm .jj-card__title{display:block;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:16px}.jj-pcarousel--square-arrows .jj-pcarousel__arrow{border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-jj-product-carousel.css.map */