// تأثير بسيط عند النقر على الأزرار document.querySelectorAll('button, a').forEach(btn => { btn.addEventListener('click', function() { this.style.transform = 'scale(0.95)'; setTimeout(() => { this.style.transform = ''; }, 150); }); }); // تأثير عند التمرير على الخدمات document.querySelectorAll('.service').forEach(service => { service.addEventListener('mouseenter', function() { this.style.transform = 'translateY(-3px)'; }); service.addEventListener('mouseleave', function() { this.style.transform = 'translateY(0)'; }); });