.collection-coverflow{width:100%;overflow:hidden;padding:80px 0;position:relative}.cf-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:10px}.cf-header h2{margin:0;font-size:22px;font-weight:700;color:#111;text-align:center}.cf-line{width:70px;height:2px;background:#111}.cf-wrapper{position:relative;width:100%;height:500px;perspective:1800px;overflow:hidden}.cf-slider{position:relative;width:100%;height:100%;transform-style:preserve-3d}.cf-card{position:absolute;left:50%;top:50%;width:340px;height:370px;transform-style:preserve-3d;text-decoration:none;transition:all .6s ease}.cf-image{width:100%;height:100%;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 18px 45px #0000002e}.cf-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.cf-card:hover img{transform:scale(1.06)}.cf-content{position:absolute;left:0;right:0;bottom:25px;text-align:center;z-index:10}.cf-content h3{color:#fff;font-size:16px;font-weight:700;margin:0;text-transform:uppercase;text-shadow:0 3px 10px rgba(0,0,0,.5)}.cf-content p{display:none}.cf-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:none;background:#fff;cursor:pointer;z-index:50;font-size:22px;box-shadow:0 10px 30px #00000026;transition:.25s}.cf-arrow:hover{transform:translateY(-50%) scale(1.1)}.cf-arrow.prev{left:15px}.cf-arrow.next{right:15px}.cf-card.active{opacity:1;z-index:10;transform:translate(-50%,-50%) translate(0) translateZ(160px) rotateY(0) scale(1)}.cf-card.left1{opacity:.85;z-index:7;transform:translate(-50%,-50%) translate(-290px) translateZ(-40px) rotateY(35deg) scale(.88)}.cf-card.right1{opacity:.85;z-index:7;transform:translate(-50%,-50%) translate(290px) translateZ(-40px) rotateY(-35deg) scale(.88)}.cf-card.left2{opacity:.45;z-index:5;transform:translate(-50%,-50%) translate(-520px) translateZ(-220px) rotateY(55deg) scale(.72)}.cf-card.right2{opacity:.45;z-index:5;transform:translate(-50%,-50%) translate(520px) translateZ(-220px) rotateY(-55deg) scale(.72)}.cf-card.hide{opacity:0;pointer-events:none;transform:translate(-50%,-50%) translateZ(-500px) scale(.55)}@media(max-width:1200px){.cf-wrapper{height:560px}.cf-card{width:300px}.cf-card.left1{transform:translate(-50%,-50%) translate(-220px) rotateY(30deg) scale(.85)}.cf-card.right1{transform:translate(-50%,-50%) translate(220px) rotateY(-30deg) scale(.85)}.cf-card.left2{transform:translate(-50%,-50%) translate(-380px) translateZ(-180px) rotateY(50deg) scale(.7)}.cf-card.right2{transform:translate(-50%,-50%) translate(380px) translateZ(-180px) rotateY(-50deg) scale(.7)}}@media(max-width:768px){.collection-coverflow{padding:50px 0}.cf-wrapper{height:460px;perspective:900px}.cf-card{width:230px}.cf-card.left1{transform:translate(-50%,-50%) translate(-110px) rotateY(28deg) scale(.82)}.cf-card.right1{transform:translate(-50%,-50%) translate(110px) rotateY(-28deg) scale(.82)}.cf-card.left2,.cf-card.right2,.cf-arrow{display:none}.cf-header h2{font-size:30px}}@media(max-width:768px){.cf-card{width:230px;height:320px}.cf-wrapper{height:380px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-coverflow.css.map */