.elementor-3394 .elementor-element.elementor-element-64110d9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--typify-section-parallax:no;--typify-section-parallax-speed:60;}.elementor-3394 .elementor-element.elementor-element-5e16d3bc{text-align:justify;color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-5e16d3bc a{color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-22a2ce8a{text-align:center;}.elementor-3394 .elementor-element.elementor-element-2f8a9668{text-align:center;}.elementor-3394 .elementor-element.elementor-element-23817cce{text-align:justify;color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-23817cce a{color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-eccf419 .elementor-button{background-color:var( --e-global-color-116354d );font-size:20px;border-radius:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-3394 .elementor-element.elementor-element-eccf419 > .elementor-widget-container{--e-transform-translateX:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3394 .elementor-element.elementor-element-eccf419 > .elementor-widget-container:hover{--e-transform-translateX:3px;--e-transform-translateY:-2px;}.elementor-3394 .elementor-element.elementor-element-6e23f3a4{text-align:center;}.elementor-3394 .elementor-element.elementor-element-68e79d5a{text-align:justify;color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-68e79d5a a{color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-7d408a7 .elementor-button{background-color:var( --e-global-color-116354d );font-size:20px;border-radius:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-3394 .elementor-element.elementor-element-7d408a7 > .elementor-widget-container{--e-transform-translateX:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3394 .elementor-element.elementor-element-7d408a7 > .elementor-widget-container:hover{--e-transform-translateX:3px;--e-transform-translateY:-2px;}.elementor-3394 .elementor-element.elementor-element-507faebd{text-align:center;}.elementor-3394 .elementor-element.elementor-element-64a4cf2a{text-align:justify;color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-64a4cf2a a{color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-e5fa880 .elementor-button{background-color:var( --e-global-color-116354d );font-size:20px;border-radius:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-3394 .elementor-element.elementor-element-e5fa880 > .elementor-widget-container{--e-transform-translateX:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3394 .elementor-element.elementor-element-e5fa880 > .elementor-widget-container:hover{--e-transform-translateX:3px;--e-transform-translateY:-2px;}.elementor-3394 .elementor-element.elementor-element-3e6ec692{text-align:center;}.elementor-3394 .elementor-element.elementor-element-209a6968{text-align:justify;color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-209a6968 a{color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-abfc7ef .elementor-button{background-color:var( --e-global-color-116354d );font-size:20px;border-radius:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-3394 .elementor-element.elementor-element-abfc7ef > .elementor-widget-container{--e-transform-translateX:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3394 .elementor-element.elementor-element-abfc7ef > .elementor-widget-container:hover{--e-transform-translateX:3px;--e-transform-translateY:-2px;}.elementor-3394 .elementor-element.elementor-element-51cd7115{text-align:center;}.elementor-3394 .elementor-element.elementor-element-74a4b008{text-align:justify;color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-74a4b008 a{color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-277fe82 .elementor-button{background-color:var( --e-global-color-116354d );font-size:20px;border-radius:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-3394 .elementor-element.elementor-element-277fe82 > .elementor-widget-container{--e-transform-translateX:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3394 .elementor-element.elementor-element-277fe82 > .elementor-widget-container:hover{--e-transform-translateX:3px;--e-transform-translateY:-2px;}.elementor-3394 .elementor-element.elementor-element-770726c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--typify-section-parallax:no;--typify-section-parallax-speed:60;}.elementor-3394 .elementor-element.elementor-element-5455b42{text-align:center;}.elementor-3394 .elementor-element.elementor-element-7efbb32f{text-align:justify;font-size:17px;color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-7efbb32f a{color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-205f22cc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--typify-section-parallax:no;--typify-section-parallax-speed:60;}.elementor-3394 .elementor-element.elementor-element-f8c64da{text-align:center;}.elementor-3394 .elementor-element.elementor-element-6eb53354{--display:flex;--typify-section-parallax:no;--typify-section-parallax-speed:60;}.elementor-3394 .elementor-element.elementor-element-79aedf18{color:var( --e-global-color-3fc1ea7 );}.elementor-3394 .elementor-element.elementor-element-6edfa9e7{--display:flex;--typify-section-parallax:no;--typify-section-parallax-speed:60;}.elementor-3394 .elementor-element.elementor-element-99c4f5{color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-1bd948a5{--display:flex;--typify-section-parallax:no;--typify-section-parallax-speed:60;}.elementor-3394 .elementor-element.elementor-element-2ca6b091{color:#FFFFFF;}.elementor-3394 .elementor-element.elementor-element-78400bfd{--n-accordion-title-font-size:1,75rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-116354d );--n-accordion-title-hover-color:var( --e-global-color-3fc1ea7 );--n-accordion-title-active-color:var( --e-global-color-3fc1ea7 );--n-accordion-icon-size:15px;}.elementor-3394 .elementor-element.elementor-element-a99bfec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--typify-section-parallax:no;--typify-section-parallax-speed:60;}/* Start custom CSS for html, class: .elementor-element-e5e6516 *//* ======== STYLE GLOBAL DU TABLEAU ======== */
.comparatif-casques {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  text-align: center;
  background-color: #111;
  color: #fff;
  overflow: hidden;
  border-radius: 8px;
}

/* Header */
.comparatif-casques thead th {
  background: #1e1e1e;
  padding: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-bottom: 2px solid #333;
}

/* Cellules */
.comparatif-casques td, 
.comparatif-casques th {
  padding: 12px;
  border: 1px solid #333;
}

/* Lignes alternées */
.comparatif-casques tr:nth-child(even) {
  background-color: #181818;
}

/* Hover sur une ligne */
.comparatif-casques tbody tr:hover {
  background-color: #222;
  transition: 0.2s ease-in-out;
}

/* ======== RESPONSIVE ======== */

/* Container scrollable sur mobile */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Optimisation mobile */
@media (max-width: 768px) {
  .comparatif-casques {
    font-size: 14px;
  }

  .comparatif-casques thead {
    display: none; /* On masque l’en-tête pour format mobile */
  }

  .comparatif-casques tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #333;
    padding: 10px;
    background: #181818;
  }

  .comparatif-casques td {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #333;
  }

  .comparatif-casques td:last-child {
    border-bottom: none;
  }

  /* Label (gauche) basé sur l'ordre des colonnes */
  .comparatif-casques td::before {
    content: attr(data-label);
    font-weight: 600;
    text-transform: uppercase;
    color: #bbb;
  }
}/* End custom CSS */