.card-row--compare .card-row__list {
    display: grid; margin-right: 0; padding: 0; overflow: visible; grid-template-columns: repeat(2, minmax(0, 1fr));
}

.card-row--compare .section-head {
    align-items: flex-start; gap: 13px; text-align: left;
}

.card-row--compare .section-head__title {
    line-height: 44px;
}

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

.card-row--compare .card-row__card {
    --tone: var(--c-blue);
    width: auto; gap: 24px; padding: 24px; border-radius: 18px; outline-color: var(--tone);
}

.card-row--compare .card-row__card:first-child {
    --tone: #ea4335;
}

.card-row--compare .card-row__title {
    color: var(--tone); font-size: 32px; line-height: 36px;
}

.card-row__points {
    display: grid; gap: 20px; margin: 0; padding: 0; list-style: none; font-size: 18px; line-height: 26px;
}

.card-row--compare .card-row__card + .card-row__card .card-row__points {
    display: block; margin-bottom: -20px; columns: 2; column-gap: 24px;
}

.card-row--compare .card-row__card + .card-row__card .card-row__points li {
    margin-bottom: 20px; break-inside: avoid;
}

.card-row__points li {
    display: flex; gap: 12px;
}

.card-row__points li::before {
    content: "";
    flex: none;
    width: 24px;
    height: 24px;
    background: var(--tone);
    mask: url("../check.svg") center / contain no-repeat;
}

.card-row--compare .card-row__card:first-child .card-row__points li::before {
    mask-image: url("../cross.svg");
}

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

@media (max-width: 520px) {
    .card-row--compare .card-row__card + .card-row__card .card-row__points {
        columns: 1;
    }
}