:root{--color-terracotta:#c4835a;--color-terracotta-light:#d49a76;--color-terracotta-dark:#a66b45;--color-terracotta-muted:#c4835a26;--color-sage:#9aae8b;--color-sage-light:#b3c4a6;--color-sage-dark:#7a9468;--color-sage-muted:#9aae8b26;--color-cream:#f0ebe3;--color-cream-dark:#e5ded3;--color-warm-white:#faf7f2;--color-charcoal:#4a4a4a;--color-charcoal-light:#6b6b6b;--color-blush:#e8c4a8;--color-blush-light:#f2dcc8;--color-bg:var(--color-warm-white);--color-bg-card:#fff;--color-bg-nav:#faf7f2eb;--color-text-primary:var(--color-charcoal);--color-text-secondary:var(--color-charcoal-light);--color-text-accent:var(--color-terracotta);--color-accent-primary:var(--color-terracotta);--color-accent-secondary:var(--color-sage);--color-border:#c4835a1f;--color-border-light:#4a4a4a14;--color-discount:#b85c38;--color-success:#6b9f5b;--color-danger:#c75050;--color-overlay:#4a4a4a80;--font-heading:"Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--fs-4xl:3rem;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-normal:1.5;--lh-relaxed:1.7;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-base:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--space-3xl:3rem;--space-4xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:100px;--radius-circle:50%;--shadow-sm:0 1px 3px #c4835a0f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #c4835a14, 0 2px 4px #0000000a;--shadow-lg:0 8px 30px #c4835a1f, 0 4px 8px #0000000a;--shadow-xl:0 16px 50px #c4835a26, 0 8px 16px #0000000a;--shadow-footer:0 -4px 20px #4a4a4a14;--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--z-base:1;--z-dropdown:10;--z-sticky:50;--z-overlay:100;--z-modal:200;--z-toast:300;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--color-text-primary);background-color:var(--color-bg);min-height:100dvh;overflow-x:hidden}body:before{content:"";background-image:radial-gradient(ellipse at 20% 50%, var(--color-blush-light) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, var(--color-sage-muted) 0%, transparent 50%);opacity:.3;pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--color-text-primary)}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{line-height:var(--lh-relaxed);color:var(--color-text-secondary)}.container{width:100%;max-width:480px;padding:0 var(--space-lg);margin:0 auto}@media (min-width:768px){.container{max-width:768px;padding:0 var(--space-xl)}}@media (min-width:1024px){.container{max-width:960px}}@media (min-width:1440px){.container{max-width:1100px}}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--fs-sm);letter-spacing:.02em;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;text-transform:uppercase;display:inline-flex}.btn-primary{background:var(--color-terracotta);color:#fff;box-shadow:0 4px 15px #c4835a4d}.btn-primary:hover{background:var(--color-terracotta-dark);transform:translateY(-1px);box-shadow:0 6px 20px #c4835a66}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px #c4835a4d}.btn-secondary{background:var(--color-sage);color:#fff}.btn-secondary:hover{background:var(--color-sage-dark);transform:translateY(-1px)}.btn-outline{color:var(--color-terracotta);border:1.5px solid var(--color-terracotta);background:0 0}.btn-outline:hover{background:var(--color-terracotta-muted)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--fs-xs)}.btn-lg{padding:var(--space-base) var(--space-xl);font-size:var(--fs-base)}.btn-icon{border-radius:var(--radius-circle);width:40px;height:40px;padding:0}.btn-whatsapp{background:linear-gradient(135deg, var(--color-terracotta) 0%, var(--color-terracotta-dark) 100%);color:#fff;font-weight:var(--fw-bold);box-shadow:0 4px 20px #c4835a59}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 25px #c4835a73}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--duration-normal) var(--ease-out);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.03em;text-transform:uppercase;padding:3px 10px;display:inline-flex}.badge-discount{color:#fff;background:linear-gradient(135deg,#c75050 0%,#a63d3d 100%)}.badge-pickup{background:var(--color-sage-muted);color:var(--color-sage-dark);border:1px solid #9aae8b4d}.badge-unavailable{color:var(--color-charcoal-light);background:#4a4a4a1a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-cream)}::-webkit-scrollbar-thumb{background:var(--color-blush);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-terracotta-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes steamRise{0%{opacity:0;transform:translateY(0)scaleX(1)}50%{opacity:.6;transform:translateY(-8px)scaleX(1.1)}to{opacity:0;transform:translateY(-18px)scaleX(.8)}}.animate-fadeInUp{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards;opacity:0}.animate-fadeIn{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.skeleton{background:linear-gradient(90deg, var(--color-cream) 25%, var(--color-cream-dark) 50%, var(--color-cream) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.input{width:100%;padding:var(--space-md) var(--space-base);background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-base);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}.input:focus{border-color:var(--color-terracotta);box-shadow:0 0 0 3px var(--color-terracotta-muted)}.input::placeholder{color:var(--color-charcoal-light);opacity:.5}.toggle{border-radius:var(--radius-pill);background:var(--color-cream-dark);cursor:pointer;width:48px;height:26px;transition:background var(--duration-normal) var(--ease-out);flex-shrink:0;position:relative}.toggle.active{background:var(--color-sage)}.toggle:after{content:"";border-radius:var(--radius-circle);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-bounce);background:#fff;position:absolute;top:3px;left:3px}.toggle.active:after{transform:translate(22px)}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}.toast-container{top:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-sage);animation:slideUp var(--duration-normal) var(--ease-out);font-size:var(--fs-sm);max-width:320px}.toast-error{border-left-color:var(--color-danger)}.toast-success{border-left-color:var(--color-success)}.hero{text-align:center;padding:var(--space-3xl) var(--space-lg) var(--space-xl);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse at 30% 0%, var(--color-terracotta-muted) 0%, transparent 50%), radial-gradient(ellipse at 70% 100%, var(--color-sage-muted) 0%, transparent 50%);z-index:-1;position:absolute;inset:0}.hero-logo{width:120px;height:120px;margin:0 auto var(--space-lg);border-radius:var(--radius-circle);object-fit:contain;filter:drop-shadow(0 4px 12px #c4835a33)}.hero h1{font-size:var(--fs-3xl);font-weight:var(--fw-bold);margin-bottom:var(--space-sm);color:var(--color-terracotta-dark)}.hero-arabic{font-size:var(--fs-2xl);font-weight:var(--fw-medium);color:var(--color-charcoal);margin-bottom:var(--space-base);direction:rtl}.hero-tagline{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text-secondary);letter-spacing:.15em;text-transform:uppercase;justify-content:center;align-items:center;gap:var(--space-sm);display:flex}.hero-tagline .dot{border-radius:var(--radius-circle);background:var(--color-sage);width:4px;height:4px;display:inline-block}.category-nav{z-index:var(--z-sticky);background:var(--color-bg-nav);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);padding:var(--space-md) 0;transition:box-shadow var(--duration-normal) var(--ease-out);position:sticky;top:0}.category-nav.scrolled{box-shadow:0 2px 12px #0000000f}.category-nav-inner{gap:var(--space-sm);padding:0 var(--space-lg);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.category-nav-inner::-webkit-scrollbar{display:none}.category-tab{padding:var(--space-sm) var(--space-base);border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-secondary);transition:all var(--duration-normal) var(--ease-out);scroll-snap-align:start;white-space:nowrap;background:0 0;border:1.5px solid #0000;flex-shrink:0}.category-tab:hover{color:var(--color-terracotta);background:var(--color-terracotta-muted)}.category-tab.active{color:#fff;background:var(--color-terracotta);border-color:var(--color-terracotta);box-shadow:0 2px 8px #c4835a4d}.menu-section{padding:var(--space-xl) 0 var(--space-lg);scroll-margin-top:64px}.section-header{text-align:center;margin-bottom:var(--space-xl);position:relative}.section-header h2{font-size:var(--fs-2xl);color:var(--color-charcoal);margin-bottom:var(--space-xs)}.section-header .section-line{justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-md);display:flex}.section-header .section-line:before,.section-header .section-line:after{content:"";background:var(--color-terracotta);opacity:.4;width:40px;height:1px}.section-header .leaf-icon{color:var(--color-sage);font-size:var(--fs-lg)}.menu-grid{gap:var(--space-base);flex-direction:column;display:flex}@media (min-width:768px){.menu-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}}.menu-card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--duration-normal) var(--ease-out);display:flex;position:relative;overflow:hidden}.menu-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.menu-card-image{flex-shrink:0;width:110px;min-height:110px;position:relative;overflow:hidden}.menu-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.menu-card:hover .menu-card-image img{transform:scale(1.05)}.menu-card-image-placeholder{background:linear-gradient(135deg, var(--color-cream) 0%, var(--color-blush-light) 100%);width:100%;height:100%;color:var(--color-terracotta-light);justify-content:center;align-items:center;font-size:28px;display:flex}.menu-card-content{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.menu-card-name{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--color-text-primary);line-height:var(--lh-tight)}.menu-card-desc{font-size:var(--fs-xs);color:var(--color-text-secondary);line-height:var(--lh-normal);-webkit-line-clamp:2;transition:all var(--duration-normal);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.menu-card-desc.expanded{-webkit-line-clamp:unset}.menu-card-footer{padding-top:var(--space-xs);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.menu-card-price{flex-direction:column;display:flex}.menu-card-price .price-current{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-terracotta-dark)}.menu-card-price .price-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.menu-card-order-btn{border-radius:var(--radius-pill);background:var(--color-terracotta);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;transition:all var(--duration-normal) var(--ease-out);align-items:center;gap:4px;padding:6px 14px;display:flex}.menu-card-order-btn:hover{background:var(--color-terracotta-dark);transform:scale(1.02)}.menu-card-discount{top:var(--space-sm);left:var(--space-sm);z-index:2;position:absolute}.size-selector{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.size-option{border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;padding:4px 10px;font-size:11px}.size-option:hover,.size-option.selected{background:var(--color-terracotta);color:#fff;border-color:var(--color-terracotta)}.sticky-footer{padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + var(--safe-bottom));-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-footer);z-index:var(--z-sticky);animation:slideUp var(--duration-slow) var(--ease-out);border-top:1px solid var(--color-border-light);background:#faf7f2e0;position:fixed;bottom:0;left:0;right:0}.sticky-footer .btn-whatsapp{width:100%;padding:var(--space-md) var(--space-xl);font-size:var(--fs-md);border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:var(--space-sm);display:flex}@media (min-width:768px){.sticky-footer{display:none}}@media (max-width:767px){body{padding-bottom:80px}}.boho-leaf{color:var(--color-sage);opacity:.15;pointer-events:none;position:absolute}.boho-divider{justify-content:center;align-items:center;gap:var(--space-base);padding:var(--space-lg) 0;color:var(--color-sage);opacity:.5;display:flex}.boho-divider:before,.boho-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--color-terracotta), transparent);flex:1;max-width:60px;height:1px}.admin-layout{background:#f8f9fa;min-height:100dvh}.admin-header{padding:var(--space-base) var(--space-xl);background:#fff;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;display:flex}.admin-header h1{font-family:var(--font-body);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.admin-content{padding:var(--space-xl);max-width:900px;margin:0 auto}.admin-category{margin-bottom:var(--space-xl)}.admin-category h2{font-family:var(--font-body);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--color-charcoal);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-terracotta);margin-bottom:var(--space-base);justify-content:space-between;align-items:center;display:flex}.admin-item{align-items:center;gap:var(--space-base);padding:var(--space-md) var(--space-base);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:all var(--duration-fast);background:#fff;border:1px solid #e9ecef;display:flex}.admin-item:hover{border-color:var(--color-terracotta);box-shadow:var(--shadow-sm)}.admin-item-image{border-radius:var(--radius-sm);background:var(--color-cream);cursor:pointer;border:2px dashed var(--color-border);width:50px;height:50px;transition:all var(--duration-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.admin-item-image:hover{border-color:var(--color-terracotta)}.admin-item-image img{object-fit:cover;width:100%;height:100%}.admin-item-info{flex:1;min-width:0}.admin-item-name{font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--color-charcoal);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin-item-price{font-size:var(--fs-xs);color:var(--color-text-secondary)}.admin-item.disabled{opacity:.5}.admin-login{min-height:100dvh;padding:var(--space-xl);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.admin-login-card{background:var(--color-bg-card);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-3xl) var(--space-xl);box-shadow:var(--shadow-lg);text-align:center}.admin-login-card h1{font-size:var(--fs-2xl);margin-bottom:var(--space-xs)}.admin-login-card p{margin-bottom:var(--space-xl)}.admin-login-card .input{margin-bottom:var(--space-base)}.admin-login-card .btn{width:100%;margin-top:var(--space-sm)}.upload-modal-overlay{background:var(--color-overlay);z-index:var(--z-modal);padding:var(--space-xl);animation:fadeIn var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-modal{border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:440px;animation:fadeInUp var(--duration-normal) var(--ease-out);background:#fff}.upload-modal h3{margin-bottom:var(--space-base)}.upload-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;transition:all var(--duration-fast);color:var(--color-text-secondary)}.upload-dropzone:hover,.upload-dropzone.dragover{border-color:var(--color-terracotta);background:var(--color-terracotta-muted)}.upload-preview{margin-top:var(--space-base);border-radius:var(--radius-md);overflow:hidden}.upload-preview img{object-fit:cover;width:100%;max-height:200px}.upload-actions{gap:var(--space-sm);margin-top:var(--space-lg);justify-content:flex-end;display:flex}.admin-stats{gap:var(--space-base);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.admin-stat-card{border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;background:#fff;border:1px solid #e9ecef}.admin-stat-card .stat-value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-terracotta)}.admin-stat-card .stat-label{font-size:var(--fs-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-xs)}.admin-search{margin-bottom:var(--space-xl);position:relative}.admin-search .input{padding-left:40px}.admin-search-icon{color:var(--color-text-secondary);opacity:.5;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-bulk-actions{gap:var(--space-sm);display:flex}.admin-bulk-actions button{font-size:var(--fs-xs);border-radius:var(--radius-pill);color:var(--color-text-secondary);transition:all var(--duration-fast);border:1px solid #e9ecef;padding:4px 10px}.admin-bulk-actions button:hover{background:var(--color-terracotta);color:#fff;border-color:var(--color-terracotta)}