.card-row--tiles .card-row__list {
    display: grid; margin-right: 0; padding: 0; overflow: visible; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px;
}

.card-row--tiles .card-row__card {
    width: auto; padding: 24px; border-radius: 12px; outline-color: var(--c-line);
}

.card-row--tiles .card-row__icon {
    width: 64px; height: 64px; margin: 0; background: var(--c-blue-tint);
}

.card-row--tiles img.card-row__icon {
    background: none; object-fit: contain;
}

.card-row--tiles .card-row__title {
    font-size: 18px; line-height: 25.2px;
}

.card-row--tiles .card-row__head {
    gap: 17px;
}

.card-row--tiles .card-row__text {
    line-height: 21.6px;
}

.card-row--tiles .section-head__label {
    background: var(--c-blue);
}

.card-row--tiles .section-head__text {
    color: var(--c-grey-600); font-weight: 500;
}

.card-row--tiles .card-row__list--6 {
    grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 1038px; margin-inline: auto;
}

.card-row--tiles .card-row__list--5,
.card-row--tiles .card-row__list--10 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.card-row--tiles .card-row__list--5 .card-row__card,
.card-row--tiles .card-row__list--10 .card-row__card {
    align-items: center; gap: 8px; padding: 26px 16px; text-align: center;
}

.card-row--tiles .card-row__list--5 .card-row__head,
.card-row--tiles .card-row__list--10 .card-row__head {
    flex-direction: column; gap: 14px;
}

.card-row--tiles .card-row__list--5 .card-row__icon,
.card-row--tiles .card-row__list--10 .card-row__icon {
    width: 54px; height: 54px;
}

.card-row--tiles .card-row__list--5 .card-row__title,
.card-row--tiles .card-row__list--10 .card-row__title {
    line-height: 21.6px;
}

.card-row--tiles .card-row__list--5 .card-row__text,
.card-row--tiles .card-row__list--10 .card-row__text {
    font-size: 16px; line-height: 22.4px;
}

.card-row--tiles:not(:has(.section-head)) .card-row__list--6 {
    gap: 24px 8px; max-width: 1156px;
}

@media (max-width: 1240px) {
    .card-row--tiles .card-row__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .card-row--tiles .card-row__list {
        grid-template-columns: 1fr;
    }

    .card-row--tiles .card-row__list--5,
    .card-row--tiles .card-row__list--10 {
        grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
    }

    .card-row--tiles .card-row__list--5 .card-row__card,
    .card-row--tiles .card-row__list--10 .card-row__card {
        padding: 16px 12px;
    }
}

@media print {
    .card-row .card-row__list {
        flex-wrap: wrap;
        max-height: none;
        margin-right: 0;
        overflow: visible;
    }
}
