.cdp-commodites {
    --cdp-commodite-size: 96px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    font-family: 'Barlow', sans-serif;
    color: #FFFFFF;
}

.cdp-commodite {
    display: flex;
    align-items: center;
    gap: 18px;
}

.cdp-commodite-picto {
    width: var(--cdp-commodite-size);
    height: var(--cdp-commodite-size);
    object-fit: contain;
    flex-shrink: 0;
    /* Les SVG sources sont en noir (#1d1d1b) — on les force en blanc. */
    filter: brightness(0) invert(1);
}

.cdp-commodite-label {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    color: #FFFFFF;
}

@media (max-width: 1024px) {
    .cdp-commodites {
        --cdp-commodite-size: 72px;
    }
    .cdp-commodite-label {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .cdp-commodite {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 8px;
    }
}