.nqv-compare { width:100%; --nqv-position:50%; }
.nqv-compare-stage { position:relative; width:100%; border-radius:10px; overflow:hidden; background:#e8edf2; }
.nqv-compare-stage img { display:block; width:100%; height:auto; margin:0; user-select:none; -webkit-user-drag:none; }
.nqv-compare-label { display:inline-block; padding:8px 18px; border-radius:30px; font:600 13px/1.3 Arial,sans-serif; color:#fff; background:#526278; }
.nqv-compare .nqv-after-label { background:#bf492a; }
.nqv-compare-control { display:none; font:400 12px/1.5 Arial,sans-serif; color:inherit; margin-top:14px; }
.nqv-compare-control input { display:block; width:100%; min-height:44px; margin:4px 0; accent-color:#0078e8; cursor:ew-resize; }
.nqv-compare-handle { display:none; }
.nqv-compare.is-enhanced .nqv-compare-control { display:block; }
.nqv-compare.is-enhanced .nqv-compare-stage { aspect-ratio:var(--nqv-aspect,16 / 9); touch-action:pan-y; }
.nqv-compare.is-enhanced .nqv-compare-stage img { position:absolute; inset:0; height:100%; object-fit:cover; object-position:center top; }
.nqv-compare.is-enhanced .nqv-compare-after { clip-path:inset(0 0 0 var(--nqv-position)); }
.nqv-compare.is-enhanced .nqv-compare-label { position:absolute; top:14px; z-index:1; pointer-events:none; }
.nqv-compare.is-enhanced .nqv-before-label { left:12px; }
.nqv-compare.is-enhanced .nqv-after-label { right:12px; }
.nqv-compare.is-enhanced .nqv-compare-handle { display:flex; position:absolute; top:0; bottom:0; left:var(--nqv-position); width:2px; background:#fff; pointer-events:none; align-items:center; justify-content:center; }
.nqv-compare.is-enhanced .nqv-compare-handle::before { content:'‹ ›'; display:grid; place-content:center; position:absolute; width:48px; height:48px; border-radius:50%; background:#fff; color:#0a2032; font:24px/1 Arial,sans-serif; box-shadow:0 2px 15px #06172440; }
.nqv-compare.is-enhanced .nqv-compare-handle { font-size:0; }
.nqv-compare:focus-within .nqv-compare-stage { outline:3px solid #0078e8; outline-offset:4px; }
@media (prefers-reduced-motion:reduce) { .nqv-compare * { transition:none!important; } }
