:root{--brand-primary:#142b5d;--brand-accent:#b8860b;--brand-surface:#faf8f3;--brand-text:#1a1f2e;--brand-text-muted:#5b6472;--brand-card:#ffffff;--brand-border:rgba(0,0,0,.12);--brand-card-border:rgba(0,0,0,.10);--brand-shadow:rgba(0,0,0,.10);--brand-on-primary:#ffffff;--brand-on-accent:#111827}
body{background:var(--brand-surface);color:var(--brand-text);overflow-x:hidden}.table-menu{min-height:100vh;padding:18px;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--brand-accent) 14%,transparent),transparent 28%),radial-gradient(circle at 82% 0,color-mix(in srgb,var(--brand-primary) 14%,transparent),transparent 26%),linear-gradient(160deg,var(--brand-surface),color-mix(in srgb,var(--brand-surface) 80%,#ffffff) 54%,var(--brand-surface))}.intro{position:fixed;inset:0;z-index:20;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(circle at center,color-mix(in srgb,var(--brand-accent) 14%,transparent),transparent 34%),linear-gradient(160deg,var(--brand-surface),color-mix(in srgb,var(--brand-surface) 80%,#ffffff));transition:opacity .58s ease,visibility .58s ease,transform .58s ease}.intro.is-done{opacity:0;visibility:hidden;transform:scale(1.04);pointer-events:none}.loader-orb{width:min(66vw,300px);height:min(66vw,300px);position:relative;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--brand-primary) 12%,transparent),color-mix(in srgb,var(--brand-primary) 4%,transparent));box-shadow:inset 0 0 34px color-mix(in srgb,var(--brand-primary) 10%,transparent),0 24px 80px var(--brand-shadow)}.orb-glow{position:absolute;border-radius:50%;filter:blur(4px);background:color-mix(in srgb,var(--brand-accent) 20%,transparent);animation:floatOrb 3.2s ease-in-out infinite}.orb-glow.one{width:82px;height:82px;top:8px;left:10px}.orb-glow.two{width:124px;height:124px;right:-22px;bottom:12px;animation-delay:.7s}.loader-logo{position:absolute;width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 18px 34px var(--brand-shadow));transform-origin:center}.anifee-loader-logo{animation:anifeePulse 2.6s ease-in-out infinite}.bell-loader-logo{opacity:0;animation:bellMorph 2.6s ease-in-out infinite}.intro p{margin:28px 0 6px;color:var(--brand-text);font-size:clamp(18px,5vw,27px);font-weight:900;text-shadow:0 10px 28px var(--brand-shadow)}.intro small{color:var(--brand-text-muted);font-weight:800}.menu-shell{max-width:920px;margin:auto;opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.menu-shell.is-ready{opacity:1;transform:translateY(0)}.menu-shell header.menu-top-island{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;background:color-mix(in srgb,var(--brand-card) 92%,transparent);backdrop-filter:blur(16px);border:1px solid var(--brand-card-border);border-radius:20px;padding:10px 12px;margin-bottom:14px;position:sticky;top:10px;z-index:5;box-shadow:0 8px 30px var(--brand-shadow)}.category-rail{grid-column:1/-1;display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 2px 4px;margin-top:-2px}.category-rail::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;scroll-snap-align:start;max-width:min(58vw,230px);overflow:hidden;text-overflow:ellipsis;border:1px solid var(--brand-card-border);border-radius:14px;padding:9px 13px;background:var(--brand-card);color:var(--brand-text);font-weight:900;font-size:.88rem;white-space:nowrap;box-shadow:0 6px 18px var(--brand-shadow);cursor:pointer}.category-chip:active{transform:scale(.96)}.category-chip[hidden]{display:none}.category-chip:disabled{opacity:.45;cursor:not-allowed;transform:none}.category-chip.is-active{background:var(--brand-primary);color:var(--brand-on-primary);border-color:var(--brand-primary);box-shadow:0 8px 22px color-mix(in srgb,var(--brand-primary) 30%,transparent)}.bell-button{width:58px;height:58px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;box-shadow:none;cursor:pointer}.bell-button img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 6px 10px var(--brand-shadow))}.bell-button:active{transform:scale(.94)}.menu-group{margin:16px 0;scroll-margin-top:150px}.menu-group h2{color:var(--brand-primary)}.menu-item{display:flex;align-items:flex-start;gap:16px;background:var(--brand-card);border:1px solid var(--brand-card-border);border-radius:20px;padding:16px;margin:12px 0;box-shadow:0 4px 16px var(--brand-shadow)}.menu-item img{width:228px;height:228px;border-radius:18px;object-fit:cover;background:#fff;flex:0 0 auto}.menu-item>div{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px;align-self:stretch}.menu-item strong{font-size:1.08rem;line-height:1.5;color:var(--brand-text);font-weight:900}.menu-item p{margin:0;color:var(--brand-text-muted);font-size:.88rem;line-height:1.65}.menu-item small{color:var(--brand-accent);font-weight:900;font-size:1rem;display:block;margin-top:2px}.menu-item>button{align-self:flex-start;flex:0 0 auto;border:0;border-radius:14px;padding:11px 18px;margin-top:auto;background:var(--brand-accent);color:var(--brand-on-accent);font-weight:900;box-shadow:0 6px 16px color-mix(in srgb,var(--brand-accent) 30%,transparent);cursor:pointer;transition:transform .15s ease}.menu-item>button:active{transform:scale(.95)}.cart{position:sticky;bottom:12px;background:color-mix(in srgb,var(--brand-card) 96%,transparent);backdrop-filter:blur(14px);border:1px solid var(--brand-card-border);border-radius:18px;padding:10px;margin-top:14px;box-shadow:0 16px 40px var(--brand-shadow)}.cart h2{margin:0 0 6px;font-size:1rem;color:var(--brand-text)}.cart #cart-list{max-height:min(30vh,230px);overflow-y:auto;overscroll-behavior:contain;padding-inline-end:3px;scrollbar-width:thin;scrollbar-color:var(--brand-accent) var(--brand-card-border)}.cart #cart-list::-webkit-scrollbar{width:5px}.cart #cart-list::-webkit-scrollbar-thumb{background:var(--brand-accent);border-radius:999px}.cart-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;margin:5px 0;color:var(--brand-text);font-size:.84rem;line-height:1.55}.cart-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-row strong{font-size:.82rem;color:var(--brand-primary);white-space:nowrap}.cart-remove{width:24px;height:24px;border:0;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,#ef4444 18%,transparent);color:#dc2626;font-size:14px;line-height:1;cursor:pointer}.cart-remove:active{transform:scale(.92)}.cart .btn{min-height:38px;margin-top:8px;padding:8px 12px;font-size:.9rem}.cart .btn-primary{background:var(--brand-primary);color:var(--brand-on-primary);box-shadow:0 8px 20px color-mix(in srgb,var(--brand-primary) 28%,transparent)}.cart .message,.cart .sent-state,.cart p{margin:6px 0 0;font-size:.78rem;line-height:1.55;color:var(--brand-text-muted)}.cart .sent-state{color:#16a34a}@keyframes anifeePulse{0%,44%{opacity:1;transform:scale(1) rotate(0)}52%,100%{opacity:0;transform:scale(.74) rotate(-12deg)}}@keyframes bellMorph{0%,42%{opacity:0;transform:scale(.68) rotate(10deg)}54%,86%{opacity:1;transform:scale(1.05) rotate(0)}100%{opacity:.55;transform:scale(.9) rotate(-4deg)}}@keyframes floatOrb{0%,100%{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-16px) scale(1.12);opacity:.9}}@media(max-width:640px){.table-menu{padding:12px}.menu-group{scroll-margin-top:142px}.cart{bottom:8px;padding:9px;border-radius:16px}.cart #cart-list{max-height:28vh}.menu-shell header.menu-top-island{top:8px;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:8px 10px}.category-rail{gap:8px;margin-top:0;padding-bottom:3px}.category-chip{border-radius:13px;padding:8px 11px;font-size:.82rem}.menu-brand-mini{width:64px}.menu-brand-mini img{width:48px;height:48px}.menu-brand-mini strong{width:48px;font-size:10px}}
.menu-brand-mini{width:74px;display:grid;justify-items:center;gap:5px;overflow:hidden}.menu-brand-mini img{width:54px;height:54px;border-radius:14px;object-fit:contain;background:#fff;padding:3px}.menu-brand-mini strong{width:54px;color:var(--brand-text);font-size:11px;font-weight:900;line-height:1.25;text-align:center;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.menu-search-box{min-width:0}.menu-search{margin-top:0;background:var(--brand-card);border-color:var(--brand-card-border);color:var(--brand-text)}.menu-search::placeholder{color:var(--brand-text-muted)}.menu-search:focus{border-color:var(--brand-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-accent) 16%,transparent)}
.bell-button:disabled,#send-order:disabled{opacity:.62;cursor:not-allowed;transform:none!important}
.menu-item.unavailable-item{opacity:.62;filter:grayscale(.25)}.menu-item.unavailable-item strong:after{content:' ناموجود';display:inline-block;margin-right:8px;padding:2px 8px;border-radius:999px;background:#fee2e2;color:#b91c1c;font-size:12px}.menu-item.unavailable-item button{background:#cbd5e1;color:#64748b;cursor:not-allowed;box-shadow:none}

.category-landing{max-width:920px;margin:auto;opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease;padding:8px}.category-landing.is-ready{opacity:1;transform:translateY(0)}.cat-landing-head{display:flex;justify-content:center;margin:6px 0 18px}.cat-landing-brand{display:flex;align-items:center;gap:10px}.cat-landing-brand img{width:54px;height:54px;border-radius:14px;object-fit:contain;background:#fff;padding:3px}.cat-landing-brand strong{color:var(--brand-primary);font-size:1.25rem;font-weight:900}.cat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.cat-card{position:relative;display:block;border:1px solid var(--brand-card-border);border-radius:22px;padding:0;background:var(--brand-card);overflow:hidden;box-shadow:0 8px 26px var(--brand-shadow);cursor:pointer;aspect-ratio:1/1.12;transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s ease}.cat-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px var(--brand-shadow)}.cat-card:active{transform:scale(.97)}.cat-card img,.cat-card .cat-card-emoji{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:color-mix(in srgb,var(--brand-surface) 80%,#fff);border:0;display:grid;place-items:center;font-size:2.6rem;transition:transform .4s ease}.cat-card:hover img,.cat-card:hover .cat-card-emoji{transform:scale(1.06)}.cat-card .cat-card-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.62) 100%);pointer-events:none}.cat-card .cat-card-name{position:absolute;left:0;right:0;bottom:0;margin:0;padding:12px 12px 13px;color:#fff;font-weight:900;font-size:1rem;line-height:1.45;text-align:center;letter-spacing:.2px;backdrop-filter:blur(7px) saturate(1.3);-webkit-backdrop-filter:blur(7px) saturate(1.3);background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.46));text-shadow:0 1px 6px rgba(0,0,0,.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-card .cat-card-name::after{content:"";position:absolute;inset:0;border-top:1px solid rgba(255,255,255,.22);pointer-events:none}.cat-view-all{width:100%;margin-top:22px;min-height:46px;background:var(--brand-card);color:var(--brand-primary);border:1px solid var(--brand-card-border);font-weight:900}.cat-view-all:active{transform:scale(.98)}@media(max-width:640px){.cat-cards{grid-template-columns:repeat(auto-fill,minmax(44%,1fr));gap:12px}.cat-card-name{font-size:.92rem}.cat-landing-brand img{width:48px;height:48px}}
/* menu-item responsive */@media(max-width:640px){.menu-item{flex-wrap:wrap;gap:12px}.menu-item img{width:100%;height:auto;aspect-ratio:16/9;order:-1}.menu-item>div{flex:1 1 100%;order:0}.menu-item>button{align-self:flex-end;order:1}}@media(max-width:480px){.menu-item img{aspect-ratio:4/3}.menu-item strong{font-size:1rem}.menu-item p{font-size:.84rem}}