// ✅ 1. إنشاء استايل ديناميكي في const style = document.createElement("style"); style.innerHTML = ` @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap'); /* 🟣 إعدادات عامة */ .custom-section { font-family: 'Tajawal', sans-serif; direction: rtl; text-align: center; color: #3e085d; margin: 40px auto; padding: 0 15px; max-width: 1200px; } /* 💳 وسائل الدفع */ .custom-payment-box { border: 2px solid #3e085d; border-radius: 16px; padding: 25px; margin-bottom: 50px; } .custom-payment-box h2 { font-size: 26px; font-weight: 700; margin-bottom: 20px; } .custom-payment-icons { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; } .custom-payment-icons img { height: 45px; } @media(max-width: 600px) { .custom-payment-icons img { height: 36px; } } /* ⭐ قسم المميزات */ .custom-features-box h2 { font-size: 24px; font-weight: 700; margin-bottom: 35px; } .features-grid { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 30px; } .feature-item { max-width: 160px; } .feature-item img { height: 55px; margin-bottom: 10px; } .feature-item h3 { font-size: 16px; font-weight: 700; margin-bottom: 8px; } .feature-item p { font-size: 14px; color: #3e085d; line-height: 1.6; } @media(max-width: 768px) { .features-grid { flex-direction: column; align-items: center; } }