/*
 * QARAR B2B — Mobile Statistics Compact Layout FIXED
 * IMPORTANT: actual class is .result-grid (singular)
 */

@media (max-width: 767px) {

    #results.results-section {
        padding-block: 34px !important;
    }

    #results .section-heading {
        margin-bottom: 16px !important;
    }

    /* Three statistics in one horizontal row */
    #results .result-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        gap: 0 !important;
        border-bottom: 3px solid #c9091d !important;
    }

    #results .result-card {
        min-width: 0 !important;
        padding: 16px 6px 13px !important;
        text-align: center !important;

        border-left: 1px solid #ece6e1 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

    #results .result-card:last-child {
        border-left: 0 !important;
    }

    #results .result-card strong {
        display: block !important;
        min-width: 0 !important;
        margin: 0 !important;

        font-family: "Cairo", Arial, sans-serif !important;
        font-size: clamp(21px, 7vw, 28px) !important;
        font-weight: 800 !important;
        line-height: 1.08 !important;

        white-space: nowrap !important;
        color: #c9091d !important;
    }

    #results .result-card span {
        display: block !important;
        margin-top: 5px !important;

        font-size: 10.5px !important;
        font-weight: 700 !important;
        line-height: 1.45 !important;
        color: #111 !important;
    }

    #results .result-card p {
        max-width: 92px !important;
        margin: 5px auto 0 !important;

        font-size: 8.5px !important;
        line-height: 1.5 !important;
        color: #888 !important;
    }
}


/* Very small phones */
@media (max-width: 360px) {

    #results .result-card {
        padding-inline: 4px !important;
    }

    #results .result-card strong {
        font-size: 20px !important;
    }

    #results .result-card span {
        font-size: 9.5px !important;
    }

    #results .result-card p {
        max-width: 78px !important;
        font-size: 7.8px !important;
    }
}