منيو لمحلك بيحسب الطلب لوحده

Build a single-page menu ordering tool as an Artifact (one HTML file with CSS and JavaScript inside).
Reply to me, and write ALL text on the page, in Egyptian Arabic. The page is right-to-left (RTL).

My shop (my information):
- Shop name: [SHOP NAME] (اسم المحل)
- Short line under the name: [ONE LINE, e.g. "حلويات بيتي طازة كل يوم"] (سطر تحت الاسم)
- WhatsApp number for orders, international format, no + and no spaces: [20XXXXXXXXXX] (رقم الواتساب)
- Delivery note: [AREAS AND FEE, or delete this line] (التوصيل)
- Opening hours: [HOURS] (المواعيد)

Menu (use ONLY these items and prices, exactly as written):
[CATEGORY 1]
- [ITEM] — [PRICE] جنيه
- [ITEM] — [PRICE] جنيه
[CATEGORY 2]
- [ITEM] — [PRICE] جنيه
(الصق المنيو بتاعك هنا بالشكل ده)

The page, in this order:
1) Header: shop name big, the short line, opening hours.
2) Category tabs or chips at the top; tapping one scrolls to that category.
3) Each item is a card: name, price, and "+" and "−" buttons with the quantity between them.
4) A sticky bar at the bottom of the screen: number of items and the total in جنيه, updating instantly.
5) Tapping the bar opens an order summary: each item × quantity = subtotal, the total, a text box for notes (e.g. "من غير سكر"), and a field for the customer's name and area.
6) A big green "ابعت الطلب واتساب" button that opens wa.me/[NUMBER]?text= with the full order as a clear message (items, quantities, total, notes, name, area). Encode the message with encodeURIComponent so Arabic arrives correctly.
7) A small "ابدأ من الأول" button that clears the order.

Design: mobile first, clean and calm, one main color [COLOR, e.g. dark brown] on a light background, a clear Arabic font (Cairo from Google Fonts with a system fallback), big tap targets, prices aligned and easy to read.

Rules:
- Do not invent any item, price, offer, discount or delivery fee. Use only what I wrote. If something is missing, leave a clear [ ] placeholder and tell me.
- Do the math in JavaScript, not by hand.
- If any of my information is missing, ask me up to 2 short questions before building.
- After the page, tell me in 3 short lines how to test: add 2 items, check the total, and press the WhatsApp button.

اعمللي أداة منيو للطلبات كـ Artifact (ملف HTML واحد فيه الـ CSS والـ JavaScript).
كلّمني وكل الكلام اللي في الصفحة بالمصري. الصفحة كلها من اليمين للشمال.

محلي (معلوماتي):
- اسم المحل: [ ]
- سطر تحت الاسم: [مثلًا «حلويات بيتي طازة كل يوم»]
- رقم الواتساب للطلبات بكود البلد، من غير + ومن غير مسافات: [20XXXXXXXXXX]
- التوصيل: [المناطق والرسوم، أو امسح السطر ده]
- المواعيد: [ ]

المنيو (استخدم الأصناف والتمن دول بس، زي ما هما بالظبط):
[القسم الأول]
- [الصنف] — [التمن] جنيه
- [الصنف] — [التمن] جنيه
[القسم التاني]
- [الصنف] — [التمن] جنيه

الصفحة بالترتيب ده:
1) فوق: اسم المحل ضخم، والسطر اللي تحته، والمواعيد.
2) أزرار للأقسام فوق: لما أدوس على قسم ينزل عليه.
3) كل صنف في كارت: الاسم، والتمن، وزرارين «+» و«−» وبينهم العدد.
4) شريط ثابت تحت الشاشة: عدد الحاجات والإجمالي بالجنيه، وبيتحدّث على طول.
5) لما أدوس على الشريط يفتح ملخص الطلب: كل صنف × العدد = الحساب، والإجمالي، وخانة ملاحظات (زي «من غير سكر»)، وخانة لاسم الزبون والمنطقة.
6) زرار أخضر ضخم «ابعت الطلب واتساب» يفتح wa.me/[الرقم]?text= والطلب كله مكتوب في رسالة واضحة (الأصناف، والعدد، والإجمالي، والملاحظات، والاسم، والمنطقة). استخدم encodeURIComponent عشان العربي يوصل سليم.
7) زرار صغيّر «ابدأ من الأول» يمسح الطلب.

الشكل: مظبوطة على الموبايل الأول، نضيفة وهادية، لون أساسي واحد [مثلًا بني غامق] على خلفية فاتحة، خط عربي واضح (Cairo من Google Fonts ولو مش موجود خط الجهاز)، زراير ضخمة سهل الدوس عليها، والتمن واضح ومتصفّف.

القواعد:
- متألّفش أي صنف أو تمن أو عرض أو خصم أو رسوم توصيل. استخدم اللي كتبته بس. أي حاجة ناقصة سيب مكانها [ ] وقولّي.
- الحسابات بالـ JavaScript، مش بإيدك.
- لو أي معلومة ناقصة، اسألني سؤالين قصيّرين بالكتير قبل ما تبدأ.
- بعد الصفحة قولّي في 3 سطور أجرّبها إزاي: أضيف صنفين، أبص على الإجمالي، وأدوس زرار الواتساب.

ليه شغال؟المنيو مكتوب بالحرف وجنبه «استخدم دول بس»، فـ Claude مش هيألّف تمن. والحسابات بالـ JavaScript بتطلع مظبوطة كل نوبة، وencodeURIComponent بيخلّي رسالة الواتساب العربي توصل سليمة.

غيّر الألوان بس: اللون الأساسي [لون محلك] والخلفية [فاتحة / كريمي]، وخلّي زرار الواتساب أخضر واضح. متغيّرش الأصناف ولا التمن ولا الحسابات.

ليه شغال؟«متغيّرش…» بتخلّي Claude يعدّل حتة واحدة، فمبيبوّظش الحسابات اللي كانت شغالة.

زوّد في ملخص الطلب: رسوم التوصيل [المبلغ] جنيه بتتضاف على الإجمالي، ولو الطلب أقل من [المبلغ] جنيه يظهر سطر «الحد الأدنى للتوصيل [المبلغ] جنيه» وزرار الواتساب يفضل شغال.

زوّد قسم «عروض الأسبوع» فوق الأقسام فيه الأصناف دي بس بالتمن ده: [..]. ولو مفيش عروض، القسم ميظهرش خالص.

زوّد لكل صنف حالة «خلصان»: لو كتبت جنب الصنف (خلصان)، يظهر رمادي وزراره مقفول.