/* container + fade */
.ssq-wrap{
  position:relative;
  display:block;
  max-width:100%;
  overflow:hidden;
  opacity:0;
  transition:opacity var(--ssq-fade,280ms) ease;
  min-height:200px; /* nõutud min kõrgus */
}
.ssq-wrap.ssq-visible{ opacity:1; }

/* stage + double buffer */
.ssq-stage{
  position:relative;
  width:100%;
  height:100%;
  min-height:200px; /* kinnita ka laval */
  line-height:0;
  user-select:none;
}
.ssq-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  -webkit-user-drag:none;
  opacity:0;
  transition:opacity var(--ssq-smooth,120ms) linear; /* 0ms lubatud */
}
.ssq-frame.on{ opacity:1; }

/* pin / sticky — joonda keskele (vertikaalselt) */
.ssq-pin .ssq-stage,
.ssq-pin-enabled .ssq-stage{
  position:sticky;
  top:calc(50vh - 50%); /* hoiab ploki vert. keskmes */
}

/* lukus visuaalne hook (valikuline) */
.ssq-active .ssq-frame{ filter:none; }