@media (max-width: 1270px) {
    #value .valueGrid {
        gap: 20px;
    }

    #value .vCard {
        --v-card-bottom-padding: clamp(24px, 3vw, 34px);
        padding: var(--v-card-bottom-padding);
        border-radius: 34px;
        min-height: 0;
    }

    #value .vCard__media {
        padding-top: 12px;
    }
}

@media (max-width: 1050px) {
    #value .valueGrid > .vCard {
        grid-column: span 6;
    }

    #value .valueGrid > .vCard:last-child:nth-child(odd) {
        grid-column: 4 / span 6;
    }
}

@media (max-width: 700px) {
    #value .valueGrid {
        grid-template-columns: minmax(0, 1fr);
        gap: 26px;
    }

    #value .valueGrid > .vCard,
    #value .valueGrid > .vCard:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    #value .vCard {
        --v-card-bottom-padding: 30px;
        padding: 30px;
        border-radius: 44px;
        min-height: 360px;
    }

    #value .vCard__media {
        padding-top: 18px;
    }
}