/* TeraVolti before/after comparison – scoped to shortcode output. */
.tvba-comparison{position:relative;isolation:isolate;width:100%;max-width:100%;aspect-ratio:1672/941;overflow:hidden;border-radius:8px;background:#e6e6e6;user-select:none;-webkit-user-select:none;line-height:1}
.tvba-comparison .tvba-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;padding:0;border:0}
.tvba-comparison .tvba-after-wrap{position:absolute;inset:0;clip-path:inset(0 0 0 var(--tvba-position));pointer-events:none}
.tvba-comparison .tvba-divider{position:absolute;top:0;bottom:0;left:var(--tvba-position);width:4px;background:white;transform:translateX(-50%);box-shadow:0 0 8px #0006;pointer-events:none;z-index:2}
.tvba-comparison .tvba-handle{position:absolute;left:var(--tvba-position);top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;border:4px solid white;display:flex;align-items:center;justify-content:center;gap:6px;background:#1964a6;color:white;box-shadow:0 3px 15px #0005;pointer-events:none;z-index:3;font:700 38px/1 Arial,sans-serif}
.tvba-comparison .tvba-handle span{position:relative;top:-2px}
.tvba-comparison .tvba-label{position:absolute;top:18px;z-index:2;display:block;background:#0009;color:#fff;font:700 14px/1.1 Arial,sans-serif;letter-spacing:1px;padding:11px 14px;border-radius:4px;pointer-events:none}
.tvba-comparison .tvba-label-before{left:18px}
.tvba-comparison .tvba-label-after{right:18px}
.tvba-comparison .tvba-range{position:absolute;inset:0;z-index:4;display:block;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;appearance:none;-webkit-appearance:none;background:transparent}
.tvba-comparison .tvba-range::-webkit-slider-runnable-track{width:100%;height:100%;background:transparent}
.tvba-comparison .tvba-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:42px;height:100%;background:transparent;border:0;cursor:ew-resize}
.tvba-comparison .tvba-range::-moz-range-track{height:100%;background:transparent;border:0}
.tvba-comparison .tvba-range::-moz-range-thumb{width:42px;height:100%;background:transparent;border:0;cursor:ew-resize}
.tvba-comparison:has(.tvba-range:focus-visible){outline:3px solid #2469ba;outline-offset:4px}
.tvba-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:550px){.tvba-comparison .tvba-handle{height:50px;width:50px;border-width:3px;font-size:29px;gap:3px}.tvba-comparison .tvba-label{font-size:10px;letter-spacing:.4px;top:10px;padding:7px 8px}.tvba-comparison .tvba-label-before{left:10px}.tvba-comparison .tvba-label-after{right:10px}}
