/* styles/caption-collapse.css — подпись слайда сворачивается при прокрутке снимка.
   Пара к script/caption-collapse.js. Откат: убрать оба подключения из index.html.

   Устройство: .caption остаётся «прилипшей» к низу рамки и держит ПОСТОЯННУЮ высоту
   (её ставит скрипт по раскрытому виду) — поэтому высота прокрутки не меняется и снимок
   под пальцем не прыгает. Видимую плашку рисует вложенная .cc-panel, прижатая к низу;
   худеет только она. Пустая часть .caption прозрачна и пропускает клики к снимку.
   Фактор --c: 0 раскрыта, 1 свёрнута в полоску с названием. */

.mySlides .caption.cc{
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  padding: 0;
  border-radius: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.mySlides .caption.cc .cc-panel{
  pointer-events: auto;
  background: rgba(12,16,24,.72);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #fff;
  border-radius: calc(16px - 6px * var(--c, 0));
  padding: calc(16px - 8px * var(--c, 0)) 18px;
  transition: padding 160ms ease, border-radius 160ms ease;
}

.mySlides .caption.cc .cc-panel h2{
  font-size: calc(var(--cc-h2, 28px) - (var(--cc-h2, 28px) - 16px) * var(--c, 0));
  transition: font-size 160ms ease;
}

.mySlides .caption.cc .cc-panel p{
  overflow: hidden;
  max-height: calc(var(--cc-p, 240px) * (1 - var(--c, 0)));
  margin-top: calc(10px * (1 - var(--c, 0)));
  opacity: clamp(0, (0.7 - var(--c, 0)) / 0.4, 1);
  transition: max-height 160ms ease, margin-top 160ms ease, opacity 160ms ease;
}

/* Под свёрнутым/раскрытым футером в конце прокрутки остаётся полоса — она нужна, чтобы низ
   снимка доезжал до места над футером. Раньше в ней был виден серый фон рамки, оставшийся
   от старой карусели (там картинка заливала рамку целиком и фона не было видно).
   Прозрачный фон показывает подложку страницы и сам следует теме. */
.slideshow-container{ background: transparent; }