/*------------------------------------ COMMUN -----------------------------------------*/

.liPlusInfos{
    display:none;
}

/*------------------------------------ CATALOGUE --------------------------------------*/
#Catalogue{
    margin:0;
}

#TitreCatAccueil.Titre,
#TitreCatCategorie.Titre,
#TitreCatFamille.Titre,
#TitreCatSousFamille.Titre{
    margin-bottom:20px;
    text-align:center;
}

#TitreCatAccueilDescWeb{
    display:none;
    color:var(--color-gray);
}

.TitrePhoto{
    display:none;
    text-align:center;
}

.TitreDescWeb{
    margin:0 auto 20px auto;
    text-align:center;
}

#ProduitNonDisponibleCmde{
    font-size:11px;
}
/*---------------------------------- RECHERCHE ---------------------------------*/
.Recherche{
    margin-top:10px;
    margin-bottom:10px;
    padding:10px 0;
}
#TitreRecherche{
    display:none;
}
#SaisieMotCle{
    border-radius:50vw 0 0 50vw;
    border-color:var(--color-text);
    border-right:none;
    box-shadow:none;
}
#BtnSubmit,
#BtnSubmit:hover{
    padding:4px 8px;
    color:var(--color-white);
    border-color:var(--color-text);
    border-left:none;
}
#SaisieMotCle:focus,
#SaisieMotCle:active,
#SaisieMotCle:hover{
    border-bottom-width:1px;
}
#SaisieMotCle:focus,
#SaisieMotCle:active,
#BtnSubmit:focus,
#BtnSubmit:active{
    border-color:var(--color-primary);
}
#BtnSubmit:focus,
#BtnSubmit:active,
#BtnSubmit:hover{
    box-shadow:none;
    border-left:none;
}

#ZoneRechercheTout .FormRecherche.collapse{
    display:none;
}
#ZoneRechercheTout .FormRecherche.collapse.in{
    display:block;
    position:fixed;
    top:0;
    left:0;
    height:calc(100% - 48px);
    width:100%;
    background:rgb(255, 255, 255, 0.75);
    backdrop-filter:blur(10px);
    z-index:2;
}
#ZoneRechercheTout .FormRecherche.collapse.in #SaisieMotCle{
    padding-left:0;
}
#ZoneRechercheTout .FormRecherche .close,
#MenuFamXS .close{
    position:absolute;
    top:0.125em;
    right:0.25em;
    font-size:32px;
    padding:0.25em;
    color:var(--color-secondary);
    z-index:1;
}
#ZoneRechercheTout .FormRecherche .close img,
#MenuFamXS .close img{
    -webkit-filter:invert(100%);
    filter:invert(100%);
    width:16px;
}
#ZoneRechercheTout .FormRecherche .Recherche{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    margin:0;
}
#ZoneRechercheTout .FormRecherche .Recherche #SaisieMotCle{
    width:calc(50vw - 50px);
    margin-right:15px;
    background:var(--color-white);
    border:none;
    border-bottom:2px solid var(--color-secondary);
    border-radius:0;
    z-index:5;
}
#ZoneRechercheTout .FormRecherche .Recherche #BtnSubmit{
    margin-left:-15px;
    border:none;
    background:var(--color-white);
    color:var(--color-secondary);
}
#ZoneRechercheTout .FormRecherche .Recherche #BtnSubmit:focus,
#ZoneRechercheTout .FormRecherche .Recherche #BtnSubmit:hover{
    background-color:var(--color-text-lighter) !important;
}

/*--------------------------------- PAGINATION -----------------------------------*/
.PaginationHaut,
.PaginationBas{
    display:block;
    border:none;
    margin:10px auto;
    padding:5px 0;
    color:var(--color-secondary);
    text-align:center;
    font-weight:700;
}
.PaginationHaut{
    display:none;
}
.PaginationBas{
    margin-top:15px;
    margin-bottom:30px;
    height:auto;
    clear:both;
}
.PaginationHaut .btn,
.PaginationBas .btn{
    font-weight:700;
}
.PaginationHaut span,
.PaginationBas span{
    padding:4px 12px;
    background:var(--color-primary);
    color:var(--color-white);
}
.PaginationHaut span.Page,
.PaginationBas span.Page{
    background:var(--color-primary);
    border:none;
    color:var(--color-white);
    cursor:default;
}
.PaginationHaut span.Filtre,
.PaginationBas span.Filtre{
    font-size:10px;
}
.PaginationHaut a,
.PaginationBas a{
    text-decoration:none;
    color:var(--color-black);
    transition:all 0.2s ease;
}
.PaginationHaut .btn-group a.btn-default,
.PaginationBas .btn-group a.btn-default,
.PaginationHaut .btn-group .btn + a.btn-default,
.PaginationBas .btn-group .btn + a.btn-default,
.PaginationHaut .btn-group .btn + span.btn-default,
.PaginationBas .btn-group .btn + span.btn-default{
    margin-left:5px;
    padding:4px 12px;
    border:none;
}
.PaginationHaut a:hover,
.PaginationBas a:hover{
    background-color: var(--color-primary);
    color:var(--color-white);
}
.PaginationHaut .Numero,
.PaginationBas .Numero{
    float:none;
}
.PaginationHaut .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
.PaginationBas .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
.PaginationHaut .btn-group > .btn:last-child:not(:first-child),
.PaginationHaut .btn-group>.dropdown-toggle:not(:first-child),
.PaginationBas .btn-group > .btn:last-child:not(:first-child),
.PaginationBas .btn-group>.dropdown-toggle:not(:first-child){
    border-radius:0;
}
.PaginationHaut .btn-default[disabled],
.PaginationBas .btn-default[disabled]{
    background-color: transparent;
    font-weight: bold;
}

#PaginationArticleDeA{
    display:none;
}

.LienBarNav{
    margin:0 0 25px 0;
    font-size:13px;
}
.LienBarNav a{
    font-size:13px;
}
.LienBarNav a:focus,
.LienBarNav a:hover{
    text-decoration:underline;
}
.LienBarNav span{
    padding-left:5px;
    padding-right:5px;
}

