/* public/app/css/features-choice.css
 * Synopsis: Bloc choix hybride + sorties ZIP.
 * Objectif: 2 colonnes desktop, liste ZIP lisible.
 */

.feat-choice {
    margin: 0 0 clamp(1.8rem, 4vw, 2.8rem);
    max-width: min(72rem, 100%);
}

.feat-choice-col p,
.feat-choice-road {
    font-size: clamp(1rem, 1.7vw, 1.12rem);
    line-height: 1.45;
    margin: 0 0 .85rem;
    max-width: 72ch;
}

.feat-choice-grid {
    display: grid;
    gap: clamp(1.2rem, 3vw, 2rem);
    grid-template-columns: 1fr;
    margin: 0 0 1rem;
}

.feat-choice-col {
    border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
    border-radius: .4rem;
    margin: 0;
    min-width: 0;
    padding: clamp(.9rem, 2vw, 1.25rem);
}

.feat-choice-col-title {
    font-size: clamp(1.02rem, 1.8vw, 1.15rem);
    font-weight: 700;
    margin: 0 0 .65rem;
}

.feat-choice-col p:last-child {
    margin-bottom: 0;
}

.feat-choice-list {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 1.15rem;
}

.feat-choice-list li {
    font-size: clamp(1rem, 1.7vw, 1.12rem);
    line-height: 1.4;
    margin: 0 0 .45rem;
}

.feat-choice-list li:last-child {
    margin-bottom: 0;
}

.feat-choice-road {
    margin: 0;
    max-width: none;
    opacity: .88;
}

@media (min-width: 900px) {
    .feat-choice-grid {
        column-gap: clamp(2rem, 5vw, 3.5rem);
        grid-template-columns: 1fr 1fr;
        row-gap: clamp(1.2rem, 3vw, 2rem);
    }
}