/* Phase 2C fast follow-up — staging responsive density */

/* Keep the 390px iPhone class in the compact two-column category layout.
 * The original Phase 2C stylesheet intentionally falls back to one column
 * at <=390px; staging showed that this adds unnecessary page length on
 * current 390px devices while the cards remain readable at two columns.
 */
@media (max-width: 390px) {
    .intesa-home-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .intesa-home-card {
        min-height: 112px;
        padding: 12px 25px 12px 12px;
    }

    .intesa-home-card strong {
        font-size: 12.5px;
    }

    .intesa-home-card span {
        font-size: 10px;
        line-height: 1.4;
        -webkit-line-clamp: 3;
    }
}

/* Preserve a single-column escape hatch for genuinely narrow devices. */
@media (max-width: 340px) {
    .intesa-home-grid {
        grid-template-columns: 1fr;
    }

    .intesa-home-card {
        min-height: 0;
    }
}