.page-accueil #TitreCatAccueilLienBarNav,
.page-accueil .TitreModule{
    display:none;
}

/*------------------------------ LISTE PRODUIT -----------------------------------------*/
#Liste_Produit .Titre{
    display:none;
}
#Liste_Produit .LienBarNav{
    display:none;
}
/*------------------------------ LISTE PRODUIT TABLE -----------------------------------*/
#TB_Catalogue{
    border-collapse:collapse;
    width:100%;
    border-spacing:30pt 10pt;
    border:outset 2px;
}
#TB_Catalogue img{
    vertical-align:middle;
    border:0;
    padding-right:4px;
}
#TB_Catalogue tr{
    border-spacing:10px;
    border:inset 2px;
    background-color:var(--color-white);
    padding:5px;
    margin:10px;
}
#TB_Catalogue td, #TB_Catalogue th{
    border-bottom:1px solid var(--color-white);
    padding:2px;
}
#TB_Catalogue .Entete{
    display:none;
}
#TB_Catalogue .ColPhoto{
    width:100px;
    text-align:center;
}
#TB_Catalogue .ColRef{
    display:none;
}
#TB_Catalogue .ColDesignation{
    font-size:11px;
}
#TB_Catalogue .ColDesignation a{
    font-size:15px;
    font-weight:bold;
}

#TB_Catalogue .DesignationComplementaire{
    display:none;
}

#TB_Catalogue .ColPrix{
    width:75px;
    text-align:right;
    font-weight:bold;
    color:var(--color-primary);
}
#TB_Catalogue .ColQte{
    width:10px;
}
#TB_Catalogue .ColAcheter{
    width:10px;
}
#TB_Catalogue .ColQteAcheter{
    width:110px;
}

#TB_Catalogue .ColDesignation .LibelleFamille{
    position:relative;
    top:10px;
}

/*------------------ LISTE FAM SSFAM COMMUNS ------------------*/

/* Bouton "Catalogue Complet" */
#Div_CatComplet {
/*    width: 100%;
    text-align: center;
    margin: 20px auto 0 auto;
}
#Div_CatComplet br {*/
    display: none;
}

.Div_Catalogue{
    position:relative;
    display:inline-block;
    text-align:center;
    vertical-align:top;
}

.Div_Catalogue#NC1{
    display:none;
}

.Div_Catalogue .Div_CatDescription,
.Div_Catalogue .Div_CatPlusInfo{
    display: none;
}

/* Masquer les photos par défaut (utilisées quand $DivCatalogueBackground = false, ex: pages Familles) */
.Div_Catalogue .Div_CatPhoto,
.Div_Catalogue .Div_CatPasPhoto{
    display: none;
}
/* Sur page catégorie, afficher les photos (image par défaut ou réelle) */
.page-categorie .Div_Catalogue .Div_CatPhoto,
.page-categorie .Div_Catalogue .Div_CatPasPhoto {
    display: block;
}

/* Note: Les photos sont affichées via .Div_WrapperPhoto quand $DivCatalogueBackground = true
   (Accueil, Accueil Catalogue, pages Catégories) - voir General_FR.php */

/* ========================================
   LISTE DES CATEGORIES - PAGE D'ACCUEIL ET ACCUEIL CATALOGUE
   ======================================== */

/* Conteneur principal des catégories */
.page-accueil .RechercheCatalogue,
.page-accueil-catalogue .RechercheCatalogue {
    max-width: clamp(50vw, 720px, 95vw);
    margin: 20px auto;
}

