/* ============================================================
   V2-HOME-MOBILE-EXPERTISE.CSS
   Correction dédiée du bloc « Pourquoi AFE ? » sur téléphone.
   ============================================================ */

.brand-mark {
    position: relative;
    top: -.35em;
    margin-left: 2px;
    font-size: .48em;
    line-height: 0;
    font-weight: 700;
}

@media (max-width: 767px) {
    .v2-home .v2-expertise {
        padding: 48px 0 52px;
        background: linear-gradient(180deg, #f6f2ee 0%, #faf8f5 100%);
    }

    .v2-home .v2-expertise::before {
        display: none;
    }

    .v2-home .v2-expertise-grid {
        width: 90%;
        grid-template-columns: 1fr;
        gap: 18px;
        align-items: stretch;
    }

    /* Sur mobile, on retire la grosse « carte dans la carte » du desktop. */
    .v2-home .v2-expertise-panel {
        padding: 0;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .v2-home .v2-expertise-panel::before {
        display: none;
    }

    .v2-home .v2-expertise-panel .v2-section-head {
        margin-bottom: 20px;
    }

    .v2-home .v2-expertise-panel .v2-section-head h2 {
        max-width: 330px;
        font-size: 30px;
        line-height: 1.08;
        letter-spacing: -.025em;
    }

    .v2-home .v2-expertise-panel .v2-section-head p {
        max-width: 350px;
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.5;
    }

    /* Les quatre preuves deviennent de vraies lignes compactes. */
    .v2-home .v2-expertise-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
        margin: 0;
    }

    .v2-home .v2-expertise-item {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        column-gap: 12px;
        row-gap: 2px;
        align-items: start;
        min-height: 0;
        padding: 14px 14px 14px 13px;
        border: 1px solid rgba(43,35,29,.075);
        border-radius: 13px;
        background: rgba(255,255,255,.92);
        box-shadow: 0 6px 16px rgba(45,35,28,.035);
    }

    .v2-home .v2-expertise-item:hover {
        transform: none;
        box-shadow: 0 6px 16px rgba(45,35,28,.035);
    }

    .v2-home .v2-expertise-icon {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 34px;
        height: 34px;
        margin: 0;
        border-radius: 9px;
        font-size: 15px;
    }

    .v2-home .v2-expertise-item h3 {
        grid-column: 2;
        margin: 1px 0 0;
        font-size: 15.5px;
        line-height: 1.25;
    }

    .v2-home .v2-expertise-item p {
        grid-column: 2;
        margin: 3px 0 0;
        color: #69635f;
        font-size: 12.5px;
        line-height: 1.44;
    }

    /* Photo puis preuve TEMCV : aucun texte ne flotte sur l’image. */
    .v2-home .v2-expertise-visual {
        display: block;
        min-height: 0;
        overflow: hidden;
        border: 1px solid rgba(43,35,29,.08);
        border-radius: 16px;
        background: #171717;
        box-shadow: 0 14px 30px rgba(32,25,20,.12);
    }

    .v2-home .v2-expertise-visual::after {
        display: none;
    }

    .v2-home .v2-expertise-visual img {
        position: relative;
        inset: auto;
        display: block;
        width: 100%;
        height: 230px;
        object-fit: cover;
        object-position: center 38%;
        filter: saturate(.96) contrast(1.02);
    }

    .v2-home .v2-expertise-badge {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        padding: 16px 18px 17px 21px;
        border: 0;
        border-top: 1px solid rgba(255,255,255,.09);
        border-radius: 0;
        background: #171717;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .v2-home .v2-expertise-badge::before {
        width: 4px;
    }

    .v2-home .v2-expertise-badge strong {
        font-size: 17px;
        line-height: 1.2;
    }

    .v2-home .v2-expertise-badge span {
        margin-top: 5px;
        color: rgba(255,255,255,.74);
        font-size: 12px;
        line-height: 1.45;
    }
}

@media (max-width: 390px) {
    .v2-home .v2-expertise-panel .v2-section-head h2 {
        max-width: 300px;
        font-size: 27px;
    }

    .v2-home .v2-expertise-grid {
        width: 89%;
    }

    .v2-home .v2-expertise-visual img {
        height: 210px;
    }
}