/* =========================================================
   JONLANISH
   Bo'limlar aylantirilganda ohista chiqadi. Bir marta —
   takror aylantirishda qayta o'ynamaydi, chunki u chalg'itadi.
   ========================================================= */
.jonli{opacity:0;transform:translateY(20px)}
.jonli.korindi{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}
.jonli.korindi.k1{transition-delay:.07s}
.jonli.korindi.k2{transition-delay:.14s}
.jonli.korindi.k3{transition-delay:.21s}
.jonli.korindi.k4{transition-delay:.28s}
.jonli.korindi.k5{transition-delay:.35s}
.jonli.korindi.k6{transition-delay:.42s}

/* Peshtoq aylantirishni kutmaydi — ochilishda o'zi chiqadi */
.ochil{animation:ochilish .65s var(--ease) both}
.ochil.d1{animation-delay:.05s}
.ochil.d2{animation-delay:.14s}
.ochil.d3{animation-delay:.23s}
.ochil.d4{animation-delay:.32s}
.ochil.d5{animation-delay:.41s}
.ochil.d6{animation-delay:.50s}
.ochil.d7{animation-delay:.59s}
@keyframes ochilish{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Harakatni kamaytirish so'ralgan bo'lsa — hurmat qilamiz */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .jonli{opacity:1;transform:none}
  .ochil{animation:none}
}
