/* =========================================================
   HERO TECHNIQUE
========================================================= */
.hero-technique {
    align-items: center;
    padding: var(--esp-h-2) var(--esp-h-1);
}
/* ---------------------------------------------------------
   TEXTE
--------------------------------------------------------- */
.hero-technique-surtitre {
    margin: 0 0 12px;
    padding-bottom: 6px;
    color: var(--couleur-orange-principal);
    font-size: clamp(1rem, 1.4vw, 1.2rem);
    font-weight: 700;
    line-height: 1.4;
    border-bottom: 3px solid var(--couleur-orange-principal);
}
.hero-technique-titre {
    margin: 0;
    color: var(--couleur-bleu-fonce);
    font-size: clamp(2rem, 4vw, 4rem);
    font-weight: 700;
    line-height: 1.1;
}
.hero-technique-description {
    max-width: 700px;
    margin: var(--esp-h-4) 0 0;
    font-size: clamp(1rem, 1.4vw, 1.2rem);
    line-height: 1.7;
}
/* ---------------------------------------------------------
   IMAGE
--------------------------------------------------------- */
.hero-technique-media {
    overflow: hidden;
    background-color: var(--couleur-blanc);
    border: 1px solid var(--couleur-bordure-claire);
    border-radius: 16px;
    box-shadow:
        0 4px 10px var(--couleur-ombre),
        0 16px 35px var(--couleur-ombre);
}
.hero-technique-media img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
/* =========================================================
   FICHE TECHNIQUE
========================================================= */

.fiche-technique {
    align-items: center;
    padding: var(--esp-h-2) var(--esp-h-1);
    border-top: 1px solid var(--couleur-bordure-claire);
}


/* ---------------------------------------------------------
   IMAGE
--------------------------------------------------------- */

.fiche-technique-media {
    overflow: hidden;
    border-radius: 16px;
}

.fiche-technique-media img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}


/* ---------------------------------------------------------
   CONTENU
--------------------------------------------------------- */

.fiche-technique-numero {
    margin: 0 0 8px;

    color: var(--couleur-orange-principal);

    font-size: clamp(1.4rem, 2vw, 2rem);
    font-weight: 700;
}

.fiche-technique-contenu h2 {
    margin: 0 0 var(--esp-h-3);

    color: var(--couleur-bleu-fonce);

    font-size: clamp(1.8rem, 3vw, 3rem);
    line-height: 1.15;
}

.fiche-technique-contenu > p {
    margin: 0 0 16px;

    font-size: clamp(1rem, 1.2vw, 1.1rem);
    line-height: 1.7;
}


/* ---------------------------------------------------------
   DONNÉES TECHNIQUES
--------------------------------------------------------- */

.fiche-technique-donnees {
    margin: var(--esp-h-3) 0 0;
    padding: 0;

    border-top: 1px solid var(--couleur-bordure-claire);
}

.fiche-technique-donnees div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px var(--esp-h-3);

    padding: 10px 0;

    border-bottom: 1px solid var(--couleur-bordure-claire);
}

.fiche-technique-donnees dt {
    flex: 0 0 110px;

    color: var(--couleur-bleu-fonce);
    font-weight: 700;
}

.fiche-technique-donnees dd {
    flex: 1 1 180px;
    margin: 0;
}