/* Подтверждённые показатели на публичных продуктовых страницах. */
.public-metrics {
    margin: 1.5em 0 2em;
}

.public-metrics h2 {
    margin-top: 0;
}

.public-metrics__list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.5em;
    margin: 1.5em 0 0;
}

.public-metrics__item dt,
.public-metrics__item dd {
    margin: 0;
}

.public-metrics__item {
    box-sizing: border-box;
    padding: 2em 1.5em;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    text-align: center;
    transition: box-shadow .2s ease, transform .2s ease;
}

.public-metrics__item:hover {
    box-shadow: 0 14px 32px rgb(91 106 126 / .2);
    transform: translateY(-.25em);
}

.public-metrics__image {
    display: block;
    width: min(100%, 10.5rem);
    height: auto;
    margin: 0 auto 1em;
}

.public-metrics__item dt {
    color: var(--c-accent);
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
}

.public-metrics__item dd {
    margin-top: .5em;
    line-height: 1.35;
}

@media (max-width: 120em) {
    .public-metrics__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .public-metrics__item {
        flex: 0 0 calc((100% - 3em) / 3);
    }
}

@media (max-width: 64em) {
    .public-metrics__item {
        flex-basis: calc((100% - 1.5em) / 2);
    }
}

@media (max-width: 40em) {
    .public-metrics__item {
        flex-basis: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .public-metrics__item {
        transition: none;
    }

    .public-metrics__item:hover {
        transform: none;
    }
}