/* Logos compacts, sélection multiple : aucune sélection = toutes les marques. */
.catalogue-shell .compact-catalogue-results .catalogue-brand-choice,
.vitrine .support-search-page .support-brand {
    box-sizing:border-box; min-height:54px; height:54px; padding:4px 8px;
    gap:2px; flex-basis:132px; border-radius:10px;
}
.catalogue-shell .compact-catalogue-results .catalogue-brand-image,
.vitrine .support-search-page .support-brand-image {
    box-sizing:border-box; width:112px; max-width:100%; height:30px; padding:3px;
}
.catalogue-shell .compact-catalogue-results .catalogue-brand-image img,
.vitrine .support-search-page .support-brand-image img {
    display:block; width:100%; max-width:106px; height:24px; object-fit:contain;
}
.vitrine .support-search-page .support-brand small {font-size:10px; line-height:12px;}
@media(max-width:680px) {
    .catalogue-shell .compact-catalogue-results > .catalogue-brand-navigation,
    .vitrine .support-search-page .support-brand-grid {
        display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px;
        width:100%; max-width:100%; overflow:visible; box-sizing:border-box;
    }
    .catalogue-shell .compact-catalogue-results .catalogue-brand-choice,
    .vitrine .support-search-page .support-brand {
        flex:none; width:100%; min-width:0; min-height:40px; height:40px; padding:2px 4px;
    }
    .catalogue-shell .compact-catalogue-results .catalogue-brand-image,
    .vitrine .support-search-page .support-brand-image {width:88px; height:23px; padding:2px;}
    .catalogue-shell .compact-catalogue-results .catalogue-brand-image img,
    .vitrine .support-search-page .support-brand-image img {max-width:84px; height:19px;}
    .vitrine .support-search-page .support-brand small {font-size:9px; line-height:10px;}
}
@media(max-width:360px) {
    .catalogue-shell .compact-catalogue-results > .catalogue-brand-navigation,
    .vitrine .support-search-page .support-brand-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* Un fond blanc uniforme évite le double cadre autour des logos en thème sombre. */
html[data-theme="dark"] .catalogue-shell .compact-catalogue-results .catalogue-brand-choice,
html[data-theme="dark"] .vitrine .support-search-page .support-brand {
    background:#fff; color:#18212f; border-color:transparent; box-shadow:none;
}
html[data-theme="dark"] .catalogue-shell .compact-catalogue-results .catalogue-brand-choice.is-active,
html[data-theme="dark"] .vitrine .support-search-page .support-brand.is-active {
    border-color:var(--red); box-shadow:0 0 0 1px var(--red);
}
html[data-theme="dark"] .vitrine .support-search-page .support-brand small {color:#526070;}