/* ══════════════════════════════════════════════════════════════════════
   NVI INTÉRIM — ACCUEIL + SOLUTIONS ENTREPRISES
   Pages réécrites depuis le CDC (§6 accueil, §7 solutions).
   ══════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════
   ACCUEIL — Positionnement
   ══════════════════════════════════════ */
.home-pos-head { max-width: 820px; margin: 0 auto 56px; text-align: center; }

/* — Positionnement en deux colonnes : texte + photo « fenêtre » (motif charte) — */
.home-pos-media {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 52px;
    align-items: center;
    margin-bottom: 56px;
}
.home-pos-media .home-pos-head {
    max-width: none;
    margin: 0;
    text-align: left;
}
.home-pos-media .nvii-title-lead::after { margin-left: 0; }

.home-pos-figure {
    position: relative;
    margin: 0;
    justify-self: center;
    isolation: isolate;
}
.home-pos-figure .nvii-window {
    width: 100%;
    max-width: 440px;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    display: block;
}
/* Écho « ligne de contour » : l'hexagone teal, décalé derrière la fenêtre. */
.home-pos-figure::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -18px;
    right: -18px;
    width: 128px;
    height: 160px;
    background: var(--teal);
    -webkit-mask: var(--nvii-hex) center / contain no-repeat;
            mask: var(--nvii-hex) center / contain no-repeat;
    opacity: 0.55;
}
/* Le V en aplat, en signature dans l'angle bas. */
.home-pos-figure::after {
    content: "";
    position: absolute;
    left: -6px;
    bottom: -4px;
    width: 38px;
    height: 38px;
    background: var(--red);
    -webkit-mask: var(--nvii-v) center / contain no-repeat;
            mask: var(--nvii-v) center / contain no-repeat;
}

@media (max-width: 860px) {
    .home-pos-media {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .home-pos-figure { order: -1; }
}

.home-pos-lead {
    font-family: var(--font-display);
    font-size: clamp(1.4rem, 3vw, 2.1rem);
    line-height: 1.2;
    color: var(--ink);
    margin: 0 0 20px;
}
.home-pos-lead strong { color: var(--red); }

.home-pos-texte { color: var(--gray-mid); font-size: 1.04rem; margin: 0; }

.home-garanties {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 26px;
}

/* ══════════════════════════════════════
   ACCUEIL — Teaser Ressources (inspiration Adecco « Resources »)
   ══════════════════════════════════════ */
.home-res-lead {
    max-width: 620px;
    margin: 14px auto 0;
    color: var(--gray-mid);
    font-size: 1.04rem;
}
.home-res-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 44px;
}
.home-res-card {
    display: flex;
    flex-direction: column;
    background: var(--white);
    border: 1px solid rgba(29, 29, 27, 0.08);
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    text-decoration: none;
    color: var(--gray-dark);
    box-shadow: var(--shadow-sm);
    transition: transform 0.35s var(--ease-premium),
                box-shadow 0.35s var(--ease-premium),
                border-color 0.35s;
}
.home-res-card:hover,
.home-res-card:focus-visible {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
    border-color: rgba(226, 38, 32, 0.35);
}
.home-res-media {
    display: block;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-position: center;
    background-color: var(--gray-light);
    position: relative;
}
.home-res-media__ph {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--red);
    opacity: 0.55;
}
.home-res-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 22px 24px 26px;
    flex: 1 1 auto;
}
.home-res-date {
    font-family: var(--font-condensed);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--teal-dark);
}
.home-res-titre {
    font-family: var(--font-display);
    font-size: 1.18rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--ink);
    margin: 0;
}
.home-res-extrait {
    font-size: 0.92rem;
    line-height: 1.55;
    color: var(--gray-mid);
    margin: 0;
    flex: 1 1 auto;
}
.home-res-go {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 6px;
    font-family: var(--font-condensed);
    font-weight: 700;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--red);
}
.home-res-arrow { flex: none; transition: transform 0.3s var(--ease-premium); }
.home-res-card:hover .home-res-go .home-res-arrow { transform: translateX(4px); }
.home-res-all { text-align: center; margin-top: 40px; }

