.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.languagesFlags{border-radius:50%;height:35px;width:35px;-webkit-user-select:none;user-select:none}.sections{font-size:18px}.custom-shape-divider-top-1725551573{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0;margin-top:135px}.custom-shape-divider-top-1725551573 svg{position:relative;display:block;width:calc(100% + 1.3px);height:144px}.custom-shape-divider-top-1725551573 .shape-fill{fill:#f5f5f5}a{text-decoration:none}.menu__link{color:#000;line-height:2;position:relative}.menu__link:hover{color:#9e6234}.menu__link:before{content:"";width:0;height:2px;border-radius:2px;background-color:#9e6234;position:absolute;bottom:-.25rem;left:50%;transition:width .4s,left .4s}.menu__link:hover:before{width:100%;left:0}.navContainer{background-color:#e0be9d5e;width:90vw;height:80px;border-radius:20px;font-size:20px}.routedPage,.routedPage:hover{color:#e0be9d;background-color:#603813;box-shadow:0 4px 10px #6038134d;border-radius:15px;padding:7px 25px;cursor:pointer}.page,.page:hover{color:#603813;cursor:pointer}.navAllContainer{left:50%;transform:translate(-50%)}@media screen and (max-width: 992px){.navContainer{display:none!important}}.MainPageContainer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:1}.MainPageContainer>*{position:relative;z-index:2}.fixedWhatsappIcon{font-size:40px;position:fixed;bottom:0;right:0;margin:25px;background-color:#25d366;color:#fff;padding:15px;border-radius:25px}.whatsapp{font-size:27px;color:#000}.whatsapp:hover{color:#25d366;transition:.3s;transition-property:color}.footerContainer{background:#f4e7db}.links>a,.links>a:hover{color:#603813;display:flex;flex-direction:row-reverse;align-items:center;gap:5px}.links>a>p{margin-bottom:0!important}.contactTitle{font-size:20px!important;font-weight:800;text-align:right;width:auto!important;margin-bottom:0!important;display:flex;justify-content:right}.footerMobile{display:none}#tiktok{filter:brightness(0) saturate(100%) invert(20%) sepia(99%) saturate(410%) hue-rotate(348deg) brightness(91%) contrast(93%)}@media screen and (max-width: 992px){.footerMobile{display:flex}.footerContainer{display:none!important}.mobileLinksContainer{background-color:#f4e7db;gap:30px;display:flex;flex-direction:column;align-items:center;padding:25px 0}.links{background:#e0be9d;width:250px;padding:7px;border-radius:17px;position:relative;font-weight:400}.footerIcon{background-color:#fff;padding:7px;border-radius:50%;position:absolute;right:0}.mobileFooter{width:100vw}}.hello{padding-top:95px}.custom-shape-divider-bottom-1725552380{position:relative;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg);border-bottom:0;margin-bottom:-2px}.custom-shape-divider-bottom-1725552380 svg{position:relative;display:block;width:calc(122% + 1.3px);height:198px}.custom-shape-divider-bottom-1725552380 .shape-fill{fill:#f5f5f5}.sectionsContainer{text-align:center;padding-top:100px;color:#fff}.section h2{text-decoration:underline;font-size:32px}.sectionImage{border:1px solid grey;box-shadow:3px 7px #ccc0c0;margin-bottom:7px}.section{color:#000;padding:7px 10px;border-radius:8px}button:hover:before{width:250%}.section2{background:#f4e7db}.sectionHeader{color:#603813;font-size:30px;font-weight:800;display:flex;justify-content:center}.sectionIcon{width:80px}.sectionTitle{color:#603813;font-size:30px;width:90px;display:flex;justify-content:center}.section3{position:relative}.sliderProduct{border-radius:30px;box-shadow:0 4px 10px #6038134d;width:200px}.sliderProductContainer{background-color:#bc9673;width:300px;border-radius:30px;padding-bottom:30px;-webkit-user-select:none;user-select:none;flex-shrink:0}.mainSliderContainer{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:30px}.allContainer{grid-column:1 / -1;line-height:1.7;max-width:100%}.scroll-container{display:flex;overflow-x:scroll;scroll-behavior:smooth;cursor:grab;-ms-overflow-style:none;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.scroll-item{min-width:200px;margin:10px}.images-container{margin:0 auto;display:flex!important;justify-content:center;align-items:center}.scroll-item img{width:100%;height:100%;object-fit:cover;border-radius:15px}.section1Texts{margin:auto;width:450px;padding-right:100px}.cafeName{color:#603813;font-size:90px;font-weight:bolder;text-align:right}.slogan{font-size:35px;text-align:right}.mobileContactButton{display:none}#hookah{filter:brightness(0) saturate(100%) invert(45%) sepia(75%) saturate(472%) hue-rotate(348deg) brightness(101%) contrast(86%)}@media screen and (max-width: 992px){.ellipses{display:none}.section1{width:100vw;height:auto;background:#f4e7db}.section1Texts{padding-right:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.mobileContactButton{display:flex;font-size:14px;align-items:end}.textContainer{padding:0 15px 0 0}.cafeName{font-size:32px}.slogan{font-size:18px}.triangleShape{width:150px!important;background:#f4e7db!important;margin-right:39%!important}.section2{background-color:#fff}.iconContainer{flex:80%;border-radius:15px;background-color:#f4e7db;padding:15px}.titlesContainer{gap:5px}.sectionItem{display:flex;flex-direction:column;align-items:center;justify-content:center;width:25%}.sectionIcon{width:35px;height:100%}.sectionTitle{font-size:18px;margin-bottom:0}.allContainer{background:#f4e7db;padding:10px}.mainSlider{min-width:200px}.sliderProductContainer{width:200px}.productsMainEllipse{display:none}.sectionHeader{justify-content:end;padding-right:5px}}.skeleton{background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:1.5s shine linear infinite}.skeleton-loading{opacity:.7}@keyframes shine{to{background-position-x:-200%}}.image-loader-container{background:#e0be9d;padding:20px;border-radius:15px;min-width:150px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.coffee-cup{position:relative;width:60px;height:60px;margin-bottom:10px}.coffee-container{width:40px;height:40px;background:#603813;border-radius:8px;position:relative;overflow:hidden}.coffee{position:absolute;bottom:0;width:100%;height:0%;background:#f4e7db;animation:fillCoffee 2s infinite}.cup-handle{position:absolute;right:0;top:50%;transform:translateY(-50%);width:15px;height:20px;border:4px solid #603813;border-left:none;border-radius:0 10px 10px 0}.loading-text{color:#603813;font-weight:700;font-size:14px;animation:pulse 1.5s infinite;margin-top:10px}.steam{position:absolute;top:-15px;left:50%;transform:translate(-50%);display:flex;gap:4px}.steam span{width:3px;height:12px;background:#6038134d;border-radius:2px;animation:steam 2s infinite}.steam span:nth-child(1){animation-delay:.2s}.steam span:nth-child(2){animation-delay:.4s}.steam span:nth-child(3){animation-delay:.6s}@keyframes fillCoffee{0%{height:0%}50%{height:100%}to{height:0%}}@keyframes steam{0%{transform:translateY(0) scale(1);opacity:0}50%{transform:translateY(-10px) scale(1.2);opacity:1}to{transform:translateY(-20px) scale(1);opacity:0}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media screen and (max-width: 992px){.image-loader-container{min-width:140px;min-height:140px;padding:15px}.coffee-cup{width:50px;height:50px}.coffee-container{width:35px;height:35px}}.menu-item-loader{padding:15px;background:#e0be9d;border-radius:8px;margin:8px;position:relative;overflow:hidden}.plate-shimmer{display:flex;align-items:center;gap:20px;min-height:60px}.plate{width:45px;height:45px;background:#603813;border-radius:50%;position:relative;animation:platePulse 1.5s infinite ease-in-out}.steam{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px}.steam span{position:absolute;width:2px;height:10px;background:#6038134d;border-radius:2px;animation:steamRise 2s infinite ease-out}.steam span:nth-child(1){left:8px;animation-delay:.2s}.steam span:nth-child(2){left:15px;animation-delay:.4s}.steam span:nth-child(3){left:22px;animation-delay:.6s}.details{flex:1;display:flex;justify-content:space-between;align-items:center;gap:15px}.text-line{height:20px;background:#60381333;border-radius:4px;flex:1;position:relative;overflow:hidden}.text-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.price-box{width:120px;height:40px;background:#603813;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.price-box:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(224,190,157,.1),transparent);animation:shimmer 2s infinite}.currency{color:#e0be9d;font-size:14px;opacity:.7}@keyframes platePulse{0%,to{transform:scale(.95);opacity:.8}50%{transform:scale(1);opacity:1}}@keyframes steamRise{0%{transform:translateY(0) scaleX(1);opacity:0}50%{transform:translateY(-8px) scaleX(1.2);opacity:1}to{transform:translateY(-16px) scaleX(1);opacity:0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media screen and (max-width: 992px){.menu-item-loader{padding:10px}.plate-shimmer{flex-direction:column;align-items:center;text-align:center;gap:10px}.details{width:100%;flex-direction:column;gap:10px}.price-box{width:100%;height:35px;background:transparent}.text-line{width:100%}.currency{color:#603813}}.table-container{width:80%;margin:50px auto}table{width:100%;border-collapse:collapse;direction:rtl}thead{background-color:#7b4a2d;color:#fff}th{padding:15px;font-size:18px}.product-container{display:flex;justify-content:center;align-items:center;padding:0 20px;background-color:#e0be9d;justify-content:space-between;width:50%}.product-name{font-size:18px;font-weight:700;color:#000}.product-price{font-size:16px;color:#fff;background-color:#603813;width:150px;height:auto;margin-top:0;padding:20px;border-bottom:1px solid #e0be9d}tbody tr:nth-child(2n) .product-container{background-color:#f4e7db}tbody td{font-size:16px;padding:0}.table-header{border-bottom:1px solid #c8792f;border-top-left-radius:15px;box-shadow:0 4px 4px #00000040;background-color:#603813;color:#e0be9d;padding:20px;font-size:20px;line-height:24px;font-weight:700;direction:rtl}.category{padding:5px 20px;border-radius:17px;background-color:#e0be9d;display:inline-block;color:#603813;cursor:pointer}.selectedCategory{padding:5px 20px;border-radius:17px;background-color:#603813;display:inline-block;color:#e0be9d;cursor:pointer}.category:hover,.selectedCategory:hover{color:#603813}.selectedCategory:hover{color:#e0be9d}.header-container{width:25%}.mobileHeaderContainer{display:none}.spinner{font-size:35px;position:relative;display:inline-block;width:2em;height:2em}.spinner.center{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.spinner .spinner-blade{position:absolute;left:.4629em;bottom:0;width:.074em;height:.2777em;border-radius:.0555em;background-color:transparent;-webkit-transform-origin:center -.2222em;-ms-transform-origin:center -.2222em;transform-origin:center -.2222em;animation:spinner-fade9234 1s infinite linear}.spinner .spinner-blade:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.spinner .spinner-blade:nth-child(2){-webkit-animation-delay:83ms;animation-delay:83ms;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.spinner .spinner-blade:nth-child(3){-webkit-animation-delay:.166s;animation-delay:.166s;-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.spinner .spinner-blade:nth-child(4){-webkit-animation-delay:.249s;animation-delay:.249s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.spinner .spinner-blade:nth-child(5){-webkit-animation-delay:.332s;animation-delay:.332s;-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.spinner .spinner-blade:nth-child(6){-webkit-animation-delay:.415s;animation-delay:.415s;-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.spinner .spinner-blade:nth-child(7){-webkit-animation-delay:.498s;animation-delay:.498s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.spinner .spinner-blade:nth-child(8){-webkit-animation-delay:.581s;animation-delay:.581s;-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.spinner .spinner-blade:nth-child(9){-webkit-animation-delay:.664s;animation-delay:.664s;-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.spinner .spinner-blade:nth-child(10){-webkit-animation-delay:.747s;animation-delay:.747s;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.spinner .spinner-blade:nth-child(11){-webkit-animation-delay:.83s;animation-delay:.83s;-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.spinner .spinner-blade:nth-child(12){-webkit-animation-delay:.913s;animation-delay:.913s;-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}@keyframes spinner-fade9234{0%{background-color:#69717d}to{background-color:transparent}}@media screen and (max-width: 992px){.midEllipse{display:none}.table-container{margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.product-price{font-size:16px;color:#fff;background-color:transparent;color:#603813;width:auto;height:auto;margin-top:0;text-align:center;padding:0}.product-name{text-align:center;border-bottom:1px solid #c8792f}.product-container{display:flex;flex-direction:column;justify-content:end;align-items:center;padding:10px}.table-header{background-color:transparent;color:#603813;box-shadow:0 0;width:100%;text-align:right;display:flex;justify-content:start;padding:0 0 10px;font-size:18px;border-bottom:0}.header-container{width:100%}.sliderProduct{width:200px!important}.scroll-item{min-width:200px}.mainSliderContainer{gap:10px}.selectedCategory,.category{font-size:12px;padding:5px 10px 5px 0}.topEllipses{display:none!important}.mobileHeaderContainer{display:flex;flex-direction:row-reverse;background-color:#f4e7db;padding:25px;gap:15px;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.categoryScroll{background-color:#fff}}.hidden{opacity:0}.sliderProduct img{opacity:0;transition:opacity .3s ease-in-out}.sliderProduct img.loaded{opacity:1;height:300px}.skeleton-container{display:flex;gap:15px;padding:10px}.images-container{display:flex;gap:15px;transition:all .3s ease-in-out}.images-container.hidden{opacity:0;transform:translateY(10px)}.images-container.visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.error-display-container{animation:fadeInUp .6s ease-out;transition:all .3s ease}.error-display-container:hover{transform:translateY(-5px);box-shadow:0 25px 50px #60381340!important}.error-icon{animation:bounce 2s infinite}.floating-shape{animation:float 3s ease-in-out infinite}.floating-shape.delayed{animation-delay:1.5s}.custom-spinner{animation:spin 1s linear infinite}.retry-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #60381366!important}.retry-btn-small:hover{transform:translateY(-2px);box-shadow:0 6px 20px #60381366!important}.loading-container{animation:fadeInUp .4s ease-out}.images-error-message{background:linear-gradient(135deg,#f4e7db,#e0be9d);color:#603813;padding:1rem;border-radius:8px;border:1px solid #c8792f;margin:1rem 0}@media (max-width: 768px){.error-display-container{margin:1rem;padding:1.5rem;max-width:none}.error-icon{font-size:3rem!important}.error-title{font-size:1.3rem!important}.error-message{font-size:1rem!important}}[dir=rtl] .error-display-container{text-align:right}@media (prefers-reduced-motion: reduce){.error-display-container,.error-icon,.floating-shape,.custom-spinner{animation:none}}.retry-btn:focus,.retry-btn-small:focus{outline:2px solid #c8792f;outline-offset:2px}.retry-btn,.retry-btn-small{font-family:system-ui,-apple-system,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.1)}.retry-btn:active,.retry-btn-small:active{transform:translateY(0)!important;box-shadow:0 2px 8px #6038134d!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.tajawal-extralight{font-family:Tajawal,sans-serif;font-weight:200;font-style:normal}.tajawal-light{font-family:Tajawal,sans-serif;font-weight:300;font-style:normal}.tajawal-regular{font-family:Tajawal,sans-serif;font-weight:400;font-style:normal}.tajawal-medium,*{font-family:Tajawal,sans-serif;font-weight:500;font-style:normal}.tajawal-bold{font-family:Tajawal,sans-serif;font-weight:700;font-style:normal}.tajawal-extrabold{font-family:Tajawal,sans-serif;font-weight:800;font-style:normal}.tajawal-black{font-family:Tajawal,sans-serif;font-weight:900;font-style:normal}