.style-detail .texte{margin-bottom:6rem}.style-detail .texte p{text-align:center}.style-detail .slider{margin-bottom:12rem}.style-detail .slider .swiper-style{position:relative;padding:6rem 3rem}.style-detail .slider .swiper-style:before{content:'';background-color:var(--black);height:100%;width:50%;top:0;left:0;position:absolute}.style-detail .slider .swiper-style .swiper-wrapper .swiper-slide{height:70vw;display:flex;justify-content:space-between;align-items:center}.style-detail .slider .swiper-style .swiper-wrapper .swiper-slide figure{transition:max-height 0.7s, opacity 0.7s;height:100%;max-height:80%;opacity:0.35;width:100%;position:relative;overflow:hidden;box-shadow:0 4rem 5rem #2924243E}.style-detail .slider .swiper-style .swiper-wrapper .swiper-slide figure img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);height:100%;width:100%;object-fit:cover;max-width:unset}.style-detail .slider .swiper-style .swiper-wrapper .swiper-slide-active figure{max-height:100%;opacity:1}.style-detail .slider .swiper-style .next-prev{position:absolute;left:50%;width:9rem;height:3rem;bottom:-6rem;transform:translateX(-50%)}.style-detail .slider .swiper-style .next-prev .swiper-button-prev,.style-detail .slider .swiper-style .next-prev .swiper-button-next{transition:opacity 0.7s;opacity:1;background-image:url(//l-loft.fr/app/themes/lloft/assets/imgs/arrow_white_circle.png);background-size:contain;height:3rem;width:3rem;top:0;margin-top:0;filter:invert(1)}.style-detail .slider .swiper-style .next-prev .swiper-button-prev:after,.style-detail .slider .swiper-style .next-prev .swiper-button-next:after{content:''}.style-detail .slider .swiper-style .next-prev .swiper-button-next{left:unset;right:0}.style-detail .slider .swiper-style .next-prev .swiper-button-prev{left:0;transform:rotate(180deg)}.style-detail .produits h2{line-height:1}.style-detail .produits h2 span{margin-right:100%}.style-detail .produits .filter-content{margin-left:4rem}.style-detail .produits .filter-content .content{transition:max-height 1s;width:17rem;max-height:5rem;border:1px solid var(--black);overflow:hidden}.style-detail .produits .filter-content .content div{border:none;background-color:transparent;width:100%;height:5rem;display:flex;align-items:center;padding-left:2rem;text-transform:uppercase;font-weight:500;font-size:1.2rem;position:relative;transition:color 0.7s}.style-detail .produits .filter-content .content div.active{color:var(--blue)}.style-detail .produits .filter-content .content div#labelFilter:after{content:'';width:2rem;height:1rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%);transition:transform 0.7s;background-image:url(//l-loft.fr/app/themes/lloft/assets/imgs/arrow.png)}.style-detail .produits .filter-content .content.active{max-height:25rem}.style-detail .produits .filter-content .content.active div#labelFilter:after{transform:translateY(-50%) rotate(90deg)}.style-detail .produits .products{margin-top:3rem;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;max-height:calc(100vw + 2rem);overflow-y:hidden}.style-detail .produits .products.active{transition:max-height 100s;max-height:10000rem}.style-detail .produits .button{display:flex;justify-content:center;margin:3rem 0}.style-detail .produits .button button{color:var(--black);border:1px solid var(--black);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.style-detail .produits .button button:after{content:none}.style-detail .produits .button button span{font-weight:300;margin-left:5rem;font-size:2.5rem}.style-detail .produits .button button.active{display:none}@media only screen and (min-width: 768px){.style-detail .texte{margin-bottom:9rem}.style-detail .slider .swiper-style{padding:12rem 15%}.style-detail .slider .swiper-style .next-prev{width:7rem;transform:none;left:calc(50% + 3rem);bottom:1rem}.style-detail .produits h2 span{margin-right:0}.style-detail .produits .filter-content{margin:0 7%}.style-detail .produits .filter-content .content{max-height:unset;display:flex;width:100%;justify-content:space-between;border:none}.style-detail .produits .filter-content .content .label{display:none}.style-detail .produits .filter-content .content .filter{justify-content:center;padding:0;width:calc(33% - 1rem);border:1px solid var(--black);transition:color 1s, border 1s}.style-detail .produits .filter-content .content .filter.active{border:1px solid var(--blue)}.style-detail .produits .products{margin-top:6rem;padding:0 7%;max-height:calc(83.4vw + 4rem)}.style-detail .produits .button{margin:6rem 0}}@media only screen and (min-width: 1280px){.style-detail .texte{margin-bottom:12rem}.style-detail .texte p{margin:0 calc(50% - 30rem)}.style-detail .slider .swiper-style{padding:12rem 25%}.style-detail .slider .swiper-style:before{width:60%}.style-detail .slider .swiper-style .swiper-wrapper .swiper-slide{height:45vw}.style-detail .slider .swiper-style .next-prev{left:calc(60% + 3rem);height:4rem;width:9rem}.style-detail .slider .swiper-style .next-prev .swiper-button-next,.style-detail .slider .swiper-style .next-prev .swiper-button-prev{height:4rem;width:4rem;opacity:0.5;transition:opacity 0.7s}.style-detail .slider .swiper-style .next-prev .swiper-button-next:hover,.style-detail .slider .swiper-style .next-prev .swiper-button-prev:hover{opacity:1}.style-detail .produits .filter-content .content{max-width:100rem}.style-detail .produits .filter-content .content .filter{width:calc(33% - 3rem);height:7rem;transition:color 0.7s, background-color 0.7s, border 0.7s;cursor:pointer}.style-detail .produits .filter-content .content .filter:hover{color:var(--white);background-color:var(--blue);border:1px solid transparent}.style-detail .produits .products{max-height:calc(20.314vw + 2rem);justify-content:left}.style-detail .produits .products .product{margin-right:calc(2rem)}.style-detail .produits .products .product:nth-of-type(4n){margin-right:0}.style-detail .produits .button{margin:4.5rem}.style-detail .produits .button .btn span{transition:transform 1s;font-family:serif}.style-detail .produits .button .btn:hover span{transform:rotate(180deg) translateX(2px)}}