@media (prefers-reduced-motion: reduce) {
    .home-res-card, .home-res-arrow { transition: none; }
    .home-res-card:hover, .home-res-card:focus-visible { transform: none; }
}

/* ══════════════════════════════════════
   ACCUEIL — Hub candidats (D, inspiration Adecco « Job search essentials »)
   ══════════════════════════════════════ */
.home-cand-lead {
    max-width: 620px;
    margin: 14px auto 0;
    color: var(--gray-mid);
    font-size: 1.04rem;
}
.home-cand-grid {
    display: grid;
    /* Adaptatif : le nombre de cartes est dynamique (une carte n'existe que si
       sa page existe — anti-404 SEO). auto-fit évite toute carte orpheline. */
    grid-template-columns: repeat(auto-fit, minmax(216px, 1fr));
    gap: 22px;
    margin-top: 44px;
}
.home-cand-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 28px 24px;
    background: var(--white);
    border: 1px solid rgba(29, 29, 27, 0.08);
    border-radius: var(--border-radius-lg);
    text-decoration: none;
    color: var(--gray-dark);
    box-shadow: var(--shadow-sm);
    transition: transform 0.35s var(--ease-premium),
                box-shadow 0.35s var(--ease-premium),
                border-color 0.35s;
}
.home-cand-card:hover,
.home-cand-card:focus-visible {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
    border-color: rgba(226, 38, 32, 0.35);
}
.home-cand-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 6px;
    border-radius: 14px;
    background: var(--red-soft);
    color: var(--red);
}
.home-cand-card h3 {
    font-family: var(--font-display);
    font-size: 1.16rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--ink);
    margin: 0;
}
.home-cand-card p {
    font-size: 0.92rem;
    line-height: 1.55;
    color: var(--gray-mid);
    margin: 0;
    flex: 1 1 auto;
}
.home-cand-go {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    font-family: var(--font-condensed);
    font-weight: 700;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--red);
}
.home-cand-arrow { flex: none; transition: transform 0.3s var(--ease-premium); }
.home-cand-card:hover .home-cand-go .home-cand-arrow { transform: translateX(4px); }

@media (max-width: 900px) {
    .home-cand-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
    .home-cand-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .home-cand-card, .home-cand-arrow { transition: none; }
    .home-cand-card:hover, .home-cand-card:focus-visible { transform: none; }
}

/* ══════════════════════════════════════
   ACCUEIL — Bandeau d'impact (B, inspiration Adecco)
   Chiffres du GROUPE NVI (source : nvi-facility.com). Cadre honnête :
   c'est la crédibilité du groupe, pas des placements propres à NVI Intérim.
   ══════════════════════════════════════ */
.home-impact-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    list-style: none;
    margin: 44px 0 0;
    padding: 0;
}
.home-impact { text-align: center; }
.home-impact__num {
    display: block;
    font-family: var(--font-display);
    font-size: clamp(2.4rem, 5vw, 3.6rem);
    font-weight: 800;
    line-height: 1;
    color: #fff;
    letter-spacing: -0.01em;
}
.home-impact__num::after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    margin: 14px auto 0;
    background: var(--red);
}
.home-impact__label {
    display: block;
    margin-top: 14px;
    font-size: 0.95rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.82);
}
.home-impact-note {
    margin: 34px 0 0;
    text-align: center;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.55);
}
@media (max-width: 720px) {
    .home-impact-grid { grid-template-columns: repeat(2, 1fr); gap: 34px 16px; }
}
.home-garantie {
    text-align: center;
    padding: 32px 26px;
    border-radius: var(--border-radius-lg);
    background: var(--gray-light);
    border-top: 3px solid var(--red);
}

.home-garantie-icon {
    display: inline-flex;
    padding: 14px;
    border-radius: 50%;
    background: var(--red-soft);
    color: var(--red);
    margin-bottom: 14px;
}
.home-garantie h3 {
    font-family: var(--font-display);
    font-size: 1.16rem;
    margin: 0 0 8px;
    color: var(--ink);
}

