@font-face{
  font-family:"29LT Zarid Display";
  src:url("../fonts/29LTZaridDisplay-Bold-v2.otf") format("opentype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
:root{
  --black:#000000;
  --gold:#FDCA11;
  --white:#ffffff;
  --muted:#a9a9a9;
  --line:#1e1e1e;
  --soft:#0a0a0a;
  --font:"29LT Zarid Display","Cairo","Tajawal",Arial,sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:#000;scroll-behavior:smooth}
body{margin:0;background:#000;color:#fff;font-family:var(--font);line-height:1.55;overflow-x:hidden;padding-bottom:86px}
button,a{font:inherit}
button{appearance:none}
.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(circle at 50% -10%, rgba(253,202,17,.13), transparent 32%),
  radial-gradient(circle at 10% 20%, rgba(253,202,17,.05), transparent 25%),
  linear-gradient(#000,#000);}
.ambient:after{content:"";position:absolute;inset:0;opacity:.14;background-image:radial-gradient(rgba(255,255,255,.12) .7px, transparent .7px);background-size:5px 5px;}
.menu-app{position:relative;z-index:1;width:min(100%,540px);margin:0 auto;padding:12px 13px 24px;}
.brand-bar{position:sticky;top:0;z-index:10;height:92px;display:grid;place-items:center;background:linear-gradient(180deg,#000 70%,rgba(0,0,0,.82) 88%,rgba(0,0,0,0));padding-top:env(safe-area-inset-top)}
.brand-logo{width:104px;max-height:68px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(253,202,17,.22))}
.menu-list{display:flex;flex-direction:column;gap:30px;padding-top:8px}
.menu-section{position:relative;animation:fadeUp .42s ease both}.menu-section:nth-child(2){animation-delay:.03s}.menu-section:nth-child(3){animation-delay:.06s}.menu-section:nth-child(4){animation-delay:.09s}
.section-title{padding:0 2px 12px;margin-bottom:8px;border-bottom:1px solid rgba(253,202,17,.7);position:relative}
.section-title:before{content:"";position:absolute;right:0;bottom:-1px;width:72px;height:3px;border-radius:999px;background:var(--gold);box-shadow:0 0 14px rgba(253,202,17,.45)}
.section-title h2{margin:0;color:var(--gold);font-size:30px;line-height:1.1;letter-spacing:-.02em}
.section-title p{margin:5px 0 0;color:#d5d5d5;font-size:13.5px;line-height:1.45}
.items{display:flex;flex-direction:column;gap:9px}
.menu-item{width:100%;background:#000;border:1px solid #242424;border-radius:18px;padding:14px 13px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;text-align:right;color:#fff;cursor:pointer;transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;position:relative;overflow:hidden}
.menu-item:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(253,202,17,.08),transparent 28%,transparent);opacity:0;transition:opacity .16s ease}
.menu-item:active{transform:scale(.992)}
.menu-item.selected{border:2px solid var(--gold);box-shadow:0 0 0 1px rgba(253,202,17,.12),0 0 22px rgba(253,202,17,.24)}
.menu-item.selected:before{opacity:1}
.item-main{position:relative;z-index:1;min-width:0;flex:1}.item-main strong{display:block;color:#fff;font-size:22px;line-height:1.18;letter-spacing:-.01em}.item-main small{display:block;color:#a8a8a8;font-size:13px;line-height:1.55;margin-top:6px}
.item-price{position:relative;z-index:1;flex:0 0 auto;min-width:58px;height:34px;border-radius:999px;background:var(--gold);color:#000;display:grid;place-items:center;font-size:15px;font-weight:900;padding:0 10px;box-shadow:0 7px 18px rgba(253,202,17,.16)}
.section-note{margin:11px 0 0;padding:12px 13px;border:1px solid rgba(253,202,17,.25);border-radius:16px;background:#050505;color:#d0d0d0;font-size:12.5px;line-height:1.65}
.pdf-strip{position:fixed;z-index:9999;left:0;right:0;bottom:0;height:64px;background:var(--gold);color:#000;text-decoration:none;display:grid;place-items:center;font-size:20px;font-weight:900;box-shadow:0 -10px 34px rgba(0,0,0,.45);padding-bottom:env(safe-area-inset-bottom)}
.pdf-strip span{transform:translateY(-1px)}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (min-width:700px){.menu-app{padding-inline:0}.menu-item:hover{border-color:rgba(253,202,17,.7)}}