/* Промежутки между колонками на десктопе; число колонок выбирается для блока. */
@media (min-width: 1001px) {
    :root {
        --iridi-grid-row-gap: 40px;
        --iridi-grid-column-gap: 24px;
    }
}

@media (min-width: 2251px) {
    :root {
        --iridi-grid-row-gap: 50px;
        --iridi-grid-column-gap: 40px;
    }
}

/* Внутренний отступ карточки в grid; фон задаёт конкретный блок. */
:root {
    --iridi-grid-card-padding: 40px;
}

@media (min-width: 2251px) {
    :root {
        --iridi-grid-card-padding: 50px;
    }
}

@media (max-width: 1600px) {
    :root {
        --iridi-grid-card-padding: 30px;
    }
}

@media (max-width: 1000px) {
    :root {
        --iridi-grid-card-padding: 20px;
    }
}