.page-accueil .Div_Catalogue,
.page-accueil-catalogue .Div_Catalogue,
.page-categorie .Div_Catalogue {
    position: relative;
    width: 100%;
    min-height: 250px;
    margin:1em 0.5em;
    padding: 10px;
    background: var(--color-beige-bg);
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.page-accueil .Div_Catalogue a,
.page-accueil-catalogue .Div_Catalogue a,
.page-categorie .Div_Catalogue a {
    color: var(--color-text-dark);
    text-decoration: none;
}

.page-accueil .Div_Catalogue:focus,
.page-accueil .Div_Catalogue:hover,
.page-accueil-catalogue .Div_Catalogue:focus,
.page-accueil-catalogue .Div_Catalogue:hover,
.page-categorie .Div_Catalogue:focus,
.page-categorie .Div_Catalogue:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

/* Image de fond de la catégorie/famille */
.page-accueil .Div_WrapperPhoto,
.page-accueil .Div_CatPasPhoto,
.page-accueil-catalogue .Div_WrapperPhoto,
.page-accueil-catalogue .Div_CatPasPhoto,
.page-categorie .Div_WrapperPhoto,
.page-categorie .Div_CatPasPhoto {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/images/HIGHLOVE/default.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
}
/*
.page-categorie .Div_WrapperPhoto{
    background-size: contain;
}
*/
/* Les images des catégories sont appliquées dynamiquement par JS dans General_FR.php */
/* Voir $TabCategories et le foreach qui applique les background-image */

.page-accueil .Div_WrapperPhoto a,
.page-accueil .Div_CatPasPhoto a,
.page-accueil-catalogue .Div_WrapperPhoto a,
.page-accueil-catalogue .Div_CatPasPhoto a,
.page-categorie .Div_WrapperPhoto a,
.page-categorie .Div_CatPasPhoto a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Titre superposé en bas avec fond semi-transparent */
.page-accueil .Div_WrapperPhoto + .Div_CatInfo,
.page-accueil .Div_CatPasPhoto + .Div_CatInfo,
.page-accueil-catalogue .Div_WrapperPhoto + .Div_CatInfo,
.page-accueil-catalogue .Div_CatPasPhoto + .Div_CatInfo,
.page-categorie .Div_WrapperPhoto + .Div_CatInfo,
.page-categorie .Div_CatPasPhoto + .Div_CatInfo {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 3em;
    padding: 12px 15px;
    background: var(--color-secondary-transparent);
    backdrop-filter: blur(5px);
    transition: all 0.3s ease-in-out;
    z-index: 2;
}

.page-accueil .Div_CatInfo a,
.page-accueil-catalogue .Div_CatInfo a,
.page-categorie .Div_CatInfo a {
    display: block;
    color: var(--color-white);
    font-family:var(--font-family-subtitle);
    font-size:18px;
    font-weight:500;
}

/* Effet hover sur l'image */
.page-accueil .Div_Catalogue:hover .Div_WrapperPhoto,
.page-accueil .Div_Catalogue:hover .Div_CatPasPhoto,
.page-accueil-catalogue .Div_Catalogue:hover .Div_WrapperPhoto,
.page-accueil-catalogue .Div_Catalogue:hover .Div_CatPasPhoto,
.page-categorie .Div_Catalogue:hover .Div_WrapperPhoto,
.page-categorie .Div_Catalogue:hover .Div_CatPasPhoto {
    filter: brightness(0.7);
}

.page-accueil .Div_Catalogue:hover .Div_WrapperPhoto + .Div_CatInfo,
.page-accueil .Div_Catalogue:hover .Div_CatPasPhoto + .Div_CatInfo,
.page-accueil-catalogue .Div_Catalogue:hover .Div_WrapperPhoto + .Div_CatInfo,
.page-accueil-catalogue .Div_Catalogue:hover .Div_CatPasPhoto + .Div_CatInfo,
.page-categorie .Div_Catalogue:hover .Div_WrapperPhoto + .Div_CatInfo,
.page-categorie .Div_Catalogue:hover .Div_CatPasPhoto + .Div_CatInfo {
    background: var(--color-primary-transparent);
}

.page-accueil .Div_Catalogue:hover .Div_CatInfo a,
.page-accueil-catalogue .Div_Catalogue:hover .Div_CatInfo a,
.page-categorie .Div_Catalogue:hover .Div_CatInfo a {
    color: var(--color-white);
}

.page-accueil .Div_Catalogue .Div_WrapperPhoto + .Div_CatInfo a:focus,
.page-accueil .Div_Catalogue .Div_CatPasPhoto + .Div_CatInfo a:focus,
.page-accueil-catalogue .Div_Catalogue .Div_WrapperPhoto + .Div_CatInfo a:focus,
.page-accueil-catalogue .Div_Catalogue .Div_CatPasPhoto + .Div_CatInfo a:focus,
.page-categorie .Div_Catalogue .Div_WrapperPhoto + .Div_CatInfo a:focus,
.page-categorie .Div_Catalogue .Div_CatPasPhoto + .Div_CatInfo a:focus{
    text-decoration: underline;
}

/* Dimensions pour Accueil et Accueil Catalogue (grandes tuiles, 2 colonnes max) */
.page-accueil .Div_Catalogue,
.page-accueil-catalogue .Div_Catalogue {
    width: 100%;
    margin: 1em 0;
    min-height: 280px;
}

@media (max-width:300px) {
    .page-accueil .Div_Catalogue,
    .page-accueil-catalogue .Div_Catalogue {
        width:96%;
        margin:6px 2%;
    }
}

@media (min-width: 400px) {
    .page-accueil .Div_Catalogue,
    .page-accueil-catalogue .Div_Catalogue {
        width: calc(50% - (2 * 10px));
        margin-left: 10px;
        margin-right: 10px;
        min-height: 340px;
    }
}

@media (min-width: 768px) {
    .page-accueil .Div_Catalogue,
    .page-accueil-catalogue .Div_Catalogue {
        width: calc(50% - (2 * 15px));
        margin-left: 15px;
        margin-right: 15px;
        min-height: 420px;
    }
}

/* Dimensions spécifiques pour les pages Catégorie (tuiles plus petites, 3 puis 4 colonnes) */
.page-categorie .Div_Catalogue {
    width: 100%;
    margin: 10px 0;
    min-height: 200px;
}

@media (max-width:300px) {
    .page-categorie .Div_Catalogue {
        width: 96%;
        margin: 6px 2%;
    }
}

@media (min-width: 400px) {
    .page-categorie .Div_Catalogue {
        width: calc(50% - 20px);
        margin: 10px;
        min-height: 220px;
    }
}

@media (min-width: 768px) {
    .page-categorie .Div_Catalogue {
        width: calc(33.333% - 20px);
        margin: 10px;
        min-height: 240px;
    }
}

@media (min-width: 1200px) {
    .page-categorie .Div_Catalogue {
        width: calc(25% - 20px);
        margin: 10px;
        min-height: 260px;
    }
}

/* =================================================================
   LISTE DES FAMILLES - SOUS-FAMILLES - Pages Familles uniquement
   (exclut page-accueil-catalogue qui doit garder le design avec photos)
   ================================================================= */

.page-catalogue:not(.page-accueil-catalogue) #LstSousFamille{
    margin-bottom: 25px;
    padding-bottom: 25px;
    border: none;
    text-align: center;
}

.page-catalogue:not(.page-accueil-catalogue) #LstSousFamille .TitreModule{
    display: none;
}

.page-catalogue:not(.page-accueil-catalogue):not(.page-categorie) .Div_Catalogue{
    padding:0;
    width:auto;
    height:auto;
    min-width:60px;
    min-height:20px;
    margin:5px;
    background-color: var(--color-beige-bg);
    border: 1px solid var(--color-beige-bg);
    color: var(--color-link);
    box-shadow: none;
    text-align: center;
}
.page-catalogue:not(.page-accueil-catalogue):not(.page-categorie) .Div_Catalogue:focus,
.page-catalogue:not(.page-accueil-catalogue):not(.page-categorie) .Div_Catalogue:hover{
    background-color: var(--color-white);
    border:1px solid var(--color-secondary);
    box-shadow: none;
}
.page-catalogue:not(.page-accueil-catalogue):not(.page-categorie) .Div_Catalogue h2 a,
.page-catalogue:not(.page-accueil-catalogue):not(.page-categorie) .Div_Catalogue h2 a:focus,
.page-catalogue:not(.page-accueil-catalogue):not(.page-categorie) .Div_Catalogue h2 a:hover{
    font-size: 15px;
    font-weight: normal;
    color: var(--color-link);
}

