/* Стили кейсов-фото (modules/cases/widgets/views/_slidercases_item.php).
   До ТЗ 4 (23.10.2026) стояли блоком <style> прямо в HTML страницы; текст перенесён без
   изменений. Теперь это файл: браузер скачивает его один раз и берёт из кэша.
   Подключается там же, где был блок: CustomView::registerCssFileInPlace — в той же очереди <head>,
   поэтому порядок правил на странице не изменился. Исходник — widget-cases.less (CSS = LESS). */
.casecaptionz,
.casecaptionzz {
  width: 320px;
  border-radius: 15px 15px 15px 15px;
  position: relative;
}
.casecaptionz.hovered {
  border-radius: 15px 15px 15px 15px;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.7);
}
.case-thumbnail {
  border-radius: 15px 15px 0px 0px;
  max-width: 100%;
  height: 195px;
  width: 100%;
  margin: 0 auto;
  object-fit: cover;
  object-position: center;
}
.titlecaptioncasez {
  color: rgba(0, 0, 0, 0.7);
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
  text-align: center;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
}
.cenroncase {
  height: 270px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 15px;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
}
.cenroncase.hovered {
  border-radius: 15px 15px 15px 15px;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
.titlecaptionzcase.visible {
  color: #235C33;
}
/* Эффекты для стрелок */
.slick-arrow:hover {
  transform: translate(-50%, -50%) scale(1.2);
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
}
.slick-arrow:hover img {
  opacity: 0.9;
}