.bx-breadcrumb {
    font-size: 14px;
    color: #aaa;
    margin-top: 15px;
    margin-bottom: 15px;
}

.bx-breadcrumb-item-angle {
    margin: 0 5px;
    color: #aaa;
}

.bx-breadcrumb-item:first-child .bx-breadcrumb-item-text {
    font-weight: 500; /* Жирный текст для первого элемента */
    color: #000; /* Черный цвет для первого элемента */
}

.bx-breadcrumb-item-text {
    color: #aaa; /* Серый цвет для всех элементов */
}

.bx-breadcrumb-item-link:hover .bx-breadcrumb-item-text {
    color: #333; /* Немного темнее при наведении */
    text-decoration: underline;
}






.h2-title {
    margin-bottom: 3px!important;
}

.h2-title.margin {
    margin-top: 30px!important;
}
.margin-bottom {
    margin-bottom: 30px!important;
}
.margin-bottom-2 {
    margin-bottom: 10px!important;
}
.margin-top {
    margin-top: 50px!important;
}



.text_block-contacts a[href] {
    color: #000;
    border-bottom: 1px solid #000;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.tags-name a {
       font-size: 18px;
    font-weight: bold;
    color: #333;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}




.tags-list {
    display: flex;
    flex-direction: column; /* Располагает блоки по вертикали */
    gap: 20px; /* Отступ между блоками */
    margin: 0 auto;
     padding: 15px 0;
}

/* Индивидуальный блок для каждого тега */
.tags-box {
    display: flex;
    flex-direction: row; /* Для расположения изображения слева и текста справа */
    align-items: flex-start; /* Выравнивание по верхнему краю */
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 15px;
  transition: transform 0.2s ease;
}

/* Секция для изображения */
.tags-img {
    flex-shrink: 0; /* Изображение не сжимается */
    margin-right: 15px;
}

.tags-img img {
    width: 150px; /* Фиксированная ширина для изображения */
    height: auto;
    border-radius: 4px;
}

/* Информационный блок */
.tags-info {
    display: flex;
    flex-direction: column;
}

/* Название тега */
.tags-name {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* Анонс тега */
.tags-anons {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    max-height: 65px; /* Ограничение по высоте */
    overflow: hidden; /* Скрытие текста, который выходит за пределы */
    text-overflow: ellipsis; /* Добавляет многоточие */
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Обрезает до 4 строк */
    -webkit-box-orient: vertical;
}

.tags-box:hover {
    transform: scale(1.01); /* Лёгкий масштаб при наведении */
}