:root{color-scheme:dark;--bg:#12100e;--surface:#1e1a16;--line:#3b3025;--gold:#e8b958;--gold-light:#f7d789;--text:#f6f0e4;--muted:#b9aa96;font-family:Tajawal,Tahoma,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 20% -12%,#382615 0,transparent 35%),var(--bg);color:var(--text);min-width:280px}
a{color:inherit}
.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}
.site-header{max-width:1200px;margin:auto;padding:18px 24px 19px;position:relative;overflow:hidden}
.brand{display:flex;align-items:center;justify-content:center;gap:16px;position:relative;z-index:1;width:max-content;max-width:100%;margin:auto}
.brand img{height:82px;width:82px;object-fit:cover;border-radius:16px;border:1px solid #6c4a23;background:#090807;flex:none}
.brand-copy{text-align:start}
.eyebrow{color:var(--gold);font-family:Arial,sans-serif;font-size:.76rem;letter-spacing:.16em;font-weight:700;margin:0 0 6px}
h1{font-size:clamp(1.8rem,4vw,2.35rem);line-height:1.2;margin:0;font-weight:800}
.smoke{position:absolute;inset:auto -80px -120px auto;width:340px;height:210px;border:1px solid #d79a4330;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 29px #d79a4310,0 0 0 60px #d79a4309;pointer-events:none}
.category-nav{position:sticky;top:0;z-index:5;background:#12100ef2;border-block:1px solid var(--line);backdrop-filter:blur(12px)}
.nav-inner{max-width:1200px;margin:auto;padding:9px 24px 10px}
.search-field{position:relative;display:block;width:min(100%,330px);margin:0 auto 8px}
.search-field svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:19px;height:19px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.search-field input{display:block;width:100%;height:38px;padding:6px 38px 5px 14px;border:1px solid var(--line);border-radius:10px;background:#211b16;color:var(--text);font:500 .92rem Tajawal,Tahoma,Arial,sans-serif;outline:none}
.search-field input::placeholder{color:var(--muted);opacity:1}
.search-field input:focus-visible{border-color:var(--gold);box-shadow:0 0 0 2px #e8b95826}
.category-track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#775833 transparent}
.category-track a{flex:none;text-decoration:none;white-space:nowrap;padding:8px 14px 7px;border-radius:999px;border:1px solid var(--line);font-size:.9rem;font-weight:700;color:var(--muted);min-height:40px;display:grid;place-items:center;transition:background-color .15s,color .15s,border-color .15s}
.category-track a:hover,.category-track a:focus-visible{border-color:var(--gold);color:var(--gold-light);outline:none}
.category-track a[aria-current="true"]{background:var(--gold);border-color:var(--gold);color:var(--bg)}
.menu{max-width:1200px;margin:auto;padding:12px 24px 48px}
.menu-section{scroll-margin-top:126px;margin-top:26px}
.section-heading{display:flex;align-items:center;gap:12px;margin:0 0 11px}
.section-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;color:var(--gold);background:#372818;border:1px solid #72512b;border-radius:12px}
.section-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.section-heading h2{font-size:1.32rem;line-height:1.35;margin:0;font-weight:800}
.section-heading:after{content:"";height:1px;background:linear-gradient(to left,var(--line),transparent);flex:1}
.items{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.item{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 16px;min-height:48px}
.item+.item{border-top:1px solid #ffffff13}
.item-name{font-size:1rem;font-weight:600;line-height:1.45;min-width:0;overflow-wrap:anywhere}
.item-description{display:block;color:var(--muted);font-weight:500;font-size:.85rem;margin-top:2px}
.price{flex:none;display:inline-flex;gap:4px;direction:ltr;unicode-bidi:isolate;color:var(--gold-light);font-size:.98rem;font-weight:700;white-space:nowrap}
.loading,.error,.empty{text-align:center;padding:42px 10px;color:var(--muted);font-weight:500}
footer{border-top:1px solid var(--line);padding:28px;text-align:center;font:500 .73rem Arial,sans-serif;letter-spacing:.2em;color:#a17e4e}
[hidden]{display:none!important}
@media(min-width:960px){.menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-items:start}.menu-section{margin-top:26px}.menu-section:first-child{grid-row:span 2}}
@media(max-width:600px){.site-header{padding:14px 16px 16px}.brand img{height:72px;width:72px}.nav-inner{padding:8px 0 9px}.search-field{width:calc(100% - 32px)}.category-track{padding-inline:16px}.menu{padding-inline:16px}}
@media(max-width:360px){.site-header,.menu{padding-inline:12px}.search-field{width:calc(100% - 24px)}.category-track{padding-inline:12px}.item{padding-inline:12px;gap:8px}.price{font-size:.91rem}.brand img{height:66px;width:66px}.eyebrow{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.category-track a{transition:none}}