حاسبة البروتين الذكية| كم تحتاج من البروتين يوميًا لبناء العضلات وحرق الدهون؟

إذا كنت تسعى إلى بناء العضلات أو خسارة الدهون، فهناك عنصر غذائي واحد لا يمكن تجاهله: البروتين.

لكن السؤال الأهم الذي يطرحه الجميع هو:

👈كم أحتاج من البروتين يوميًا فعلًا؟

هل الكمية التي تتناولها كافية؟ أم أنها أقل من المطلوب؟ وهل زيادة البروتين تساعد فعلًا في حرق الدهون؟

في هذا الدليل الشامل، ستجد الإجابة العلمية المبسطة، بالإضافة إلى جدول عملي ونصائح تطبيقية تساعدك على تحقيق أفضل النتائج.

استخدم الحاسبة الذكية بالأسفل لتعرف احتياجك اليومي من البروتين 👇👇👇 

:root { --primary-color: #4f46e5; --primary-hover: #4338ca; --bg-color: #f1f5f9; --card-bg: #ffffff; --text-main: #1e293b; --text-muted: #64748b; --accent-color: #059669; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(--bg-color); color: var(--text-main); margin: 0; padding: 0; box-sizing: border-box; width: 100%; min-height: 100vh; } /* حاوية تأخذ كامل عرض الشاشة المتاح دون ترك هوامش فارغة */ .full-screen-container { width: 100%; padding: 40px; box-sizing: border-box; } .calculator-card { background: var(--card-bg); padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); width: 100%; /* جعل الكرت يمتد بعرض الشاشة بالكامل */ box-sizing: border-box; } h2 { text-align: center; color: var(--primary-color); margin-bottom: 40px; font-size: 2.2rem; } /* جعل المدخلات تمتد بشكل أفقي مريح على كامل عرض الشاشة */ .grid-inputs { display: grid; grid-template-columns: repeat(4, 1fr); /* توزيع الحقول الأربعة بالتساوي على عرض الشاشة */ gap: 30px; margin-bottom: 40px; width: 100%; } .input-group { display: flex; flex-direction: column; width: 100%; } label { margin-bottom: 12px; font-weight: 600; font-size: 1.05rem; color: var(--text-main); } input[type="number"], select { width: 100%; padding: 16px; border: 2px solid #e2e8f0; border-radius: 12px; box-sizing: border-box; font-size: 1.1rem; transition: all 0.3s ease; outline: none; background-color: #f8fafc; } input[type="number"]:focus, select:focus { border-color: var(--primary-color); background-color: #fff; box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1); } /* زر الحساب ممتد وعريض بشكل متناسق */ .btn-container { width: 100%; text-align: center; margin-bottom: 30px; } button { width: 100%; max-width: 400px; /* حجم متناسق للزر وسط الشاشة العريضة */ background-color: var(--primary-color); color: white; padding: 18px; border: none; border-radius: 12px; font-size: 1.2rem; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; } button:hover { background-color: var(--primary-hover); } /* صندوق النتائج ممتد على كامل العرض */ .result-box { width: 100%; padding: 40px; background-color: #f8fafc; border: 2px dashed #e2e8f0; border-radius: 16px; text-align: center; box-sizing: border-box; display: none; animation: fadeIn 0.5s ease forwards; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .result-wrapper { font-size: 3.5rem; font-weight: 900; color: var(--accent-color); margin: 20px 0; direction: ltr; } .result-text { font-size: 1.3rem; color: var(--text-main); font-weight: 600; } .advice-text { font-size: 1.1rem; color: var(--text-muted); line-height: 1.8; margin-top: 15px; width: 100%; } /* دعم التجاوب عند فتح الصفحة من جوال أو شاشة صغيرة لتتحول عمودياً تلقائياً */ @media (max-width: 1024px) { .grid-inputs { grid-template-columns: repeat(2, 1fr); /* حقلين في كل صف للشاشات المتوسطة */ } } @media (max-width: 650px) { .full-screen-container { padding: 15px; } .calculator-card { padding: 20px; } .grid-inputs { grid-template-columns: 1fr; /* حقل واحد في كل صف للشاشات الصغيرة جداً */ gap: 15px; } }