/* tylko najważniejsze – skrócona wersja */
.km-ba24-wrap{width:100%;padding:0 16px}
.km-ba24-panel{position:relative;overflow:hidden}
.km-ba24-viewport{position:relative;width:100%;border-radius:inherit;overflow:hidden;aspect-ratio:var(--km-aspect,16/9);background:#000;user-select:none;touch-action:none}
@media(max-width:640px){.km-ba24-viewport{aspect-ratio:var(--km-aspect-m,1/1)}}
.km-ba24-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.km-ba24-after{position:absolute;inset:0;width:100%;overflow:hidden;clip-path:inset(0 0 0 var(--km-ba,50%))}
.km-ba24-panel.is-swap .km-ba24-after{clip-path:inset(0 var(--km-ba,50%) 0 0)}
.km-ba24-handle{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:44px;background:transparent;border:none;cursor:ew-resize;z-index:4}
.km-ba24-line{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:var(--km-line,#fff)}
.km-ba24-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:var(--km-dot-w,72px);height:var(--km-dot-h,40px);padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--km-knob-bg,#fff);color:var(--km-knob-color,#111);font:600 var(--km-dot-fs,13px)/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;box-shadow:0 10px 24px rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.08);white-space:nowrap}
.km-ba24-handle--pulse .km-ba24-dot{animation:km24Pulse 2.2s ease-in-out infinite}
@keyframes km24Pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}100%{transform:translate(-50%,-50%) scale(1)}}
.km-ba24-label{position:absolute;z-index:6;top:14px;padding:8px 12px;font:600 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#fff;background:#0c4a5b;border-radius:999px;box-shadow:0 6px 14px rgba(0,0,0,.08)}
.km-ba24-label--before{left:14px}
.km-ba24-label--after{right:14px}
@media(max-width:640px){
 .km-ba24-panel{padding:10px!important;border-radius:12px!important}
 .km-ba24-label{top:10px;padding:6px 10px}
 .km-ba24-dot{min-width:var(--km-dot-w-m,60px);height:var(--km-dot-h-m,34px);font-size:var(--km-dot-fs-m,12px)}
 .km-ba24-panel[data-mobile-labels="0"] .km-ba24-label{display:none!important}
}