@media (max-width: 768px) {
    /* 1. Otimização do Glass Card (Principal Suspeito: backdrop-filter) */
    .glass-card {
        /* Desativa o backdrop-filter, que causa problemas de renderização e "manchas brancas" em GPUs mobile */
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        /* Fallback: Mantém a transparência com um fundo sólido/semi-transparente (Cor base do gradiente: #16162799) */
        background: rgba(22, 22, 39, 0.9) !important;
        /* Simplifica a sombra complexa para uma mais leve e performática */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    }

    /* 2. Otimização de Animações e Elementos Complexos (Forçar composição na GPU) */
    /* Aplica will-change a elementos que sofrem transformações (como o hover-lift) para otimizar a composição */
    .hover-lift {
        will-change: transform, box-shadow;
    }

    /* 3. Otimização de Scroll (Para garantir fluidez) */
    /* Adiciona a propriedade de otimização de scroll para iOS */
    .scroll-area, body {
        -webkit-overflow-scrolling: touch;
    }

    /* 4. Otimização de Fixed Position (Para evitar repaints) */
    /* Aplica will-change a elementos fixos de alto z-index */
    #lovable-badge {
        will-change: transform;
    }
}