#tableaucomparaison {
  position: relative;
    width: 100%;
    border-top: 1px solid #7A7A7A;
    border-left: 1px solid #7A7A7A;
    border-collapse: collapse;
    margin-bottom: 1em;
  }

  #tableaucomparaison thead tr:first-child th {
    color: #414d64;
    border-top: none;
    border-left: none;
    border-right: none;
    text-wrap: wrap;
}
#tableaucomparaison thead th {
  border: 1px solid #414d64;
}
#tableaucomparaison tbody th {
  border: 1px solid white;
  border-left: #414d64;
}
#tableaucomparaison tbody td {
  border: 1px solid #414d64;
}
#tableaucomparaison tbody tr:last-child th {
  border-bottom: 1px solid #707070;
}
#tableaucomparaison{
  border-top: none;
  border-left: none;
}
#tableaucomparaison tbody{
  border-left: 1px solid #7A7A7A;
}
#tableaucomparaison tbody tr th{
  background-color: #414d64;
  color: white;
}

#tableaucomparaison thead tr:first-child td {
    border-top: none;
    border-left: none;
    border-right: none;
}

  #tableaucomparaison th, #tableaucomparaison td {
    padding: 0.5em 1em;
    border-bottom: 1px solid #7A7A7A;
    border-right: 1px solid #7A7A7A;
    text-align: center;
    font-size: 14px;
  }
  #tableaucomparaison thead th,
  #tableaucomparaison tbody td {
    text-align: center;
  }
  #tableaucomparaison thead {
    color: white;
    background: white;
  }
  #tableaucomparaison thead th {
    padding: 1em;
  }
  #tableaucomparaison[data-comparing=active] tbody th {
    border-bottom: none;
    font-size: 0.75em;
    color: #767676;
    padding-bottom: 0;
  }

  #tableaucomparaison-container .bloc-navigation-slider-e-boutique {
    align-items: center;
    margin-bottom: 40px;
    justify-content: center;
  }

  @media screen and (max-width: 680px) {
    #tableaucomparaison thead tr:first-child th {
      text-wrap: wrap;
    }
    #tableaucomparaison tbody tr th {
      text-wrap: wrap;
    }
    /*.bloc-navigation-slider-e-boutique.brl-comparatif {
      display: none;
    }*/
  }

  #tableaucomparaison thead tr:first-child th div {
    display: flex;
    flex-direction: column;
  }

  #tableaucomparaison thead tr:first-child th div span {
    min-height: 100px;
    display: flex;
    padding: 20px 0;
    justify-content: center;
    align-items: center;
  }

  #tableaucomparaison-container .responsive-table {
    margin: 20px 0;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
    margin-bottom: 20px;
    scrollbar-width: thin;
    scrollbar-color: #f4a189 #f5f5f6;
    -webkit-overflow-scrolling: touch;
}

/* Barre de scroll Chrome / Edge / Safari */
#tableaucomparaison-container .responsive-table::-webkit-scrollbar {
    height: 8px;
}

#tableaucomparaison-container .responsive-table::-webkit-scrollbar-track {
    background: #f5f5f6;
}

#tableaucomparaison-container .responsive-table::-webkit-scrollbar-thumb {
    background: #f4a189;
    border-radius: 10px;
}

/* Important : permet au tableau de dépasser pour créer le scroll */
#tableaucomparaison {
    width: max-content;
    min-width: 100%;
    white-space: nowrap;
    border-collapse: collapse;
}

#tableaucomparaison th,
#tableaucomparaison td {
    text-align: center;
    vertical-align: middle;
}

/* Colonne des labels */
#tableaucomparaison thead td:first-child,
#tableaucomparaison tbody th {
    min-width: 260px;
}

/* Colonnes produits */
#tableaucomparaison thead th,
#tableaucomparaison tbody td {
    min-width: 320px;
}

/* Flèches */
.bloc-navigation-slider-e-boutique.brl-comparatif img {
    cursor: pointer;
}

.bloc-navigation-slider-e-boutique.brl-comparatif img.is-disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

.brlpct-product-link {
    display: flex;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}
.brlpct-product-link:hover span {
    text-decoration: underline;
}


.brlpct-comparison-symbol {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25em;
    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1;
}

#tableaucomparaison {
    width: max-content!important;
    min-width: 100%!important;
    table-layout: fixed!important;
    border-collapse: collapse!important;
}

#tableaucomparaison th,
#tableaucomparaison td {
    box-sizing: border-box!important;
    padding: 10px 8px!important;
    vertical-align: middle!important;
    white-space: normal!important;
    overflow-wrap: anywhere!important;
    word-break: normal!important;
    line-height: 1.3!important;
}

/* Première colonne : labels */
#tableaucomparaison th:first-child,
#tableaucomparaison td:first-child {
    width: 180px!important;
    min-width: 180px!important;
    max-width: 180px!important;
}

/* Colonnes produits */
#tableaucomparaison th:not(:first-child),
#tableaucomparaison td:not(:first-child) {
    width: 170px!important;
    min-width: 170px!important;
    max-width: 170px!important;
}

/* Évite que le contenu sorte de la cellule */
#tableaucomparaison td > *,
#tableaucomparaison th > * {
    max-width: 100%!important;
}

/* Nom des produits */
#tableaucomparaison .product-name,
#tableaucomparaison thead a {
    display: block!important;
    white-space: normal!important;
    overflow-wrap: anywhere!important;
}

.brlpct-comparison-symbol-invalid {
    font-size: 14px;
    line-height: 1;
}