0
/* ========================================================= FAST TIME — صندوق شرح تفعيل اشتراك البلس يُدرج مباشرة بعد العنوان الفرعي في قسم Hero ========================================================= */ (function () { 'use strict'; var sectionId = 'fasttime-plus-activation-tutorial'; var styleId = 'fasttime-plus-activation-tutorial-style'; var videoUrl = 'https://fast-ios.com/public/uploads/files/GsgT5vMXKNeDafO.mp4'; function addTutorialBox() { // العنوان الفرعي الظاهر في أدوات المطور بالصورة التي أرسلها المستخدم var subtitle = document.querySelector('section.containers.hero h5.fastplus-neon-subtitle'); if (!subtitle) { // احتياط إذا كان اسم كلاس section مختلفًا قليلًا subtitle = document.querySelector('h5.fastplus-neon-subtitle'); } if (!subtitle || !subtitle.parentNode) return; if (document.getElementById(sectionId)) return; if (!document.getElementById(styleId)) { var style = document.createElement('style'); style.id = styleId; style.textContent = ` #${sectionId} { direction: rtl !important; position: relative !important; box-sizing: border-box !important; width: 92% !important; max-width: 650px !important; margin: 22px auto 28px !important; padding: 22px 18px 19px !important; overflow: hidden !important; text-align: center !important; border: 1px solid rgba(255,55,86,.55) !important; border-radius: 22px !important; background: linear-gradient(145deg, rgba(31,30,42,.98), rgba(7,10,19,.98)) !important; box-shadow: 0 12px 30px rgba(0,0,0,.35), 0 0 18px rgba(255,25,65,.13) !important; z-index: 2 !important; } #${sectionId}::before { content: '' !important; display: block !important; position: absolute !important; top: 0 !important; left: 9% !important; width: 82% !important; height: 3px !important; border-radius: 100px !important; background: linear-gradient(90deg,#ff2148,#ff4d70,#4b8cff) !important; } #${sectionId} .ft-tutorial-title { margin: 0 0 9px !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font-size: clamp(20px,4.5vw,27px) !important; line-height: 1.5 !important; font-weight: 900 !important; text-shadow: 0 2px 6px rgba(0,0,0,.65) !important; } #${sectionId} .ft-tutorial-description { margin: 0 auto 17px !important; color: rgba(255,255,255,.82) !important; -webkit-text-fill-color: rgba(255,255,255,.82) !important; font-size: 14px !important; line-height: 1.8 !important; } #${sectionId} .ft-tutorial-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; box-sizing: border-box !important; width: 100% !important; max-width: 360px !important; min-height: 49px !important; padding: 12px 18px !important; border: 1px solid rgba(255,125,145,.58) !important; border-radius: 14px !important; background: linear-gradient(135deg,#e7193d 0%,#ff3658 48%,#9e234b 100%) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; text-decoration: none !important; font-size: 15px !important; font-weight: 900 !important; box-shadow: 0 7px 18px rgba(255,35,65,.23), inset 0 1px 0 rgba(255,255,255,.2) !important; } #${sectionId} .ft-tutorial-note { margin: 11px 0 0 !important; color: rgba(255,255,255,.6) !important; font-size: 11px !important; } @media(max-width:600px) { #${sectionId} { width: 91% !important; margin: 16px auto 23px !important; padding: 18px 13px 16px !important; border-radius: 20px !important; } #${sectionId} .ft-tutorial-description { font-size: 13px !important; } #${sectionId} .ft-tutorial-button { max-width: 100% !important; min-height: 47px !important; font-size: 14px !important; } } `; document.head.appendChild(style); } var box = document.createElement('section'); box.id = sectionId; box.setAttribute('aria-label', 'طريقة تفعيل اشتراك البلس'); box.innerHTML = '

طريقة تفعيل اشتراك البلس

' + '

شاهد شرح التفعيل خطوة بخطوة بكل سهولة.

' + '' + 'مشاهدة شرح التفعيل' + '

شرح مرئي — اضغط للمشاهدة

'; // يظهر الصندوق مباشرة أسفل العنوان الفرعي subtitle.insertAdjacentElement('afterend', box); } function initTutorialBox() { addTutorialBox(); // بعض القوالب تنشئ محتوى الصفحة بعد تحميل JavaScript var tries = 0; var timer = setInterval(function () { addTutorialBox(); tries++; if (document.getElementById(sectionId) || tries >= 20) clearInterval(timer); }, 500); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initTutorialBox, { once: true }); } else { initTutorialBox(); } })();
تصميم وبرمجة