/* * voc-aos.css — بديل محلي خفيف لمكتبة AOS (scroll reveal) * يستبدل الاعتماد على CDN الخارجي الذي كان يؤخّر ظهور المحتوى. * الإخفاء الأولي مشروط بوجود الكلاس .voc-aos على (يضيفه سكربت مضمّن فوراً)، * فإن تعطّلت الـ JS يبقى المحتوى ظاهراً بالكامل — لا يختفي أبداً. * الأنواع المدعومة (المستخدمة فعلياً في الموقع): fade-up, zoom-in. */ html.voc-aos [data-aos] { opacity: 0; transition-property: opacity, transform; transition-duration: 0.7s; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); will-change: opacity, transform; } html.voc-aos [data-aos="fade-up"] { transform: translate3d(0, 28px, 0); } html.voc-aos [data-aos="zoom-in"] { transform: scale(0.9); } html.voc-aos [data-aos].aos-animate { opacity: 1; transform: none; } /* احترام تفضيل تقليل الحركة: أظهر كل شيء فوراً بلا انتقالات */ @media (prefers-reduced-motion: reduce) { html.voc-aos [data-aos] { opacity: 1 !important; transform: none !important; transition: none !important; } }