/*
.page-catalogue .Div_Catalogue .Div_CatPhoto,
.page-catalogue .Div_Catalogue .Div_CatPasPhoto{
    color:var(--color-text-lighter);
    font-style:italic;
    font-size:12px;
    transition:all 0.2s ease;
}
.page-catalogue .Div_Catalogue .Div_CatPhoto a,
.page-catalogue .Div_Catalogue .Div_CatPasPhoto a{
    display:block;
    transition:all 0.2s ease;
}
.page-catalogue .Div_Catalogue .Div_CatPhoto img,
.page-catalogue .Div_Catalogue .Div_CatPasPhoto img{
    max-width:100%;
    background:none;
    border:none;
}
.page-catalogue .Div_CatPasPhoto img{
    max-height:290px;
    width:auto;
}
*/
.page-catalogue:not(.page-accueil-catalogue) .Div_Catalogue .Div_CatInfo a{
    display: block;
    padding:8px 16px;
    line-height:normal;
}
/*
.page-catalogue .Div_Catalogue .Div_CatPhoto + .Div_CatInfo{
    text-align:center;
}
.page-catalogue .Div_Catalogue .Div_CatPhoto + .Div_CatInfo a{
    display:flex;
    align-content:center;
    justify-content:center;
    align-items:center;
    width:100%;
    color:var(--color-link);
}

.page-catalogue .Div_Catalogue .Div_CatPasPhoto + .Div_CatInfo a{
    line-height:normal;
    color:var(--color-link);
}
*/
/*------------------ LISTE PRODUITS ------------------*/

.LigneProduit{
    display:inline-block;
    float:none;
    width:44%;
    min-height:75px;
    margin:8px 3%;
    padding:30px 3px;
    background:var(--color-white);
    vertical-align:top;
    text-align:center;
}

#Div_Catalogue .LigneProduit{
    position:relative;
}

.LigneProduit .liPhoto{
    display:inline-block;
    width:100%;
    min-height:75px;
    margin:4px auto;
    vertical-align:middle;
    text-align:center;
    font-size:12px;
    color:var(--color-text-light);
    overflow:hidden;
}
.LigneProduit .liPhoto img{
    margin:0;
    border:none;
    height:auto;
    width:auto;
    max-width:100%;
    max-height:100%;
}
.LigneProduit .liPhoto:hover img{
    transform:scale(1.03);
}
.LigneProduit .liPhoto a{
    display:block;
    border:none;
}
.LibellePromo{
    color:var(--color-black);
    font-weight:bold;
    font-size:12px;
}
#PhotoVide{
    display:inline-block;
    padding:0;
    color:var(--color-text-lighter);
}
#PhotoVide img{
    max-height:175px;
    width:auto;
}

.LigneProduit .liRef{
    display:none;
}
.LigneProduit .liStock{
    padding-top:2px;
}
.LigneProduit .liNomprod{
    margin:4px auto;
    text-align:left;
}
.LigneProduit .liNomprod a.LienProduit{
    font-family:var(--font-family-subtitle);
    font-size:18px;
    color:var(--color-black);
}
.LigneProduit .liNomprod a.LienProduit:focus,
.LigneProduit .liNomprod a.LienProduit:hover{
    color:var(--color-link);
}

.LigneProduit .liPrix .Entete{
    display:none;
}
.LigneProduit .liNomprod .Entete{
    display:none;
}
.LigneProduit .liLibellePromo{
    color:var(--color-black);
    font-weight:bold;
    font-size:12px;
}

.LigneProduit .liStock{
    font-size:12px;
    line-height:18px;
    color:rgba(0, 0, 0, 0.5);
}

.LigneProduit .liDesignCompl,
.LigneProduit .liFamille,
.LigneProduit .liStock{
    display:none;
}
.LigneProduit .liPrix{
    color:var(--color-black);
    font-weight:500;
    font-size:20px;
    text-align:right;
}
.PrixPromoBarre,
.LigneProduit .liPrix .PrixPromoBarre{
    display:inline-block;
    margin-right:5px;
    color:var(--color-gray);
    font-size:12px;
    font-weight:normal;
}

.LigneProduit .liQteAcheter{
    /*display:none;*/
    text-align:right;
}
.LigneProduit .liPrix input,
.LigneProduit .liQteAcheter input{
    display:none;
}
.LigneProduit .liPrix form{
    display:inline-block;
}

#ProduitPasDeStockCmde,
#ProduitNonDisponibleCmde{
    padding:2px;
    font-size:12px;
    color:var(--color-danger);
    text-align:center;
}

/*------------------ BLOC PHOTO PROD ------------------*/
.Div_ImageProd #ImgProd1{
    position:relative;
    display:block;
    min-height:200px;
}
.Div_ImageProd img{
    margin:0 auto;
    border-color:var(--color-text-medium);
}

.zoomPad{
    text-align:center;
    margin:auto;
    width:100%;
}

#PhotoProdIMG{
    display:flex;
    align-items:center;
    justify-content:center;
    max-width:100%;
    border:0px solid var(--color-text-lightest);
}

.Div_NavProd{
    display:none;
}

.Div_ImageProd .zoomPad .zoomWindow .zoomWrapperImage > img{
    max-width:none;
}

ul#thumblist{
    display:block;
    padding:0;
}
ul#thumblist li{
    display:inline-block;
    list-style:none;
    margin:0 5px 5px 0;
}
ul#thumblist li a{
    display:block;
    border:1px solid var(--color-primary-light);
}
ul#thumblist li img{
    width:100%;
    max-height:80px;
}
ul#thumblist li a:focus,
ul#thumblist li a:hover,
ul#thumblist li a.zoomThumbActive{
    border-color:var(--color-secondary);
}

/*------------------ PAGE PRODUIT ------------------*/
#Produit{
    margin-top:0;
    width:100%;
}

#Produit h1.Titre{
    margin-bottom:0;
    font-family:var(--font-family-subtitle);
    font-size:25px;
    font-weight:600;
}

#ProduitBarNav + .LienBarNav{
    display:none;
}

#Produit .LienBarNav{
    display:none;
}
#Produit .LienBarNav span{
    color:var(--color-primary);
}

