/* Truncate on mobile (screens ≤ 480px) */
@media (max-width: 480px) {
    .bt_bb_headline_content .item-name {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    /* Ensure the parent doesn't overflow either */
    .bt_bb_headline_content {
        display: block;
        overflow: hidden;
        max-width: 100%;
    }
}