/* Couche de secours : Bootstrap non couche (classique) reste prioritaire.
   Si Bootstrap est absent, ces règles fournissent une grille responsive. */
@layer scalp-team-fallback {
    .scalp-team-row { display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; }
    .scalp-team-col { box-sizing: border-box; flex: 0 0 auto; padding-left: 12px; padding-right: 12px; min-width: 0; }
    .scalp-team-col.col-12 { width: 100%; }
    .scalp-team-col.col-6 { width: 50%; }
    .scalp-team-col.col-4 { width: 33.333333%; }
    .scalp-team-col.col-3 { width: 25%; }
    @media (min-width: 768px) {
        .scalp-team-col.col-md-12 { width: 100%; }
        .scalp-team-col.col-md-6 { width: 50%; }
        .scalp-team-col.col-md-4 { width: 33.333333%; }
        .scalp-team-col.col-md-3 { width: 25%; }
    }
    @media (min-width: 992px) {
        .scalp-team-col.col-lg-12 { width: 100%; }
        .scalp-team-col.col-lg-6 { width: 50%; }
        .scalp-team-col.col-lg-4 { width: 33.333333%; }
        .scalp-team-col.col-lg-3 { width: 25%; }
    }
}