*{box-sizing:border-box;margin:0;padding:0}:root{--radius: 14px;--transition: .18s cubic-bezier(.22, 1, .36, 1);--background: #fbfaf7;--foreground: #111827;--muted: #6b7280;--card: #ffffff;--border: #e7e2d7;--primary: #c43d2c;--primary-2: #a92f22;--ring: rgba(196, 61, 44, .22);--surface: #f3efe7;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--shadow-md: 0 10px 26px rgba(17, 24, 39, .08);--shadow-lg: 0 20px 60px rgba(17, 24, 39, .14);--highlight-bg: rgba(196, 61, 44, .16);--highlight-text: #111827}html[dir=rtl] body{direction:rtl}html[dir=ltr] body{direction:ltr}body{font-family:Manrope,system-ui,-apple-system,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--foreground);min-height:100vh;line-height:1.65}html[dir=rtl] body{font-family:Tajawal,Manrope,system-ui,-apple-system,Segoe UI,Arial,sans-serif}::selection{background:#c43d2c38;color:var(--foreground)}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,var(--primary) 0%,#e35a3a 100%);color:#fff;padding:.65rem 1rem;text-align:unset;box-shadow:var(--shadow-md)}.header-content{max-width:1200px;margin:0 auto}.header-shell{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:calc(var(--radius) + 2px);padding:.55rem .75rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center;gap:.6rem;min-width:0}.header-logo{width:50px;height:50px;border-radius:10px;object-fit:cover}.header-text{text-align:start;min-width:0}.header-title{font-size:1.05rem;font-weight:900;line-height:1.1;margin:0;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-subtitle{font-size:.82rem;opacity:.92;font-weight:600;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-button{background:#ffffff29;border:1px solid rgba(255,255,255,.22);color:#fff;padding:.42rem .65rem;border-radius:999px;font-weight:900;font-size:.82rem;cursor:pointer;transition:var(--transition);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-shrink:0}.lang-button:hover{background:#ffffff3d}.lang-button:focus-visible{outline:3px solid rgba(255,255,255,.45);outline-offset:2px}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:1.5rem 1rem 2rem}.sticky-section{position:sticky;top:0;background-color:var(--background);z-index:10;padding-bottom:1rem;margin-bottom:1.25rem}.category-tabs{display:flex;gap:.75rem;margin-bottom:1.25rem;background-color:var(--card);padding:.5rem;border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.category-tab{flex:1;padding:.9rem 1.2rem;border:1px solid var(--border);background-color:transparent;color:var(--muted);font-size:1.05rem;font-weight:800;cursor:pointer;border-radius:calc(var(--radius) - 6px);transition:var(--transition);font-family:inherit}.category-tab:hover{background-color:var(--surface);color:var(--foreground)}.category-tab.active{background-color:var(--primary);color:#fff;border-color:#ffffff40;box-shadow:var(--shadow-sm)}.category-tab:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.search-bar{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.95rem 3rem .95rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;font-family:inherit;transition:var(--transition);background-color:var(--card);box-shadow:var(--shadow-sm)}html[dir=ltr] .search-input{padding:.95rem 1rem .95rem 3rem}.search-input:focus{outline:none;border-color:#c43d2c8c;box-shadow:0 0 0 6px var(--ring)}.search-input::placeholder{color:color-mix(in srgb,var(--muted),transparent 15%)}.search-icon{position:absolute;left:1rem;color:var(--muted);pointer-events:none}html[dir=ltr] .search-icon{left:auto;right:1rem}.menu-groups{display:flex;flex-direction:column;gap:1.25rem}.menu-group-title{font-size:1.05rem;font-weight:900;margin-bottom:.75rem;color:var(--foreground);opacity:.92;letter-spacing:.2px}.menu-grid{display:grid;grid-template-columns:1fr;gap:1rem}.menu-card{background-color:var(--card);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1rem;border:1px solid var(--border);overflow:hidden;transform:translateZ(0);transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s cubic-bezier(.22,1,.36,1),border-color .16s cubic-bezier(.22,1,.36,1)}.menu-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:color-mix(in srgb,var(--border),var(--primary) 18%)}.menu-card-content{flex:1;padding:1rem}.menu-card.has-image .menu-card-content{padding-inline-start:.75rem}.menu-card.no-image .menu-card-content{padding:1.1rem 1.15rem}.menu-card-title{font-size:1.05rem;font-weight:900;color:var(--foreground);line-height:1.45}.highlight{background-color:var(--highlight-bg);color:var(--highlight-text);padding:.05rem .25rem;border-radius:6px;font-weight:900}.menu-card-image-btn{border:none;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.menu-card-image-btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:12px}.menu-card-image{width:120px;height:120px;object-fit:cover;border-inline-end:1px solid var(--border);flex-shrink:0}.empty-state{text-align:center;padding:4rem 1rem}.empty-state-text{font-size:1.1rem;color:var(--muted);font-weight:700}.footer{background-color:var(--card);border-top:1px solid var(--border);padding:1.25rem 1rem;margin-top:2rem;text-align:center}.footer-text{color:var(--muted);font-size:.9rem;font-weight:700}.image-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999}.image-modal-content{position:relative;max-width:min(900px,95vw);max-height:90vh;background:#000;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg)}.image-modal-img{display:block;width:100%;height:auto;max-height:90vh;object-fit:contain}.image-modal-close{position:absolute;top:10px;inset-inline-end:10px;width:40px;height:40px;border-radius:999px;border:none;background:#ffffff29;color:#fff;font-size:28px;line-height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.image-modal-close:hover{background:#ffffff42}.image-modal-close:focus-visible{outline:3px solid rgba(255,255,255,.45);outline-offset:2px}@media (min-width: 640px){.menu-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.header{padding:.75rem 1rem}.header-shell{padding:.65rem .9rem}.header-logo{width:38px;height:38px}.header-title{font-size:1.15rem}.main-content{padding:2rem 1.5rem}}@media (min-width: 1024px){.menu-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.header{padding:.85rem 1rem}.header-shell{padding:.7rem 1rem}.header-title{font-size:1.2rem}.main-content{padding:2.25rem 2rem}.category-tabs{max-width:640px;margin-left:auto;margin-right:auto}}@media (max-width: 480px){.category-tab{font-size:1rem;padding:.8rem 1rem}.menu-card-title{font-size:1rem}.menu-card-image{width:104px;height:104px}}.menu-fade{animation:softFade .16s cubic-bezier(.22,1,.36,1)}@keyframes softFade{0%{opacity:.85;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}