.home-garantie p { margin: 0; color: var(--gray-mid); font-size: 0.95rem; }

/* ══════════════════════════════════════
   ACCUEIL — Les 3 différenciateurs
   ══════════════════════════════════════ */
.home-diff-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}
.home-diff-card {
    display: block;
    padding: 34px 30px;
    border: 1px solid var(--hairline);
    border-radius: var(--border-radius-lg);
    background: rgba(255, 255, 255, 0.03);
    transition: transform 0.4s var(--ease-premium),
                border-color 0.4s var(--ease-premium);
}
.home-diff-card:hover,
.home-diff-card:focus-visible {
    transform: translateY(-6px);
    border-color: var(--card-accent, var(--red));
}
.home-diff-icon { display: inline-flex; margin-bottom: 16px; }
.home-diff-nom {
    font-family: var(--font-display);
    font-size: 1.42rem;
    color: var(--white);
    margin: 0 0 6px;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}
.home-diff-accroche {
    color: var(--card-accent, var(--red));
    font-weight: 600;
    margin: 0 0 12px;
    font-size: 0.98rem;
}
.home-diff-texte { margin: 0 0 18px; font-size: 0.95rem; }
.home-diff-lien {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--font-condensed);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.84rem;
    color: var(--white);
}
.home-diff-card:hover .home-diff-lien { color: var(--card-accent, var(--red)); }

/* ══════════════════════════════════════
   ACCUEIL — Secteurs
   ══════════════════════════════════════ */
.home-secteurs-grid {
    list-style: none; margin: 0; padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 14px;
}
.home-secteur {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 24px 14px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: var(--border-radius);
    background: var(--white);
    transition: transform 0.35s var(--ease-premium),
                border-color 0.35s var(--ease-premium);
}
.home-secteur:hover { transform: translateY(-3px); border-color: rgba(226, 38, 32, 0.4); }

.home-secteur-icon { color: var(--red); line-height: 0; }
.home-secteur-nom {
    font-family: var(--font-condensed);
    font-weight: 600;
    font-size: 0.94rem;
    letter-spacing: 0.02em;
    color: var(--ink);
}

.home-secteurs-cta { text-align: center; margin: 40px 0 0; }

/* ══════════════════════════════════════
   ACCUEIL — Clients
   ══════════════════════════════════════ */
/* Bandeau défilant (marquee) — N2M / Matrix. Dégradé de bords + pause au survol. */
.home-clients-marquee {
    margin-top: 40px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.home-clients-track {
    display: flex;
    width: max-content;
    align-items: center;
    animation: nvii-clients-scroll 24s linear infinite;
}
.home-clients-marquee:hover .home-clients-track { animation-play-state: paused; }
.home-client {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 72px;   /* espacement = boucle sans couture avec translateX(-50%) */
    opacity: 0.72;
    transition: opacity 0.3s ease, transform 0.3s var(--ease-premium);
    text-decoration: none;
}
.home-client:hover { opacity: 1; }
/* Logo cliquable → curseur main + léger zoom au survol */
.home-client--link { cursor: pointer; }
.home-client--link:hover { transform: scale(1.06); }
.home-client--link:focus-visible { outline: 2px solid var(--red); outline-offset: 6px; border-radius: 4px; }
.home-client img {
    height: 68px;
    width: auto;
    max-width: 210px;
    object-fit: contain;
    display: block;
}
@keyframes nvii-clients-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
/* Accessibilité : pas de défilement si l'utilisateur l'a demandé → grille centrée. */
@media (prefers-reduced-motion: reduce) {
    .home-clients-track {
        animation: none;
        flex-wrap: wrap;
        justify-content: center;
        width: auto;
        gap: 28px 56px;
    }
    .home-client { margin-right: 0; }
    .home-client[aria-hidden="true"] { display: none; }
}

/* ══════════════════════════════════════
   ACCUEIL — Groupe + double entrée
   ══════════════════════════════════════ */
.home-groupe-inner { max-width: 760px; }
.home-groupe-inner .nvii-btn { margin-top: 24px; }

.home-double-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
}
.home-double-card { padding: 44px 38px; }
.home-double-card h3 {
    font-family: var(--font-display);
    font-size: 1.5rem;
    margin: 0 0 12px;
    color: var(--ink);
}

