/* ===== Fiche Technique — affichage produit ===== */



.ft-wrapper {

    clear: both;

    float: none;

    width: 100%;

    max-width: 100%;

    box-sizing: border-box;

    margin: 5em 0;

    font-family: inherit;

}



/* En-tête texte */

.ft-header {

    text-align: center;

    margin-bottom: 1.5em;

}



.ft-title {

    font-size: 1.8em;

    font-weight: 700;

    color: #1a1a1a;

    margin: 0;

    line-height: 1.2;

}



/* Tableau */

.ft-table {

    width: 100%;

    border-collapse: separate;

    border-spacing: 0;

    border: 1px solid #d5d5d5;

    border-radius: 10px;

    overflow: hidden;

    font-size: 0.95em;

}



/* En-têtes de colonnes */

.ft-th {

    background: #1a4731;

    color: #fff;

    padding: 0.85em 1.25em;

    text-align: left;

    font-size: 0.78em;

    font-weight: 700;

    letter-spacing: 0.06em;

    text-transform: uppercase;

}



.ft-th--cara {

    width: 48%;

}



.ft-th--val {

    width: 52%;

}



/* Lignes */

.ft-tr {

    background: #fff;

    border-bottom: 1px solid #e8e8e8;

}



.ft-tr--alt {

    background: #f5f5f5;

}



.ft-tr:last-child {

    border-bottom: none;

}



/* Cellules */

.ft-td {

    padding: 0.85em 1.25em;

    vertical-align: middle;

    color: #2c2c2c;

    border-bottom: 1px solid #e8e8e8;

}



.ft-td--cara {

    font-weight: 600;

    color: #1a1a1a;

}



.ft-td--val {

    color: #333;

}



/* Responsive */

@media (max-width: 600px) {

    .ft-table,

    .ft-table thead,

    .ft-table tbody,

    .ft-table tr,

    .ft-table th,

    .ft-table td {

        display: block;

        width: 100%;

    }



    .ft-th--val {

        display: none;

    }



    .ft-tr {

        margin-bottom: 0.5em;

        border: 1px solid #e0e0e0;

        border-radius: 10px;

        overflow: hidden;

    }



    .ft-td {

        display: flex;

        justify-content: space-between;

        align-items: center;

        padding: 0.6em 1em;

    }



    .ft-td--cara {

        background: #f0f0f0;

        font-size: 0.82em;

        text-transform: uppercase;

        letter-spacing: 0.03em;

    }



    .ft-td--val::before {

        content: attr(data-label);

        font-weight: 600;

        margin-right: 0.5em;

        display: none;

    }

}



/* Arabe / RTL */

.ft-wrapper[dir="rtl"] {

    direction: rtl;

    text-align: right;

}



.ft-wrapper[dir="rtl"] .ft-th,

.ft-wrapper[dir="rtl"] .ft-td {

    text-align: right;

}



@media (max-width: 600px) {

    .ft-wrapper[dir="rtl"] .ft-td--val::before {

        margin-right: 0;

        margin-left: 0.5em;

    }

}