/* Eventia - prehliadac realizacii v6
   Posun medzi realizaciami riesi lahka prekryvna vrstva .ev-fx.
   Drzi presne 3 obrazky (mid, 768 px) - predoslu, aktualnu a dalsiu.
   Deck sa nikdy netransformuje, aby sa 130 snimok nedostalo do jednej
   kompozitnej vrstvy a nezhodilo mobilny prehliadac.
   Na desktope vrstvu JS posadi presne na .ev-desk__stage. */

.ev-ig .ev-fx{
  position:absolute;
  inset:0;
  z-index:16;
  display:none;
  overflow:hidden;
  pointer-events:none;
  background:#0d0d0f;
}
.ev-ig .ev-fx.is-on{display:block;}

.ev-ig .ev-fx__track{
  display:flex;
  width:300%;
  height:100%;
  transform:translate3d(-100%,0,0);
  transition:transform .3s cubic-bezier(.22,.9,.3,1);
}
.ev-ig .ev-fx__track.ev-noanim{transition:none !important;}

.ev-ig .ev-fx__panel{
  position:relative;
  width:33.3333%;
  height:100%;
  flex:0 0 33.3333%;
  overflow:hidden;
  background:#0d0d0f;
}
.ev-ig .ev-fx__bg{
  position:absolute;
  inset:-8%;
  background-size:cover;
  background-position:center;
  filter:blur(26px) saturate(1.1);
  opacity:.55;
}
.ev-ig .ev-fx__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

/* Aj pri zapnutom obmedzeni pohybu chceme kratky posun, nie skok.
   Bez !important by rulu prebilo globalne .ev-ig * z app-v3.css. */
@media(prefers-reduced-motion:reduce){
  .ev-ig .ev-fx__track{transition:transform .14s linear !important;}
}