/* Références Apple : « Quel [modèle] avez-vous ? ». Étiquettes seules : rien ne se clique. */
.cj-refs{ padding: 28px 0 8px; }
.cj-refs__titre{ margin: 0 0 6px; text-align: center; font-size: 1.5rem; font-weight: 700; color: #1d1d1f; }
.cj-refs__sous{ margin: 0 0 20px; text-align: center; color: #555; }
.cj-refs__grille{ display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.cj-refs__grille > .cj-refs__carte{ flex: 0 1 100%; min-width: 0; }
@media (min-width: 768px){
.cj-refs__grille > .cj-refs__carte{ flex-basis: calc(50% - 8px); max-width: calc(50% - 8px); }
}
@media (min-width: 1200px){
.cj-refs__grille > .cj-refs__carte{ flex-basis: calc(25% - 12px); max-width: calc(25% - 12px); }
}
.cj-refs__carte{
    background: #fff;
    border: 2px solid #8f15ff;
    border-radius: 16px;
    padding: 16px 12px;
    text-align: center;
}
.cj-refs__nom{ margin: 0 0 12px; font-size: 1.05rem; font-weight: 700; text-align: center; color: #1d1d1f; }
.cj-refs__liste{ margin: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.cj-refs__ref{
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    background: #8f15ff;
    color: #fff;
    font-weight: 700;
    font-size: .9rem;
    line-height: 1.3;
    cursor: default;
    user-select: text;
}