/* Заголовок в карточке товара: коробка .b--product-teaser-main__title имеет
   фиксированную высоту, а сам текст лежит в абсолютно позиционированном
   .field-name-title и по высоте ничем не ограничен. Лишние строки просто
   перекрывались белым блоком с ценой (z-index: 2), и на товарах без
   приоритетных свойств, где этот блок низкий, хвост вылезал под ценой.
   Обрезаем текст по высоте коробки, а на ховере, где заголовок штатно
   раскрывается вверх на полупрозрачной подложке, ограничение снимаем.

   Ниже 1336px заголовок выводится целиком (position: static), там обрезать
   нечего — поэтому только один брейкпоинт. */
@media screen and (min-width: 1336px) {
    .b--product-teaser-main__title .field-name-title {
        max-height: 86px; /* 20 padding + 66 текст (3 строки) */
        overflow: hidden;
    }

    .b--product-teaser-main:hover .b--product-teaser-main__title .field-name-title {
        max-height: none;
        overflow: visible;
    }
}