.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-825 .elementor-element.elementor-element-1c1fdf1{font-family:"JetBrains Mono", Sans-serif;font-size:12px;font-weight:400;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-825 .elementor-element.elementor-element-d42dc1a .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:48px;font-weight:900;letter-spacing:-0.96px;color:var( --e-global-color-v4-bg-ink );}.elementor-825 .elementor-element.elementor-element-f36a506{font-family:"Archivo", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2.07px;color:var( --e-global-color-v4-text-brand );}.elementor-825 .elementor-element.elementor-element-f36a506 p{margin-block-end:0px;}.elementor-825 .elementor-element.elementor-element-7a7171d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-825 .elementor-element.elementor-element-44ff512{font-family:"Archivo", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2.07px;color:var( --e-global-color-v4-text-brand );}.elementor-825 .elementor-element.elementor-element-44ff512 p{margin-block-end:0px;}.elementor-825 .elementor-element.elementor-element-51d31ab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-825 .elementor-element.elementor-element-3bb2955{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-825 .elementor-element.elementor-element-36391e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-825 .elementor-element.elementor-element-2adbef2{font-family:"Archivo", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2.07px;color:var( --e-global-color-v4-text-brand );}.elementor-825 .elementor-element.elementor-element-2adbef2 p{margin-block-end:0px;}.elementor-825 .elementor-element.elementor-element-375f976{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-825 .elementor-element.elementor-element-f4c3ebb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-825 .elementor-element.elementor-element-a765438{background-color:#F5F3F0;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:20px 20px 20px 20px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#62748E;}.elementor-825 .elementor-element.elementor-element-a765438 p{margin-block-end:0px;}.elementor-825 .elementor-element.elementor-element-a765438 a{color:#04080B;}@media(max-width:1200px){.elementor-825 .elementor-element.elementor-element-d42dc1a .elementor-heading-title{font-size:40px;}}/* Start custom CSS for woocommerce-product-title, class: .elementor-element-d42dc1a */.elementor-825 .elementor-element.elementor-element-d42dc1a h1 {
    margin-bottom: 7px !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a765438 */.elementor-825 .elementor-element.elementor-element-a765438 a {
    font-weight: 600;
    text-decoration: underline;
}
.elementor-825 .elementor-element.elementor-element-a765438 {
    border-left: solid 2px #e7302d;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-39c2ea2 */.faq-accordion{
  width:100%;
}

/* =========================
   ITEM
========================= */

.faq-item{
  border-bottom:1px solid #E2E8F0;
}

/* =========================
   QUESTION
========================= */

.faq-question{
  width:100%;
  padding:20px;

  background:none;
  border:0;
  cursor:pointer;

  display:flex;
  justify-content:space-between;
  align-items:center;

  color:#04080B;
  font-size: 17px;
  font-weight:600;
  letter-spacing:-0.36px;

  transition:.3s ease;
  text-align: left;
}
.faq-item.active .faq-question{
  color:#04080B !important;
}
/* hover */
.faq-question:hover{
  color:#E7302D;
}

/* texte */
.faq-question span,
.faq-question{
  transition:.3s ease;
}

/* =========================
   ICON (SVG chevron V)
========================= */

.faq-question .icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  transition:.3s ease;
  color:#04080B;

  /* IMPORTANT : fermé = V (vers le bas) */
  transform: rotate(0deg);
}

/* open state = ∧ (vers le haut) */
.faq-item.active .faq-question .icon{
  transform: rotate(180deg);
  color:#E7302D;
}

/* =========================
   ANSWER
========================= */

.faq-answer{
  max-height:0;
  overflow:hidden;
  opacity:0;
  padding:0 20px;
  color:#0E1216BF;
  font-weight: 400;
  font-size: 16px;
  font-family: Inter, Sans-Serif;

  transition: max-height .4s ease, opacity .3s ease, padding .3s ease;
}

/* open state */
.faq-item.active .faq-answer{
  max-height:300px;
  opacity:1;
  padding: 20px;
}


.elementor-825 .elementor-element.elementor-element-39c2ea2 button:focus, .elementor-825 .elementor-element.elementor-element-39c2ea2 button:hover {
    background: inherit !important;
}/* End custom CSS */
/* Start custom CSS */.tableau-info .ligne-info{
    display:flex;
    padding:10px 0;
    border-bottom:1px solid #ddd;
}

.tableau-info .col-info{
    width:30%;
    font-weight:600;
}

.tableau-info .col-descriptif{
    width:70%;
}


/* CONTAINER 2 COLONNES */
.documents-produit {
    display: flex;
    justify-content: space-between;
    gap: 4%;
}

/* BOUTON BASE */
.document-item {
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-decoration: none;
    padding: 16px 24px;

    color: #fff;
    transition: background 0.2s ease, color 0.2s ease;
}

/* ICONES */
.doc-icon-left,
.doc-icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.document-item svg {
    stroke: currentColor;
}

/* TEXTE */
.doc-text {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.doc-title {
    font-size: 12px;
    letter-spacing: 0.6px;
    opacity: 0.6;
    text-transform: uppercase;
}

.doc-subtitle {
    font-weight: 600;
}

/* =========================
   TECHNIQUE
========================= */
.document-item.doc-tech {
    background: #04080b;
}

.document-item.doc-tech:hover {
    background: #e7302d;
    color: #fff;
}

/* =========================
   SÉCURITÉ
========================= */
.document-item.doc-sec {
    background: #e7302d;
}

.document-item.doc-sec:hover {
    background: #04080b;
    color: #fff;
}


/* =========================
   CERTIFICATION
========================= */
.certification-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    background: #f1f5f9;
    padding: 12px 20px;

    text-decoration: none;
    transition: background 0.25s ease, color 0.25s ease;

    color: #04080b;
}

/* ICONES */
.cert-icon-left,
.cert-icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* SVG couleur fixe */
.certification-item svg {
    stroke: #04080b;
}

/* TEXTE */
.cert-text {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    color: #04080b;
}

/* =========================
   HOVER
========================= */
.certification-item:hover {
    background: #04080b;
    color: #fff;
}

/* SVG devient blanc au hover */
.certification-item:hover svg {
    stroke: #fff;
}

/* texte suit hover */
.certification-item:hover .cert-text {
    color: #fff;
}
@media only screen and (max-width: 1200px) {
    div.documents-produit {
        flex-direction: column;
        gap: 8px;
    }
    .doc-tech, .doc-sec {
        width: 100%;
    }
}
@media only screen and (max-width: 919px) {
    div.documents-produit {
        flex-direction: row;
        gap: 8px;
    }
    .doc-tech, .doc-sec {
        width: 50%;
    }
}
@media only screen and (max-width: 550px) {
    div.documents-produit {
        flex-direction: column;
        gap: 8px;
    }
    .doc-tech, .doc-sec {
        width: 100%;
    }
}/* End custom CSS */