.navbar-brand img {
         height: 25px !important; 
    }


/* Мягкое серое окрашивание-------------статьи-------или бренды */
.card-hover-gray {
  transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
}
.card-hover-gray:hover {
  background-color: var(--si-gray-100) !important; 
}

/* Железная адаптивность для картинок в карточках Views */
.views-row .card img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important; 
}

/* Выравнивание контентной зоны по левой границе логотипа  */
main.main-content .region-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* -------top-all----------Оверлей становится чуть светлее при наведении, проявляя картинку */
.card-hover:hover .bg-dark.opacity-60 {
  opacity: 0.45 !important;
}

/* Плавное изменение прозрачности оверлея */
.transition-all {
  transition: all 0.3s ease;
}
/* ---------------------------------------------------------------------------------- */


.card-hover:hover .zoom-effect {
  transform: scale(1.08);
}




/*----------Catalog------ Плавный поворот иконки на 180 градусов при раскрытии collapse */
.btn-more[aria-expanded="true"] i {
  transform: rotate(180deg);
}
/* Базовый класс плавности для иконок в теме */
.btn-more i.transition {
  transition: transform 0.5s ease-in-out !important;
}
/* Когда список раскрыт (aria-expanded="true"), прячем базовый текст "Ещё Х" */
.btn-more[aria-expanded="true"] .btn-more-text {
  font-size: 0 !important; /* Обнуляем размер, чтобы скрыть буквы, но сохранить элемент в потоке */
}

/* На место скрытых букв плавно подставляем слово "Скрыть" */
.btn-more[aria-expanded="true"] .btn-more-text::before {
  content: "Скрыть";
  font-size: 0.875rem; /* Возвращаем стандартный размер шрифта для слова Скрыть (fs-sm) */
}

/* Сохраняем небольшой отступ между новым словом и нашей крутящейся стрелочкой */
.btn-more[aria-expanded="true"] i {
  margin-left: 0.25rem;
}





/* img black/white */
.img-grayscale {
  filter: grayscale(100%);
  transition: filter 0.3s ease; /* Плавный переход для эффекта при наведении */
}

/* Эффект: при наведении мыши карта становится цветной */
.img-grayscale:hover {
  filter: grayscale(0%);
}