.lookbook-collage-container{background-color:#fff;padding:60px 40px}.lookbook-collage-content{max-width:1350px;margin:0 auto;display:flex;gap:20px}.lookbook-collage-left{flex:1}.lookbook-collage-left-img-container{position:relative}.lookbook-collage-right{flex:1}.lookbook-collage-right-top{position:relative}.lookbook-collage-dot{height:32px;width:32px;background-color:#fff;z-index:1;border-radius:50%;border:10px solid #002D33;cursor:pointer}.lookbook-collage-img-text{position:absolute;bottom:5px;left:25px;color:#fff;font-size:24px}.lookbook-collage-dot.img-left{position:absolute;top:17%;right:28%}.lookbook-collage-dot-img-left{height:32px;width:32px;background-color:#fff;z-index:1;border-radius:50%;border:10px solid #002D33;position:absolute;top:17%;right:28%}.lookbook-collage-card-image{object-fit:contain}.lookbook-collage-hover-card-img-left-card{position:absolute;top:17%;right:36%;width:300px;height:100px;padding:10px;opacity:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;transform:translate(-10px);transition:all .3s ease-in-out;pointer-events:none;z-index:2;border-radius:10px;display:flex;gap:10px}.lookbook-collage-dot.img-left:hover~.lookbook-collage-hover-card-img-left-card{opacity:1;transform:translate(0);pointer-events:auto}.lookbook-collage-hover-card-texts{font-size:14px}.lookbook-collage-hover-card-product-title{margin-top:0;margin-bottom:5px;line-height:15px}.lookbook-collage-hover-card-product-price{font-weight:700;color:#2497a7}.lookbook-collage-dot.img-left-two{position:absolute;top:40%;right:40%}.lookbook-collage-hover-card-img-left-card-two{position:absolute;top:40%;right:48%;width:300px;height:100px;padding:10px;opacity:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;transform:translate(-10px);transition:all .3s ease-in-out;pointer-events:none;z-index:2;border-radius:10px;display:flex;gap:10px}.lookbook-collage-dot.img-left-two:hover~.lookbook-collage-hover-card-img-left-card-two{opacity:1;transform:translate(0);pointer-events:auto}.lookbook-collage-dot.img-right-top{position:absolute;top:16%;right:50%}.lookbook-collage-hover-card-img-right-top{position:absolute;top:16%;right:58%;width:300px;height:100px;padding:10px;opacity:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;transform:translate(-10px);transition:all .3s ease-in-out;pointer-events:none;z-index:2;border-radius:10px;display:flex;gap:10px}.lookbook-collage-dot.img-right-top:hover~.lookbook-collage-hover-card-img-right-top{opacity:1;transform:translate(0);pointer-events:auto}.lookbook-collage-dot.img-right-top-two{position:absolute;bottom:40%;right:30%}.lookbook-collage-hover-card-img-right-top-two{position:absolute;bottom:40%;right:38%;width:300px;height:100px;padding:10px;opacity:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;transform:translate(-10px);transition:all .3s ease-in-out;pointer-events:none;z-index:2;border-radius:10px;display:flex;gap:10px}.lookbook-collage-dot.img-right-top-two:hover~.lookbook-collage-hover-card-img-right-top-two{opacity:1;transform:translate(0);pointer-events:auto}.lookbook-collage-image{border-radius:10px;object-fit:cover;filter:brightness(70%)}.lookbook-collage-right-bottom{margin-top:20px;display:flex;gap:20px}.lookbook-collage-right-bottom-left-image-container{position:relative}.lookbook-collage-dot.img-right-bottom-left{position:absolute;bottom:45%;left:32%}.lookbook-collage-hover-card-img-right-bottom-left{position:absolute;bottom:45%;right:80%;width:300px;height:100px;padding:10px;opacity:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;transform:translate(-10px);transition:all .3s ease-in-out;pointer-events:none;z-index:2;border-radius:10px;display:flex;gap:10px}.lookbook-collage-dot.img-right-bottom-left:hover~.lookbook-collage-hover-card-img-right-bottom-left{opacity:1;transform:translate(0);pointer-events:auto}.lookbook-collage-right-bottom-right-image-container{position:relative}.lookbook-collage-dot.img-right-bottom-right{position:absolute;right:48%;top:10%}.lookbook-collage-hover-card-img-right-bottom-right{position:absolute;right:68%;top:10%;width:300px;height:100px;padding:10px;opacity:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;transform:translate(-10px);transition:all .3s ease-in-out;pointer-events:none;z-index:2;border-radius:10px;display:flex;gap:10px}.lookbook-collage-dot.img-right-bottom-right:hover~.lookbook-collage-hover-card-img-right-bottom-right{opacity:1;transform:translate(0);pointer-events:auto}.lookbook-collage-dot.img-right-bottom-right-two{position:absolute;right:48%;top:50%}.lookbook-collage-hover-card-img-right-bottom-right-two{position:absolute;right:68%;top:50%;width:300px;height:100px;padding:10px;opacity:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;transform:translate(-10px);transition:all .3s ease-in-out;pointer-events:none;z-index:2;border-radius:10px;display:flex;gap:10px}.lookbook-collage-dot.img-right-bottom-right-two:hover~.lookbook-collage-hover-card-img-right-bottom-right-two{opacity:1;transform:translate(0);pointer-events:auto}@media screen and (max-width:1024px){.lookbook-collage-content,.lookbook-collage-right-bottom{flex-direction:column}.lookbook-collage-hover-card-img-right-bottom-left{bottom:55%;right:45%}}@media screen and (max-width:1124px){.lookbook-collage-hover-card-img-left-card-two{top:43%;right:38%}}@media screen and (max-width:900px){.lookbook-collage-hover-card-img-right-bottom-right-two{right:48%;top:60%}.lookbook-collage-hover-card-img-right-bottom-right{right:48%;top:20%}}@media screen and (max-width:720px){.lookbook-collage-hover-card-img-right-top{top:26%;right:35%}}@media screen and (max-width:590px){.lookbook-collage-hover-card-img-left-card{top:25%;right:8%}.lookbook-collage-hover-card-img-left-card-two{top:50%;right:8%}.lookbook-collage-hover-card-img-right-top{top:32%;right:10%}.lookbook-collage-hover-card-img-right-top-two{top:58%;right:10%}.lookbook-collage-hover-card-img-right-bottom-left{right:5%}.lookbook-collage-hover-card-img-right-bottom-right-two{right:10%;top:60%}.lookbook-collage-hover-card-img-right-bottom-right{right:10%;top:20%}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/lookbook-collage.css.map */