/* ======================================================= */
/* УНИВЕРСАЛЬНАЯ АНИМАЦИЯ ВЫСЫПАНИЯ ДЛЯ ВСЕХ СТРАНИЦ       */
/* ======================================================= */

/* Выбираем главные контейнеры и заголовки на всех страницах */
h1, .container, .blog-frame, .gadget-box, .art-box, .audio-player-container-archive, .search-section, .results-section {
  animation: dropDown 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.25) forwards;
  opacity: 0; /* Изначально прячем элементы в воздухе */
}

/* Настраиваем задержки падения элементов */
h1 { animation-delay: 0.05s; }

/* Если это страница поиска: плавно роняем форму и сам плеер */
.search-section { animation-delay: 0.2s; }
.results-section { animation-delay: 0.4s; }

/* Если это главная страница: по очереди роняем левые блоки */
.text-content > div:nth-child(1) { animation-delay: 0.15s; }
.text-content > div:nth-child(2) { animation-delay: 0.35s; }

/* и правые блоки */
.right-sidebar > div:nth-child(1) { animation-delay: 0.25s; }
.right-sidebar > div:nth-child(2) { animation-delay: 0.45s; }
.right-sidebar > div:nth-child(3) { animation-delay: 0.55s; }

/* Физика небрежного падения с легким наклоном влево и отскоком */
@keyframes dropDown {
  from {
    opacity: 0;
    transform: translateY(-60px) rotate(-1.2deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) rotate(0deg);
  }
}