.home-double-card p { color: var(--gray-mid); margin: 0 0 24px; }

/* ══════════════════════════════════════
   SOLUTIONS ENTREPRISES
   ══════════════════════════════════════ */
.sol-intro { max-width: 820px; margin: 0 auto; text-align: center; }
.sol-intro-texte { color: var(--gray-mid); font-size: 1.04rem; margin: 0; }

/* Sommaire */
.sol-sommaire-grid {
    list-style: none; margin: 0; padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}
.sol-sommaire-item {
    display: flex; align-items: center; gap: 12px;
    padding: 18px 20px;
    border: 1px solid var(--hairline);
    border-radius: var(--border-radius);
    background: rgba(255, 255, 255, 0.04);
    transition: border-color 0.35s var(--ease-premium),
                transform 0.35s var(--ease-premium);
}
.sol-sommaire-item:hover { border-color: rgba(226, 38, 32, 0.5); transform: translateX(3px); }
.sol-sommaire-icon { flex: none; line-height: 0; }
.sol-sommaire-icon svg { width: 22px; height: 22px; }
.sol-sommaire-nom {
    font-family: var(--font-condensed);
    font-weight: 600;
    font-size: 0.98rem;
    color: var(--white);
}

/* Détail d'une solution */
.nvii-sol-detail--alt { background: var(--gray-light); }

.sol-detail-head {
    display: flex; align-items: center; gap: 20px;
    margin-bottom: 22px;
}
.sol-detail-icon { flex: none; line-height: 0; }
.sol-detail-num {
    display: block;
    font-family: var(--font-display);
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    color: var(--card-accent, var(--red));
    margin-bottom: 2px;
}
.sol-detail-nom {
    font-family: var(--font-display);
    font-size: clamp(1.6rem, 3.4vw, 2.3rem);
    text-transform: uppercase;
    letter-spacing: -0.015em;
    line-height: 1.06;
    margin: 0;
    color: var(--ink);
}

.sol-detail-desc {
    max-width: 840px;
    color: var(--gray-mid);
    font-size: 1.04rem;
    margin: 0 0 38px;
    padding-left: 20px;
    border-left: 3px solid var(--card-accent, var(--red));
}

.sol-detail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 26px;
}
.sol-bloc {
    padding: 28px 26px;
    background: var(--white);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: var(--border-radius-lg);
}

.sol-bloc-label {
    font-family: var(--font-condensed);
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--card-accent, var(--red));
    margin: 0 0 16px;
}
.sol-bloc ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
.sol-bloc li {
    display: flex; align-items: flex-start; gap: 10px;
    font-size: 0.95rem;
    color: var(--gray-dark);
}

.sol-bloc li span { flex: none; line-height: 0; margin-top: 3px; color: var(--card-accent, var(--red)); }

/* Les KPI sont des indicateurs SUIVIS, pas des performances chiffrées :
   traitement en ambre (couleur de la preuve), jamais en rouge d'action. */
.sol-bloc--kpi { border-color: rgba(27, 130, 155, 0.3); }
.sol-bloc--kpi .sol-bloc-label { color: var(--teal-dark); }
.sol-bloc--kpi li span { color: var(--teal-dark); }

.sol-detail-cta { margin: 32px 0 0; }

