/* ===== Hero CTA — Responsive ===== */

/* Tablette : 2 boutons par ligne */
@media (min-width: 640px) {
    .hero-content {
        max-width: 680px;
    }

    .hero-content .cta {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
    }

    .hero-content .cta > * {
        flex: 1 1 calc(50% - 6px);
        max-width: calc(50% - 6px);
        width: auto;
    }
}

/* Desktop : tous les boutons sur une seule ligne */
@media (min-width: 1024px) {
    .hero-content {
        max-width: 1200px;
    }

    .hero-content .cta {
        flex-wrap: nowrap;
        gap: 14px;
    }

    .hero-content .cta > * {
        flex: 1 1 0;
        max-width: none;
        width: auto;
        white-space: nowrap;
    }
}