/**
 * landing_page_cards_mobile.css
 * Feedback #9 — cards da landing pública sem overflow no celular.
 * v1.0 (2026-09-01): grids com teto 100% e cartões empilhados abaixo de 768px.
 */

.stats-grid,
.features-grid,
.iracing-benefits,
.steps-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
}

.stat-card,
.feature-card,
.benefit-item,
.step-item {
    min-width: 0;
    max-width: 100%;
}

.feature-title,
.feature-description,
.benefit-content h3,
.benefit-content p,
.stat-label {
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 768px) {
    .stats-grid,
    .features-grid,
    .iracing-benefits,
    .steps-grid,
    .partners-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .feature-card,
    .stat-card {
        padding: 1.25rem 1rem;
    }

    .feature-card .feature-link,
    .hero-actions .rival-button.large {
        min-height: 44px;
        justify-content: center;
    }
}