@media only screen and (max-width: 767px) {
    .service-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 12px;
    }

    .service-facts__item {
        min-width: 0;
        align-items: flex-start;
        gap: 5px;
        border-top: 1px solid #dedede;
        padding-top: 10px;
    }

    .service-facts__value {
        min-width: 0;
        flex-wrap: wrap;
        align-items: baseline;
        column-gap: 4px;
        row-gap: 0;
        font-size: clamp(2.8rem, 8vw, 3.4rem);
        line-height: 1;
    }

    .service-facts__unit {
        font-size: 1.6rem;
        line-height: 1.1;
    }

    .service-facts__name {
        min-width: 0;
        font-size: 1.5rem;
        line-height: 1.2;
    }
}