/* Mega Engine — l'anteprima del listino di un concorrente, senza account.
 *
 * Un listino è una tabella a due colonne: nome a sinistra, prezzo a destra,
 * allineati, perché il colpo d'occhio che serve a un commerciale è la
 * colonna dei prezzi. A 390 px le due colonne si impilano invece di
 * spezzare i nomi lunghi. */
.me-cprev { margin-top: 1rem; }
.me-cprev__title { margin: 0 0 .35rem; font-size: 1.15rem; line-height: 1.3; }
.me-cprev__summary {
    margin: 0 0 .9rem; font-weight: 600; font-size: 1rem; color: #1c3d5a;
}
.me-cprev__lead { margin: .9rem 0 .4rem; font-size: .92rem; color: #56637a; }
.me-cprev__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e3e8ef; }
.me-cprev__item {
    display: flex; justify-content: space-between; gap: 1rem; align-items: baseline;
    padding: .5rem .25rem; border-bottom: 1px solid #e3e8ef;
}
.me-cprev__name { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.me-cprev__price { flex: 0 0 auto; font-variant-numeric: tabular-nums; font-weight: 600; text-align: right; }
.me-cprev__item--warn .me-cprev__price { font-weight: 400; color: #8a6d3b; }
.me-cprev__source { margin: .55rem 0 0; font-size: .85rem; color: #6b7688; }
.me-cprev__text {
    margin: 0; padding: .6rem .8rem; border-left: 3px solid #cbd5e1;
    background: #f6f8fb; font-size: .9rem; color: #33405a;
}
.me-cprev__note { margin: .7rem 0 0; font-size: .92rem; }
.me-cprev__note--ok { color: #1a6b3c; }
.me-cprev__note--warn { color: #8a6d3b; }
.me-cprev__note--bad { color: #9b2c2c; }
.me-cprev__cta { margin-top: 1.1rem; }
.me-cprev__cta-text { margin: 0 0 .7rem; }
@media (max-width: 480px) {
    .me-cprev__item { flex-direction: column; gap: .15rem; }
    .me-cprev__price { text-align: left; }
}