.before-after-section{padding:60px 0;background-color:#b19185}.before-after-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.before-after-heading{font-size:4.5rem;font-weight:700;text-align:center;margin-bottom:20px;color:#333}.before-after-description{font-size:1.1rem;text-align:center;margin-bottom:40px;color:#666;max-width:600px;margin-left:auto;margin-right:auto}.before-after-slider{position:relative;max-width:1800px;margin:0 auto;overflow:hidden;cursor:pointer}.before-after-container{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden}.before-image,.after-image{position:absolute;top:0;left:0;width:100%;height:100%}.before-image img,.after-image img{width:100%;height:100%;object-fit:cover;display:block}.before-image{z-index:2;clip-path:inset(0 50% 0 0);transition:clip-path .1s ease}.after-image{z-index:1}.placeholder-image{width:100%;height:100%;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);display:flex;align-items:center;justify-content:center;color:#999;font-size:1.2rem;font-weight:500}.image-label{position:absolute;top:20px;padding:8px 16px;background:#000000b3;color:#fff;font-size:.9rem;font-weight:600;border-radius:20px;z-index:10;text-transform:uppercase;letter-spacing:1px}.before-label{left:20px}.after-label{right:20px}.slider-control{position:absolute;top:0;left:50%;width:4px;height:100%;z-index:20;cursor:ew-resize;transform:translate(-50%)}.slider-line{width:100%;height:100%;background:#fff;box-shadow:0 0 10px #0000004d}.slider-handle{position:absolute;top:50%;left:50%;width:50px;height:50px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);cursor:ew-resize;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003;transition:all .2s ease;gap:2px}.slider-handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 20px #0000004d}.slider-handle svg{width:12px;height:12px;color:#333}@media (max-width: 768px){.before-after-section{padding:40px 0}.before-after-heading{font-size:2rem}.before-after-description{font-size:1rem;margin-bottom:30px}.before-after-container{aspect-ratio:4/3}.image-label{font-size:.8rem;padding:6px 12px;top:15px}.before-label{left:15px}.after-label{right:15px}.slider-handle{width:40px;height:40px}.slider-handle svg{width:10px;height:10px}}@media (max-width: 480px){.before-after-section .container{padding:0 15px}.before-after-heading{font-size:1.8rem}.before-after-container{aspect-ratio:1/1}.image-label{font-size:.7rem;padding:4px 8px;top:10px}.before-label{left:10px}.after-label{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/before-after-slider.css.map */