/* --- Une seule variable à changer pour caler sur votre charte --- */
      .comparatif-wrap{ max-width:980px; }

    /* En-têtes de colonnes (offres) */
    .comparatif thead th{ border-bottom:0; vertical-align:bottom; }
    .tier-name{ font-weight:700; font-size:1.15rem; }
    .tier-price{ font-weight:700; font-size:1.35rem; line-height:1.1; }
    .tier-sub{ font-size:.8rem; color:#6c757d; }

    /* Colonne Pro mise en avant */
    .col-pro{ background:var(--mileo-accent-soft); }
    thead .col-pro{ border-top:3px solid var(--mileo-accent); border-radius:.5rem .5rem 0 0; }
    .badge-reco{ background:var(--mileo-accent); }

    /* Lignes de section */
    .section-row th{
      background:#f8f9fa; text-transform:uppercase; letter-spacing:.04em;
      font-size:.78rem; color:#6c757d; font-weight:600;
    }

    /* Cellules de valeurs */
    .comparatif tbody th[scope="row"]{ font-weight:500; }
    .cell-val{ text-align:center; white-space:nowrap; }
    .yes{ color:var(--mileo-accent); font-size:1.15rem; }
    .no{ color:#ced4da; font-size:1.15rem; }

    .btn-mileo{ background:var(--mileo-accent); border-color:var(--mileo-accent); color:#fff; }
    .btn-mileo:hover{ filter:brightness(.92); color:#fff; }

    .badge-gift{ background:#fff; color:var(--mileo-accent); border:1px solid var(--mileo-accent); font-weight:600; }

    /* Accordion : bouton à la couleur d'accent quand ouvert */
    .accordion-button:not(.collapsed){
      color:var(--mileo-accent); background:var(--mileo-accent-soft);
      box-shadow:inset 0 -1px 0 rgba(0,0,0,.075);
    }
    .accordion-button:focus{ border-color:var(--mileo-accent); box-shadow:0 0 0 .2rem rgba(14,124,134,.25); }