/* Układ startowy */



.mocno-row .mocno-left, .mocno-row .mocno-right{
		transform: translateX(0);
  transition: transform 700ms ease-in-out !important;
}

/*.mocno-row.is-centered .mocno-left{ transform: translateX(120px); }
.mocno-row.is-centered .mocno-right{ transform: translateX(-120px); }*/

.mocno-row.is-centered .mocno-left{ transform: translateX(75%) ; }
.mocno-row.is-centered .mocno-right{ transform: translateX(-75%) ; }

/* --- Łańcuch fadeInUp --- */
.chain-dance, .chain-studio, .chain-center{
  opacity:0;
  transform: translateY(28px);
		
  will-change: transform, opacity;
}

/* Odpalanie kolejnych kroków przez klasę na body */
.mocno-chain-step-1  .chain-dance{
  animation: fadeUp 1000ms cubic-bezier(.22,1,.36,1) forwards;
}

.mocno-chain-step-2 .chain-studio{
  animation: fadeUp 1000ms cubic-bezier(.22,1,.36,1) forwards;
}

.mocno-chain-step-3 .chain-center{
  animation: fadeUp 1000ms cubic-bezier(.22,1,.36,1) forwards;
}

/* Keyframes */
@keyframes fadeUp{
  to{
    opacity:1;
    transform: translateY(0);
  }
}





/* WRAPPER: sticky + "uchwyt" */
.nav-sticky-reveal{
  position: sticky;
  top: 0;
  z-index: 9999;

  height: 14px;        /* mały pasek widoczny */
  overflow: hidden;    /* chowa menu, gdy zwinięte */
}

/* WNĘTRZE: właściwy navbar */
.nav-sticky-reveal__inner{
  min-height: 64px;
  display: flex;
  align-items: center;

  padding: 0 18px;

  background: rgba(20,20,20,.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  transform: translateY(-50px);
  opacity: 0;

  transition: transform 250ms ease, opacity 250ms ease, background 250ms ease;
}

/* HOVER/FOKUS: rozwijamy */
.nav-sticky-reveal:hover{
  height: 64px;
}
.nav-sticky-reveal:hover .nav-sticky-reveal__inner{
  transform: translateY(0);
  opacity: 1;
  background: rgba(20,20,20,.65);
}

/* Klawiatura (tab) też ma pokazać */
.nav-sticky-reveal:focus-within{
  height: 64px;
}
.nav-sticky-reveal:focus-within .nav-sticky-reveal__inner{
  transform: translateY(0);
  opacity: 1;
  background: rgba(20,20,20,.65);
}

/* Linki w menu (dopasuj jeśli trzeba) */
.nav-sticky-reveal a{
  color: #fff;
}

/* Mobile: możesz dać zawsze widoczny (opcjonalnie) */
@media (max-width: 767px){
  .nav-sticky-reveal{ height: 64px; }
  .nav-sticky-reveal__inner{
    transform: none;
    opacity: 1;
    background: rgba(20,20,20,.65);
  }
}