.before-after-section{padding:80px 20px}.before-after-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:center}.comparison-container{width:100%}.comparison-slider{position:relative;width:100%;overflow:hidden;border-radius:12px;cursor:ew-resize;-webkit-user-select:none;user-select:none}.comparison-image{width:100%;display:block}.after-image{display:block}.before-image-wrapper{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}.before-image{width:100%;height:100%;object-fit:cover}.comparison-handle{position:absolute;top:0;left:50%;width:4px;height:100%;background:#fff;transform:translate(-50%);z-index:3}.comparison-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 4px 14px #00000026}.comparison-handle span:before{content:"\2194";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700}.before-after-heading{font-size:40px;line-height:1.15;margin:0 0 20px;font-weight:400}.before-after-heading span{background:#db5a70;color:#fff;padding:4px 10px;border-radius:6px}.before-after-description{margin-bottom:30px;color:#555;line-height:1.8}.before-after-features{display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:center;gap:12px;font-weight:600}.feature-icon{width:24px;height:24px;object-fit:contain}@media(max-width:991px){.before-after-wrapper{grid-template-columns:1fr;gap:40px}.before-after-heading{font-size:36px}}@media(max-width:767px){.before-after-section{padding:50px 15px}.before-after-heading{font-size:20px}.comparison-handle span{width:40px;height:40px}}.comparison-slider{position:relative}.comparison-label{position:absolute;top:18px;z-index:5;font-size:13px;font-weight:400;letter-spacing:1px;color:#ffffffd9;background:#00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 12px;border-radius:20px;text-transform:uppercase}.before-label{left:18px}.after-label{right:18px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/before-after-slider.css.map */