0

Корзина

В корзине нет товаров.

Менюмюз
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); }
Наше меню
/* أنيميشن الصعود الناعم لنسخة الـ 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 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); }
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; } }
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; } }
حكايتنا
.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; }

СОБХИС

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

Аутентичные грили и традиции
В Шарм-эль-Шейхе

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

Семьи Собхи

Оригинальный гриль и традиции
В Шарм-эль-Шейхе

IL GUSTO DI SOBHY

ЛЕГЕНДАРИО

Грилья Аутентика и Традициони
Шарм-эль-Шейх

СОБХИ'НИН

EFSANEVİ LEZZETİ

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

СОБХИ'НИН

EFSANEVİ LEZZETİ

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

LA FAMIGLIA SOBHY

IL GUSTO LEGGENDARIO

Грилья Аутентика и Традициони
Шарм-эль-Шейх

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

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

ДОВ Иллинойс

GUSTO EGIZIANO

инконтра

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

حيث

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

مع

سحر شرم الشيخ

@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ş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

инконтра

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%; }
Забронируйте столик
@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%; }
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%; }
احجز طاولتك الآن

Обнаружить Собхи Кабер

Настоящий вкус Египта по всему миру

Аутентичные египетские пиршества: от наших ферм до наших столов.

Ресторан Sobhy Kaber, родом из Египта, — популярное место, объединяющее людей. Предлагая аутентичные египетские блюда, мы обещаем всем посетителям приятную и непринужденную атмосферу для обеда или ужина.

Мясо премиум-класса

Насладитесь отборным мясом, приготовленным по традиционным египетским рецептам.

Аутентичные вкусы

От гриля до духовки — наши фирменные блюда заставят вас возвращаться к нам снова и снова.

От фермы к столу
0 %
Свежие ингредиенты
0 %
Годы наследия
0
Забронируйте столик
НАША ИСТОРИЯ
Собхи Кабер Шарм Эль Шейх

Суть нашей кухни

Откройте для себя основы нашего подлинного египетского кулинарного путешествия.

Наша собственная ферма

Мы гарантируем качество, закупая 1001 тонну мяса на собственных фермах.

Наследие гостеприимства

Традиционные вкусы и богатое наследие, объединяющие семью и друзей.

Кулинарное мастерство

Каждое блюдо приготовлено с любовью, чтобы подарить незабываемые вкусовые ощущения.

Кулинарные изыски

Аутентичные египетские вкусы

Создатель фильма "Канада"

Аутентичные грили

Отборные куски мяса для запекания, приготовленные на гриле до совершенства.

Автор: Сэнсэй Хейл

Египетский Махши

Овощи, фаршированные рисом, с нашей фирменной смесью египетских трав.

тавадзин

Signature Tawajin

Вкусы, которые полностью соответствуют вашим ожиданиям, прямо с нашей фермы.

салаты закуски

Специальные предложения Собхи Кабер

Традиционные египетские рецепты, приготовленные с нашим фирменным вкусом.

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

Собхи Кабер Кофта

Фарш, приготовленный на гриле и приправленный нашей секретной смесью специй.

472154516_972044491456028_307960685968756627_n

Классическая египетская паста

Паста, заправленная нашим секретным домашним томатным соусом.