/* ── Ускорение стартовой анимации до ~1 секунды ── */

/* Навигационная панель сверху */
.page-loaded .animated .panel,
.page-loaded .animateOnEvent .panel {
  transition: opacity 0.3s, padding 0.3s, -webkit-transform 0.3s !important;
  transition: transform 0.3s, opacity 0.3s, padding 0.3s !important;
  transition: transform 0.3s, opacity 0.3s, padding 0.3s, -webkit-transform 0.3s !important;
}

/* Боковые точки навигации */
.page-loaded .side {
  transition: opacity 0.3s !important;
}

/* Первый слайд */
.page-loaded .slide.selected,
.page-loaded .slide.active {
  transition: opacity 0.4s !important;
}

/* Элементы внутри слайда (ae-1..ae-8) */
.page-loaded .animated .ae-1,
.page-loaded .animated .ae-2,
.page-loaded .animated .ae-3,
.page-loaded .animated .ae-4 {
  transition-duration: 0.4s !important;
}

/* ── Адаптив для слайда «Искусство, спорт и природа» ── */
@media (max-width: 767px) {
  /* Колонки становятся полной ширины и укладываются вертикально */
  .slide .flex.left > li.col-6-12,
  .slide .flex.left > li.col-5-12,
  .slide .flex.left > li.col-1-12 {
    width: 100% !important;
    margin-left: 0 !important;
  }

  /* Скрыть изображения на мобильном — текст важнее */
  .slide .flex.left > li.col-5-12 {
    display: none !important;
  }

  /* Уменьшить шрифты */
  .slide .flex.left h1 {
    font-size: 22px !important;
    margin-bottom: 12px !important;
  }

  .slide .flex.left p {
    font-size: 13px !important;
    margin-bottom: 14px !important;
  }

  .slide .flex.left h3 {
    font-size: 13px !important;
    margin-top: 8px !important;
  }

  .slide .flex.left .tiny {
    font-size: 11px !important;
  }

  /* Убрать разделитель col-1-12 */
  .slide .flex.left > li.col-1-12 {
    display: none !important;
  }
}