.sidebar {
    position: sticky;
    top: 20px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: #fff;
    padding: 1rem 0.5rem;
    border-radius: 6px;
    width: auto !important;
    float:none!important;
}
.modele-card {
    cursor: pointer;
    transition: .2s;
}
.modele-card:hover {
    transform: translateY(-4px);
}
.modele-card img {
    width: 100%;
    object-fit: contain;
    border-radius: 6px;
}

/* ===== GRID VARIATIONS MODALE ===== */
.pc-modal-grid {
    display: grid;
    gap: 20px;
}
@media (min-width: 992px) {
    .pc-modal-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 576px) and (max-width: 991px) {
    .pc-modal-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
    .pc-modal-grid { grid-template-columns: 1fr; }
}

/* ===== ANIMATION MODALE ===== */
#variationsModal .modal-content {
    transform: scale(0.8);
    opacity: 0;
    transition: transform 0.25s ease-out, opacity 0.25s ease-out;
}
#variationsModal .modal-content.open {
    transform: scale(1);
    opacity: 1;
}
/* ===== ROUGE ===== */
.list-group-item.active {

        background-color: #dc3545;
    border-color: #dc3545;
};