/* section-documents */
.section-documents {
    --offset-block: var(--offset-big);
    --columns: 3;
}
.section-documents__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--offset-block);
}

.section-documents .card-documents,
.section-documents .card-product {
    max-width: calc((100% - var(--offset-block) * (var(--columns) - 1)) / var(--columns));
}

@media screen and (max-width: 1023.5px) {
    .section-documents {
        --columns: 2;
    }
    .section-documents {
        --offset-block: var(--offset-main);
    }
}
@media screen and (max-width: 575px) {
    .section-documents {
        --columns: 1;
    }
}