@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--paper:#fff6e8;--ink:#24231c;--orange:#f15a24;--line:#d8cbbb;--body:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;border-top:7px solid var(--orange)}
button,a{-webkit-tap-highlight-color:transparent}
.page{max-width:1152px;margin:auto;padding:0 40px}
.masthead{min-height:154px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}
.brand{display:block;width:115px;flex-shrink:0;border-radius:6px}
.brand img{display:block;width:100%;height:auto}
.language{display:flex;border:1px solid var(--ink);padding:4px;border-radius:100px;direction:ltr;align-items:stretch}
.language button{border:0;background:transparent;font:600 .875rem var(--body);min-height:42px;padding:8px 19px;border-radius:100px;color:var(--ink);cursor:pointer}
.language button[lang=ar]{font-family:'Noto Sans Arabic',Arial,sans-serif}
.language button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.language button:hover:not([aria-pressed=true]){background:#eadfce}
:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.menu-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:32px 0 29px}
h1{font-family:var(--display);font-size:clamp(3.5rem,7vw,5.5rem);font-weight:800;line-height:1;margin:0;letter-spacing:-.025em;text-transform:uppercase}
.dot{color:var(--orange)}
.currency-note{font-size:.875rem;color:#645e53;white-space:nowrap}
.menu-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:52px;align-items:start}
.section-label{font-size:.875rem;font-weight:700;letter-spacing:.15em;margin:0;padding-bottom:18px;border-bottom:2px solid var(--ink)}
.burger-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:14px;padding:25px 0 28px;border-bottom:1px solid var(--line);align-items:start}
.item-number{font-size:.8125rem;color:#8a7e6e;font-weight:600;padding-top:6px}
.item-detail h3{font-family:var(--display);font-weight:700;font-size:2.375rem;line-height:1.06;margin:0;letter-spacing:-.015em}
.item-detail p{font-size:.9375rem;line-height:1.5;color:#665e52;margin:12px 0 0;max-width:245px}
.price{display:flex;flex-direction:column;text-align:end;margin:0;line-height:1.1;padding-top:1px}
.price>span{font-family:var(--display);font-weight:700;font-size:2.75rem}
.price small{font-size:.8125rem;font-weight:600;margin-top:6px;color:#645e53}
.addons{margin-top:26px;border:1px solid var(--ink);padding:21px 24px 14px;border-radius:3px;background:#ffedda}
.addon-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.addon-title h2{font:700 2rem/1.15 var(--display);margin:0}
.addon-title>span{font:400 2.4rem/1 var(--body);color:var(--orange)}
dl{margin:0}
dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid #ddcbb7}
dt{font-size:1rem}dd{margin:0;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}dd span{font-size:.8125rem;font-weight:500;margin-inline-start:3px}
.food-photo{position:relative;isolation:isolate;overflow:hidden;margin:0;aspect-ratio:3/4;border-radius:3px;background:#24231c}
.food-photo>img{width:100%;height:100%;object-fit:cover;display:block}
.food-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(20,16,12,.82));z-index:0}
.food-photo figcaption{position:absolute;z-index:1;bottom:23px;left:26px;color:#fff6e8;line-height:.88;display:flex;flex-direction:column;font-family:var(--display);font-size:2.3rem;letter-spacing:-.02em;font-weight:700}
.food-photo figcaption strong{font-size:4.8rem;letter-spacing:-.025em;font-weight:800}
footer{border-top:1px solid var(--line);margin-top:48px;padding:24px 0 30px;display:flex;justify-content:space-between;gap:18px;font-size:.875rem;color:#776c5e}
footer>span:first-child{font-weight:700;color:var(--ink);letter-spacing:.04em}
html[lang=ar]{--body:'Noto Sans Arabic',Arial,sans-serif;--display:'Noto Sans Arabic',Arial,sans-serif}
html[lang=ar] h1{font-size:3.6rem;line-height:1.35;letter-spacing:0}
html[lang=ar] .menu-heading{margin-top:23px;margin-bottom:18px}
html[lang=ar] .section-label{letter-spacing:0}
html[lang=ar] .item-detail h3{font-size:1.75rem;line-height:1.55;letter-spacing:0}
html[lang=ar] .item-detail p{line-height:1.75}
html[lang=ar] .price>span{font-family:'Barlow Condensed',Arial,sans-serif}
html[lang=ar] .addon-title h2{font-size:1.55rem;line-height:1.7}
html[lang=ar] .food-photo figcaption{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif}
@media(min-width:1000px){.food-photo{margin-top:0;min-height:578px}}
@media(max-width:900px){.page{padding:0 28px}.menu-layout{gap:30px}.item-detail h3{font-size:2rem}.item-detail p{font-size:.875rem}.burger-item{gap:10px;grid-template-columns:20px minmax(0,1fr) auto}.food-photo{min-height:500px}}
@media(max-width:700px){body{border-top-width:5px}.page{padding:0 22px}.masthead{min-height:127px;gap:16px}.brand{width:95px}.language button{padding:7px 14px}.menu-heading{margin:25px 0 25px;gap:15px}h1{font-size:3.75rem}.currency-note{font-size:.8125rem}.menu-layout{display:flex;flex-direction:column;gap:29px}.menu-content{width:100%}.section-label{padding-bottom:12px;font-size:.8125rem}.burger-item{padding:21px 0 23px;gap:12px;grid-template-columns:20px minmax(0,1fr) auto}.item-detail h3{font-size:2.125rem;line-height:1.05}.item-detail p{font-size:.875rem;margin-top:9px;max-width:230px}.price>span{font-size:2.5rem}.price small{margin-top:5px}.addons{margin-top:23px;padding:17px 21px 11px}.food-photo{width:100%;min-height:0;max-height:none;aspect-ratio:3/4}.food-photo figcaption{bottom:22px;left:24px}.food-photo figcaption strong{font-size:4.4rem}footer{margin-top:30px;font-size:.8125rem;padding-bottom:24px}html[lang=ar] h1{font-size:2.6rem}html[lang=ar] .menu-heading{margin-top:20px;margin-bottom:20px}html[lang=ar] .item-detail h3{font-size:1.5rem}}
@media(max-width:360px){.page{padding:0 16px}.language button{padding:7px 11px}h1{font-size:3rem}.item-detail h3{font-size:1.875rem}.item-number{display:none}.burger-item{grid-template-columns:minmax(0,1fr) auto}.currency-note{white-space:normal;max-width:85px}.addons{padding-inline:17px}html[lang=ar] .item-detail h3{font-size:1.35rem}footer{flex-wrap:wrap}}
@media(max-width:700px){html[lang=ar] .menu-heading{flex-direction:column;align-items:flex-start;gap:8px}html[lang=ar] .currency-note{max-width:none;white-space:normal}}
.food-gallery{min-width:0;display:grid;gap:20px}
.food-gallery .food-photo{aspect-ratio:1/1;min-height:0}
.food-gallery .food-photo>img{object-position:center 60%}
.food-gallery .food-photo figcaption{font-size:1.65rem;bottom:20px;left:22px}
.food-gallery .food-photo figcaption strong{font-size:3.2rem}
.detail-photo{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:#24231c}
.detail-photo>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.detail-photo figcaption{padding:12px 18px;color:var(--paper);font-size:.9375rem;font-weight:600}
@media(max-width:700px){.food-gallery{width:100%}.food-gallery .food-photo{aspect-ratio:3/4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
