/* Front-end Slider */
.reelestate-slider{width:100%;max-width:1600px;margin:1rem auto;position:relative}
.reelestate-slider .reelestate-slider-inner{position:relative;width:100%;min-height:180px;overflow:hidden;border-radius:18px}
.reelestate-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.reelestate-image.before{z-index:1}
.reelestate-image.after{z-index:2;clip-path:inset(0 50% 0 0);transition:clip-path .08s linear}
.reelestate-handle{position:absolute;top:0;height:100%;width:0;left:50%;z-index:3;outline:none}
.reelestate-handle:after{content:"";position:absolute;left:-1px;top:0;width:2px;height:100%;background:rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.reelestate-handle .grip{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.2),0 8px 20px rgba(0,0,0,.25)}
.reelestate-caption{position:absolute;z-index:4;top:12px;padding:.4rem .6rem;font-size:.95rem;font-weight:700;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;user-select:none}
.reelestate-caption.before{left:12px}
.reelestate-caption.after{right:12px}
.re-debug{position:absolute;left:0;right:0;top:-2.2rem;background:#111;color:#9f9;font-family:monospace;border-radius:8px;padding:.25rem .5rem;z-index:4}