.before-after-slider{position:relative;display:inline-block;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.1);transition:all .3s ease;background:linear-gradient(145deg,#f8fafc,#e2e8f0);padding:4px;min-height:200px}.before-after-slider.hero-slider{max-width:none;width:100%;height:450px}.before-after-slider:active{cursor:-webkit-grabbing;cursor:grabbing}.before-after-slider.hovered{transform:translateY(-4px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.before-after-slider .image-container{border-radius:12px;overflow:hidden;background:#fff;margin:0!important;padding:0!important}.image-container img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease}.divider-line{background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.9) 5%,rgba(255,255,255,.9) 95%,transparent);transition:opacity .3s ease}.before-after-slider:not(.hovered) .divider-line{opacity:.6}.divider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 1px 4px rgba(102,126,234,.3),0 0 0 1px rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:-webkit-grab;cursor:grab}.divider-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.before-after-slider.hovered .divider-handle{transform:translate(-50%,-50%) scale(1.02);box-shadow:0 2px 6px rgba(102,126,234,.4),0 0 0 2px rgba(255,255,255,.9)}.handle-icon{color:white;display:flex;align-items:center;justify-content:center;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.before-after-slider.hovered .handle-icon{animation:none;transform:scale(1.02)}.image-label{position:absolute;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;color:white;text-shadow:0 2px 4px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;opacity:0;transform:translateY(10px)}.before-after-slider.hovered .image-label{opacity:1;transform:translateY(0)}.before-label{top:20px;left:20px;background:linear-gradient(135deg,rgba(99,102,241,.9),rgba(79,70,229,.9))}.after-label{top:20px;right:20px;background:linear-gradient(135deg,rgba(16,185,129,.9),rgba(5,150,105,.9))}.instruction-text{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 24px;background:rgba(0,0,0,.7);color:white;border-radius:25px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:fade-pulse 3s ease-in-out infinite;z-index:15}@keyframes fade-pulse{0%,to{opacity:.8;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.02)}}@media (max-width:768px){.divider-handle{width:20px;height:20px}.image-label{font-size:12px;padding:6px 12px}.instruction-text{font-size:12px;padding:8px 16px;bottom:15px}}@media (max-width:480px){.before-after-slider{border-radius:12px;padding:3px}.image-container{border-radius:9px}.divider-handle{width:18px;height:18px}.image-label{display:none}}@media (prefers-contrast:high){.divider-line{background:#000}.divider-handle{background:#000;border:2px solid #fff}.instruction-text{background:#000;border:1px solid #fff}}@media (prefers-reduced-motion:reduce){.before-after-slider,.before-after-slider.hovered,.divider-handle,.image-container img,.image-label,.instruction-text{transition:none;animation:none}}.before-after-slider.carousel-slider{height:300px;min-height:300px;width:100%}.before-after-slider.carousel-slider .image-container{height:100%;min-height:292px}.before-after-slider.carousel-slider .image-container img{height:100%;min-height:292px;object-fit:cover;width:100%}.before-after-slider.carousel-slider .after-image,.before-after-slider.carousel-slider .before-image{height:100%}.before-after-slider.gallery-slider .image-container{aspect-ratio:auto}@media (max-width:768px){.before-after-slider.carousel-slider{height:250px;min-height:250px}.before-after-slider.carousel-slider .image-container,.before-after-slider.carousel-slider .image-container img{min-height:242px}}