0

Alışveriş Sepeti

Sepette ürün yok.

Erkekler
Bizim Menümüz
Наше Меню
/* أنيميشن الصعود الناعم لنسخة الـ 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); }
Menümüz
/* أنيميشن الصعود الناعم لنسخة الـ 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); }
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); }
Наше Меню
/* أنيميشن صعود أسرع قليلاً للموبايل */ @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); }
Bizim 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); }
Erkekler
/* أنيميشن صعود أسرع قليلاً للموبايل */ @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; } }
Bizim 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; } }
Наша История
/* أنيميشن الصعود الهادئ */ @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; } }
BİZİM HİKAYEMİZ
.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; }

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

الآن

في قلب شرم الشيخ

Kredi Kartı Ödemesi
ننتظركم بكل حب

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

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

الآن

في قلب شرم الشيخ

Kredi Kartı Ödemesi
ننتظركم بكل حب

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

SOHBYS'LER

EFSANEVİ LEZZET

Otantik Izgaralar ve Gelenekler
Şarm El Şeyh'te

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

СЕМЬИ СОБХИ

Orijinal oyunlar ve gelenekler
В Шарм-эль-Шейхе

IL GUSTO DI SOBHY

EFSANE

Griglia Autentica ve Gelenekler
Şarm El Şeyh

SOBHY'NİN

EFSANEVİ LEZZETİ

Otantik Izgara ve Gelenekler
Şarm El Şeyh'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; }

SOHBYS'LER

EFSANEVİ LEZZET

Otantik Izgaralar ve Gelenekler
Şarm El Şeyh'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; }

SOBHY'NİN

EFSANEVİ LEZZETİ

Otantik Izgara ve Gelenekler
Şarm El Şeyh'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 ve Gelenekler
Şarm El Şeyh

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

LEJANT

ВКУС СОБХИ

Orijinal oyunlar ve gelenekler
В Шарм-эль-Шейхе

Şarm'ın

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

Nerede

Mısır Lezzeti

buluşuyor

Şarm'ın 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; }

GDE

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

встречает

МАГИЮ ШАРМА

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

karşılaşma

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

Hayt

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

مع

سحر شرم الشيخ

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

Nerede

Mısır Lezzeti

buluşuyor

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

Mısır

Lezzetinin

buluştuz 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

karşılaşma

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

Orada

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

встречает

МАГИЮ ШАРМА

/* أنيميشن الانسياب العمودي فائق النعومة */ @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%; }
Masa ayırtın
@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%; }
Masa ayırtın
/* أنيميشن أبطأ وأكثر سيولة ليتماشى مع النصوص الجديدة */ @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%; }
احجز طاولتك الآن

Keşfetmek Sobhy Kaber

DÜNYA ÇAPINDA GERÇEK MISIR LEZZETİ

ÇİFTLİKLERİMİZDEN SOFRAMIZA OTANTİK MISIR YEMEKLERİ

Mısır kökenli Sobhy Kaber, insanları bir araya getiren popüler bir yemek mekanıdır. Otantik Mısır lezzetlerini sunan mekanımız, tüm misafirler için keyifli ve rahat bir yemek deneyimi vaat ediyor.

Premium Etler

Geleneksel Mısır sırlarıyla hazırlanan birinci sınıf etlerin tadını çıkarın.

Orijinal Lezzetler

Izgaradan fırına kadar, özel lezzetlerimiz sizi tekrar tekrar buraya getirecek.

Çiftlikten Sofraya
0 %
Taze Malzemeler
0 %
Yılların Mirası
0
Masa ayırtın
BİZİM HİKAYEMİZ
Sobhi Kaber Şarm El Şeyh

Mutfağımızın Özü

Otantik Mısır mutfağı yolculuğumuzun temel taşlarını keşfedin.

Kendi Çiftliğimiz

Etimizin 01'ini (3 ton) kendi özel çiftliklerimizden temin ederek kaliteyi garanti ediyoruz.

Bir misafirperverlik mirası

Geleneksel lezzetler ve zengin bir miras, aileleri ve arkadaşları bir araya getiriyor.

Mutfak Mükemmelliği

Her yemek, unutulmaz bir lezzet için tutkuyla hazırlanır.

Gastronomiye dair öne çıkanlar

Orijinal Mısır lezzetleri

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

Otantik Izgaralar

En kaliteli et kesimleri, mükemmel şekilde ızgara yapılmış.

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

Mısırlı Mahşi

Mısır'a özgü özel baharat karışımımızla doldurulmuş pirinçli sebzeler.

tawajin

İmza Tawajin

Beklentilerinizi karşılayan lezzetler, doğrudan çiftliğimizden.

salatalar mezeler

Sobhy Kaber Özel Menüleri

Geleneksel Mısır tarifleri, bizim özgün dokunuşumuzla harmanlandı.

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

Sobhy Kaber Kofta

Izgara kıyma, gizli baharat karışımımızla tatlandırılmıştır.

472154516_972044491456028_307960685968756627_n

Klasik Mısır Makarnası

Makarna, özel ev yapımı domates sosumuzla harmanlanmış.