#TB_Produit{
    margin:15px 0;
    padding:2px;
    border-collapse:collapse;
    text-align:left;
    border:none;
}
#TB_Produit .Titre{
    display:none;
}

#TB_Produit .TrAcheter .LigneAcheter .QteStock{
    display:inline-block;
    font-style:normal;
}
#TB_Produit .TrAcheter .LigneAcheter .QteStock .qte{
    color:var(--color-primary);
    font-size:15px;
    font-weight:600;
}
#TB_Produit .TrAcheter .LigneAcheter .QteStock .descr{
    color:var(--color-secondary);
    font-size:12px;
    font-weight:500;
}

#TB_Produit .TrPrix{
    margin-bottom:15px;
}
#TB_Produit .TrPrix #PrixU{
    display:none;
}
#TB_Produit #Montant{
    text-align:right;
    color:var(--color-primary);
    font-family:var(--font-family-subtitle);
    font-weight:600;
    font-size:26px;
}
#TB_Produit .TrPrix #Montant #HTTTC{
    color:var(--color-primary-light);
    font-size:16px;
    font-weight:normal;
}

#TB_Produit .LigneChoixLot{
    background-color:var(--color-white);
}
#TB_Produit .LigneChoixLot select{
    font-size:12px;
    box-shadow:none;
    border:1px solid var(--color-text-light);
}

#TB_Produit .LigneAcheter{
    background:none;
}
#TB_Produit .LigneAcheter .input-qte{
    display:none;
}
#TB_Produit .LigneAcheter .Btn_Plus,
#TB_Produit .LigneAcheter .Btn_Moins{
    display:none;
}

#Produit #DescWeb{
    margin-top:5px;
    margin-bottom:25px;
    text-align:left;
    font-family:var(--font-family);
    color:var(--color-text);
}

#ColInfoProd #ColDescWeb{
    padding-left:0;
    padding-right:0;
}

#Produit #NomProd{
    display:none;
}
#Produit #DesignProd{
    margin:5px 0;
    color:var(--color-primary);
}
#Produit .Div_RefProduit{
    margin:5px auto;
    font-size:11px;
    font-style:normal;
    color:var(--color-text-light);
}

#Div_Recommandations{
    margin:25px auto;
}

#Div_Recommandations h2{
    font-size:25px;
    color:var(--color-secondary);
}

#PhotosNonContractuelles{
    margin:20px auto;
    text-align:center;
    color:var(--color-text-light);
}

/*------------------ Liste des Famille Menu ------------------*/
#ListeFamilleMenuGauche,
#ListeCategorieMenuMobileOffcanvas{
    text-align:left;
    list-style:none;
    margin:0 0 15px 0;
    padding:0;
}
#ListeFamilleMenu li,
#ListeCategorieMenuMobileOffcanvas li{
    position:relative;
    padding:6px 3px;
    text-align:left;
    font-size:12px;
    font-weight:normal;
    font-size:14px;
}
#ListeCategorieMenuMobileOffcanvas li{
    padding:5px;
}
#ListeFamilleMenu .SousFamille,
#ListeCategorieMenuMobileOffcanvas .SousFamille{
    margin:0px;
    padding:0px 10px;
    list-style-position:outside;
    list-style-type:none;
}
#ListeCategorieMenuMobileOffcanvas .SousFamille{
    padding:0 0 0 20px;
}
#ListeFamilleMenu .SousFamille li,
#ListeCategorieMenuMobileOffcanvas .SousFamille li{
    font-style:normal;
    text-decoration:none;
    padding:3px;
}
#ListeCategorieMenuMobileOffcanvas .SousFamille li{
    padding:4px 3px 4px 6px;
}
#ListeFamilleMenuGauche li a,
#ListeCategorieMenuMobileOffcanvas li a{
    display:inline;
    text-decoration:none;
    color:var(--color-link);
    font-weight:normal;
}
#ListeFamilleMenuGauche > li > a,
#ListeCategorieMenuMobileOffcanvas > li > a{
    display:block;
    float:none;
    clear:both;
    padding:8px 0;
    font-weight:400;
}
#ListeCategorieMenuMobileOffcanvas > li > a{
    padding:7px;
    font-size:14px;
}
#ListeFamilleMenuGauche .SousFamille > li{
    padding-top:4px;
}

#ListeFamilleMenuGauche li a:hover,
#ListeFamilleMenuGauche .SousFamille li a:hover,
#ListeCategorieMenuMobileOffcanvas li a:hover,
#ListeCategorieMenuMobileOffcanvas .SousFamille li a:hover{
    color:var(--color-primary);
}
#ListeFamilleMenuGauche li.current > a,
#ListeFamilleMenuGauche .SousFamille li.current > a,
#ListeCategorieMenuMobileOffcanvas li.current > a,
#ListeCategorieMenuMobileOffcanvas .SousFamille li.current > a{
    color:var(--color-black);
}

/* ========================================
   Système de menus repliables (Catégories > Familles > Sous-Familles)
   ======================================== */

/* Conteneur flex pour lien + caret - aspect bloc pleine largeur */
.menu-item-wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.menu-item-wrapper > a {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 10px 8px;
    text-decoration: none;
    transition: background 0.2s ease;
}

.menu-item-wrapper > a:hover {
    background: rgba(0, 0, 0, 0.03);
}

/* Bouton caret pour déplier/replier (intégré visuellement) */
.menu-caret {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--color-text);
    font-size: 12px;
    transition: all 0.2s ease;
}

.menu-caret:hover,
.menu-caret:focus {
    color: var(--color-secondary);
    background: transparent;
}

.menu-caret i {
    transition: transform 0.3s ease;
}

/* Rotation du caret quand ouvert */
.menu-item-open > .menu-item-wrapper .menu-caret i {
    transform: rotate(90deg);
}

.menu-item-open > .menu-item-wrapper a,
.menu-item-open > .menu-item-wrapper .menu-caret {
    color: var(--color-secondary-transparent);
}

/* Base : supprimer les bullets sur tous les ul/li du menu catégorie */
#ListeCategorieMenuGauche,
#ListeCategorieMenuGauche ul,
#ListeCategorieMenuMobileOffcanvas,
#ListeCategorieMenuMobileOffcanvas ul,
.menu-categories,
.menu-categories ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

