.reveal-ui {
        opacity: 0;
        transform: translateY(30px);
        animation: revealIn 0.8s forwards ease-out;
    }

    @keyframes revealIn {
        to { 
            opacity: 1; 
            transform: translateY(0); 
        }
    }

    /* تحسينات إضافية للتجاوب */
    @media (max-width: 768px) {
        .hero-bg-pattern-bonded-wheels {
            padding-top: 5rem;
            padding-bottom: 3rem;
        }
    }