.scene-hotspot-carousel{--scene-card-width: 29rem;display:block;overflow:hidden}.scene-hotspot-carousel__inner{width:min(100%,var(--scene-max-width));margin-inline:auto;padding-inline:2rem}.scene-hotspot-carousel__header{max-width:76rem;margin:0 auto 3.6rem;text-align:center}.scene-hotspot-carousel__eyebrow{margin:0 0 .8rem;color:var(--scene-accent);font-size:1.2rem;font-weight:700;letter-spacing:.28em;line-height:1.4;text-transform:uppercase}.scene-hotspot-carousel__heading{margin:0;color:rgb(var(--color-foreground));font-size:clamp(3rem,4vw,5.4rem);line-height:1.05}.scene-hotspot-carousel__intro{margin:1.2rem auto 0;color:rgba(var(--color-foreground),.66);font-size:1.6rem;line-height:1.55}.scene-hotspot-carousel__intro p{margin:0}.scene-hotspot-carousel__viewport{position:relative;overflow:hidden;touch-action:pan-y}.scene-hotspot-carousel__track{display:flex;align-items:flex-start;width:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}.scene-hotspot-carousel__slide{min-width:100%;position:relative}.scene-hotspot-carousel__slide:not(.is-active){pointer-events:none}.scene-hotspot-carousel__media{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--scene-aspect-desktop, 16 / 9);overflow:hidden;border:var(--scene-border-width) solid var(--scene-border-color);border-radius:var(--scene-radius);background:rgba(var(--color-foreground),.06)}.scene-hotspot-carousel__image,.scene-hotspot-carousel__placeholder,.scene-hotspot-carousel__placeholder svg{display:block;width:100%;height:100%}.scene-hotspot-carousel__image{object-fit:cover;object-position:center}.scene-hotspot-carousel__placeholder{color:rgba(var(--color-foreground),.3)}.scene-hotspot-carousel__placeholder-label{position:absolute;inset:50% auto auto 50%;z-index:1;padding:.9rem 1.5rem;border-radius:999px;background:#ffffffe6;color:#242424;font-size:1.3rem;transform:translate(-50%,-50%)}.scene-hotspot-carousel__hotspot{--hotspot-x-current: var(--hotspot-x);--hotspot-y-current: var(--hotspot-y);position:absolute;top:calc(var(--hotspot-y-current) * 1%);left:calc(var(--hotspot-x-current) * 1%);z-index:3;transform:translate(-50%,-50%)}.scene-hotspot-carousel__hotspot-group{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.scene-hotspot-carousel__hotspot-group .scene-hotspot-carousel__hotspot{pointer-events:auto}.scene-hotspot-carousel__hotspot:hover,.scene-hotspot-carousel__hotspot:focus-within,.scene-hotspot-carousel__hotspot.is-open{z-index:8}.scene-hotspot-carousel__dot{position:relative;isolation:isolate;display:grid;width:2.1rem;height:2.1rem;padding:0;place-items:center;border:.2rem solid #fff;border-radius:50%;background:var(--scene-accent);box-shadow:0 .2rem .8rem #00000040;color:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.scene-hotspot-carousel__dot:before,.scene-hotspot-carousel__dot:after{content:"";position:absolute;top:-.2rem;right:-.2rem;bottom:-.2rem;left:-.2rem;z-index:-1;border:.2rem solid var(--scene-accent);border-radius:inherit;opacity:0;animation:scene-hotspot-pulse 2.2s ease-out infinite}.scene-hotspot-carousel__dot:after{animation-delay:1.1s}.scene-hotspot-carousel__dot:focus-visible{outline:.3rem solid #fff;outline-offset:.3rem}@keyframes scene-hotspot-pulse{0%{opacity:.85;transform:scale(1)}72%,to{opacity:0;transform:scale(2.5)}}.scene-hotspot-carousel__card{position:absolute;z-index:2;width:min(var(--scene-card-width),calc(100vw - 4rem));padding:.8rem;border:.1rem solid rgba(0,0,0,.08);border-radius:1.2rem;background:#fff;box-shadow:0 1.2rem 3.4rem #0003;color:#181818;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.scene-hotspot-carousel__card--above{bottom:3.4rem}.scene-hotspot-carousel__card--below{top:3.4rem}.scene-hotspot-carousel__card--center{left:50%;transform:translate(-50%,.6rem)}.scene-hotspot-carousel__card--left{left:-.3rem;transform:translateY(.6rem)}.scene-hotspot-carousel__card--right{right:-.3rem;transform:translateY(.6rem)}.scene-hotspot-carousel__card:after{content:"";position:absolute;right:0;left:0;height:2.6rem}.scene-hotspot-carousel__card--above:after{top:100%}.scene-hotspot-carousel__card--below:after{bottom:100%}.scene-hotspot-carousel__card--above.scene-hotspot-carousel__card--center,.scene-hotspot-carousel__card--above.scene-hotspot-carousel__card--left,.scene-hotspot-carousel__card--above.scene-hotspot-carousel__card--right{transform:translateY(.6rem)}.scene-hotspot-carousel__card--above.scene-hotspot-carousel__card--center{transform:translate(-50%,.6rem)}.scene-hotspot-carousel__hotspot:hover .scene-hotspot-carousel__card,.scene-hotspot-carousel__hotspot:focus-within .scene-hotspot-carousel__card,.scene-hotspot-carousel__hotspot.is-open .scene-hotspot-carousel__card{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.scene-hotspot-carousel__hotspot:hover .scene-hotspot-carousel__card--center,.scene-hotspot-carousel__hotspot:focus-within .scene-hotspot-carousel__card--center,.scene-hotspot-carousel__hotspot.is-open .scene-hotspot-carousel__card--center{transform:translate(-50%)}.scene-hotspot-carousel__product{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1.1rem;align-items:center}.scene-hotspot-carousel__product-image-wrap{display:block;width:8rem;height:8rem;overflow:hidden;border-radius:.8rem;background:#f1f0ec}.scene-hotspot-carousel__product-image,.scene-hotspot-carousel__product-image-placeholder,.scene-hotspot-carousel__product-image-placeholder svg{display:block;width:100%;height:100%}.scene-hotspot-carousel__product-image{object-fit:cover}.scene-hotspot-carousel__product-title{display:-webkit-box;margin:0;overflow:hidden;color:#181818;font-size:1.35rem;font-weight:650;line-height:1.3;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.scene-hotspot-carousel__product-title:hover{text-decoration:underline;text-underline-offset:.2rem}.scene-hotspot-carousel__price{display:flex;flex-wrap:wrap;gap:.4rem .7rem;align-items:baseline;margin-top:.45rem;color:var(--scene-accent);font-size:1.35rem;font-weight:750;line-height:1.2}.scene-hotspot-carousel__compare-price{color:#757575;font-size:1.15rem;font-weight:400;text-decoration:line-through}.scene-hotspot-carousel__actions{margin-top:.75rem}.scene-hotspot-carousel__add,.scene-hotspot-carousel__view-link{display:inline-flex;min-height:3.1rem;padding:.55rem 1.2rem;align-items:center;justify-content:center;border:.1rem solid #111;border-radius:999px;background:#111;color:#fff;font-family:inherit;font-size:1.15rem;font-weight:700;line-height:1;text-decoration:none;cursor:pointer}.scene-hotspot-carousel__add:hover,.scene-hotspot-carousel__view-link:hover{background:#fff;color:#111}.scene-hotspot-carousel__add[disabled]{cursor:not-allowed;opacity:.55}.scene-hotspot-carousel__add .loading__spinner{width:1.4rem;margin-left:.6rem}.scene-hotspot-carousel__empty-product{padding:1.2rem;color:#5d5d5d;font-size:1.3rem;line-height:1.4;text-align:center}.scene-hotspot-carousel__mobile-product{display:none}.scene-hotspot-carousel__caption{min-height:2.4rem;margin:2.2rem 2rem 0;color:rgba(var(--color-foreground),.58);font-size:1.35rem;line-height:1.55;text-align:center}.scene-hotspot-carousel__caption p{margin:0}.scene-hotspot-carousel__controls{display:grid;grid-template-columns:auto minmax(0,auto) auto;gap:1.8rem;align-items:center;justify-content:center;margin-top:1.4rem}.scene-hotspot-carousel__arrow{display:grid;width:4.2rem;height:4.2rem;padding:0;place-items:center;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.scene-hotspot-carousel__arrow:hover{border-color:var(--scene-accent);background:var(--scene-accent);color:#fff}.scene-hotspot-carousel__arrow svg{width:1.7rem;height:1.7rem}.scene-hotspot-carousel__arrow--prev,.scene-hotspot-carousel__arrow--next{justify-self:center}.scene-hotspot-carousel__navigation{display:flex;min-width:0;gap:2rem;align-items:center}.scene-hotspot-carousel__dots{display:flex;max-width:min(55vw,54rem);gap:.8rem;align-items:center;justify-content:center;overflow-x:auto;scrollbar-width:none}.scene-hotspot-carousel__dots::-webkit-scrollbar{display:none}.scene-hotspot-carousel__pagination-dot{width:.9rem;height:.9rem;flex:0 0 auto;padding:0;border:0;border-radius:50%;background:rgba(var(--color-foreground),.2);cursor:pointer;transition:background .15s ease,transform .15s ease}.scene-hotspot-carousel__pagination-dot.is-active{background:rgb(var(--color-foreground))}.scene-hotspot-carousel__counter{min-width:6.4rem;font-size:1.4rem;line-height:1;text-align:center}.scene-hotspot-carousel__empty{display:grid;min-height:36rem;padding:3rem;place-items:center;border:.1rem dashed rgba(var(--color-foreground),.3);border-radius:var(--scene-radius);color:rgba(var(--color-foreground),.65);text-align:center}@media screen and (max-width:749px){.scene-hotspot-carousel{--scene-card-width: 25rem}.scene-hotspot-carousel__inner{padding-inline:1.5rem}.scene-hotspot-carousel__header{margin-bottom:2.4rem}.scene-hotspot-carousel__eyebrow{font-size:1rem}.scene-hotspot-carousel__intro{font-size:1.4rem}.scene-hotspot-carousel__media{aspect-ratio:var(--scene-aspect-mobile, var(--scene-aspect-desktop, 4 / 3))}.scene-hotspot-carousel__hotspot{--hotspot-x-current: var(--hotspot-mobile-x, var(--hotspot-x));--hotspot-y-current: var(--hotspot-mobile-y, var(--hotspot-y))}.scene-hotspot-carousel__hotspot.is-selected .scene-hotspot-carousel__dot{box-shadow:0 0 0 .3rem #ffffffe6,0 0 0 .55rem var(--scene-accent)}.scene-hotspot-carousel__hotspot>.scene-hotspot-carousel__card{display:none}.scene-hotspot-carousel__mobile-product.has-product{display:block;margin-top:1rem}.scene-hotspot-carousel__mobile-product .scene-hotspot-carousel__card{position:relative;inset:auto;display:block;width:100%;padding:.8rem;border:0;border-radius:.8rem;background:#f6f6f6;box-shadow:none;opacity:1;pointer-events:auto;visibility:visible;transform:none}.scene-hotspot-carousel__mobile-product .scene-hotspot-carousel__card:after{display:none}.scene-hotspot-carousel__product{grid-template-columns:7.8rem minmax(0,1fr);gap:1rem}.scene-hotspot-carousel__product-image-wrap{width:7.8rem;height:7.8rem}.scene-hotspot-carousel__mobile-product .scene-hotspot-carousel__product-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .8rem;align-items:center}.scene-hotspot-carousel__mobile-product .scene-hotspot-carousel__product-title{grid-column:1;grid-row:1}.scene-hotspot-carousel__mobile-product .scene-hotspot-carousel__price{grid-column:1;grid-row:2;margin-top:0}.scene-hotspot-carousel__mobile-product .scene-hotspot-carousel__actions{grid-column:2;grid-row:1 / span 2;margin-top:0}.scene-hotspot-carousel__mobile-product .scene-hotspot-carousel__add,.scene-hotspot-carousel__mobile-product .scene-hotspot-carousel__view-link{min-height:3rem;padding-inline:1.1rem}.scene-hotspot-carousel__caption{min-height:0;margin:1.5rem .4rem 0;font-size:1.25rem}.scene-hotspot-carousel__controls{grid-template-columns:auto minmax(0,1fr) auto;width:100%;gap:1rem;margin-top:1.2rem}.scene-hotspot-carousel__navigation{min-width:0;justify-content:center}.scene-hotspot-carousel__arrow{width:3.8rem;height:3.8rem}.scene-hotspot-carousel__dots{max-width:none;gap:.65rem}.scene-hotspot-carousel__counter{display:none}}@media(prefers-reduced-motion:reduce){.scene-hotspot-carousel__track,.scene-hotspot-carousel__card,.scene-hotspot-carousel__pagination-dot{transition:none}.scene-hotspot-carousel__dot:before,.scene-hotspot-carousel__dot:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/section-scene-hotspot-carousel.css.map */
