ul.list-product-img-color {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
    gap: 15px !important;
}

.toggle-info-title,
.longueur_fiche_produit_title,
label.attribute_label,
.attribute_fieldset .attribute_label {
    display: block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    margin-top: 15px !important;
    margin-bottom: 12px !important; /* Espacement sous "Couleur" et "Taille" */
}

.toggle-info {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: row !important;
    gap: 15px !important;
    cursor: pointer !important;
    user-select: none !important;
    margin-bottom: 10px !important;
}

.toggle-info input[type="radio"],
.longueur_fiche_produit input[type="radio"],
.group-product-spazone input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
    display: none !important;
}

.toggle-info .first-li,
.toggle-info label,
.toggle-info .container-row,
.toggle-info .row {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    float: none !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
}

.toggle-info .color.texture {
    display: inline-block !important;
    width: 65px !important;
    height: 65px !important;
    border-radius: 50% !important;
    background-size: cover !important;
    background-position: center !important;
    border: 1px solid #4A4A4A !important;
    box-shadow: none !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    transform: none !important;
    transition: none !important;
}

.toggle-info .list-color {
    display: inline-block !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #222222 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.toggle-info [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
}

.toggle-info .pull-chevron {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 10px !important;
    cursor: pointer !important;
}

.toggle-info .pull-chevron i {
    color: #555555 !important;
    font-size: 16px !important;
}

.info-panel {
	display: none;
    margin-top: 15px !important;
    margin-bottom: 25px !important; /* Espacement avant le titre "Taille" */
    width: 100% !important;
    clear: both !important;
}

.info-panel[style*="display: none"],
.info-panel.hide,
.info-panel.hidden {
    display: none !important;
}

.group-product-spazone {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px 14px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 25px 0 !important;
}

.group-product-spazone,
.group-product-spazone li,
.group-product-spazone a,
.group-product-spazone div,
.group-product-spazone span,
.group-product-spazone label,
.group-product-spazone .border,
.group-product-spazone .nofleche,
.group-product-spazone .select_product_color,
.group-product-spazone .color-texture,
.group-product-spazone .color_pick,
.group-product-spazone table,
.group-product-spazone tr,
.group-product-spazone td,
.group-product-spazone fieldset {
    border: none !important;
    border-width: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

.group-product-spazone li,
.group-product-spazone .select_product_color,
.group-product-spazone a {
    width: 60px !important;
    max-width: 60px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    overflow: visible !important;
}

.group-product-spazone .container,
.group-product-spazone .row,
.group-product-spazone [class*="col-"] {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    max-width: none !important;
    flex: none !important;
    float: none !important;
}

.group-product-spazone .img-product-color {
    display: none !important;
}

.group-product-spazone .version-desktop {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    cursor: pointer !important;
}

.group-product-spazone img.img_attribute_desktop,
.group-product-spazone img.img_attribute,
.group-product-spazone img {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 0 6px 0 !important;
    display: block !important;
    transform: none !important;
    transition: none !important;
    cursor: pointer !important;
}

.group-product-spazone *:hover,
.group-product-spazone a:hover img {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    transform: none !important;
    background: transparent !important;
}

.group-product-spazone .version-desktop span,
.group-product-spazone span {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #222222 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    display: block !important;
    text-align: center !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
}

.longueur_fiche_produit {
    position: relative !important;
    display: inline-block !important;
    margin-top: 10px !important;
}

.longueur_fiche_produit .color-texture .background-control {
    width: 80px !important;
    height: 100px !important;
    background-size: cover !important;
    background-position: center !important;
    display: block !important;
    background-color: #575756 !important;
    border: 1px solid #777777 !important;
}

.longueur_fiche_produit .list-color,
.longueur_fiche_produit label span,
.longueur_fiche_produit .attribute_name {
    position: absolute !important;
    top: 6px !important;
    left: 6px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9) !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

@media (max-width: 576px) {
    .toggle-info .color.texture {
        width: 50px !important;
        height: 50px !important;
    }

    .group-product-spazone {
        gap: 15px 10px !important;
    }

    .group-product-spazone li,
    .group-product-spazone .border,
    .group-product-spazone .nofleche {
        width: 52px !important;
    }

    .group-product-spazone img.img_attribute_desktop,
    .group-product-spazone img.img_attribute,
    .group-product-spazone img {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
    }

    .group-product-spazone .version-desktop span,
    .group-product-spazone span {
        font-size: 11px !important;
    }
}