/* ── Vorteile Grid ── */
:root {
    --clr-primary: #0081c3;
}

.ce-vorteile-grid {
    /* Mobile: single column */
    .vg-items {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }

    .vg-item {
        flex: none;
        padding: 0 0 0 1rem;
        border-left: 2px solid var(--clr-primary);

        &:first-child {
            border-left: none;
            padding-left: 0;
        }
    }

    .vg-title {
        font-size: 1.2rem;
        font-weight: 700;
        color: var(--clr-primary);
        margin: 0 0 0.6rem;
        line-height: 1.2;
    }

    .vg-text {
        font-size: 0.8rem;
        line-height: 1.6;
        margin: 0;
    }

    /* Tablet: 2 columns */
    @media (min-width: 600px) {
        .vg-items {
            flex-direction: row;
            flex-wrap: wrap;
            gap: 1.5rem 0;
        }

        .vg-item {
            flex: 0 0 50%;
            padding: 0 2rem;
            border-left: 1px solid var(--clr-primary);

            &:nth-child(odd) {
                padding-left: 0;
                border-left: none;
            }

            &:nth-child(even) {
                padding-right: 0;
            }
        }
    }

    /* Desktop: all items in one row */
    @media (min-width: 900px) {
        .vg-items {
            flex-wrap: nowrap;
            gap: 0;
        }

        .vg-item {
            flex: 1 1 0;
            min-width: 0;
            padding: 0 2rem;
            border-left: 1px solid var(--clr-primary);

            /* Reset tablet's nth-child(odd) — all items get border */
            &:nth-child(odd) {
                padding-left: 2rem;
                border-left: 1px solid var(--clr-primary);
            }

            &:nth-child(even) {
                padding-right: 2rem;
            }

            /* First item: no separator — must come after nth-child rules */
            &:first-child {
                padding-left: 0;
                border-left: none;
            }

            &:last-child {
                padding-right: 0;
            }
        }
    }
}