/* Keep mobile listing titles as an accessible 44px target while preserving a
 * strict two-line card rhythm. This loads after the legacy title layers so the
 * visible title is never clipped at narrow phone widths. */
@media (max-width: 760px) {
    .app-listing-card .listing-card-title-row h3,
    .app-listing-card .listing-card-title-row h3 > a {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        line-height: 21px !important;
    }

    .app-listing-card .listing-card-title-row h3 > a {
        display: -webkit-box !important;
        overflow: hidden !important;
        white-space: normal !important;
        text-overflow: ellipsis !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }
}