0

سلة التسوق

لا توجد منتجات في سلة المشتريات.

قائمة الطعام
قائمة طعام Il Nostro
نااشي مينو
/* أنيميشن الصعود الناعم لنسخة الـ PC */ @keyframes pcCornerReveal { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .reveal-corner-btn { display: inline-block; overflow: visible; opacity: 0; animation: pcCornerReveal 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.4s; } .corner-btn-pc { position: relative; display: inline-block; padding: 16px 50px; font-family: "Poppins", sans-serif; font-size: 17px; font-weight: 700; color: #ffedd5; text-decoration: none; letter-spacing: 3px; text-transform: uppercase; background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 50, 0, 0.1); transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); } .corner-btn-pc::before { content: ""; position: absolute; top: -2px; left: -2px; width: 20px; height: 20px; border-top: 3px solid #ff3200; border-left: 3px solid #ff3200; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .corner-btn-pc::after { content: ""; position: absolute; bottom: -2px; right: -2px; width: 20px; height: 20px; border-bottom: 3px solid #ff3200; border-right: 3px solid #ff3200; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .corner-btn-pc:hover { color: #ff3200; letter-spacing: 5px; background: rgba(255, 50, 0, 0.08); transform: translateY(-5px); border-color: transparent; } .corner-btn-pc:hover::before, .corner-btn-pc:hover::after { width: calc(100% + 4px); height: calc(100% + 4px); } .corner-btn-pc:hover { box-shadow: 0 15px 35px rgba(255, 50, 0, 0.2); }
قائمة طعامنا
/* أنيميشن الصعود الناعم لنسخة الـ PC */ @keyframes pcCornerReveal { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .reveal-corner-btn { display: inline-block; overflow: visible; /* لضمان عدم قص الأركان أثناء الحركة */ opacity: 0; /* يظهر بعد النصوص بـ 1.4 ثانية */ animation: pcCornerReveal 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.4s; } .corner-btn-pc { position: relative; display: inline-block; padding: 16px 50px; font-family: "Poppins", sans-serif; font-size: 17px; font-weight: 700; /* تقليل الوزن قليلاً للفخامة */ color: #ffedd5; /* الحفاظ على اللون الكريمي ليتماشى مع النصوص */ text-decoration: none; letter-spacing: 3px; text-transform: uppercase; /* تخفيف الـ Overlay الخلفي جداً */ background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 50, 0, 0.1); transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); } /* الأركان العلوية واليسرى (الأحمر الناري) */ .corner-btn-pc::before { content: ""; position: absolute; top: -2px; left: -2px; width: 20px; /* جعل الأركان تظهر بشكل بسيط كبداية */ height: 20px; border-top: 3px solid #ff3200; border-left: 3px solid #ff3200; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } /* الأركان السفلية واليمنى (الأحمر الناري) */ .corner-btn-pc::after { content: ""; position: absolute; bottom: -2px; right: -2px; width: 20px; height: 20px; border-bottom: 3px solid #ff3200; border-right: 3px solid #ff3200; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } /* --- Hover State --- */ .corner-btn-pc:hover { color: #ff3200; /* النص يتحول للأحمر عند الوقوف عليه */ letter-spacing: 5px; background: rgba(255, 50, 0, 0.08); /* خلفية حمراء خفيفة جداً */ transform: translateY(-5px); /* رفع الزرار للأعلى بدل الـ Scale */ border-color: transparent; } .corner-btn-pc:hover::before, .corner-btn-pc:hover::after { width: calc(100% + 4px); height: calc(100% + 4px); } .corner-btn-pc:hover { box-shadow: 0 15px 35px rgba(255, 50, 0, 0.2); }
قائمة طعامنا
/* أنيميشن صعود أسرع قليلاً للموبايل */ @keyframes mobCornerReveal { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .reveal-corner-btn-mob { display: inline-block; overflow: visible; opacity: 0; /* توقيت مدروس للظهور على الموبايل */ animation: mobCornerReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.1s; } .corner-btn-mob { position: relative; display: inline-block; /* مقاس ملموم جداً للموبايل */ padding: 10px 30px; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 700; color: #ffedd5; text-decoration: none; letter-spacing: 2px; text-transform: uppercase; background: rgba(0, 0, 0, 0.15); border: 1px solid rgba(255, 50, 0, 0.1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } /* الأركان الحمراء - تم تنحيفها للموبايل */ .corner-btn-mob::before { content: ""; position: absolute; top: -1.5px; left: -1.5px; width: 12px; height: 12px; border-top: 2px solid #ff3200; border-left: 2px solid #ff3200; transition: all 0.5s ease; } .corner-btn-mob::after { content: ""; position: absolute; bottom: -1.5px; right: -1.5px; width: 12px; height: 12px; border-bottom: 2px solid #ff3200; border-right: 2px solid #ff3200; transition: all 0.5s ease; } /* حالة اللمس (Active) للموبايل */ .corner-btn-mob:active, .corner-btn-mob:hover { color: #ff3200; letter-spacing: 3px; background: rgba(255, 50, 0, 0.08); transform: translateY(-3px); } .corner-btn-mob:active::before, .corner-btn-mob:hover::before, .corner-btn-mob:active::after, .corner-btn-mob:hover::after { width: calc(100% + 3px); height: calc(100% + 3px); } .corner-btn-mob:active { box-shadow: 0 8px 20px rgba(255, 50, 0, 0.2); }
نااشي مينو
/* أنيميشن صعود أسرع قليلاً للموبايل */ @keyframes mobCornerReveal { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .reveal-corner-btn-mob { display: inline-block; overflow: visible; opacity: 0; /* توقيت مدروس للظهور على الموبايل */ animation: mobCornerReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.1s; } .corner-btn-mob { position: relative; display: inline-block; /* مقاس ملموم جداً للموبايل */ padding: 10px 30px; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 700; color: #ffedd5; text-decoration: none; letter-spacing: 2px; text-transform: uppercase; background: rgba(0, 0, 0, 0.15); border: 1px solid rgba(255, 50, 0, 0.1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } /* الأركان الحمراء - تم تنحيفها للموبايل */ .corner-btn-mob::before { content: ""; position: absolute; top: -1.5px; left: -1.5px; width: 12px; height: 12px; border-top: 2px solid #ff3200; border-left: 2px solid #ff3200; transition: all 0.5s ease; } .corner-btn-mob::after { content: ""; position: absolute; bottom: -1.5px; right: -1.5px; width: 12px; height: 12px; border-bottom: 2px solid #ff3200; border-right: 2px solid #ff3200; transition: all 0.5s ease; } /* حالة اللمس (Active) للموبايل */ .corner-btn-mob:active, .corner-btn-mob:hover { color: #ff3200; letter-spacing: 3px; background: rgba(255, 50, 0, 0.08); transform: translateY(-3px); } .corner-btn-mob:active::before, .corner-btn-mob:hover::before, .corner-btn-mob:active::after, .corner-btn-mob:hover::after { width: calc(100% + 3px); height: calc(100% + 3px); } .corner-btn-mob:active { box-shadow: 0 8px 20px rgba(255, 50, 0, 0.2); }
قائمة طعام Il Nostro
/* أنيميشن صعود أسرع قليلاً للموبايل */ @keyframes mobCornerReveal { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .reveal-corner-btn-mob { display: inline-block; overflow: visible; opacity: 0; /* توقيت مدروس للظهور على الموبايل */ animation: mobCornerReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.1s; } .corner-btn-mob { position: relative; display: inline-block; /* مقاس ملموم جداً للموبايل */ padding: 10px 30px; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 700; color: #ffedd5; text-decoration: none; letter-spacing: 2px; text-transform: uppercase; background: rgba(0, 0, 0, 0.15); border: 1px solid rgba(255, 50, 0, 0.1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } /* الأركان الحمراء - تم تنحيفها للموبايل */ .corner-btn-mob::before { content: ""; position: absolute; top: -1.5px; left: -1.5px; width: 12px; height: 12px; border-top: 2px solid #ff3200; border-left: 2px solid #ff3200; transition: all 0.5s ease; } .corner-btn-mob::after { content: ""; position: absolute; bottom: -1.5px; right: -1.5px; width: 12px; height: 12px; border-bottom: 2px solid #ff3200; border-right: 2px solid #ff3200; transition: all 0.5s ease; } /* حالة اللمس (Active) للموبايل */ .corner-btn-mob:active, .corner-btn-mob:hover { color: #ff3200; letter-spacing: 3px; background: rgba(255, 50, 0, 0.08); transform: translateY(-3px); } .corner-btn-mob:active::before, .corner-btn-mob:hover::before, .corner-btn-mob:active::after, .corner-btn-mob:hover::after { width: calc(100% + 3px); height: calc(100% + 3px); } .corner-btn-mob:active { box-shadow: 0 8px 20px rgba(255, 50, 0, 0.2); }
قائمة الطعام
/* أنيميشن صعود أسرع قليلاً للموبايل */ @keyframes mobCornerReveal { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .reveal-corner-btn-mob { display: inline-block; overflow: visible; opacity: 0; /* توقيت مدروس للظهور على الموبايل */ animation: mobCornerReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.1s; } .corner-btn-mob { position: relative; display: inline-block; /* مقاس ملموم جداً للموبايل */ padding: 10px 30px; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 700; color: #ffedd5; text-decoration: none; letter-spacing: 2px; text-transform: uppercase; background: rgba(0, 0, 0, 0.15); border: 1px solid rgba(255, 50, 0, 0.1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); } /* الأركان الحمراء - تم تنحيفها للموبايل */ .corner-btn-mob::before { content: ""; position: absolute; top: -1.5px; left: -1.5px; width: 12px; height: 12px; border-top: 2px solid #ff3200; border-left: 2px solid #ff3200; transition: all 0.5s ease; } .corner-btn-mob::after { content: ""; position: absolute; bottom: -1.5px; right: -1.5px; width: 12px; height: 12px; border-bottom: 2px solid #ff3200; border-right: 2px solid #ff3200; transition: all 0.5s ease; } /* حالة اللمس (Active) للموبايل */ .corner-btn-mob:active, .corner-btn-mob:hover { color: #ff3200; letter-spacing: 3px; background: rgba(255, 50, 0, 0.08); transform: translateY(-3px); } .corner-btn-mob:active::before, .corner-btn-mob:hover::before, .corner-btn-mob:active::after, .corner-btn-mob:hover::after { width: calc(100% + 3px); height: calc(100% + 3px); } .corner-btn-mob:active { box-shadow: 0 8px 20px rgba(255, 50, 0, 0.2); }
https://sobhykabersharm.com/en_us/menu/
كون سك
/* أنيميشن صعود أسرع قليلاً ليناسب تجربة الموبايل */ @keyframes mobArReveal { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .reveal-corner-btn-mob-ar { display: inline-block; overflow: visible; opacity: 0; /* توقيت الظهور للموبايل (بعد 1.1 ثانية) */ animation: mobArReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.1s; } .corner-btn-ar-mob { position: relative; display: inline-block; padding: 10px 35px; /* مقاس ملموم جداً للموبايل */ font-family: "Cairo", sans-serif; font-size: 16px; /* حجم خط مثالي للشاشات الصغيرة */ font-weight: 700; color: #ffedd5; text-decoration: none; background: rgba(0, 0, 0, 0.15); border: 1px solid rgba(166, 124, 55, 0.1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); z-index: 1; } /* الزوايا الحمراء - تم تنحيفها لتناسب حجم الموبايل */ .corner-btn-ar-mob::before { content: ""; position: absolute; top: -1.5px; right: -1.5px; width: 15px; height: 15px; border-top: 2px solid #ff3200; border-right: 2px solid #ff3200; transition: all 0.5s ease; } .corner-btn-ar-mob::after { content: ""; position: absolute; bottom: -1.5px; left: -1.5px; width: 15px; height: 15px; border-bottom: 2px solid #ff3200; border-left: 2px solid #ff3200; transition: all 0.5s ease; } /* حالة اللمس (Active) للموبايل لضمان تفاعل فوري */ .corner-btn-ar-mob:active, .corner-btn-ar-mob:hover { color: #fff; text-shadow: 0 0 10px rgba(255, 50, 0, 0.4); transform: translateY(-3px); background: rgba(255, 50, 0, 0.08); border-color: transparent; } .corner-btn-ar-mob:active::before, .corner-btn-ar-mob:hover::before, .corner-btn-ar-mob:active::after, .corner-btn-ar-mob:hover::after { width: calc(100% + 3px); height: calc(100% + 3px); } .corner-btn-ar-mob:active { box-shadow: 0 8px 20px rgba(255, 50, 0, 0.2); }
كون سك
/* أنيميشن الصعود الناعم المتناسق مع نسخة الـ PC */ @keyframes pcArReveal { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .reveal-corner-btn-ar { display: inline-block; overflow: visible; opacity: 0; /* يظهر بعد النصوص العربية بـ 1.4 ثانية ليكون مسك الختام */ animation: pcArReveal 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.4s; } .corner-btn-ar-pc { position: relative; display: inline-block; padding: 14px 50px; font-family: "Cairo", sans-serif; font-size: 19px; /* حجم متزن للـ PC */ font-weight: 700; /* وزن فخم وواضح */ color: #ffedd5; text-decoration: none; direction: rtl; /* تخفيف الـ Overlay الخلفي لنسبة 0.1 */ background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(166, 124, 55, 0.2); transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); z-index: 1; } /* الزوايا العلوية واليمنى (الأحمر الناري) */ .corner-btn-ar-pc::before { content: ""; position: absolute; top: -2px; right: -2px; width: 25px; /* طول الزاوية في الحالة العادية */ height: 25px; border-top: 3px solid #ff3200; border-right: 3px solid #ff3200; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } /* الزوايا السفلية واليسرى */ .corner-btn-ar-pc::after { content: ""; position: absolute; bottom: -2px; left: -2px; width: 25px; height: 25px; border-bottom: 3px solid #ff3200; border-left: 3px solid #ff3200; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } /* --- حالة المرور بالماوس (Hover) --- */ .corner-btn-ar-pc:hover { color: #fff; text-shadow: 0 0 15px rgba(255, 50, 0, 0.5); transform: translateY(-5px); /* رفع الزرار للأعلى بدل الـ Scale ليكون أهدأ */ background: rgba(255, 50, 0, 0.08); border-color: transparent; } .corner-btn-ar-pc:hover::before, .corner-btn-ar-pc:hover::after { width: calc(100% + 4px); height: calc(100% + 4px); } .corner-btn-ar-pc:hover { box-shadow: 0 15px 35px rgba(255, 50, 0, 0.15); } /* ضبط الموبايل إذا تم استخدامه كـ Fallback */ @media (max-width: 768px) { .corner-btn-ar-pc { padding: 12px 35px; font-size: 17px; } }
حكيلنا
/* أنيميشن الصعود الناعم ليتوافق مع أسلوب الـ PC الجديد */ @keyframes smoothRevealBtn { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .reveal-box-btn { display: inline-block; overflow: hidden; opacity: 0; /* يبدأ بعد اكتمال ظهور النصوص (تأخير 1.4 ثانية) */ animation: smoothRevealBtn 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.4s; } .border-btn-elegant { position: relative; display: inline-block; /* حجم متزن وملموم للـ PC */ padding: 12px 45px; font-family: 'Cairo', sans-serif; font-size: 17px; font-weight: 600; color: #ffedd5; /* تخفيف الـ Overlay ليكون رقيقاً جداً (0.15) */ background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; /* حد ذهبي رفيع وأنيق */ border-radius: 2px; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); overflow: hidden; letter-spacing: 1px; } /* تأثير الـ Hover - ذهبي ملكي ناعم */ .border-btn-elegant:hover { color: #000; background: #ffedd5; /* يتحول للون الكريمي الفاتح عند الوقوف عليه */ border-color: #ffedd5; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(166, 124, 55, 0.3); } /* لمعة البريق الانسيابية */ .border-btn-elegant::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: 0.8s; } .border-btn-elegant:hover::after { left: 100%; } /* ضبط المسافات للموبايل لو تم استخدامه */ @media (max-width: 768px) { .border-btn-elegant { padding: 10px 30px; font-size: 15px; } }
قصتنا
/* أنيميشن الصعود الهادئ */ @keyframes pcBtnReveal { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .reveal-btn-pc { display: inline-block; overflow: hidden; opacity: 0; /* يبدأ الظهور بعد 1.4 ثانية ليكون مسك الختام بعد النصوص */ animation: pcBtnReveal 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.4s; } .btn-pc-elegant { position: relative; display: inline-block; padding: 14px 50px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; /* وزن أخف للفخامة */ color: #ffedd5; /* تخفيف الـ Overlay لنسبة 0.15 (شفاف جداً) */ background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; /* حد ذهبي نحيف */ border-radius: 2px; text-transform: uppercase; letter-spacing: 3px; /* تباعد حروف يعطي طابع بريميوم */ transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); overflow: hidden; } /* تأثير الـ Hover - ذهبي ملكي ناعم */ .btn-pc-elegant:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4); } /* لمعة البريق الانسيابية */ .btn-pc-elegant::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: 0.8s; } .btn-pc-elegant:hover::after { left: 100%; } @media (max-width: 1024px) { .btn-pc-elegant { padding: 12px 40px; font-size: 14px; letter-spacing: 2px; } }
ناشا إيستوريا
/* أنيميشن الصعود الهادئ */ @keyframes pcBtnReveal { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .reveal-btn-pc { display: inline-block; overflow: hidden; opacity: 0; /* يبدأ الظهور بعد 1.4 ثانية ليكون مسك الختام بعد النصوص */ animation: pcBtnReveal 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.4s; } .btn-pc-elegant { position: relative; display: inline-block; padding: 14px 50px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; /* وزن أخف للفخامة */ color: #ffedd5; /* تخفيف الـ Overlay لنسبة 0.15 (شفاف جداً) */ background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; /* حد ذهبي نحيف */ border-radius: 2px; text-transform: uppercase; letter-spacing: 3px; /* تباعد حروف يعطي طابع بريميوم */ transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); overflow: hidden; } /* تأثير الـ Hover - ذهبي ملكي ناعم */ .btn-pc-elegant:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4); } /* لمعة البريق الانسيابية */ .btn-pc-elegant::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: 0.8s; } .btn-pc-elegant:hover::after { left: 100%; } @media (max-width: 1024px) { .btn-pc-elegant { padding: 12px 40px; font-size: 14px; letter-spacing: 2px; } }
لا نوسترا ستوريا
/* أنيميشن الصعود الهادئ */ @keyframes pcBtnReveal { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .reveal-btn-pc { display: inline-block; overflow: hidden; opacity: 0; /* يبدأ الظهور بعد 1.4 ثانية ليكون مسك الختام بعد النصوص */ animation: pcBtnReveal 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.4s; } .btn-pc-elegant { position: relative; display: inline-block; padding: 14px 50px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; /* وزن أخف للفخامة */ color: #ffedd5; /* تخفيف الـ Overlay لنسبة 0.15 (شفاف جداً) */ background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; /* حد ذهبي نحيف */ border-radius: 2px; text-transform: uppercase; letter-spacing: 3px; /* تباعد حروف يعطي طابع بريميوم */ transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); overflow: hidden; } /* تأثير الـ Hover - ذهبي ملكي ناعم */ .btn-pc-elegant:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4); } /* لمعة البريق الانسيابية */ .btn-pc-elegant::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: 0.8s; } .btn-pc-elegant:hover::after { left: 100%; } @media (max-width: 1024px) { .btn-pc-elegant { padding: 12px 40px; font-size: 14px; letter-spacing: 2px; } }
هيكايميز
/* أنيميشن الصعود الهادئ */ @keyframes pcBtnReveal { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .reveal-btn-pc { display: inline-block; overflow: hidden; opacity: 0; /* يبدأ الظهور بعد 1.4 ثانية ليكون مسك الختام بعد النصوص */ animation: pcBtnReveal 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.4s; } .btn-pc-elegant { position: relative; display: inline-block; padding: 14px 50px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; /* وزن أخف للفخامة */ color: #ffedd5; /* تخفيف الـ Overlay لنسبة 0.15 (شفاف جداً) */ background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; /* حد ذهبي نحيف */ border-radius: 2px; text-transform: uppercase; letter-spacing: 3px; /* تباعد حروف يعطي طابع بريميوم */ transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); overflow: hidden; } /* تأثير الـ Hover - ذهبي ملكي ناعم */ .btn-pc-elegant:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4); } /* لمعة البريق الانسيابية */ .btn-pc-elegant::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: 0.8s; } .btn-pc-elegant:hover::after { left: 100%; } @media (max-width: 1024px) { .btn-pc-elegant { padding: 12px 40px; font-size: 14px; letter-spacing: 2px; } }
حكيلنا
.slider-fade-ar { text-align: center; margin-top: 30px; /* مسافة متناسقة تحت الـ Subtitle */ } /* صندوق الأنيميشن - لضمان ظهور الزرار من أسفل لأعلى */ .reveal-box-ar { display: inline-block; overflow: hidden; opacity: 0; /* نفس الأنيميشن المباشر اللي اخترته للعناوين */ animation: subhyRevealArBtn 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.3s; } @keyframes subhyRevealArBtn { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .border-btn-ar { position: relative; display: inline-block; /* مقاس ملموم (أفقي 25px ورأسي 8px) */ padding: 8px 25px; font-family: 'Cairo', sans-serif; font-size: 15px; font-weight: 700; color: #ffedd5; /* تخفيف الـ Overlay ليكون شفاف ورقيق (0.15) */ background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; border-radius: 2px; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); overflow: hidden; } /* تأثير الـ Hover - ذهبي فخم */ .border-btn-ar:hover { color: #000; background: #A67C37; border-color: #D4AF37; transform: translateY(-2px); box-shadow: 0 10px 25px rgba(166, 124, 55, 0.4); } /* لمعة البريق */ .border-btn-ar::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: 0.5s; } .border-btn-ar:hover::after { left: 100%; } /* تظبيط الموبايل الصغير */ @media (max-width: 480px) { .border-btn-ar { padding: 7px 20px; font-size: 14px; } }
قصتنا
.slider-fade-ar { text-align: center; margin-top: 30px; /* مسافة متناسقة تحت الـ Subtitle */ } /* صندوق الأنيميشن - لضمان ظهور الزرار من أسفل لأعلى */ .reveal-box-ar { display: inline-block; overflow: hidden; opacity: 0; /* نفس الأنيميشن المباشر اللي اخترته للعناوين */ animation: subhyRevealArBtn 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.3s; } @keyframes subhyRevealArBtn { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .border-btn-ar { position: relative; display: inline-block; /* مقاس ملموم (أفقي 25px ورأسي 8px) */ padding: 8px 25px; font-family: 'Cairo', sans-serif; font-size: 15px; font-weight: 700; color: #ffedd5; /* تخفيف الـ Overlay ليكون شفاف ورقيق (0.15) */ background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; border-radius: 2px; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); overflow: hidden; } /* تأثير الـ Hover - ذهبي فخم */ .border-btn-ar:hover { color: #000; background: #A67C37; border-color: #D4AF37; transform: translateY(-2px); box-shadow: 0 10px 25px rgba(166, 124, 55, 0.4); } /* لمعة البريق */ .border-btn-ar::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: 0.5s; } .border-btn-ar:hover::after { left: 100%; } /* تظبيط الموبايل الصغير */ @media (max-width: 480px) { .border-btn-ar { padding: 7px 20px; font-size: 14px; } }
ناشا إستوريا
.slider-fade-ar { text-align: center; margin-top: 30px; } .reveal-box-ar { display: inline-block; overflow: hidden; opacity: 0; animation: subhyRevealArBtn 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.3s; } @keyframes subhyRevealArBtn { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .border-btn-ar { position: relative; display: inline-block; padding: 8px 25px; font-family: 'Cairo', sans-serif; font-size: 15px; font-weight: 700; color: #ffedd5; background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; border-radius: 2px; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); overflow: hidden; } .border-btn-ar:hover { color: #000; background: #A67C37; border-color: #D4AF37; transform: translateY(-2px); box-shadow: 0 10px 25px rgba(166, 124, 55, 0.4); } .border-btn-ar::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: 0.5s; } .border-btn-ar:hover::after { left: 100%; } @media (max-width: 480px) { .border-btn-ar { padding: 7px 20px; font-size: 14px; } }
هيكايميز
.slider-fade-ar { text-align: center; margin-top: 30px; } .reveal-box-ar { display: inline-block; overflow: hidden; opacity: 0; animation: subhyRevealArBtn 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.3s; } @keyframes subhyRevealArBtn { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .border-btn-ar { position: relative; display: inline-block; padding: 8px 25px; font-family: 'Cairo', sans-serif; font-size: 15px; font-weight: 700; color: #ffedd5; background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; border-radius: 2px; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); overflow: hidden; } .border-btn-ar:hover { color: #000; background: #A67C37; border-color: #D4AF37; transform: translateY(-2px); box-shadow: 0 10px 25px rgba(166, 124, 55, 0.4); } .border-btn-ar::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: 0.5s; } .border-btn-ar:hover::after { left: 100%; } @media (max-width: 480px) { .border-btn-ar { padding: 7px 20px; font-size: 14px; } }
لا نوسترا ستوريا
.slider-fade-ar { text-align: center; margin-top: 30px; } .reveal-box-ar { display: inline-block; overflow: hidden; opacity: 0; animation: subhyRevealArBtn 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.3s; } @keyframes subhyRevealArBtn { 0% { transform: translateY(30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .border-btn-ar { position: relative; display: inline-block; padding: 8px 25px; font-family: 'Cairo', sans-serif; font-size: 15px; font-weight: 700; color: #ffedd5; background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; border-radius: 2px; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 15px rgba(0,0,0,0.2); overflow: hidden; } .border-btn-ar:hover { color: #000; background: #A67C37; border-color: #D4AF37; transform: translateY(-2px); box-shadow: 0 10px 25px rgba(166, 124, 55, 0.4); } .border-btn-ar::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: 0.5s; } .border-btn-ar:hover::after { left: 100%; } @media (max-width: 480px) { .border-btn-ar { padding: 7px 20px; font-size: 14px; } }
/* الأنيميشن المطلوب: صعود عمودي مباشر */ @keyframes subhyRevealAr { 0% { transform: translateY(40px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .ar-text-reveal { font-family: 'Cairo', sans-serif; color: #ffedd5; /* الكريمي الفخم */ line-height: 1.2; margin: 0; display: inline-block; opacity: 0; /* نفس سرعة وتوقيت الأنيميشن المختار */ animation: subhyRevealAr 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; text-shadow: 2px 2px 12px rgba(0,0,0,0.5); } /* النص الفرعي بصندوق ملموم وشفافية خفيفة */ .ar-sub-box-refined { font-family: 'Cairo', sans-serif; font-size: clamp(14px, 4vw, 16px); color: #ffffff; display: table; margin: 20px auto 0; padding: 8px 25px; background: rgba(0, 0, 0, 0.15); /* تخفيف الـ Overlay */ backdrop-filter: blur(4px); border-radius: 4px; line-height: 1.6; opacity: 0; animation: subhyRevealAr 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1s; }

الطعم المصري الأصيل

الآن

في قلب شرمخ

تجربة طعام مميزة مليئة بالمتعة
أنقذكم بكل حب

/* الأنيميشن المطلوب: صعود عمودي مباشر */ @keyframes subhyRevealAr { 0% { transform: translateY(40px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .ar-text-reveal { font-family: 'Cairo', sans-serif; color: #ffedd5; /* الكريمي الفخم */ line-height: 1.2; margin: 0; display: inline-block; opacity: 0; /* نفس سرعة وتوقيت الأنيميشن المختار */ animation: subhyRevealAr 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; text-shadow: 2px 2px 12px rgba(0,0,0,0.5); } /* النص الفرعي بصندوق ملموم وشفافية خفيفة */ .ar-sub-box-refined { font-family: 'Cairo', sans-serif; font-size: clamp(14px, 4vw, 16px); color: #ffffff; display: table; margin: 20px auto 0; padding: 8px 25px; background: rgba(0, 0, 0, 0.15); /* تخفيف الـ Overlay */ backdrop-filter: blur(4px); border-radius: 4px; line-height: 1.6; opacity: 0; animation: subhyRevealAr 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1s; }

الطعم المصري الأصيل

الآن

في قلب شرمخ

تجربة طعام مميزة مليئة بالمتعة
أنقذكم بكل حب

/* الأنيميشن المطلوب: صعود مباشر مع ظهور تدريجي */ @keyframes subhyReveal { 0% { transform: translateY(40px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .en-text-reveal { font-family: 'Montserrat', sans-serif; color: #ffedd5; /* اللون الكريمي الفخم */ text-transform: uppercase; line-height: 1.1; margin: 0; display: inline-block; opacity: 0; /* استخدام نفس توقيت وسرعة الأنيميشن اللي أرفقته */ animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; text-shadow: 2px 2px 12px rgba(0,0,0,0.6); } /* النص الفرعي بـ Overlay خفيف جداً */ .en-sub-box-refined { font-family: 'Montserrat', sans-serif; font-size: clamp(13px, 4vw, 15px); color: #ffffff; display: table; margin: 20px auto 0; padding: 8px 25px; background: rgba(0, 0, 0, 0.15); /* Overlay خفيف جداً */ backdrop-filter: blur(4px); border-radius: 4px; text-transform: uppercase; line-height: 1.6; letter-spacing: 1px; opacity: 0; animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1s; }

عائلة سوبهيز

مذاق أسطوري

المشاوي والتقاليد الأصيلة
في شرم الشيخ

LEЕГЕНДАРНЫЙ ВКУС

سيمي سوبجي

الشواية الأصلية والتقاليد
В Шарм-эль-Шейхе

IL GUSTO DI SOBHY

أسطورة

Griglia Autentica e Tradizioni
شرم الشيخ

سوبهينين

إفسانيف ليزيتي

Otantik Izgara ve Gelenekler
شرم الشيخ

/* الأنيميشن المطلوب: صعود مباشر مع ظهور تدريجي */ @keyframes subhyReveal { 0% { transform: translateY(40px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .en-text-reveal { font-family: 'Montserrat', sans-serif; color: #ffedd5; /* اللون الكريمي الفخم */ text-transform: uppercase; line-height: 1.1; margin: 0; display: inline-block; opacity: 0; /* استخدام نفس توقيت وسرعة الأنيميشن اللي أرفقته */ animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; text-shadow: 2px 2px 12px rgba(0,0,0,0.6); } /* النص الفرعي بـ Overlay خفيف جداً */ .en-sub-box-refined { font-family: 'Montserrat', sans-serif; font-size: clamp(13px, 4vw, 15px); color: #ffffff; display: table; margin: 20px auto 0; padding: 8px 25px; background: rgba(0, 0, 0, 0.15); /* Overlay خفيف جداً */ backdrop-filter: blur(4px); border-radius: 4px; text-transform: uppercase; line-height: 1.6; letter-spacing: 1px; opacity: 0; animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1s; }

عائلة سوبهيز

مذاق أسطوري

المشاوي والتقاليد الأصيلة
في شرم الشيخ

@keyframes subhyReveal { 0% { transform: translateY(40px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .en-text-reveal { font-family: 'Montserrat', sans-serif; color: #ffedd5; text-transform: uppercase; line-height: 1.1; margin: 0; display: inline-block; opacity: 0; animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; text-shadow: 2px 2px 12px rgba(0,0,0,0.6); } .en-sub-box-refined { font-family: 'Montserrat', sans-serif; font-size: clamp(13px, 4vw, 15px); color: #ffffff; display: table; margin: 20px auto 0; padding: 8px 25px; background: rgba(0, 0, 0, 0.15); backdrop-filter: blur(4px); border-radius: 4px; text-transform: uppercase; line-height: 1.6; letter-spacing: 1px; opacity: 0; animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1s; }

سوبهينين

إفسانيف ليزيتي

Otantik Izgara ve Gelenekler
شرم الشيخ

@keyframes subhyReveal { 0% { transform: translateY(40px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .en-text-reveal { font-family: 'Montserrat', sans-serif; color: #ffedd5; text-transform: uppercase; line-height: 1.1; margin: 0; display: inline-block; opacity: 0; animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; text-shadow: 2px 2px 12px rgba(0,0,0,0.6); } .en-sub-box-refined { font-family: 'Montserrat', sans-serif; font-size: clamp(13px, 4vw, 15px); color: #ffffff; display: table; margin: 20px auto 0; padding: 8px 25px; background: rgba(0, 0, 0, 0.15); backdrop-filter: blur(4px); border-radius: 4px; text-transform: uppercase; line-height: 1.6; letter-spacing: 1px; opacity: 0; animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1s; }

عائلة صبحي

IL GUSTO LEGENDARIO

Griglia Autentica e Tradizioni
شرم الشيخ

@keyframes subhyReveal { 0% { transform: translateY(40px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .en-text-reveal { font-family: 'Montserrat', sans-serif; color: #ffedd5; text-transform: uppercase; line-height: 1.1; margin: 0; display: inline-block; opacity: 0; animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; text-shadow: 2px 2px 12px rgba(0,0,0,0.6); } .en-sub-box-refined { font-family: 'Montserrat', sans-serif; font-size: clamp(13px, 4vw, 15px); color: #ffffff; display: table; margin: 20px auto 0; padding: 8px 25px; background: rgba(0, 0, 0, 0.15); backdrop-filter: blur(4px); border-radius: 4px; text-transform: uppercase; line-height: 1.6; letter-spacing: 1px; opacity: 0; animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1s; }

ليجيندارني

فيكوس سوبجي

الشواية الأصلية والتقاليد
В Шарм-эль-Шейхе

شرم

@keyframes subhyReveal { 0% { transform: translateY(40px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .subhy-text { font-family: 'Montserrat', sans-serif; color: #ffffff; text-transform: uppercase; line-height: 1.1; margin: 0; text-shadow: 2px 2px 12px rgba(0,0,0,0.6); opacity: 0; animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; }

أين

المذاق المصري

يلتقِ

سحر شارم

@keyframes subhyReveal { 0% { transform: translateY(40px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .subhy-text { font-family: 'Montserrat', sans-serif; color: #ffffff; text-transform: uppercase; line-height: 1.1; margin: 0; text-shadow: 2px 2px 12px rgba(0,0,0,0.6); opacity: 0; animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; }

ГДЕ

ЕГИПЕТСКИЙ ВКУС

встречает

ماغيو شارما

@keyframes subhyReveal { 0% { transform: translateY(40px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .subhy-text { font-family: 'Montserrat', sans-serif; color: #ffffff; text-transform: uppercase; line-height: 1.1; margin: 0; text-shadow: 2px 2px 12px rgba(0,0,0,0.6); opacity: 0; animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; }

مصر لزيتينين

buluştğu yer

ŞARM'IN BÜYÜSÜ

@keyframes subhyReveal { 0% { transform: translateY(40px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .subhy-text { font-family: 'Montserrat', sans-serif; color: #ffffff; text-transform: uppercase; line-height: 1.1; margin: 0; text-shadow: 2px 2px 12px rgba(0,0,0,0.6); opacity: 0; animation: subhyReveal 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; }

دوف، إلينوي

غوستو إيجيزيانو

مواجهة

سحر شارم

@keyframes subhyRevealAr { 0% { transform: translateY(25px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .subhy-text-ar { font-family: 'Cairo', sans-serif; color: #ffffff; line-height: 1.4; margin: 0; text-shadow: 1px 1px 10px rgba(0,0,0,0.5); opacity: 0; animation: subhyRevealAr 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards; }

ب

المذاق المصري الأصيل

مع

خيار شرم الشيخ

@keyframes ultraSmoothSlide { 0% { transform: translateY(60px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .pc-layer-refined { overflow: hidden; margin-bottom: 8px; } .pc-text-refined { font-family: 'Poppins', sans-serif; color: #ffedd5; margin: 0; line-height: 1.2; text-transform: uppercase; letter-spacing: 1.5px; opacity: 0; font-weight: 700; animation: ultraSmoothSlide 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards; text-shadow: 0 5px 15px rgba(0,0,0,0.4); }

أين

المذاق المصري

يلتقِ

سحر شارم

@keyframes ultraSmoothSlide { 0% { transform: translateY(60px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .pc-layer-refined { overflow: hidden; margin-bottom: 8px; } .pc-text-refined { font-family: 'Poppins', sans-serif; color: #ffedd5; margin: 0; line-height: 1.2; text-transform: uppercase; letter-spacing: 1.5px; opacity: 0; font-weight: 700; animation: ultraSmoothSlide 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards; text-shadow: 0 5px 15px rgba(0,0,0,0.4); }

مصر

ليزيتينين

buluştğu yer

Şarm'ın Büyüsü

@keyframes ultraSmoothSlide { 0% { transform: translateY(60px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .pc-layer-refined { overflow: hidden; margin-bottom: 8px; } .pc-text-refined { font-family: 'Poppins', sans-serif; color: #ffedd5; margin: 0; line-height: 1.2; text-transform: uppercase; letter-spacing: 1.5px; opacity: 0; font-weight: 700; animation: ultraSmoothSlide 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards; text-shadow: 0 5px 15px rgba(0,0,0,0.4); }

دوف إيل

غوستو إيجيزيانو

مواجهة

سحر شرم

@keyframes ultraSmoothSlide { 0% { transform: translateY(60px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .pc-layer-refined { overflow: hidden; margin-bottom: 8px; } .pc-text-refined { font-family: 'Poppins', sans-serif; color: #ffedd5; margin: 0; line-height: 1.2; text-transform: uppercase; letter-spacing: 1.5px; opacity: 0; font-weight: 700; animation: ultraSmoothSlide 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards; text-shadow: 0 5px 15px rgba(0,0,0,0.4); }

أين

ЕГИПЕТСКИЙ ВКУС

встречает

ماغيو شارما

/* أنيميشن الانسياب العمودي فائق النعومة */ @keyframes ultraSmoothSlideAr { 0% { transform: translateY(60px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .pc-layer-ar { overflow: hidden; margin-bottom: 8px; } .pc-text-ar { font-family: 'Cairo', sans-serif; color: #ffedd5; margin: 0; line-height: 1.3; opacity: 0; /* وزن 700 يعطي فخامة دون ضخامة زائدة */ font-weight: 700; animation: ultraSmoothSlideAr 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards; text-shadow: 0 5px 15px rgba(0,0,0,0.4); }

الطعم المصري الأصيل

الآن

في الرأس

شرمشيخ

/* أنيميشن فائق النعومة متناسق مع حركة النصوص */ @keyframes luxuryBtnRevealPC { 0% { transform: translateY(60px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .border-btn-pc { position: relative; display: inline-block; /* مقاس متزن للـ PC */ padding: 14px 45px; font-family: 'Cairo', sans-serif; font-size: 17px; font-weight: 500; /* وزن أخف ليعطي فخامة أكثر */ color: #ffedd5; /* تخفيف الـ Overlay ليكون رقيقاً جداً بنسبة 0.15 */ background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; /* حد أنيق ورفيع */ text-transform: uppercase; letter-spacing: 3px; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden; opacity: 0; /* يبدأ الظهور بعد آخر سطر نصي (حوالي 1.4 ثانية) */ animation: luxuryBtnRevealPC 1.8s cubic-bezier(0.19, 1, 0.22, 1) 1.4s forwards; will-change: transform, opacity; } /* تأثير الـ Hover الراقي */ .border-btn-pc:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); } /* لمعة بريق هادئة جداً */ .border-btn-pc::before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent); transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1); } .border-btn-pc:hover::before { left: 150%; }
احجز طاولة
@keyframes luxuryBtnRevealPC { 0% { transform: translateY(60px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .border-btn-pc { position: relative; display: inline-block; padding: 14px 45px; font-family: 'Cairo', sans-serif; font-size: 17px; font-weight: 500; color: #ffedd5; background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; text-transform: uppercase; letter-spacing: 3px; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden; opacity: 0; animation: luxuryBtnRevealPC 1.8s cubic-bezier(0.19, 1, 0.22, 1) 1.4s forwards; will-change: transform, opacity; } .border-btn-pc:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); } .border-btn-pc::before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent); transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1); } .border-btn-pc:hover::before { left: 150%; }
تنظيف البراز
@keyframes luxuryBtnRevealPC { 0% { transform: translateY(60px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .border-btn-pc { position: relative; display: inline-block; padding: 14px 45px; font-family: 'Cairo', sans-serif; font-size: 17px; font-weight: 500; color: #ffedd5; background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; text-transform: uppercase; letter-spacing: 3px; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden; opacity: 0; animation: luxuryBtnRevealPC 1.8s cubic-bezier(0.19, 1, 0.22, 1) 1.4s forwards; will-change: transform, opacity; } .border-btn-pc:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); } .border-btn-pc::before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent); transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1); } .border-btn-pc:hover::before { left: 150%; }
ماسا أيرت
@keyframes luxuryBtnRevealPC { 0% { transform: translateY(60px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .border-btn-pc { position: relative; display: inline-block; padding: 14px 45px; font-family: 'Cairo', sans-serif; font-size: 17px; font-weight: 500; color: #ffedd5; background: rgba(0, 0, 0, 0.15); text-decoration: none; border: 1.2px solid #A67C37; text-transform: uppercase; letter-spacing: 3px; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden; opacity: 0; animation: luxuryBtnRevealPC 1.8s cubic-bezier(0.19, 1, 0.22, 1) 1.4s forwards; will-change: transform, opacity; } .border-btn-pc:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); } .border-btn-pc::before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent); transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1); } .border-btn-pc:hover::before { left: 150%; }
ماسا أيرت
/* أنيميشن أبطأ وأكثر سيولة ليتماشى مع النصوص الجديدة */ @keyframes luxuryBtnReveal { 0% { transform: translateY(130%) skewY(1deg); opacity: 0; } 100% { transform: translateY(0) skewY(0deg); opacity: 1; } } .border-btn { position: relative; display: inline-block; padding: 16px 50px; font-family: 'Cairo', sans-serif; font-size: 19px; /* حجم هادئ ومتزن */ font-weight: 600; /* وزن أخف ليعطي فخامة أكثر */ color: #ffedd5; background: rgba(0, 0, 0, 0.4); text-decoration: none; border: 1.5px solid #A67C37; /* حد أرق قليلاً */ text-transform: uppercase; letter-spacing: 3px; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden; opacity: 0; /* مدة الأنيميشن 2 ثانية، ويبدأ بعد السطر الثالث بوضوح (1.4 ثانية تأخير) */ animation: luxuryBtnReveal 2s cubic-bezier(0.19, 1, 0.22, 1) 1.4s forwards; will-change: transform, opacity; } /* تأثير الـ Hover الناعم */ .border-btn:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-4px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4); } /* لمعة البريق البطيئة */ .border-btn::before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: 1s cubic-bezier(0.19, 1, 0.22, 1); } .border-btn:hover::before { left: 150%; }
احجز طاولة
/* أنيميشن أبطأ وأكثر سيولة ليتماشى مع النصوص الجديدة */ @keyframes luxuryBtnReveal { 0% { transform: translateY(130%) skewY(1deg); opacity: 0; } 100% { transform: translateY(0) skewY(0deg); opacity: 1; } } .border-btn { position: relative; display: inline-block; padding: 16px 50px; font-family: 'Cairo', sans-serif; font-size: 19px; /* حجم هادئ ومتزن */ font-weight: 600; /* وزن أخف ليعطي فخامة أكثر */ color: #ffedd5; background: rgba(0, 0, 0, 0.4); text-decoration: none; border: 1.5px solid #A67C37; /* حد أرق قليلاً */ text-transform: uppercase; letter-spacing: 3px; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden; opacity: 0; /* مدة الأنيميشن 2 ثانية، ويبدأ بعد السطر الثالث بوضوح (1.4 ثانية تأخير) */ animation: luxuryBtnReveal 2s cubic-bezier(0.19, 1, 0.22, 1) 1.4s forwards; will-change: transform, opacity; } /* تأثير الـ Hover الناعم */ .border-btn:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-4px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4); } /* لمعة البريق البطيئة */ .border-btn::before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: 1s cubic-bezier(0.19, 1, 0.22, 1); } .border-btn:hover::before { left: 150%; }
تنظيف البراز
/* أنيميشن أبطأ وأكثر سيولة ليتماشى مع النصوص الجديدة */ @keyframes luxuryBtnReveal { 0% { transform: translateY(130%) skewY(1deg); opacity: 0; } 100% { transform: translateY(0) skewY(0deg); opacity: 1; } } .border-btn { position: relative; display: inline-block; padding: 16px 50px; font-family: 'Cairo', sans-serif; font-size: 19px; /* حجم هادئ ومتزن */ font-weight: 600; /* وزن أخف ليعطي فخامة أكثر */ color: #ffedd5; background: rgba(0, 0, 0, 0.4); text-decoration: none; border: 1.5px solid #A67C37; /* حد أرق قليلاً */ text-transform: uppercase; letter-spacing: 3px; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden; opacity: 0; /* مدة الأنيميشن 2 ثانية، ويبدأ بعد السطر الثالث بوضوح (1.4 ثانية تأخير) */ animation: luxuryBtnReveal 2s cubic-bezier(0.19, 1, 0.22, 1) 1.4s forwards; will-change: transform, opacity; } /* تأثير الـ Hover الناعم */ .border-btn:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-4px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4); } /* لمعة البريق البطيئة */ .border-btn::before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: 1s cubic-bezier(0.19, 1, 0.22, 1); } .border-btn:hover::before { left: 150%; }
ماسا أيرت
/* أنيميشن أبطأ وأكثر سيولة ليتماشى مع النصوص الجديدة */ @keyframes luxuryBtnReveal { 0% { transform: translateY(130%) skewY(1deg); opacity: 0; } 100% { transform: translateY(0) skewY(0deg); opacity: 1; } } .border-btn { position: relative; display: inline-block; padding: 16px 50px; font-family: 'Cairo', sans-serif; font-size: 19px; /* حجم هادئ ومتزن */ font-weight: 600; /* وزن أخف ليعطي فخامة أكثر */ color: #ffedd5; background: rgba(0, 0, 0, 0.4); text-decoration: none; border: 1.5px solid #A67C37; /* حد أرق قليلاً */ text-transform: uppercase; letter-spacing: 3px; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden; opacity: 0; /* مدة الأنيميشن 2 ثانية، ويبدأ بعد السطر الثالث بوضوح (1.4 ثانية تأخير) */ animation: luxuryBtnReveal 2s cubic-bezier(0.19, 1, 0.22, 1) 1.4s forwards; will-change: transform, opacity; } /* تأثير الـ Hover الناعم */ .border-btn:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-4px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4); } /* لمعة البريق البطيئة */ .border-btn::before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: 1s cubic-bezier(0.19, 1, 0.22, 1); } .border-btn:hover::before { left: 150%; }
احجز طاولة
/* أنيميشن انسيابي بطيء يتناغم مع حركة النصوص */ @keyframes luxuryBtnRevealAr { 0% { transform: translateY(130%) skewY(-1deg); opacity: 0; } 100% { transform: translateY(0) skewY(0deg); opacity: 1; } } .border-btn-ar { position: relative; display: inline-block; padding: 14px 50px; font-family: 'Cairo', sans-serif; font-size: 20px; font-weight: 600; color: #ffedd5; background: rgba(0, 0, 0, 0.4); text-decoration: none; border: 1.5px solid #A67C37; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden; opacity: 0; /* يبدأ بعد السطر الثالث بـ 0.4 ثانية (إجمالي تأخير 1.4 ثانية) */ animation: luxuryBtnRevealAr 2s cubic-bezier(0.19, 1, 0.22, 1) 1.4s forwards; will-change: transform, opacity; } /* تأثير الـ Hover باللون الكريمي */ .border-btn-ar:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-4px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4); } /* لمعة البريق الانسيابية */ .border-btn-ar::before { content: ''; position: absolute; top: 0; right: -150%; /* من اليمين لليناسب الاتجاه العربي */ width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: 1s cubic-bezier(0.19, 1, 0.22, 1); } .border-btn-ar:hover::before { right: 150%; }
احجز طاولتك الآن
/* أنيميشن انسيابي بطيء يتناغم مع حركة النصوص */ @keyframes luxuryBtnRevealAr { 0% { transform: translateY(130%) skewY(-1deg); opacity: 0; } 100% { transform: translateY(0) skewY(0deg); opacity: 1; } } .border-btn-ar { position: relative; display: inline-block; padding: 14px 50px; font-family: 'Cairo', sans-serif; font-size: 20px; font-weight: 600; color: #ffedd5; background: rgba(0, 0, 0, 0.4); text-decoration: none; border: 1.5px solid #A67C37; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden; opacity: 0; /* يبدأ بعد السطر الثالث بـ 0.4 ثانية (إجمالي تأخير 1.4 ثانية) */ animation: luxuryBtnRevealAr 2s cubic-bezier(0.19, 1, 0.22, 1) 1.4s forwards; will-change: transform, opacity; } /* تأثير الـ Hover باللون الكريمي */ .border-btn-ar:hover { color: #1a1a1a; background: #ffedd5; border-color: #ffedd5; transform: translateY(-4px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4); } /* لمعة البريق الانسيابية */ .border-btn-ar::before { content: ''; position: absolute; top: 0; right: -150%; /* من اليمين لليناسب الاتجاه العربي */ width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: 1s cubic-bezier(0.19, 1, 0.22, 1); } .border-btn-ar:hover::before { right: 150%; }
احجز طاولتك الآن

اعرف أكثر عن صبحي كابر

طعم مصري أصيل من حول العالم

وليمة مصرية أصيلة من مزارعنا إلى مائدتك

بدأ صبحي كابر في مصر، وسرعان ما أصبح من أبرز وجهات الطعام التي تجمع الناس من مختلف الأذواق والثقافات. يتميز المطعم بتقديم الأطباق المصرية الأصيلة بنكهاتها الغنية، ويوفر تجربة طعام فاخرة وممتعة تناسب الجميع. تذوق اللحوم الفاخرة والحلويات المصرية التقليدية، سواء من الشواية أو الفرن، حيث تدعوك أطباق صبحي كابر للعودة دائمًا.

لحوم فاخرة

استمتع بأشهى اللحوم المحضّرة بأسرار مصرية تقليدية

مطبخ مصري أصيل

تجربة طهي تترك أثراً لا يُنسى

إنتاج مزارعنا الخاصة
0 %
مكونات طازجة
0 %
سنة من الخبرة
0
احجز طاولتك الآن
حكايتنا
صبحي كبير شرم الشيخ

من المصدر إلى المائدة

اكتشف ركائز رحلتنا في عالم الطهي المصري الأصيل

مزارعنا الخاصة

نضمن الجودة من خلال توريد 100٪ من اللحوم من مزارعنا الخاصة

إرث من الضيافة الأصيلة

نكهات تقليدية وتراث غني يجمع العائلة والأصدقاء حول مائدة واحدة

تميز الطهي

نصنع كل طبق بشغف لنقدّم لكم مذاقًا استثنائيًا يعكس خبرتنا الطويلة في فنون الطهي

أبرز أطباقنا

نكهات مصرية أصيلة

مشويات مشكلة صبحي كبر اصلية

ريش مصريه

أجود القطع المشوية بعناية لتقدّم لك تجربة مثالية

محشي مشكل أصبحي كابر أصلي

المحشي المصري

محاشي مصرية أصيلة بخلطة صبحي كابر الخاصة

تواجين

طواجينا الخاصة

نكهات أصلية تُقدّم لكم بأفضل جودة من مزرعتنا

السلطات والمقبلات

أطباق صبحي كابر

وصفات مصرية مُعدة بلمستنا الخاصة

كفته صبحي كابر

كفتة صبحي كابر

قطع لحم فاخرة مشوية بإتقان

472154516_972044491456028_307960685968756627_n

الاطباق المصريه

أطباق عصرية بلمسة صبحي كابر