@import "https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Noto+Sans+Arabic:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap";
:root{--menu-color-primary:#046e8e;--menu-color-deep:#035d71;--menu-color-accent:#238999;--menu-color-light:#5a9aa2;--menu-color-soft:#56a6b1;--menu-color-off-white:#dfe0e2;--menu-color-white:#fff;--menu-color-ink:#101116;--royal-corner-mask:url(/royal-corner.svg);--menu-font-display:"Poppins", sans-serif;--menu-font-body:"Poppins", "Noto Sans Arabic", Helvetica, Arial, sans-serif;--menu-panel-padding-x:48px;--menu-panel-padding-y:56px;--menu-outline-stroke:1.5px;--primary:var(--menu-color-primary);--background:var(--menu-color-primary);--card:var(--menu-color-deep);--text:var(--menu-color-white);--text-muted:var(--menu-color-off-white)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--menu-color-primary);color:var(--menu-color-white);font-family:var(--menu-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.brand-font{font-family:var(--menu-font-display)}.menu-container{max-width:1200px;min-height:100vh;margin:0 auto;padding:.5rem}.menu-sheet{background-color:var(--menu-color-primary);border:1px solid var(--menu-color-white);isolation:isolate;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.menu-sheet:before{content:"";opacity:.07;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C!-- Burger --%3E%3Cg transform='translate(40,40) rotate(-15)'%3E%3Cpath d='M0 10c0-6 4-10 10-10s10 4 10 10v2H0v-2zm0 4h20v2H0v-2zm0 4h20c0 6-4 10-10 10s-10-4-10-10v-2z'/%3E%3Ccircle cx='5' cy='3' r='0.5' fill='%23fff'/%3E%3Ccircle cx='10' cy='2' r='0.5' fill='%23fff'/%3E%3Ccircle cx='15' cy='4' r='0.5' fill='%23fff'/%3E%3C/g%3E%3C!-- Pizza --%3E%3Cg transform='translate(300,50) rotate(20)'%3E%3Cpath d='M0 0l25 45h-50l25-45z'/%3E%3Ccircle cx='0' cy='20' r='2'/%3E%3Ccircle cx='-10' cy='35' r='2'/%3E%3Ccircle cx='8' cy='35' r='2'/%3E%3C/g%3E%3C!-- Taco --%3E%3Cg transform='translate(60,320) rotate(10)'%3E%3Cpath d='M0 15c0-10 20-10 20 0h-20z'/%3E%3Cpath d='M3 12c3-4 14-4 17 0'/%3E%3C/g%3E%3C!-- Chicken --%3E%3Cg transform='translate(320,300) rotate(-25)'%3E%3Cpath d='M0 0c-8 0-15 8-15 15s8 15 15 15 15-8 15-15-8-15-15-15zm0 35c-2 0-4 2-4 4s2 4 4 4 4-2 4-4-2-4-4-4z'/%3E%3Cpath d='M0 25v10' stroke-width='3'/%3E%3C/g%3E%3C!-- Coffee --%3E%3Cg transform='translate(180,200) rotate(5)'%3E%3Cpath d='M0 0h20v15c0 6-5 10-10 10s-10-4-10-10v-15z'/%3E%3Cpath d='M20 3c3 0 5 2 5 5s-2 5-5 5'/%3E%3Cpath d='M5-8c0-3 1-3 1 0s1 3 1 0M13-8c0-3 1-3 1 0s1 3 1 0' stroke-width='1'/%3E%3C/g%3E%3C!-- Small accents --%3E%3Ccircle cx='250' cy='180' r='2' fill='%23fff'/%3E%3Ccircle cx='80' cy='150' r='1.5' fill='%23fff'/%3E%3Ccircle cx='200' cy='350' r='2' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");background-size:320px 320px;position:absolute;inset:0}.brand-header{text-align:center;margin-bottom:2rem;padding:0 .5rem;position:relative}.brand-logo{max-width:110px;height:auto;margin:0 auto .5rem;display:block}.brand-title{color:var(--menu-color-white);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-size:2.2rem;font-weight:800;line-height:1.1}.brand-subtitle{letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;font-weight:600}.category-nav-wrapper{z-index:100;background-color:var(--menu-color-primary);box-shadow:none;background-image:linear-gradient(90deg,#0000,#fff6 12% 88%,#0000),linear-gradient(90deg,#0000,#fff3 12% 88%,#0000);background-position:top,bottom;background-repeat:no-repeat;background-size:100% 1px,100% 1px;border-top:0;border-bottom:0;margin:0 -2.5rem 2rem;padding:.75rem 2.5rem .25rem;position:sticky;top:0}.category-nav-wrapper:before,.contact-badge:before,.agency-footer:before{display:none}.category-nav{scrollbar-width:none;-ms-overflow-style:none;gap:.75rem;padding:.5rem .25rem 1rem;display:flex;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.category-chip{border:2px solid var(--menu-color-white);color:var(--menu-color-white);font-family:var(--menu-font-body);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:30px;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.category-chip:hover{background-color:#ffffff14}.category-chip.active{background:var(--menu-color-white);color:var(--menu-color-primary);border-color:var(--menu-color-white);box-shadow:none}.reset-filter-btn{border:2px double var(--menu-color-white);color:var(--menu-color-white);text-transform:uppercase;font-weight:700;font-family:var(--menu-font-body);cursor:pointer;letter-spacing:.05em;background:0 0;border-radius:8px;padding:.75rem 2rem;transition:all .2s}.reset-filter-btn:hover,.reset-filter-btn:active{background:var(--menu-color-white);color:var(--menu-color-primary)}.menu-grid{grid-template-columns:1fr;gap:2rem;display:grid}.menu-section{margin-bottom:2.5rem}.menu-section:last-child{margin-bottom:0}.section-header{text-align:center;margin-top:0;margin-bottom:1.5rem}.section-title{color:var(--menu-color-white);font-family:var(--menu-font-display);text-transform:uppercase;letter-spacing:.05em;text-align:center;align-items:center;gap:.5rem;font-size:1.6rem;font-weight:700;display:inline-flex}.item-container{cursor:pointer;-webkit-tap-highlight-color:transparent;margin-bottom:1rem}.item-container:last-child{margin-bottom:0}.item-container:hover .item-row{opacity:.8}.item-row{justify-content:space-between;align-items:flex-end;gap:.5rem;margin-bottom:.25rem;transition:opacity .2s;display:flex;position:relative}.item-name{background-color:var(--menu-color-primary);z-index:1;word-wrap:break-word;color:var(--menu-color-white);flex:0 auto;padding-right:.25rem;font-size:1.05rem;font-weight:700;line-height:1.2}.leader-line{border-bottom:1px dashed var(--menu-color-white);opacity:.45;flex:20px;margin:0 .25rem;position:relative;top:-5px}.item-price{background-color:var(--menu-color-primary);z-index:1;white-space:nowrap;color:var(--menu-color-white);flex:none;padding-left:.25rem;font-size:1.05rem;font-weight:700}.item-price.gold{color:var(--menu-color-white)}.item-ingredients{color:var(--menu-color-secondary);opacity:1;max-width:95%;margin-top:.2rem;padding-left:.25rem;font-size:.85rem;font-weight:500;line-height:1.4}.detail-line{color:var(--menu-color-secondary);margin-bottom:.2rem;font-weight:600}.contact-badge{color:var(--menu-color-white);background-color:#0000;background-image:linear-gradient(90deg,#0000,#fff6 12% 88%,#0000),linear-gradient(90deg,#0000,#fff3 12% 88%,#0000);background-position:top,bottom;background-repeat:no-repeat;background-size:100% 1px,100% 1px;border-top:0;border-bottom:0;grid-template-columns:1fr 1fr;gap:1.5rem .5rem;width:100%;margin-top:2.5rem;padding:1.5rem .25rem;display:grid;position:relative}.contact-row{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;margin-bottom:0;font-size:.85rem;font-weight:700;transition:opacity .2s;display:flex}.contact-row:hover,.contact-row:active{opacity:.6}.contact-row span{word-break:break-word}.tagline{text-align:center;color:var(--menu-color-white);margin-top:2rem;font-size:1.2rem;font-style:italic}.agency-footer{z-index:1;background-image:linear-gradient(90deg,#0000,#fff6 12% 88%,#0000);background-position:top;background-repeat:no-repeat;background-size:100% 1px;border-top:0;grid-template-columns:1fr;place-items:center;gap:1.5rem;margin-top:2.5rem;padding:1.25rem 0 1.5rem;display:grid;position:relative}.agency-rights{color:var(--menu-color-white);letter-spacing:.06em;text-align:center;text-transform:uppercase;font-size:.78rem;font-weight:400}.agency-logo-link{color:inherit;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.agency-logo{width:55px;height:auto;display:block}.agency-socials{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;display:flex}.agency-social-link{width:44px;height:44px;color:var(--menu-color-white);-webkit-tap-highlight-color:transparent;border:2px double #ffffff8c;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.agency-social-link:hover,.agency-social-link:focus-visible{background:var(--menu-color-white);border-color:var(--menu-color-white);color:var(--menu-color-primary)}.agency-social-link:active{transform:scale(.96)}.cart-overlay{background:var(--menu-color-white);color:var(--menu-color-primary);cursor:pointer;z-index:1000;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:1rem;transition:transform .2s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 16px #0000004d}.cart-overlay:active{transform:scale(.95)}.cart-badge{background:var(--menu-color-white);color:var(--menu-color-primary);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.cart-panel{background:var(--menu-color-primary);width:100%;height:100%;box-shadow:none;z-index:1001;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-100%}.cart-panel.open{right:0}.cart-header{background:var(--menu-color-white);color:var(--menu-color-primary);padding:1.25rem;padding-top:max(1.25rem, env(safe-area-inset-top));border-bottom:1px solid #ffffff80;justify-content:space-between;align-items:center;display:flex}.cart-title{text-transform:uppercase;font-size:1.2rem;font-weight:700}.close-cart{color:var(--menu-color-primary);cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:2rem;line-height:1}.cart-items{padding:1.25rem;padding-bottom:max(1.25rem, env(safe-area-inset-bottom));flex-grow:1;overflow-y:auto}.cart-item{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.cart-item-info h4{max-width:180px;margin-bottom:.25rem;font-size:.95rem;font-weight:700}.cart-item-price{color:var(--menu-color-white);font-size:.85rem;font-weight:700}.cart-item-actions{align-items:center;gap:.5rem;display:flex}.cart-btn{background:var(--menu-color-white);color:var(--menu-color-primary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;display:flex}.cart-btn:active{background:var(--menu-color-gold-dark)}.cart-footer{background:var(--menu-color-primary);padding:1.25rem;padding-bottom:max(1.25rem, env(safe-area-inset-bottom));border-top:1px solid #ffffff52}.cart-total{justify-content:space-between;margin-bottom:1rem;font-size:1.2rem;font-weight:700;display:flex}@media (min-width:768px){.menu-container{padding:2rem}.menu-sheet{padding:3rem}.menu-sheet:before{inset:10px}.menu-sheet:after{inset:16px}.corner-ornament{width:72px;height:72px}.corner-tl{top:8px;left:8px}.corner-tr{top:8px;right:8px}.corner-bl{bottom:8px;left:8px}.corner-br{bottom:8px;right:8px}.brand-logo{max-width:140px;max-height:140px;margin-bottom:.75rem}.brand-title{letter-spacing:.1em;margin-bottom:.75rem;font-size:3.5rem}.brand-subtitle{letter-spacing:.2em;font-size:1rem}.category-nav-wrapper{margin:0 -3rem 3rem;padding:1.25rem 3rem .75rem}.category-chip{padding:.6rem 1.5rem;font-size:.95rem}.section-title{letter-spacing:0;font-size:1.85rem}.item-name{padding-right:.5rem;font-size:1.15rem}.item-price{padding-left:.5rem;font-size:1.1rem}.leader-line{margin:0 .5rem;top:-6px}.item-ingredients{max-width:85%;font-size:.8rem}.contact-badge{border-left:none;border-right:none;justify-content:space-around;align-items:flex-start;width:100%;margin-top:4rem;padding:3rem 0;display:flex}.tagline{text-align:center;grid-column:1/-1;margin-top:4rem;font-size:1.5rem}.agency-footer{grid-template-columns:1fr auto 1fr;margin-top:3.5rem;padding:1.5rem 0 0}.agency-rights{text-align:left;order:1;justify-self:start}.agency-logo-link{order:2;justify-self:center}.agency-logo{width:60px;height:auto}.agency-socials{order:3;justify-self:end}.cart-panel{width:400px;right:-400px}.cart-overlay{width:60px;height:60px;bottom:2rem;right:2rem}}@media (min-width:1024px){.menu-grid{grid-template-columns:1fr 1fr;gap:4rem}.menu-column-left{border-right:1px solid #ffffff80;padding-right:2rem}.menu-column-right{padding-left:2rem}}