/* Renvoi groupe */
.sol-renvoi { padding: 48px; text-align: center; position: relative; }
.sol-renvoi-badge {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 100px;
    background: rgba(26, 188, 222, 0.12);
    color: #1B829B;
    font-family: var(--font-condensed);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.sol-renvoi-titre {
    font-family: var(--font-display);
    font-size: clamp(1.4rem, 3vw, 2rem);
    text-transform: uppercase;
    margin: 0 0 16px;
    color: var(--ink);
}

.sol-renvoi p { max-width: 700px; margin: 0 auto 14px; color: var(--gray-mid); }
.sol-renvoi-note { font-style: italic; }
.sol-renvoi .nvii-btn { margin-top: 22px; }

/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */
@media (max-width: 1024px) {
    .home-double-grid { grid-template-columns: 1fr; }
    .home-double-card { padding: 34px 26px; }
    .sol-renvoi { padding: 36px 24px; }
}

@media (max-width: 768px) {
    .sol-detail-head { flex-direction: column; align-items: flex-start; gap: 14px; }
    .sol-detail-desc { padding-left: 16px; font-size: 0.98rem; }
    .sol-bloc { padding: 24px 20px; }
    .home-garantie { padding: 26px 20px; }
    .home-diff-card { padding: 28px 24px; }
}

/* ══════════════════════════════════════
   CHAMP D'UPLOAD DE CV — page Carrières
   ══════════════════════════════════════ */
.form-field--cv label {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}
.cv-hint {
    font-family: var(--font-body);
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--gray-mid);
    text-transform: none;
    letter-spacing: 0;
}
.form-field--cv input[type="file"] {
    width: 100%;
    padding: 14px;
    border: 1px dashed rgba(226, 38, 32, 0.4);
    border-radius: var(--border-radius);
    background: var(--red-soft);
    font-family: var(--font-body);
    font-size: 0.92rem;
    cursor: pointer;
    transition: border-color 0.3s var(--ease-premium), background 0.3s var(--ease-premium);
}
.form-field--cv input[type="file"]:hover,
.form-field--cv input[type="file"]:focus {
    border-color: var(--red);
    background: rgba(226, 38, 32, 0.12);
}
.form-field--cv input[type="file"]::file-selector-button {
    margin-right: 14px;
    padding: 8px 16px;
    border: 0;
    border-radius: 100px;
    background: var(--red);
    color: #fff;
    font-family: var(--font-condensed);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.8rem;
    cursor: pointer;
}
.cv-note {
    margin: 10px 0 0;
    font-size: 0.84rem;
    color: var(--gray-mid);
    line-height: 1.5;
}

/* ══════════════════════════════════════
   AVIS GOOGLE (rec. Niang §18)
   ══════════════════════════════════════ */
.nvii-home-avis { background: var(--gray-light); }

.avis-resume {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 22px 0 38px;
}
.avis-resume-g { display: inline-flex; }
.avis-resume-note { font-family: var(--font-display); font-weight: 800; font-size: 1.9rem; color: var(--ink); line-height: 1; }
.avis-stars { display: inline-flex; gap: 2px; }
.avis-resume-nb { color: var(--gray-mid); font-weight: 600; }
.avis-resume-lien {
    color: var(--teal);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;
}
.avis-resume-lien:hover { color: var(--red); }

.avis-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.avis-card {
    background: var(--white);
    border: 1px solid rgba(29, 29, 27, 0.08);
    border-radius: var(--border-radius-lg);
    padding: 24px 24px 22px;
    box-shadow: 0 2px 14px rgba(29, 29, 27, 0.05);
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.avis-card-head { display: flex; align-items: center; gap: 12px; }
.avis-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 50%;
    color: #fff;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.1rem;
}
.avis-ident { display: flex; flex-direction: column; line-height: 1.25; flex: 1; min-width: 0; }
.avis-nom { font-weight: 700; color: var(--ink); }
.avis-date { font-size: 0.82rem; color: var(--gray-mid); }
.avis-card-g { flex-shrink: 0; opacity: 0.9; }
.avis-texte { margin: 0; color: var(--gray-dark); line-height: 1.6; }
.avis-texte--vide { color: var(--gray-mid); font-style: italic; }
.avis-reponse {
    margin-top: 4px;
    padding: 12px 14px;
    background: var(--gray-light);
    border-radius: var(--border-radius);
    border-left: 3px solid var(--teal);
}
.avis-reponse-label {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--teal);
    margin-bottom: 4px;
}
.avis-reponse p { margin: 0; font-size: 0.9rem; color: var(--gray-mid); line-height: 1.5; }
.avis-cta { text-align: center; margin-top: 34px; }