#ListeCategorieMenuGauche li,
#ListeCategorieMenuMobileOffcanvas li,
.menu-categories li {
    list-style: none !important;
    list-style-type: none !important;
    padding-left: 6px;
}

/* Sous-menus repliés par défaut */
#ListeCategorieMenuGauche .Famille,
#ListeCategorieMenuGauche .SousFamille,
#ListeCategorieMenuMobileOffcanvas .Famille,
#ListeCategorieMenuMobileOffcanvas .SousFamille,
.menu-categories .Famille,
.menu-categories .SousFamille {
    display: none !important;
    overflow: hidden;
}

/* Afficher quand parent est ouvert */
#ListeCategorieMenuGauche .menu-item-open > .Famille,
#ListeCategorieMenuGauche .menu-item-open > .SousFamille,
#ListeCategorieMenuMobileOffcanvas .menu-item-open > .Famille,
#ListeCategorieMenuMobileOffcanvas .menu-item-open > .SousFamille,
.menu-categories .menu-item-open > .Famille,
.menu-categories .menu-item-open > .SousFamille {
    display: block !important;
}

/* ========================================
   Hiérarchie visuelle des niveaux (Desktop)
   ======================================== */

/* Niveau 1 : Catégories */
#ListeCategorieMenuGauche > ul.Categorie > li {
    background: transparent;
    border-bottom: none;
}

#ListeCategorieMenuGauche > ul.Categorie > li > .menu-item-wrapper > a {
    padding: 12px 10px;
    font-weight: 500;
    color: var(--color-text);
}
#ListeCategorieMenuGauche > ul.Categorie > li.menu-item-open > .menu-item-wrapper > a {
    color: var(--color-secondary);
}

/* Niveau 2 : Familles */
#ListeCategorieMenuGauche .Famille {
    border-left: 3px solid var(--color-beige);
    margin-left: 0;
    padding-left: 6px;
}

#ListeCategorieMenuGauche .Famille > li {
    border-bottom: none;
}

#ListeCategorieMenuGauche .Famille > li > .menu-item-wrapper > a {
    padding: 10px 10px 10px 15px;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-text);
}

#ListeCategorieMenuGauche .Famille .menu-caret {
    width: 36px;
}

/* Niveau 3 : Sous-Familles */
#ListeCategorieMenuGauche .SousFamille {
    background: var(--color-beige);
    border-left: 2px solid var(--color-beige-dark);
    margin-left: 0;
    padding-left: 0 !important;
}

#ListeCategorieMenuGauche .SousFamille > li > .menu-item-wrapper > a,
#ListeCategorieMenuGauche .SousFamille > li > a {
    display: inline-block;
    padding: 6px 10px 6px 18px;
    font-weight: 300;
    font-size: 13px;
    color: var(--color-text-dark);
}
#ListeCategorieMenuGauche .SousFamille > li > .menu-item-wrapper > a:focus,
#ListeCategorieMenuGauche .SousFamille > li > .menu-item-wrapper > a:hover,
#ListeCategorieMenuGauche .SousFamille > li > a:focus,
#ListeCategorieMenuGauche .SousFamille > li > a:hover {
    text-decoration: underline;
}

/* ========================================
   Styles Mobile (menu-categories et offcanvas)
   ======================================== */

#ListeCategorieMenuMobileOffcanvas > ul.Categorie > li,
.menu-categories > ul.Categorie > li {
    border-bottom: 1px solid var(--color-text-lightest);
}

#ListeCategorieMenuMobileOffcanvas > ul.Categorie > li:last-child,
.menu-categories > ul.Categorie > li:last-child {
    border-bottom: none;
}

#ListeCategorieMenuMobileOffcanvas > ul.Categorie > li > .menu-item-wrapper > a,
.menu-categories > ul.Categorie > li > .menu-item-wrapper > a {
    padding: 14px 10px;
    font-weight: 600;
    color: var(--color-text);
}

#ListeCategorieMenuMobileOffcanvas .Famille,
.menu-categories .Famille {
    padding-left: 0 !important;
    background: rgba(0, 0, 0, 0.02);
    border-left: 3px solid var(--color-primary-light);
}

#ListeCategorieMenuMobileOffcanvas .Famille > li > .menu-item-wrapper > a,
.menu-categories .Famille > li > .menu-item-wrapper > a {
    display: inline-block;
    padding: 12px 10px 12px 15px;
    font-weight: 500;
    font-size: 14px;
}

#ListeCategorieMenuMobileOffcanvas .SousFamille,
.menu-categories .SousFamille {
    padding-left: 0 !important;
    background: rgba(0, 0, 0, 0.02);
    border-left: 2px solid var(--color-text-lightest);
}

#ListeCategorieMenuMobileOffcanvas .SousFamille > li > .menu-item-wrapper > a,
#ListeCategorieMenuMobileOffcanvas .SousFamille > li > a,
.menu-categories .SousFamille > li > .menu-item-wrapper > a,
.menu-categories .SousFamille > li > a {
    display: inline-block;
    padding: 8px 10px 8px 20px;
    font-weight: 400;
    font-size: 13px;
    color: var(--color-text-medium);
}

/* Élément courant */
#ListeCategorieMenuGauche li.current > .menu-item-wrapper > a,
#ListeCategorieMenuGauche li.current > a,
#ListeCategorieMenuMobileOffcanvas li.current > .menu-item-wrapper > a,
#ListeCategorieMenuMobileOffcanvas li.current > a,
.menu-categories li.current > .menu-item-wrapper > a,
.menu-categories li.current > a {
    color: var(--color-secondary);
    font-weight: 600;
}

/* Hover sur les liens */
#ListeCategorieMenuGauche a:hover,
#ListeCategorieMenuMobileOffcanvas a:hover,
.menu-categories a:hover {
    color: var(--color-primary);
}

/* Ancien bouton toggle (pour compatibilité) */
.menu-toggle {
    display: none;
}

