.custom-coverflow-section{overflow:visible;min-height:600px}.custom-coverflow-fullwidth{width:100%;max-width:100%}.custom-coverflow-header{margin-bottom:3rem}.custom-coverflow-subheading{margin-top:1rem;font-size:1.4rem;opacity:.8}.custom-coverflow-carousel{position:relative;display:block}.custom-coverflow-container{position:relative;overflow:visible;min-height:650px;display:flex;align-items:center;justify-content:center}.custom-coverflow-track{position:relative;width:100%;height:100%;display:flex;justify-content:center;transform-style:preserve-3d}.custom-coverflow-slide{position:absolute;width:320px;height:var(--card-height-desktop, 400px);transition:transform .8s cubic-bezier(.23,1,.32,1),opacity .8s cubic-bezier(.23,1,.32,1),filter .8s cubic-bezier(.23,1,.32,1),scale .8s cubic-bezier(.23,1,.32,1);cursor:pointer;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;will-change:transform,opacity}.custom-coverflow-slide-inner{width:100%;height:100%;position:relative;background:var(--color-background);border-radius:8px;transform-style:preserve-3d;backface-visibility:hidden}.custom-coverflow-image{width:100%;height:100%;transition:transform .5s cubic-bezier(.23,1,.32,1),object-fit .8s cubic-bezier(.23,1,.32,1)}.custom-coverflow-slide[data-state=active] .custom-coverflow-image{object-fit:contain}.custom-coverflow-slide[data-state=active] .custom-coverflow-image-wrapper{background:linear-gradient(to bottom,rgba(var(--color-background),.95),rgba(var(--color-background-2),1))}.custom-coverflow-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.custom-coverflow-link:hover .custom-coverflow-image{transform:scale(1.05)}.custom-coverflow-content{padding:1.5rem;text-align:center}.custom-coverflow-title{margin:0 0 .5rem;font-size:1.4rem;line-height:1.3}.custom-coverflow-text{font-size:1.2rem;opacity:.8}.custom-coverflow-price{font-size:1.4rem;font-weight:500}@media screen and (min-width: 750px){.custom-coverflow-carousel{perspective:var(--perspective-distance, 1200px)}.custom-coverflow-slide[data-state=active]{transform:translate(-50%) translateZ(100px) rotateY(0) scale(1.1);opacity:1;z-index:10;left:50%;filter:blur(0)}.custom-coverflow-slide[data-state=next-1]{transform:translate(-50%) translateZ(-50px) translate(var(--card-spacing, 280px)) rotateY(-25deg) scale(.85) scaleX(1.1);opacity:var(--opacity-1, .9);z-index:9;left:50%;filter:blur(0)}.custom-coverflow-slide[data-state=next-2]{transform:translate(-50%) translateZ(-100px) translate(calc(var(--card-spacing, 280px) * 1.7)) rotateY(-35deg) scale(.7) scaleX(1.15);opacity:var(--opacity-2, .7);z-index:8;left:50%;filter:blur(calc(var(--blur-bg, 0) * .5px))}.custom-coverflow-slide[data-state=next-3]{transform:translate(-50%) translateZ(-150px) translate(calc(var(--card-spacing, 280px) * 2.3)) rotateY(-40deg) scale(.65) scaleX(1.2);opacity:var(--opacity-3, .5);z-index:7;left:50%;filter:blur(calc(var(--blur-bg, 0) * 1px))}.custom-coverflow-slide[data-state=prev-1]{transform:translate(-50%) translateZ(-50px) translate(calc(var(--card-spacing, 280px) * -1)) rotateY(25deg) scale(.85) scaleX(1.1);opacity:var(--opacity-1, .9);z-index:9;left:50%;filter:blur(0)}.custom-coverflow-slide[data-state=prev-2]{transform:translate(-50%) translateZ(-100px) translate(calc(var(--card-spacing, 280px) * -1.7)) rotateY(35deg) scale(.7) scaleX(1.15);opacity:var(--opacity-2, .7);z-index:8;left:50%;filter:blur(calc(var(--blur-bg, 0) * .5px))}.custom-coverflow-slide[data-state=prev-3]{transform:translate(-50%) translateZ(-150px) translate(calc(var(--card-spacing, 280px) * -2.3)) rotateY(40deg) scale(.65) scaleX(1.2);opacity:var(--opacity-3, .5);z-index:7;left:50%;filter:blur(calc(var(--blur-bg, 0) * 1px))}.custom-coverflow-slide[data-state=hidden]{opacity:0;pointer-events:none;transform:translate(-50%) translateZ(-600px) scale(.5);left:50%}}.custom-coverflow-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(var(--color-background),.9);border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:rgb(var(--color-foreground))}.custom-coverflow-button:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:translateY(-50%) scale(1.1)}.custom-coverflow-button--prev{left:2rem}.custom-coverflow-button--prev .svg-wrapper{transform:rotate(90deg)}.custom-coverflow-button--next{right:2rem}.custom-coverflow-button--next .svg-wrapper{transform:rotate(-90deg)}.custom-coverflow-button .svg-wrapper{width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center}.custom-coverflow-dots{display:flex;justify-content:center;gap:.8rem;margin-top:2rem}.custom-coverflow-dot{width:10px;height:10px;border-radius:50%;background:rgba(var(--color-foreground),.3);border:none;cursor:pointer;transition:all .3s ease;padding:0}.custom-coverflow-dot:hover{background:rgba(var(--color-foreground),.5);transform:scale(1.2)}.custom-coverflow-dot.active{background:rgb(var(--color-foreground));transform:scale(1.3)}@media screen and (max-width: 749px){.custom-coverflow-container{padding:2rem 0}.custom-coverflow-track{display:flex;overflow:hidden;perspective:800px;padding:0 8vw;gap:6vw}.custom-coverflow-track::-webkit-scrollbar{display:none}.custom-coverflow-slide{position:absolute;left:50%;transform:translate(-50%);width:78vw;height:var(--card-height-mobile, 350px);min-height:var(--card-height-mobile, 350px);margin:0;transform-origin:center center;will-change:transform,opacity}.custom-coverflow-slide-inner{transform:scale(.85);transition:transform .35s ease}.custom-coverflow-slide[data-state=active] .custom-coverflow-slide-inner{transform:scale(.9) translateZ(50px)}.custom-coverflow-slide[data-state=next-1] .custom-coverflow-slide-inner,.custom-coverflow-slide[data-state=prev-1] .custom-coverflow-slide-inner{transform:scale(.9) translateZ(10px);opacity:var(--opacity-1, .9)}.custom-coverflow-slide[data-state=next-2] .custom-coverflow-slide-inner,.custom-coverflow-slide[data-state=prev-2] .custom-coverflow-slide-inner{transform:scale(.85) translateZ(-10px);opacity:var(--opacity-2, .7)}.custom-coverflow-slide[data-state=active]{transform:translate(-50%) translateZ(30px) rotateY(0);z-index:10}.custom-coverflow-slide[data-state=next-1]{transform:translate(calc(-50% + 46vw)) translateZ(-20px) rotateY(-18deg) scale(.92);z-index:9}.custom-coverflow-slide[data-state=prev-1]{transform:translate(calc(-50% - 46vw)) translateZ(-20px) rotateY(18deg) scale(.92);z-index:9}.custom-coverflow-slide[data-state=next-2]{transform:translate(calc(-50% + 92vw)) translateZ(-40px) rotateY(-22deg) scale(.88);z-index:8}.custom-coverflow-slide[data-state=prev-2]{transform:translate(calc(-50% - 92vw)) translateZ(-40px) rotateY(22deg) scale(.88);z-index:8}.custom-coverflow-slide[data-state=hidden]{opacity:0;pointer-events:none}.custom-coverflow-slide[data-state=hidden]{opacity:.2}.custom-coverflow-button{display:none}.custom-coverflow-header{margin-bottom:2rem;padding:0 1.5rem}.custom-coverflow-title{font-size:1.3rem}.custom-coverflow-content{padding:1rem}}.custom-coverflow-image.placeholder{background:var(--color-background-2);display:flex;align-items:center;justify-content:center}.custom-coverflow-carousel[data-loading=true] .custom-coverflow-slide{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.custom-coverflow-slide:active .custom-coverflow-slide-inner{transform:scale(.98)}.custom-coverflow-carousel.transitioning .custom-coverflow-slide{transition-duration:.9s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.custom-coverflow-slide{pointer-events:auto}.custom-coverflow-slide[data-state=hidden]{pointer-events:none}.custom-coverflow-carousel:focus-visible .custom-coverflow-container{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.custom-coverflow-button:focus-visible,.custom-coverflow-dot:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media (prefers-color-scheme: dark){.custom-coverflow-slide-inner{box-shadow:0 10px 40px #0000004d}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-coverflow-carousel.css.map */