.before-after-section{padding:50px 0}.section-header{text-align:center;margin-bottom:40px;position:static}.section-title{text-align:center;font-size:1.6rem;font-weight:400;color:#333;margin:0 0 20px;line-height:1.2}.section-description{font-size:1rem;color:#666;line-height:1.6;max-width:600px;margin:0 auto}.before-after-container{max-width:760px;margin:0 auto;position:relative;overflow:hidden;height:auto}.before-after__image{width:100%;height:auto;display:block}.before-after__image--before{position:relative!important;z-index:1}.before-after__image--after{position:absolute!important;top:0;left:0;z-index:2;height:100%;clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.before-after__img{width:100%;height:auto;object-fit:cover;display:block}.before-after__image--before .before-after__img{position:relative;width:100%;height:auto}.before-after__image--after .before-after__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.before-after__image .rimage-outer-wrapper{margin:0;height:100%;width:100%}.before-after__image .rimage-wrapper{margin:0;height:100%!important;width:100%;padding-top:0!important;position:relative}.before-after__divider{position:absolute;top:0;left:50%;width:4px;height:100%;background:#ff6b35;z-index:10;transform:translate(-50%);cursor:ew-resize}.before-after__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#ff6b35;border-radius:50%;cursor:ew-resize;display:flex;align-items:center;justify-content:center}.before-after__handle:hover{transform:translate(-50%,-50%) scale(1.1)}@media(max-width:768px){.before-after-section{padding:30px 0}.section-header{margin-bottom:30px}.section-title{font-size:1.5rem;margin-bottom:15px}.section-description{font-size:.9rem;max-width:100%;padding:0 20px}.before-after-container{margin:0 15px}.before-after__handle{width:18px;height:18px}}.before-after-container.dragging .before-after__handle{transform:translate(-50%,-50%) scale(1.2)}.before-after-container.dragging .before-after__divider{background:#ff6b35}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.before-after-container{animation:fadeIn .6s ease-out}
/*# sourceMappingURL=/cdn/shop/t/38/assets/before-after-comparison.css.map */