@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap";
:root{--menu-color-cream:#e6d0a2;--menu-color-burgundy:#7a1d21;--menu-color-burgundy-dark:#61181b;--menu-color-tan:#e2b57a;--menu-color-light-cream:#f3e1be;--menu-color-white:#fff;--menu-color-black:#111;--menu-color-orange:#d8842f;--menu-color-red:#d93a34;--menu-font-display:"Cairo", sans-serif;--menu-font-body:"Cairo", "Noto Sans Arabic", Helvetica, Arial, sans-serif;--primary:var(--menu-color-burgundy);--background:var(--menu-color-burgundy);--card:var(--menu-color-burgundy-dark);--text:var(--menu-color-white);--text-muted:var(--menu-color-light-cream)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--menu-color-burgundy);color:var(--menu-color-white);font-family:var(--menu-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl}.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-burgundy);border:4px double var(--menu-color-tan);isolation:isolate;padding:1.25rem 1.5rem;position:relative;box-shadow:0 0 20px #00000080}.menu-sheet:before{content:"";border:1px solid var(--menu-color-light-cream);pointer-events:none;z-index:0;opacity:.3;border-radius:12px;position:absolute;inset:8px}.corner-ornament{border:2px solid var(--menu-color-tan);pointer-events:none;z-index:1;background:var(--menu-color-burgundy-dark);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute}.corner-tl{top:-10px;left:-10px}.corner-tr{top:-10px;right:-10px}.corner-bl{bottom:-10px;left:-10px}.corner-br{bottom:-10px;right:-10px}.brand-header{text-align:center;background-color:var(--menu-color-cream);color:var(--menu-color-burgundy);border-bottom:5px solid var(--menu-color-tan);margin:-1.25rem -1.5rem 2rem;padding:2rem 1rem;position:relative}.brand-logo{filter:drop-shadow(0 4px 8px #0003);max-width:150px;height:auto;margin:0 auto 1rem;display:block}.brand-title{color:var(--menu-color-red);text-transform:uppercase;text-shadow:2px 2px 0 var(--menu-color-white);margin-bottom:.5rem;font-size:3.5rem;font-weight:800;line-height:1}.brand-subtitle{color:var(--menu-color-burgundy);background:var(--menu-color-tan);border-radius:20px;padding:.2rem 1rem;font-size:1.2rem;font-weight:700;display:inline-block}.category-nav-wrapper{z-index:100;background-color:var(--menu-color-burgundy-dark);border-bottom:2px solid var(--menu-color-tan);margin:0 -1.5rem 2rem;padding:.75rem 1.5rem;position:sticky;top:0}.category-nav{scrollbar-width:none;gap:.75rem;padding:.5rem 0;display:flex;overflow-x:auto}.category-chip{border:2px solid var(--menu-color-tan);color:var(--menu-color-tan);white-space:nowrap;cursor:pointer;background:0 0;border-radius:30px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-weight:700;transition:all .2s;display:flex}.category-chip.active{background:var(--menu-color-tan);color:var(--menu-color-burgundy)}.menu-grid{grid-template-columns:1fr;gap:2rem;display:grid}.menu-section{margin-bottom:3rem}.section-header{text-align:center;margin-bottom:2rem}.section-title{background:var(--menu-color-tan);color:var(--menu-color-burgundy);box-shadow:0 4px 0 var(--menu-color-burgundy-dark);border-radius:50px;align-items:center;gap:.75rem;padding:.5rem 2rem;font-size:1.8rem;font-weight:800;display:inline-flex}.item-container{cursor:pointer;-webkit-tap-highlight-color:transparent;margin-bottom:1.25rem;transition:opacity .2s}.item-container:hover{opacity:.7}.item-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:relative}.item-name{color:var(--menu-color-white);background-color:var(--menu-color-burgundy);z-index:1;max-width:70%;padding-left:.5rem;font-size:1.25rem;font-weight:700}.leader-line{border-bottom:2px dotted var(--menu-color-light-cream);opacity:.3;flex:1;margin-top:1.2rem}.item-price{color:var(--menu-color-black);background-color:var(--menu-color-white);z-index:1;text-align:center;white-space:nowrap;border-radius:4px;flex-shrink:0;min-width:80px;padding:.1rem .6rem;font-size:1.25rem;font-weight:800}.item-ingredients,.detail-line{color:var(--menu-color-light-cream);margin-top:.5rem;font-size:.95rem}.contact-badge{background:var(--menu-color-cream);color:var(--menu-color-burgundy);border:4px solid var(--menu-color-tan);border-radius:20px;grid-template-columns:1fr;gap:1.5rem;margin-top:4rem;padding:2rem;display:grid}.contact-row{color:var(--menu-color-burgundy);align-items:center;gap:1rem;font-weight:800;text-decoration:none;transition:opacity .2s;display:flex}.contact-row:hover{opacity:.7}.tagline{text-align:center;color:var(--menu-color-tan);text-shadow:2px 2px var(--menu-color-burgundy-dark);margin-top:3rem;font-size:1.8rem;font-weight:800}.agency-footer{background:var(--menu-color-burgundy-dark);border-top:2px solid var(--menu-color-tan);z-index:1;grid-template-columns:1fr;place-items:center;gap:1.5rem;margin-top:4rem;padding:2.5rem 1.5rem;display:grid;position:relative}.agency-rights{color:var(--menu-color-tan);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-social-link{border:2px double var(--menu-color-tan);width:44px;height:44px;color:var(--menu-color-tan);-webkit-tap-highlight-color:transparent;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.agency-social-link:hover,.agency-social-link:focus-visible{background:var(--menu-color-tan);color:var(--menu-color-burgundy)}.agency-social-link:active{transform:scale(.96)}.cart-overlay{background:var(--menu-color-tan);color:var(--menu-color-burgundy);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;left:1.5rem;box-shadow:0 4px 16px #0000004d}.cart-overlay:active{transform:scale(.95)}.cart-badge{background:var(--menu-color-red);color:#fff;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-burgundy);width:100%;height:100%;color:var(--menu-color-white);box-shadow:none;z-index:1001;flex-direction:column;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:-100%}.cart-panel.open{left:0}.cart-header{background:var(--menu-color-tan);color:var(--menu-color-burgundy);padding:1.25rem;padding-top:max(1.25rem, env(safe-area-inset-top));border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.cart-title{font-size:1.5rem;font-weight:800}.close-cart{color:var(--menu-color-burgundy);cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:2.5rem;line-height:1}.cart-items{flex-grow:1;padding:1.5rem;overflow-y:auto}.cart-item{border-bottom:1px solid #e2b57a33;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.cart-item-info h4{margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.cart-item-price{color:var(--menu-color-tan);font-size:1rem;font-weight:800}.cart-btn{background:var(--menu-color-tan);color:var(--menu-color-burgundy);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:800;display:flex}.cart-footer{background:var(--menu-color-burgundy-dark);border-top:2px solid var(--menu-color-tan);padding:1.5rem}.agency-socials{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.75rem;display:flex}@media (min-width:768px){.menu-grid{grid-template-columns:1fr 1fr;gap:4rem}.contact-badge{grid-template-columns:1fr 1fr}.contact-row:nth-child(3){grid-column:span 2;justify-self:center}.cart-panel{width:450px;left:-450px}.cart-overlay{width:64px;height:64px;bottom:2rem;left:2rem}.agency-footer{grid-template-columns:1fr auto 1fr;margin-top:5rem;padding:2rem 3rem}.agency-rights{text-align:left;order:1;justify-self:start}.agency-logo-link{order:2;justify-self:center}.agency-logo{width:60px}.agency-socials{order:3;justify-self:end;gap:1.25rem}}@media (min-width:1024px){.menu-sheet{padding:3rem}}
