/* ==========================================================================
   Fonte Da Vida - Benefits Page Mobile Styles
   ========================================================================== */
@media (max-width: 768px) {
    .process-container {
        gap: 60px;
    }

    .process-row, .process-row.reverse {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    /* Force Image on top, Text below on mobile regardless of desktop row order */
    .process-row.reverse .process-image,
    .process-row .process-image {
        grid-column: 1;
        grid-row: 1;
    }

    .process-row.reverse .process-text,
    .process-row .process-text {
        grid-column: 1;
        grid-row: 2;
    }

    .process-image {
        padding: 40px 24px;
    }

    .pi-badge {
        top: 16px;
        left: 16px;
    }

    .process-row.reverse .pi-badge {
        left: 16px;
        right: auto;
    }

    .data-cards {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }
}
@media (max-width: 480px) {
    .process-text h3 {
        font-size: 24px;
    }
}