/* Anciens sélecteurs pour compatibilité (ListeFamille) */
#ListeFamilleMenuGauche .Famille,
#ListeFamilleMenuGauche .SousFamille,
#ListeCategorieMenuMobileOffcanvas .Famille,
#ListeCategorieMenuMobileOffcanvas .SousFamille {
    display: none !important;
    overflow: hidden;
    padding-left: 15px;
    list-style: none !important;
    margin: 0;
}

#ListeFamilleMenuGauche .Famille li,
#ListeFamilleMenuGauche .SousFamille li,
#ListeCategorieMenuMobileOffcanvas .Famille li,
#ListeCategorieMenuMobileOffcanvas .SousFamille li {
    list-style: none !important;
}

#ListeFamilleMenuGauche .menu-item-open > .Famille,
#ListeFamilleMenuGauche .menu-item-open > .SousFamille,
#ListeCategorieMenuMobileOffcanvas .menu-item-open > .Famille,
#ListeCategorieMenuMobileOffcanvas .menu-item-open > .SousFamille {
    display: block !important;
}

#ListeFamilleMenuGauche > li,
#ListeCategorieMenuMobileOffcanvas > li {
    border-bottom: 1px solid var(--color-text-lightest);
}
#ListeCategorieMenuMobileOffcanvas > li {
    padding-left:20px;
}

#ListeFamilleMenuGauche > li:last-child,
#ListeCategorieMenuMobileOffcanvas > li:last-child {
    border-bottom: none;
}

#ListeFamilleMenuGauche > li > a,
#ListeCategorieMenuMobileOffcanvas > li > a ,
#ListeCategorieMenuMobileOffcanvas > li > .menu-item-wrapper > a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    font-weight: 600;
    color: var(--color-text);
}

#ListeFamilleMenuGauche .Famille > li > a,
#ListeCategorieMenuMobileOffcanvas .Famille > li > a,
#ListeCategorieMenuMobileOffcanvas .Famille > li > .menu-item-wrapper > a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    font-weight: 500;
    font-size: 14px;
}

#ListeFamilleMenuGauche .SousFamille > li > a,
#ListeCategorieMenuMobileOffcanvas .SousFamille > li > a,
#ListeCategorieMenuMobileOffcanvas .SousFamille > li > .menu-item-wrapper > a {
    padding: 6px 0;
    font-weight: 400;
    font-size: 13px;
    color: var(--color-text-medium);
}

#ListeFamilleMenuGauche li.current > a,
#ListeCategorieMenuMobileOffcanvas li.current > a,
#ListeCategorieMenuMobileOffcanvas li.current > .menu-item-wrapper > a {
    color: var(--color-primary);
    font-weight: 600;
}

/* Ancien système dropdown (compatibilité) */
.dropdown span.caret{
    float:right;
    padding:4px 10px;
}
.dropdown span.caret:after{
    width:22px;
    font-size:22px;
    color:var(--color-primary);
}
.dropdown.ouvert > a > span.caret:after{
    content:'\e9c6';
}

#ListeFamilleMenuGauche:after{
    content:' ';
    display:table;
    clear:both;
}

@media (max-width:300px){
    .LigneProduit{
        width:96%;
        margin:6px 2%;
    }
}

@media (min-width:400px){
    .LigneProduit{
        width:45%;
        margin:17px 2.5%;
        padding-left:6px;
        padding-right:6px;
    }
    .Div_Catalogue .Div_CatInfo a{
        font-size:20px;
    }
}

@media (min-width:580px){
    .LigneProduit{
        width:30.3%;
        margin-left:1.5%;
        margin-right:1.5%;
    }
}

@media (min-width:768px){
    .Div_Catalogue .Div_CatInfo a{
        font-size:22px;
    }
    .LigneProduit .liQteAcheter button{
        padding:6px 12px;
        font-size:14px;
    }
    .Div_ImageProd #ImgProd1:before,
    .Div_ImageProd #ImgProd1:after{
        opacity:0;
        content:'';
        display:block;
        position:absolute;
        transition:all ease 0.2s;
    }
    .Div_ImageProd #ImgProd1:before{
        z-index:9;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0, 0, 0, 0.33);
        mix-blend-mode:overlay;
    }
    .Div_ImageProd #ImgProd1:after{
        z-index:10;
        top:50%;
        left:50%;
        width:50px;
        height:50px;
        transform:translate(-50%, -50%);
        background:rgba(0, 0, 0, 0.33) url('/images/HIGHLOVE/icon-magnifying-glass.svg') center center no-repeat;
    }
    .Div_ImageProd #ImgProd1:hover:before,
    .Div_ImageProd #ImgProd1:hover:after{
        opacity:1;
    }
}

@media (min-width:768px) and (max-width:991px){
    #Catalogue{
        margin-top:50px;
    }
}

@media (min-width:992px){
    .LigneProduit{
        min-height:240px;
        padding-left:15px;
        padding-right:15px;
    }
    .LigneProduit .liNomprod{
        min-height:55px;
    }
    #Div_Recommandations #ProduitsAssocies .LigneProduit{
        width:24%;
        margin-left:0.5%;
        margin-right:0.5%;
    }
    #ColInfoProd{
        padding-left:5px;
    }
    #Produit form #TB_Produit{
        margin-top:10px;
    }
}

@media (min-width:1200px){
}

/* Formulaire de recherche mobile */
#MobileSearch {
    display: none;
}

@media (max-width: 767px) {
    #MobileSearch.active {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        padding: 15px;
    }

    #MobileSearch .FormRecherche {
        background: var(--color-white);
        border-radius: 8px;
        padding: 20px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
        max-width: 500px;
        width: calc(100% - 40px);
        margin: 60px auto 0;
        box-sizing: border-box;
    }

    #MobileSearch .FormRecherche .Recherche {
        box-sizing: border-box;
    }

    #MobileSearch .FormRecherche .input-group {
        align-items: stretch;
        width: 100%;
        box-sizing: border-box;
    }

    #MobileSearch #SaisieMotCle {
        height: 48px;
        min-width: 0;
        border: 1px solid var(--color-text-lighter);
        border-radius: 4px 0 0 4px;
        padding: 12px 15px;
        font-size: 16px;
        box-sizing: border-box;
    }

    #MobileSearch .input-group-btn {
        align-items: stretch;
    }

    #MobileSearch #BtnSubmit {
        height: 48px;
        background: var(--color-primary);
        border: none;
        border-radius: 0 4px 4px 0;
        padding: 12px 14px;
        cursor: pointer;
        align-items: center;
        white-space: nowrap;
    }

    #MobileSearch #BtnSubmit img {
        width: 20px;
        height: 20px;
        filter: brightness(0) invert(1);
    }

    #MobileSearch #TitreRecherche {
        display: none;
    }
}

