0

Carrello della spesa

Nessun prodotto nel carrello.

Menümüz
Il Nostro Menu
Наше Меню
/* أنيميشن الصعود الناعم لنسخة الـ 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); }
Il nostro menù
/* أنيميشن الصعود الناعم لنسخة الـ 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); }
IL NOSTRO MENU
/* أنيميشن صعود أسرع قليلاً للموبايل */ @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 Menu
/* أنيميشن صعود أسرع قليلاً للموبايل */ @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); }
Menümüz
/* أنيميشن صعود أسرع قليلاً للموبايل */ @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; } }
La nostra storia
/* أنيميشن الصعود الهادئ */ @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; } }
La Nostra Storia
/* أنيميشن الصعود الهادئ */ @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; } }
Hikayemiz
/* أنيميشن الصعود الهادئ */ @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; } }
LA NOSTRA STORIA
.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; } }
HİKAYEMİZ
.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; } }
LA NOSTRA STORIA
.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; }

I SOBHY

GUSTO LEGGENDARIO

Griglie e tradizioni autentiche
A Sharm El Sheikh

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

СЕМЬИ СОБХИ

Griglia originale e tradizione
В Шарм-эль-Шейхе

IL GUSTO DI SOBHY

LEGGENDARIO

Griglia Autentica e Tradizioni
A Sharm El Sheikh

SOBHY'NİN

EFSANEVİ LEZZETİ

Otantik Izgara ve Gelenekler
Sharm El Sheikh'te

/* الأنيميشن المطلوب: صعود مباشر مع ظهور تدريجي */ @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; }

I SOBHY

GUSTO LEGGENDARIO

Griglie e tradizioni autentiche
A Sharm El Sheikh

@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; }

SOBHY'NİN

EFSANEVİ LEZZETİ

Otantik Izgara ve Gelenekler
Sharm El Sheikh'te

@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; }

LA FAMIGLIA SOBHY

IL GUSTO LEGGENDARIO

Griglia Autentica e Tradizioni
A Sharm El Sheikh

@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; }

ЛЕГЕНДАРНЫЙ

ВКУС СОБХИ

Griglia originale e tradizione
В Шарм-эль-Шейхе

Sharm'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; }

Dove

Gusto egiziano

incontra

La magia di Sharm

@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; }

GEDE

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

встречает

МАГИЮ ШАРМА

@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; }

MISIR LEZZETİNİN

buluştuğ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; }

DOVE IL

GUSTO EGIZIANO

incontra

LA MAGIA DI SHARM

@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; }

حيث

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

con

سحر شرم الشيخ

@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); }

Dove

Gusto egiziano

incontra

La magia di Sharm

@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); }

Mısır

Lezzetinin

buluştuğ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); }

Dove il

Gusto Egiziano

incontra

La Magia di Sharm

@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%; }
Prenota un tavolo
@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%; }
Masa Ayırt
@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%; }
Masa Ayırt
/* أنيميشن أبطأ وأكثر سيولة ليتماشى مع النصوص الجديدة */ @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%; }
Prenota un tavolo
/* أنيميشن أبطأ وأكثر سيولة ليتماشى مع النصوص الجديدة */ @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%; }
Masa Ayırt
/* أنيميشن أبطأ وأكثر سيولة ليتماشى مع النصوص الجديدة */ @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%; }
Prenota un Tavolo
/* أنيميشن انسيابي بطيء يتناغم مع حركة النصوص */ @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%; }
احجز طاولتك الآن

Scoprire Sobhy Kaber​​

UN VERO ASSAGGIO D'EGITTO NEL MONDO

AUTENTICHE FESTE EGIZIANE DALLE NOSTRE FATTORIE ALLE NOSTRE TAVOLE

Originario dell'Egitto, il Sobhy Kaber è un popolare locale alla moda che unisce le persone. Proponendo autentici sapori egiziani, promettiamo un'esperienza culinaria informale e gioiosa per tutti.

Carni Premium

Assapora carni pregiate preparate con i segreti della tradizione egiziana

Sapori autentici

Dalla griglia al forno, le nostre specialità vi faranno tornare a mangiarne ancora.

Dalla fattoria alla tavola
0 %
Ingredienti freschi
0 %
Anni di eredità
0
Prenota un tavolo
LA NOSTRA STORIA
Sobhi Kaber Sharm El Sheikh

L'essenza della nostra cucina

Scopri i pilastri del nostro autentico viaggio culinario egiziano

La nostra fattoria

Garantiamo la qualità acquistando il 100% della nostra carne dai nostri allevamenti privati.

Un'eredità di ospitalità

Sapori tradizionali e una ricca tradizione che uniscono famiglia e amici

Eccellenza culinaria

Ogni piatto è preparato con passione per un gusto indimenticabile

Specialità culinarie

Autentici sapori egiziani

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

Griglie autentiche

Tagli arrostiti di prima qualità, grigliati alla perfezione

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

Mahshi egiziano

Verdure ripiene di riso con la nostra esclusiva miscela di erbe egiziane

tawajin

Firma Tawajin

Sapori che 'soddisfano' le tue aspettative, direttamente dalla nostra fattoria

insalate antipasti

Specialità di Sobhy Kaber

Ricette tradizionali egiziane, realizzate con il nostro tocco distintivo

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

Sobhy Kaber Kofta

Carne macinata alla griglia, condita con la nostra miscela segreta

472154516_972044491456028_307960685968756627_n

Pasta classica egiziana

Pasta condita con la nostra salsa di pomodoro segreta fatta in casa