.content-slider-before-after{position:relative;border-radius:5px;overflow:hidden;--position: 50%;display:inline-block;outline:none;width:100%;max-width:800px;margin:0 auto}.content-slider-before-after .before-after{position:relative;width:100%}.content-slider-before-after .before-after .label{position:absolute;top:20px}.content-slider-before-after .before-after .label .lab{line-height:40px;font-size:14px;padding:0 14px;border-radius:40px;background:#fff;display:inline-block}.content-slider-before-after .before-after .before{z-index:2;overflow:hidden;width:var(--position);position:absolute;height:100%}.content-slider-before-after .before-after .before img{display:block;object-fit:cover;position:absolute;object-position:left;height:100%;width:100%;z-index:0;top:0;left:0}.content-slider-before-after .before-after .before .label{left:0;z-index:3;padding-left:20px;overflow:hidden}.content-slider-before-after .before-after .after img{display:block;object-fit:contain;width:100%;max-width:100%;object-position:left}.content-slider-before-after .before-after .after .label{text-align:right;right:20px;z-index:1}.content-slider-before-after .slider{position:absolute;z-index:2;height:100%;width:100%;top:0;left:0;opacity:0;cursor:pointer;margin:0;outline:none}.content-slider-before-after .slider-line{height:100%;position:absolute;left:var(--position);top:0;width:2px;background:#fff;transform:translateX(-50%)}.content-slider-before-after .slider-button{height:40px;width:40px;border-radius:100%;background:#fff;display:flex;align-items:center;justify-content:center;left:var(--position);top:50%;position:absolute;z-index:3;transform:translate(-50%, -50%);pointer-events:none}.content-before-after{position:relative;display:inline-block;outline:none;width:100%}.content-before-after .cba{position:relative;width:100%;display:flex;border-radius:5px;overflow:hidden;font-size:0;line-height:0}.content-before-after .cba:after{content:"";width:2px;left:50%;margin-left:-1px;position:absolute;height:100%;background:#f9f9f4;top:0}.content-before-after .cba img{object-fit:contain;width:100%}.content-before-after .cba .label{position:absolute;top:20px}.content-before-after .cba .label .lab{padding:0 10px;border-radius:30px;background:#fff;color:#454545;display:inline-block;border:1px solid #454545;font-size:12px;border-radius:24px;line-height:24px;padding:0 10px}.content-before-after .cba .before{width:50%}.content-before-after .cba .before .label{left:20px;z-index:3;overflow:hidden}.content-before-after .cba .after{width:50%}.content-before-after .cba .after .label{text-align:right;right:20px;z-index:1}.content-before-after.horizontal .cba{flex-direction:column}.content-before-after.horizontal .cba:after{content:"";width:100%;left:0;margin-left:0px;margin-top:-1px;position:absolute;height:2px;top:50%}.content-before-after.horizontal .cba .before,.content-before-after.horizontal .cba .after{width:100%;position:relative}.content-before-after.horizontal .cba .label{right:auto;left:20px}.content-before-after2{background:url("/cdn/shop/files/ngrid2.png?v=1691575537");padding:20px 10px}@media(min-width: 992px){.content-before-after2{padding:60px 50px}}.content-before-after2 .title{position:relative;text-align:left;padding:0px 10px 24px 10px}@media(min-width: 992px){.content-before-after2 .title{text-align:center;max-width:1000px;margin:0 auto;padding:0 20px;padding-bottom:40px}}.content-before-after2 .title h2{font-size:28px;font-weight:400}.content-before-after2 .title .c-right{display:flex;flex:1;justify-content:flex-end;position:absolute;right:20px;top:0}.content-before-after2 .title .c-right .controls{display:flex}.content-before-after2 .title .c-right .controls .arrow{height:40px;width:40px;border-radius:100%;border:1px solid #000;display:flex;align-items:center;justify-content:center;cursor:pointer}.content-before-after2 .title .c-right .controls .arrow.off{opacity:.5}.content-before-after2 .title .c-right .controls .arrow svg{fill:#000;height:16px}@media(min-width: 992px){.content-before-after2 .title .c-right .controls .arrow svg{height:12px}}.content-before-after2 .title .c-right .controls .arrow.right{margin-left:10px}.content-before-after2 .before-after{overflow:hidden}@media(min-width: 992px){.content-before-after2 .before-after{max-width:1000px;margin:0 auto}}.content-before-after2 .before-after .content-product-before-after{display:flex;flex-wrap:nowrap;transition:all .3s ease}.content-before-after2 .before-after .content-product-before-after .product-before-after{width:50%;padding:10px;display:flex;flex-direction:column;flex-shrink:0}@media(min-width: 992px){.content-before-after2 .before-after .content-product-before-after .product-before-after{width:33.33%}}.content-before-after2 .before-after .content-product-before-after .product-before-after .content-before-after .before-after .content .cba{height:240px}.content-before-after2 .before-after .content-product-before-after .product-before-after .content-before-after .before-after .content .cba .before,.content-before-after2 .before-after .content-product-before-after .product-before-after .content-before-after .before-after .content .cba .after{overflow:hidden}.content-before-after2 .before-after .content-product-before-after .product-before-after .content-before-after .before-after .content .cba .before img,.content-before-after2 .before-after .content-product-before-after .product-before-after .content-before-after .before-after .content .cba .after img{height:100%;width:100%;object-fit:cover}.content-before-after2 .before-after .content-product-before-after .product-before-after .content-before-after .before-after .content .cba .before .lab,.content-before-after2 .before-after .content-product-before-after .product-before-after .content-before-after .before-after .content .cba .after .lab{font-size:12px;border-radius:24px;line-height:24px;padding:0 10px}.content-before-after2 .before-after .content-product-before-after .product-before-after .content-before-after .before-after .content .cba .label{left:10px;top:10px}.content-before-after2 .before-after .content-product-before-after .product-before-after .content-before-after.horizontal .before-after .content .cba .before,.content-before-after2 .before-after .content-product-before-after .product-before-after .content-before-after.horizontal .before-after .content .cba .after{height:50%}.content-before-after2 .before-after .content-product-before-after .product-before-after .infos-before-after{flex:1;padding:10px 0 20px 0}.content-before-after2 .before-after .content-product-before-after .product-before-after .infos-before-after .content-code-gamme .code-gamme{font-family:var(--font-futura);display:inline-block;color:#fff;line-height:20px;font-size:12px;padding:0 10px;text-transform:uppercase;border-radius:20px;margin-bottom:5px}.content-before-after2 .before-after .content-product-before-after .product-before-after .infos-before-after h3{margin-bottom:5px;font-size:15px;line-height:20px}.content-before-after2 .before-after .content-product-before-after .product-before-after .infos-before-after p{color:var(--color-brown);margin:0;font-size:14px;line-height:18px}.content-before-after2 .before-after .content-product-before-after .product-before-after .content-cta .cta{display:flex;border:1px solid #000;background:#fff;text-decoration:none;padding:0 15px;line-height:50px;font-size:14px;border-radius:5px;color:#000;justify-content:space-between;align-items:center;transition:all .3s ease}.content-before-after2 .before-after .content-product-before-after .product-before-after .content-cta .cta .picto{display:flex;align-items:center}.content-before-after2 .before-after .content-product-before-after .product-before-after .content-cta .cta .picto .arrow{height:20px;transition:all .3s ease}.content-before-after2 .before-after .content-product-before-after .product-before-after .content-cta .cta:hover{background:#000;color:#fff}.content-before-after2 .before-after .content-product-before-after .product-before-after .content-cta .cta:hover .picto .arrow{fill:#fff}