/* ========================================
   MenuGauche Mobile Overlay (ancré à droite)
   ======================================== */

/* Bouton flottant pour ouvrir le MenuGauche en mobile */
.open-menu-gauche {
    display: none;
}

@media (max-width: 767px) {
    .open-menu-gauche {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 56px;
        height: 56px;
        background: var(--color-primary);
        color: var(--color-white);
        border: none;
        border-radius: 50%;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        cursor: pointer;
        z-index: 999;
        font-size: 24px;
        transition: all 0.3s ease;
    }

    .open-menu-gauche:hover,
    .open-menu-gauche:active {
        background: var(--color-primary-dark);
        transform: scale(1.1);
    }

    .open-menu-gauche svg,
    .open-menu-gauche img {
        width: 28px;
        height: 28px;
        filter: brightness(0) invert(1);
    }
}

/* En mobile, masquer le MenuGauche par défaut */
@media (max-width: 767px) {
    .col-md-3.col-sm-12.hidden-xs.pull-left {
        display: block !important;
    }

    #MenuGauche {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 80%;
        max-width: 350px;
        background: var(--color-white);
        transform: translateX(100%);
        transition: transform 0.3s ease;
        z-index: 10000;
        overflow-y: auto;
        padding: 20px;
    }

    #MenuGauche.active {
        transform: translateX(0);
        box-shadow: -4px 0 12px rgba(0, 0, 0, 0.3);
    }

    /* Overlay sombre derrière le menu */
    #MenuGaucheOverlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9999;
    }

    #MenuGaucheOverlay.active {
        display: block;
    }

    /* Bouton pour fermer le menu */
    #MenuGauche .close-menu-gauche {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        background: none;
        border: none;
        font-size: 24px;
        color: var(--color-text);
        cursor: pointer;
        padding: 5px;
        line-height: 1;
    }

    /* Titre du menu */
    #MenuGauche .TitreMenuGauche {
        padding-right: 40px;
        margin-bottom: 20px;
    }
}

/* En desktop, comportement normal (pas de changement) */
@media (min-width: 768px) {
    #MenuGauche .close-menu-gauche,
    #MenuGaucheOverlay {
        display: none !important;
    }
}

.TitreBlocFiltreAttribut{
    display:block;
    font-family:var(--font-family);
    font-weight:300;
    font-size:13px;
    text-transform:uppercase;
}

.TitreFiltreAttribut {
    display: block;
    margin-bottom: 0;
    padding-bottom: 2px;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-text);
    text-transform: none;
    border: none;
}

/* ========================================
   FILTRES ATTRIBUTS - Système de collapse
   ======================================== */

/* Style de base pour les filtres */
.filtre-attribut-collapsible {
    margin-bottom: 15px;
}

.filtre-attribut-collapsible .ListeFiltreAttribut {
    padding: 0;
    margin: 0;
    list-style: none;
}

.filtre-attribut-collapsible .ListeFiltreAttribut li {
    padding: 4px 0;
    display: flex;
    align-items: center;
}

.filtre-attribut-collapsible .ListeFiltreAttribut input[type="checkbox"] {
    margin-top: 0;
    margin-right: 8px;
    cursor: pointer;
}

.filtre-attribut-collapsible .ListeFiltreAttribut label {
    cursor: pointer;
    margin-bottom: 0;
    font-size: 13px;
    user-select: none;
}

/* Conteneur du filtre avec wrapper pour gérer le dégradé */
.filtre-attribut-collapsible .filtre-attribut-wrapper {
    position: relative;
}

/* État collapsed : hauteur limitée */
.filtre-attribut-collapsible.collapsed .filtre-attribut-wrapper {
    max-height: 120px !important;
    overflow: hidden !important;
    position: relative;
}

/* Dégradé transparent en bas quand collapsed - vers beige-light */
.filtre-attribut-collapsible.collapsed .filtre-attribut-wrapper::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to bottom,
        hsla(40, 100%, 98%, 0) 0%,
        hsla(40, 100%, 98%, 0.7) 40%,
        hsl(40, 100%, 98%) 100%);
    pointer-events: none;
    z-index: 1;
}

/* Bouton toggle */
.filtre-toggle-btn {
    display: block !important;
    position: relative;
    width: 100%;
    padding: 8px 12px;
    margin-top: 5px;
    background: transparent;
    border: none;
    border-top: 1px solid var(--color-text-lightest);
    border-radius: 0;
    color: var(--color-primary);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer !important;
    text-align: center;
    transition: all 0.3s ease;
    z-index: 10;
    pointer-events: auto;
}

.filtre-toggle-btn:hover,
.filtre-toggle-btn:focus {
    background-color: var(--color-white);
    color: var(--color-primary-dark);
}

/* Icône du bouton toggle */
.filtre-toggle-btn .toggle-icon {
    display: inline-block;
    margin-left: 5px;
    transition: transform 0.3s ease;
    font-size: 10px;
}

/* Rotation de l'icône quand expanded */
.filtre-attribut-collapsible:not(.collapsed) .filtre-toggle-btn .toggle-icon {
    transform: rotate(180deg);
}

/* Masquer le bouton s'il y a peu d'éléments (3 ou moins) */
.filtre-attribut-collapsible.few-items .filtre-toggle-btn {
    display: none;
}

.filtre-attribut-collapsible.few-items .filtre-attribut-wrapper {
    max-height: none !important;
}

.filtre-attribut-collapsible.few-items .filtre-attribut-wrapper::after {
    display: none;
}