.nexxis-block-service {
    &.white-style {
        & .nexxis-service-media {
            color: var(--text-link);
        }

        & .nexxis-service-content {
            color: #b9b9b4;
        }

        & .nexxis-service-title {
            color: var(--text-white);
        }

        & .btn.btn-default {
            background: var(--text-white);
            color: var(--text-dark);

            &:hover {
                color: var(--text-hover);
                background: var(--text-white);
            }
        }
    }

    & .nexxis-service-media {
        font-size: clamp(60px, 42px + 2.3vw, 80px);

        & img {
            max-width: 80px;
        }

        /* SVG des packs panel : à l'échelle de la fonte (80px défaut, 44px skins esnot).
           NE PAS forcer fill : les icônes du pack sont AU TRAIT (fill="none"
           stroke="currentColor" en attributs) — un fill CSS écrase l'attribut
           et transforme les contours en aplats (bug « cercles pleins » 2026-07-13). */
        & svg {
            width: 1em;
            height: 1em;
        }
    }

    & .nexxis-service-content {
        margin-top: 35px;
    }

    /* Le titre est stylé par sa CLASSE, pas par sa balise : le sélecteur de tag
       (h1-h6/div/p) du bloc doit produire un rendu identique quel que soit le
       choix — mêmes valeurs que la règle h3 globale du thème (le style vit dans
       la classe, jamais dans le markup). */
    & .nexxis-service-title {
        font-family: var(--font-eb-garamond);
        font-size: clamp(1.5em, 1.2em + 0.7vw, 1.944em);
        font-weight: 400;
        line-height: 1.086em;
        text-transform: uppercase;
    }

    & .nexxis-service-description,
    & .nexxis-service-link-wrap {
        margin-top: 15px;
    }

    & .nexxis-service-link-wrap {
        &.isButton {
            margin-top: 30px;
        }

        & a {
            display: inline-block;
        }
    }

    & .nexxis-service-link:not(.btn)::before {
        font-size: clamp(14px, 11px + 0.45vw, 18px);
        line-height: inherit;
        font-weight: 400;
        font-style: inherit;
        content: "\ea64";
        font-family: "fontello";
        display: inline-block;
        vertical-align: top;
    }

    &:hover {
        transform: translateY(-10px);
    }
}