.before-after-section{padding:80px 20px}.before-after-wrapper{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.comparison-container{width:100%}.comparison-slider{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.comparison-slider:focus-visible{outline:2px solid #DB5A70;outline-offset:2px}.comparison-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.before-image{z-index:1}.after-image{z-index:2;clip-path:inset(0 0 0 50%);will-change:clip-path}.comparison-handle{position:absolute;top:0;left:50%;height:100%;width:2px;background:#fff;z-index:5;transform:translate(-50%);box-shadow:0 0 8px #00000040;pointer-events:none}.comparison-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#fff;border-radius:50%;box-shadow:0 3px 12px #00000040}.comparison-handle span:before{content:"|||";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:18px;letter-spacing:2px;color:#555}.comparison-hint{position:absolute;left:50%;top:58%;transform:translate(-50%);background:#fff;padding:6px 14px;border-radius:20px;font-size:18px;box-shadow:0 4px 12px #00000026;z-index:6;pointer-events:none;transition:opacity .3s ease}.comparison-hint.hide{opacity:0}.comparison-label{position:absolute;top:20px;padding:8px 20px;border-radius:30px;background:#fff;font-size:14px;letter-spacing:2px;z-index:10;color:#333}.before-label{left:20px}.after-label{right:20px}.before-after-heading{font-size:38px;padding:5px 0;line-height:1.2;font-weight:400}.before-after-heading span{background:#db5a70;color:#fff;padding:2px 4px;border-radius:8px}.before-after-description{color:#555;line-height:1.7}.feature-item{display:flex;gap:12px;align-items:center;margin-top:18px}@media(max-width:900px){.before-after-wrapper{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/before-after-slider.css.map */