/* =========================================================
   PAGE PROFESSIONNEL : rythme des fonds et blocs propres (charte enerev)
   Chargé APRÈS business2.css et home-charte.css.
   Ordre : présentation (texte + photo) et logos blanc > engagements NUIT
           > réalisations blanc > solutions crème > étapes blanc > pourquoi enerev crème
           > FAQ blanc > bandeau final NUIT
   ========================================================= */

.trust-band {
    padding: 1.75rem 1.25rem;
    background: #fff;
}

.trust-band .hero-trust {
    max-width: 900px;
    margin-top: 0;
}

.trust-band .ul-hero-trust {
    align-items: center;
    justify-content: center;
    gap: clamp(2rem, 8vw, 8rem);
    margin: 0;
}

.trust-band .hero-trust li {
    max-width: 170px;
}

.trust-band .hero-trust li.logo-opqibi {
    max-width: 125px;
}
/* ---------- Présentation : texte à gauche, photo à droite (comme le haut de l'accueil) ---------- */
.pro-intro {
    padding: 3.5rem 1.25rem 1.5rem;
    background: #fff;
}

.pro-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 3rem;
    align-items: center;
    max-width: 1180px;
    margin: 0 auto;
}

.pro-intro__title {
    margin: 0 0 1rem;
    color: #0A5048 !important;
    font-size: clamp(1.9rem, 3.2vw, 2.7rem);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.01em;
}

.pro-intro__tag {
    margin: 0 0 1.1rem;
    color: #0B2B29 !important;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1.45;
    text-transform: uppercase;
}

.pro-intro__lead {
    margin: 0 0 1.6rem;
    color: #4A5350;
    font-size: 1.1rem;
    line-height: 1.7;
}

.pro-intro__visual img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 18px;
    box-shadow: 0 18px 44px rgba(11, 43, 41, 0.18);
}

@media (max-width: 900px) {
    .pro-intro {
        padding-top: 2rem;
    }

    .pro-intro__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
    }
}
/* ---------- Fonds des sections ---------- */
.commitments { background: #0B2B29; }
.projects-carousel { background: #fff; border: 0; }
.solutions { background: #F7F3EA; }
.solution { background: #fff; }
.process { background: #fff; }
.mission { background: #F7F3EA; }
.faq { background: #fff; border: 0; }

/* Logo QualiPV : jamais recadr� (le format 4:3 des autres visuels ne s'applique pas) */
#solution-image-rge {
    display: flex;
    align-items: center;
    justify-content: center;
}

#solution-image-rge img {
    width: 100%;
    max-width: 360px;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    border-radius: 0;
}