@font-face {
                        font-family: 'romelio';
                        src: url('../fonts/Montserrat-VariableFont_wght.ttf');
                        font-weight: normal;
                        font-style: normal;
                    }
                    
                    html,
                    body,
                    h1,
                    h2,
                    h3,
                    h4,
                    h5,
                    h6,
                    a,
                    p,
                    strong,
                    b,
                    small,
                    label,
                    span,
                    select,
                    input,
                    li {
                        font-family: romelio !important;
                    }
                    
                    .rupture {
                        background-color: #dc143c !important;
                        color: white;
                    }
                    
                    .ajoutee {
                        background-color: #228b22 !important;
                        color: white;
                    }
                    
                    .product-action-wrap {
                        display: flex !important;
                        flex-wrap: nowrap !important;
                        justify-content: center !important;
                        /* 👉 centre les 3 boutons */
                        align-items: center !important;
                        /* 👉 aligne verticalement */
                        gap: 8px !important;
                        width: 100%;
                    }
                    
                    .product-action-btn-1 {
                        width: auto !important;
                        min-width: 40px !important;
                        height: 40px !important;
                        padding: 4px !important;
                        display: flex !important;
                        align-items: center !important;
                        justify-content: center !important;
                    }
                    /* Empêche le bouton Ajouter de dépasser de l'image */
                    
                    .product-action-2-wrap {
                        width: 100% !important;
                        display: flex !important;
                        justify-content: center !important;
                        align-items: center !important;
                        padding: 5px 0 !important;
                        box-sizing: border-box !important;
                        overflow: hidden !important;
                        /* évite les débordements */
                    }
                    /* Le bouton Ajouter ne doit jamais devenir plus large que l'image */
                    
                    .product-action-2-wrap button,
                    .product-action-2-wrap a {
                        max-width: 100% !important;
                        white-space: nowrap;
                        /* évite les retours à la ligne */
                        overflow: hidden;
                        text-overflow: ellipsis;
                        /* met "..." si vraiment trop long */
                    }
                    
                    .product-img img {
                        width: 100% !important;
                        /* Prend toute la largeur du bloc */
                        height: 150px !important;
                        /* Respecte la hauteur que tu veux */
                        object-fit: cover !important;
                        display: block !important;
                        /* Évite les espaces indésirables */
                    }
                    
                    @media(max-width: 480px) {
                        .product-action-btn-1 {
                            min-width: 26px !important;
                            height: 26px !important;
                            padding: 3px !important;
                        }
                        .product-action-wrap {
                            gap: 4px !important;
                        }
                        .product-action-2-wrap button,
                        .product-action-2-wrap a {
                            font-size: 12px !important;
                            padding: 4px 8px !important;
                        }
                    }
                    
                    .option-btn {
                        padding: 5px 16px;
                        font-size: 14px;
                        border: 1px solid #d5d9d9;
                        background-color: #fff;
                        border-radius: 20px / 10px;
                        /* aplati: arrondi horizontal */
                        cursor: pointer;
                        transition: all .15s;
                        white-space: nowrap;
                        color: #111;
                    }
                    
                    .option-btn:hover {
                        border-color: #888;
                    }
                    
                    .option-btn.active {
                        border-color: #ff9900 !important;
                        background: #fff7e0;
                        box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.3);
                    }
                    
                    .bg-img {
                        background-size: 100% auto !important;
                        background-position: center center !important;
                        background-repeat: no-repeat !important;
                    }
                    /* Tablette et Mobile (Moins de 768px) */
                    
                    @media (max-width: 768px) {
                        .sliderz0014 {
                            height: 400px !important;
                            /* Réduit la hauteur pour éviter un zoom excessif */
                            background-attachment: scroll !important;
                        }
                    }
                    /* Petit Mobile (Moins de 480px) */
                    
                    @media (max-width: 480px) {
                        .bg-img {
                            /* On force le centrage parfait pour le format portrait */
                            background-position: center center !important;
                            background-attachment: scroll !important;
                        }
                        .sliderz0014 {
                            height: 300px !important;
                            /* Ajustez selon vos préférences sur petit écran */
                        }
                    }
                    /* Conteneur pour rapprocher les éléments sur PC */
                    
                    .wrapper-filtres {
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        gap: 10px;
                        margin-left: 10px;
                    }
                    
                    @media (min-width: 992px) {
                        .wrapper-filtres {
                            max-width: 500px;
                        }
                        /* Rapproche les blocs sur PC */
                    }
                    /* Zone de boutons défilante horizontalement */
                    
                    .scroll-horizontal {
                        display: flex;
                        gap: 5px;
                        overflow-x: auto;
                        white-space: nowrap;
                        padding: 5px 0;
                        max-width: 100%;
                        scrollbar-width: none;
                        /* Cache la barre sur Firefox */
                    }
                    
                    .scroll-horizontal::-webkit-scrollbar {
                        display: none;
                    }
                    /* Cache la barre sur Chrome/Android */
                    
                    .filter-btn {
                        padding: 5px 16px;
                        font-size: 14px;
                        border: 1px solid #d5d9d9;
                        background-color: #fff;
                        border-radius: 20px / 10px;
                        /* aplati: arrondi horizontal */
                        cursor: pointer;
                        transition: all .15s;
                        white-space: nowrap;
                        color: #111;
                    }
                    
                    .filter-btn:hover {
                        border-color: lightsalmon;
                    }
                    
                    .filter-btn.active {
                        border-color: #ff9900 !important;
                        background: white;
                        color: black;
                        box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.3);
                    }
                    /* Cibler précisément le titre dans product-content */
                    
                    .product-content h3 {
                        margin-top: 0;
                        margin-bottom: 10px;
                        padding: 0;
                        /* On force l'affichage sur 3 lignes exactes */
                        display: -webkit-box;
                        -webkit-line-clamp: 3;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        /* LE SECRET : Fixer la hauteur basée sur la taille de police */
                        /* Si votre police fait 14px, 1.4em * 3 = 4.2em */
                        height: 3.2em;
                        line-height: 1.1em;
                        /* Empêcher le titre de s'effondrer s'il est court */
                        min-height: 3.2em;
                    }
                    /* Aligner les prix en bas si nécessaire */
                    
                    .product-content {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        /* Aligne tout vers le haut */
                    }
                    
                    .product-price {
                        margin-top: auto;
                        /* Pousse le prix vers le bas du conteneur si vous fixez une hauteur au parent */
                        margin-bottom: 20px !important;
                    }
                    
                    .filter-btn:disabled {
                        pointer-events: none;
                        /* Empêche le hover et le clic au niveau du navigateur */
                        opacity: 0.2 !important;
                        background-color: transparent !important;
                        color: #6c757d !important;
                        border-color: #dee2e6 !important;
                    }
                    /* Style du bouton actif (bleu) qui doit rester fixe */
                    
                    .filter-btn.btn-primary {
                        background-color: #0d6efd !important;
                        color: white !important;
                        pointer-events: auto;
                        /* Toujours cliquable */
                    }
                    
                    .choix-option.active {
                        color: black !important;
                        border-color: orange!important;
                        font-weight: bold;
                        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                    }
                    /* On masque les prix en bleu quand le bouton devient bleu (blanc sur bleu) */
                    
                    .choix-option.active span,
                    .choix-option.active b {
                        color: darkviolet !important;
                    }