.before-after--enhanced .before-after__labels{position:absolute;z-index:4;top:16px;left:16px;right:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}
.before-after--enhanced .before-after__label{position:relative;top:auto;left:auto;right:auto;max-width:44%;white-space:nowrap;box-shadow:0 8px 20px rgba(4,28,10,.16)}
.before-after--enhanced .before-after__divider{width:4px;background:#fff;box-shadow:0 0 0 1px rgba(7,35,15,.36),0 0 26px rgba(0,0,0,.28)}
.before-after--enhanced .before-after__handle{width:56px;height:56px;border:2px solid #fff;box-shadow:0 0 0 5px rgba(85,194,44,.28),0 12px 28px rgba(0,0,0,.3)}
.before-after--enhanced .before-after__range{cursor:grab}
.before-after--enhanced .before-after__range:active{cursor:grabbing}
.before-after__arrow{position:absolute;z-index:6;top:50%;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(7,38,16,.78);color:#fff;font:500 28px/1 system-ui,sans-serif;transform:translateY(-50%);cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 8px 20px rgba(0,0,0,.2);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.before-after__arrow--prev{left:14px}.before-after__arrow--next{right:14px}
.before-after__arrow:hover{border-color:#55c22c;background:#55c22c;color:#09200e;transform:translateY(-50%) scale(1.06)}
.before-after__arrow:focus-visible{outline:3px solid #b8ef9f;outline-offset:3px}
@media(max-width:640px){.before-after--enhanced .before-after__labels{top:12px;left:12px;right:12px}.before-after--enhanced .before-after__label{max-width:46%;padding:7px 9px;font-size:10px}.before-after--enhanced .before-after__handle{width:48px;height:48px}.before-after__arrow{width:34px;height:34px;font-size:23px}.before-after__arrow--prev{left:10px}.before-after__arrow--next{right:10px}}
@media(prefers-reduced-motion:reduce){.before-after__arrow{transition:none}}