/* Выравниваем плитки и обрезаем длинный текст в меню создания материалов */
.type-tray-teaser .type-tray__content {
    display: flex;
    flex-direction: column;
}

.type-tray-teaser .type-tray__short-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Оставляем максимум 3 строчки текста */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ========================================================================
   Выравнивание высоты плиток на странице создания материалов (/node/add)
   ======================================================================== */

/* 1. Делаем так, чтобы сама карточка тянулась на 100% высоты ряда */
.type-tray-teaser {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* 2. Заставляем верхнюю часть растягиваться, выталкивая "View existing / Remove" в самый низ */
.type-tray-teaser .type-tray__content-wrapper {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 3. Ограничиваем описание ровно в 3 строки и резервируем под них место */
.type-tray-teaser .type-tray__short-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* Обрезает текст после 3-й строки */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 4.5em !important; /* Высота ровно на 3 строки (даже если текста нет) */
    margin-top: auto !important; /* Отталкивает текст вниз от заголовка, если нужно */
    padding-top: 10px !important;
}