/* ============================================================
   BLOC BÉNÉFICES — shokola_benefices
   Déplacé depuis assets/css/custom.css (section PAGES MÉTIER).
   ============================================================ */
.shk-benefit-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: none;
}

.shk-benefit-list li {
    display: flex;
    gap: 16px;
    padding: 22px 0;
    border-bottom: 1px solid var(--shk-line);
    align-items: flex-start;
}

.shk-benefit-list li:first-child {
    border-top: 1px solid var(--shk-line);
}

/* Un seul marqueur = le numéro. On neutralise toute coche/puce héritée
   (pseudo-élément ou marqueur de liste) provenant du thème parent / styles
   génériques, quel que soit l'élément porteur dans la liste. */
.shk-benefit-list,
.shk-benefit-list li {
    list-style: none !important;
}
.shk-benefit-list li::marker,
.shk-benefit-list li *::marker {
    content: "" !important;
}
.shk-benefit-list li::before,
.shk-benefit-list li::after,
.shk-benefit-list li *::before,
.shk-benefit-list li *::after {
    content: none !important;
    background: none !important;
    display: none !important;
}
/* On réautorise le pseudo légitime éventuel de l'accent <em>/<strong> du texte */
.shk-benefit-list .shk-benefit-d::before,
.shk-benefit-list .shk-benefit-d::after {
    display: revert !important;
}

.shk-benefit-k {
    font-family: var(--font-2);
    font-size: .72rem;
    color: var(--color-secondaire);
    flex: none;
    width: 28px;
    padding-top: 4px;
    letter-spacing: .06em;
}

.shk-benefit-list strong {
    display: block;
    font-weight: 700;
    letter-spacing: -.01em;
    margin-bottom: 4px;
}

.shk-benefit-d {
    display: block;
    font-size: .95rem;
    color: var(--color-ink-2);
    line-height: 1.55;
}