.m-beforeafter__wrapper{padding:60px 20px;max-width:1200px;margin:0 auto;font-family:Harmonia Sans,sans-serif}.m-beforeafter__heading,.m-beforeafter__description,.m-beforeafter__stat-text,.m-beforeafter__stat-circle,.m-beforeafter__stat-highlight,.m-beforeafter__caption-left,.m-beforeafter__caption-right,.m-beforeafter__image-caption,.m-beforeafter__tag,.m-beforeafter__page-counter,.m-beforeafter__current-page,.m-beforeafter__main-image-container:before,.m-beforeafter__main-image-container:after{font-family:inherit}.m-beforeafter__heading{font-size:36px;font-weight:700;text-align:left;margin-bottom:40px;line-height:1.2}.m-beforeafter__content{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.m-beforeafter__mobile-wrapper{display:flex;flex-direction:row;justify-content:flex-start;gap:40px;align-items:flex-start;width:100%}.m-beforeafter__description{font-size:18px;line-height:1.6;margin-bottom:20px;color:#2c1c0a;max-width:500px}.m-beforeafter__description--desktop{display:none;margin-bottom:25px}.m-beforeafter__description--mobile{display:block}.m-beforeafter__stats{display:flex;flex-direction:column;gap:8px;margin-top:20px;border:1px solid #f0f0f0;border-radius:10px;padding:5px 15px;background-color:#f8f1e7;flex:1}.m-beforeafter__stat{display:flex;align-items:center;gap:15px;padding:18px 0 28px;position:relative}.m-beforeafter__stat:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#a77950;width:100%}.m-beforeafter__stat-circle{width:60px;height:60px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#2c1c0a;flex-shrink:0;background-color:#a7795033;box-shadow:0 1px 3px #00000012}.m-beforeafter__stat-circle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(#a77950 var(--percentage),rgba(167,121,80,.25) var(--percentage));z-index:0}.m-beforeafter__stat-circle:after{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border-radius:50%;background-color:#fff;z-index:1}.m-beforeafter__stat-circle span{position:relative;z-index:2;color:#2c1c0a;font-weight:900;font-size:16px;text-shadow:0 1px 1px rgba(255,255,255,.5)}.m-beforeafter__stat-text{font-size:15px;line-height:1.3;color:#2c1c0a}.m-beforeafter__stat-highlight{font-weight:700}.m-beforeafter__images{flex:0 0 auto;max-width:550px;position:relative}.m-beforeafter__main-images-container{position:relative;width:100%;max-width:500px;margin:0 0 20px;border-radius:10px;overflow:hidden;perspective:1000px;min-height:400px}.m-beforeafter__main-image-container{position:relative;width:100%;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.m-beforeafter__main-image-container:hover{transform:scale(1.02)}.m-beforeafter__main-image-slide{width:100%;height:100%;position:relative;transition:opacity .3s ease;display:block;min-height:300px}.m-beforeafter__main-image-container:before,.m-beforeafter__main-image-container:after{content:attr(data-label);position:absolute;top:10px;padding:5px 10px;background-color:#e6dacd;color:#2c1c0a;font-size:12px;font-weight:700;border-radius:12px;z-index:2}.m-beforeafter__main-image-container:before{content:"AVANT";left:10px}.m-beforeafter__main-image-container:after{content:"APR\c8S";right:10px}.m-beforeafter__main-image{width:100%;height:auto;display:block;aspect-ratio:1/1;object-fit:cover;max-width:100%;min-height:250px;transition:transform .5s ease}.m-beforeafter__main-image-container:hover .m-beforeafter__main-image{transform:scale(1.03)}.m-beforeafter__image-captions{display:flex;width:100%;margin-top:20px;align-items:center}.m-beforeafter__caption-left{flex:0 0 50%;padding:8px 0;font-size:14px;font-weight:500;display:flex;justify-content:center;align-items:center;color:#2c1c0a}.m-beforeafter__caption-right{flex:0 0 50%;padding:8px 0;font-size:14px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;color:#2c1c0a}.m-beforeafter__caption-right span{background-color:#a77950;border-radius:12px;padding:8px 16px;display:inline-block;color:#fefcf8!important;font-weight:700;font-size:15px}.m-beforeafter__caption-left span{padding:8px 12px;display:inline-block}.m-beforeafter__pagination-container{display:flex;justify-content:center;margin:10px auto 5px;width:100%}.m-beforeafter__pagination-container .swiper-pagination{display:flex;gap:8px;justify-content:center}.m-beforeafter__pagination-container .swiper-pagination-bullet{width:8px;height:8px;background-color:#ccc;opacity:.6;transition:all .3s ease}.m-beforeafter__pagination-container .swiper-pagination-bullet-active{opacity:1;background-color:#000;transform:scale(1.2)}.m-beforeafter__pagination-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#2c1c0a;font-size:24px;-webkit-user-select:none;user-select:none;z-index:3;transition:color .3s ease,transform .2s ease;background-color:#fffc;border-radius:50%;box-shadow:0 2px 5px #0000001a}.m-beforeafter__pagination-arrow:hover{color:#000;transform:translateY(-50%) scale(1.1);background-color:#fff;box-shadow:0 3px 8px #00000026}.m-beforeafter__pagination-arrow--prev{left:0}.m-beforeafter__pagination-arrow--next{right:0}.m-beforeafter__page-counter{display:flex;justify-content:center;align-items:center;margin:0;font-size:12px;color:#2c1c0a;font-weight:500;position:absolute;top:-25px;left:50%;transform:translate(-50%);background-color:#ffffffe6;padding:3px 8px;border-radius:10px;box-shadow:0 1px 3px #0000001a}.m-beforeafter__current-page{font-weight:700;color:#2c1c0a}.m-beforeafter__main-image-slide{transition:transform .5s ease,opacity .3s ease,z-index .5s ease;transform-origin:center;position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}@media screen and (min-width: 992px){.m-beforeafter__wrapper{display:flex;flex-wrap:wrap}.m-beforeafter__heading{width:100%;margin-bottom:30px}.m-beforeafter__description--desktop{display:block}.m-beforeafter__description--mobile{display:none}.m-beforeafter__content{display:flex;flex-direction:row;width:100%}.m-beforeafter__left-column{flex:0 0 50%;max-width:50%;padding-right:20px;display:flex;flex-direction:column}.m-beforeafter__right-column{flex:0 0 50%;max-width:50%;padding-left:20px;display:flex;flex-direction:column}.m-beforeafter__images{width:80%;max-width:80%;margin:0;order:1}.m-beforeafter__main-images-container{max-width:100%;margin:0}.m-beforeafter__main-image-container{max-width:100%}.m-beforeafter__description{width:100%;text-align:left;margin-bottom:30px}.m-beforeafter__stats{width:100%}.m-beforeafter__mobile-wrapper{flex-direction:column;width:100%}}@media screen and (max-width: 991px){.m-beforeafter__content{flex-direction:column;width:100%;gap:10px;order:3}.m-beforeafter__left-column,.m-beforeafter__right-column{width:100%;max-width:100%;padding:0}.m-beforeafter__heading{font-size:36px;text-align:left;margin-bottom:10px}.m-beforeafter__description{margin-bottom:20px;max-width:100%;text-align:left}.m-beforeafter__images{max-width:100%;width:100%;margin-bottom:0}.m-beforeafter__image-captions{order:4;margin-top:10px;margin-bottom:10px}.m-beforeafter__pagination{order:5;margin:5px 0 15px}.m-beforeafter__stats{order:6;width:100%;margin-top:24px;margin-bottom:0;padding:0 10px}.m-beforeafter__main-images-container{width:100%;max-width:none;padding-bottom:40px!important}.m-beforeafter__main-image-container{width:100%}.m-beforeafter__main-image{width:100%;height:auto}.m-beforeafter__stat{padding:6px 0;gap:10px}.m-beforeafter__stat-circle{width:65px;height:65px;font-size:22px}.m-beforeafter__wrapper{padding:30px 15px}.m-beforeafter__pagination-container{margin:2px auto 0}}@media screen and (max-width: 767px){.m-beforeafter__pagination-container{margin:2px auto 0}.m-beforeafter__wrapper{padding:30px 10px}.m-beforeafter__heading{font-size:36px;margin-bottom:20px;text-align:left}.m-beforeafter__main-images-container{margin-bottom:0}.m-beforeafter__image-captions{margin-top:10px;margin-bottom:0}.m-beforeafter__caption-left{padding:6px 8px;font-size:13px}.m-beforeafter__caption-right{padding:6px 0;font-size:13px}.m-beforeafter__caption-right span{padding:6px 10px;width:fit-content;min-width:0}.m-beforeafter__pagination{margin-bottom:8px}.m-beforeafter__main-image-container{margin-top:0}.m-beforeafter__description{font-size:16px}.m-beforeafter__stat-circle{width:60px;height:60px;font-size:20px}.m-beforeafter__tags{justify-content:flex-start;margin-top:10px}.m-beforeafter__pagination{margin:15px 0 25px}.m-beforeafter__stat-text{font-size:15px}}.m-beforeafter__tags{display:flex;justify-content:flex-end;margin-top:15px;gap:10px}.m-beforeafter__tag{background-color:#a77950;color:#2c1c0a;padding:8px 20px;border-radius:30px;font-size:14px;font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/5/assets/beforeafter.css.map */