/* МурМяу 09.11.2026: иллюстрированные слайды главной — образ слева (нарисован в самой картинке слайда),
   текст справа. Класс carousel-item_illustrated ставит tpl/blocks/content_slider.tpl слайдам с картинкой .webp;
   слайд с обычным jpg (мозаика) остаётся в прежнем стиле: синяя подложка, белый текст. */

/* светлый баннер: синяя подложка и тень не нужны */
.carousel .carousel-item.carousel-item_illustrated:before {
  background: none;
  box-shadow: none; }

.carousel .carousel-item_illustrated .carousel-caption {
  left: 34%;
  right: 4%;
  max-width: none;
  margin: 0;
  align-items: flex-start;
  text-align: left; }

.carousel .carousel-item_illustrated .carousel-slide-heading {
  color: #1a3f7a;
  text-shadow: none; }

.carousel .carousel-item_illustrated .carousel-slide-description {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  color: #2b4b7c;
  text-shadow: none; }

/* индикаторы белые: на светлом баннере их не видно — добавляем тёмно-синий контур, на мозаике он не мешает */
.carousel .carousel-indicators li:after {
  box-shadow: 0 0 0 1px rgba(26, 63, 122, 0.55); }

/* планшет: слайдер 200 px высотой, колонка текста уже, чем была на всю ширину — шрифт меньше, иначе тексты слайдов не
   помещаются (замер fit.py по ширинам 576-991: без этого переполняли все 9) */
@media (max-width: 991.98px) {
  .carousel .carousel-item_illustrated .carousel-caption {
    left: 33%;
    right: 16px; }
  .carousel .carousel-item_illustrated .carousel-slide-heading {
    font-size: 20px;
    line-height: 24px; }
  .carousel .carousel-item_illustrated .carousel-slide-description {
    font-size: 13px;
    line-height: 18px;
    margin-top: 6px; } }

/* телефон: слайдер 375x200, описания длинные — текст на всю ширину, образ — едва заметный водяной знак (0.93 подложки: при 0.8 он грязным пятном просвечивал сквозь текст) */
@media (max-width: 575.98px) {
  .carousel .carousel-item.carousel-item_illustrated:before {
    background: rgba(227, 245, 253, 0.93); }
  .carousel .carousel-item_illustrated img {
    object-position: 12% center; }
  .carousel .carousel-item_illustrated .carousel-caption {
    left: 15px;
    right: 15px; } }