:root{color-scheme:dark;--bg:#1b1b1a;--sidebar:#101110;--surface:#222220;--line:#3b3934;--gold:#e3bd7d;--muted:#b2ada4;--text:#f6f1e8}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font:16px/1.7 'Noto Sans Arabic',Tahoma,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.app{max-width:1600px;margin:auto;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:230px minmax(0,1fr);direction:ltr}.sidebar,main{direction:rtl}.sidebar{background:var(--sidebar);border-right:1px solid #33312a;padding:36px 16px 28px;position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;flex-direction:column;align-items:center;gap:3px;padding-bottom:32px}.monogram{font:32px Georgia;color:var(--gold);border:1px solid #a78551;width:63px;height:63px;display:grid;place-items:center;border-radius:16px 0 16px 0;margin-bottom:12px}.brand strong{font-size:25px;font-weight:700}.english{font:12px Georgia;letter-spacing:3.5px;color:var(--gold)}.nav-label{font-size:13px;color:#8e897e;margin:7px 14px 13px}nav{display:grid;gap:10px}nav button{background:transparent;border:1px solid transparent;color:#d9d4cb;display:flex;align-items:center;text-align:right;gap:11px;border-radius:7px;padding:14px 12px;width:100%;min-height:58px;cursor:pointer;font-size:14px;transition:background .18s,color .18s}nav button:hover{background:#25241f}nav button[aria-pressed=true]{color:#17140e;background:linear-gradient(110deg,#af8148,#e0b87b);border-color:#ecc994;box-shadow:0 4px 18px #0003}svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nav-count{margin-right:auto;font-size:12px;opacity:.65}.sidebar-bottom{margin-top:auto;padding:35px 13px 0}.small-line{display:block;width:29px;height:1px;background:var(--gold)}.sidebar-bottom p{font-size:15px;color:#aaa397;line-height:1.9;margin:17px 0 9px}.sidebar-bottom strong{font-weight:500;color:var(--gold)}.tiny{font-size:10px;letter-spacing:2px}main{padding:36px 36px 20px;min-width:0;background:radial-gradient(ellipse at top right,#2b2923 0,transparent 48%)}.main-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{font:11px Arial;letter-spacing:2.5px;color:var(--gold)}h1{font-size:31px;font-weight:700;margin:8px 0 3px;line-height:1.6}.main-header p{font-size:14px;color:var(--muted);margin:0}.section-count{color:#a98c61;direction:ltr;font:19px Georgia;white-space:nowrap}.category-rule{border-top:1px solid #4a4337;display:flex;justify-content:space-between;margin:23px 0 21px;padding-top:14px;color:var(--muted);font-size:12px}.category-rule span:first-child{color:var(--gold)}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{background:linear-gradient(145deg,#292824,#1c1c1a);border:1px solid #4a4337;border-radius:10px;overflow:hidden;min-width:0;box-shadow:0 7px 20px #0002}.photo{position:relative;aspect-ratio:1.65;overflow:hidden;background:#151512}.photo img{width:100%;height:100%;display:block;object-fit:cover}.badge{position:absolute;top:13px;right:13px;background:#181712e8;border:1px solid #b8965e;border-radius:4px;padding:3px 10px;color:#f0cc8c;font-size:12px;z-index:1}.card-content{padding:16px 19px 15px}.card-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.card h2{font-size:20px;margin:0;font-weight:600;line-height:1.6}.weight{color:#c4b293;font-size:12px;white-space:nowrap}.card p{color:var(--muted);font-size:14px;line-height:1.7;margin:7px 0 13px}.card-bottom{border-top:1px solid #3b3932;padding-top:10px;display:flex;align-items:center;justify-content:space-between}.price{font-size:23px;line-height:1.3;color:var(--gold);font-weight:600}.currency{font-size:13px;font-weight:400;margin-right:4px}.card-category{font-size:12px;color:#9c9589}.allergy{display:flex;align-items:center;gap:9px;color:var(--muted);border-top:1px solid var(--line);margin-top:26px;padding-top:18px}.allergy svg{width:19px;height:19px;color:var(--gold)}.allergy p{font-size:12px;margin:0}footer{display:flex;justify-content:space-between;padding-top:18px;color:#928b7f;font-size:12px}footer span[lang]{font:11px Georgia;letter-spacing:2px}.sauce-card{min-height:190px;display:flex;align-items:center;border-top:2px solid #b79357}.sauce-card .card-content{width:100%;padding:25px}.sauce-card .card-category{color:var(--gold)}@media(min-width:1350px){.app{grid-template-columns:250px minmax(0,1fr)}main{padding:42px 50px 25px}.menu-grid{gap:26px}.photo{aspect-ratio:1.9}}@media(min-width:700px) and (max-width:900px){.app{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:28px 10px}.brand strong{font-size:23px}.brand .english{font-size:10px}nav button{padding:14px 9px;gap:8px;font-size:13px}.nav-count{display:none}nav svg{width:21px}main{padding:29px 22px 20px}.menu-grid{gap:16px}.photo{aspect-ratio:1.15}.card-content{padding:13px}.card h2{font-size:18px}.card-line{align-items:start;flex-direction:column;gap:3px}.card p{min-height:70px;font-size:13px}.price{font-size:21px}.card-category{font-size:11px}.main-header h1{font-size:27px}.section-count{font-size:16px}}@media(min-width:901px) and (max-height:850px){main{padding:23px 29px 18px}.sidebar{padding-top:23px}.brand{padding-bottom:22px}.main-header h1{font-size:27px}.category-rule{margin:16px 0;padding-top:10px}.photo{aspect-ratio:2}.card-content{padding:12px 16px}.card h2{font-size:18px}.card p{font-size:13px;margin:5px 0 10px}.menu-grid{gap:17px}.allergy{margin-top:20px}.sidebar-bottom{padding-top:20px}}@media(max-width:699px){.app{display:block}.sidebar{position:sticky;z-index:10;top:0;height:auto;padding:14px 16px 0;overflow:visible;border-right:0;border-bottom:1px solid #554a38;background:#111210f5;backdrop-filter:blur(15px)}.brand{flex-direction:row;padding:0 0 13px;gap:12px}.monogram{height:38px;width:38px;margin:0;border-radius:10px 0 10px 0;font-size:21px}.brand strong{font-size:22px}.brand .english{margin-right:auto;font-size:9px;letter-spacing:2px}.nav-label,.sidebar-bottom,.nav-count{display:none}nav{display:flex;overflow-x:auto;gap:8px;padding-bottom:12px}nav button{white-space:nowrap;min-height:46px;padding:9px 12px;width:auto;font-size:13px;gap:7px}nav svg{width:19px;height:19px}main{padding:24px 17px 20px}.main-header h1{font-size:27px}.main-header p{font-size:13px}.section-count{font-size:16px}.category-rule{margin:18px 0}.menu-grid{gap:12px}.photo{aspect-ratio:1.1}.card-content{padding:11px}.card h2{font-size:16px}.card-line{flex-direction:column;align-items:start;gap:2px}.weight{font-size:11px}.card p{font-size:12px;min-height:62px}.card-category{display:none}.price{font-size:21px}.badge{top:7px;right:7px;font-size:10px;padding:2px 7px}.allergy p{font-size:12px}.sauce-card{min-height:185px}.sauce-card .card-content{padding:15px}}@media(max-width:360px){.menu-grid{grid-template-columns:1fr}.photo{aspect-ratio:1.6}.card p{min-height:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.photo .tile{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);overflow:hidden}.photo .tile img{position:absolute;max-width:none;object-fit:fill}.photo-drink{background:#27221c}.photo-drink .tile{height:100%;width:auto;left:50%;transform:translate(-50%,-50%)}
[hidden]{display:none!important}.order-controls{margin-top:15px}.add-order,.quantity-control{width:100%;min-height:48px;border:1px solid #b99156;border-radius:6px}.add-order{display:flex;justify-content:space-between;align-items:center;padding:9px 15px;background:linear-gradient(110deg,#b38b53,#e3bd7d);color:#1b160e;font-size:14px;font-weight:600;cursor:pointer}.add-order span{font-size:24px;line-height:1}.quantity-control{display:flex;align-items:center;justify-content:space-between;background:#171815;direction:ltr}.quantity-control button{width:48px;min-height:48px;background:transparent;border:0;color:var(--gold);font-size:25px;cursor:pointer;border-radius:5px}.quantity-control button:hover{background:#3b3325}.quantity-control output{font-size:19px;font-weight:600;color:var(--gold)}.order-summary{position:sticky;bottom:12px;margin-top:20px;border:1px solid #b99156;border-radius:9px;background:#171815;box-shadow:0 6px 30px #0008;z-index:8}.order-summary summary{min-height:60px;display:flex;gap:16px;align-items:center;padding:12px 18px;cursor:pointer;color:var(--gold);list-style:none;font-weight:600}.order-summary summary::-webkit-details-marker{display:none}.order-summary summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.order-count{display:inline-grid;place-items:center;min-width:27px;height:27px;background:#d4ad70;color:#151511;border-radius:5px;font-size:14px;margin-right:8px}#order-total{margin-right:auto}.review-label{font-size:12px;font-weight:400;border-right:1px solid #615037;padding-right:15px}.order-details{padding:0 18px 14px;max-height:35vh;overflow-y:auto}.order-details ul{list-style:none;padding:0;margin:0;border-top:1px solid #4a4030}.order-details li{display:flex;justify-content:space-between;gap:18px;padding:10px 0;font-size:14px;border-bottom:1px solid #353129}.order-details p{font-size:12px;color:var(--muted);margin:12px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:699px){.add-order{padding:9px 10px;font-size:13px}.order-summary summary{padding:12px;gap:10px;font-size:14px}.review-label{font-size:11px;padding-right:9px}.order-summary{bottom:max(8px,env(safe-area-inset-bottom))}.order-count{margin-right:3px}}
