@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#f7efe6;--espresso:#3b1b0b;--brown:#5d3623;--muted:#786352;--line:#d6c5b3;--chip:#e8dccb;--accent:#8a3324}*{box-sizing:border-box}body{margin:0;background:#eee5d9;color:var(--espresso);font-family:'Cairo',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[lang=en]{font-family:'DM Sans',sans-serif}.menu-shell{max-width:480px;margin:auto;padding:0 22px;background:var(--paper);min-height:100vh}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand img{width:150px;height:80px;object-fit:contain}.admin-link{display:flex;flex-direction:column;gap:5px;width:42px;padding:9px}.admin-link span{height:2px;background:var(--brown);width:23px}.admin-link span:nth-child(2){width:29px}.language-button{border:1px solid var(--line);color:var(--brown);background:transparent;border-radius:50%;width:44px;height:44px;font-family:'DM Sans',sans-serif;font-size:13px}.category-nav{position:sticky;top:0;z-index:5;background:var(--paper);padding:12px 0;border-bottom:1px solid var(--line)}#categoryChips{display:flex;overflow:auto;gap:8px;padding:3px 2px;scrollbar-width:none}.category-chip{flex-shrink:0;border:1px solid #dfd1c0;border-radius:14px;padding:10px 18px;background:transparent;color:var(--brown);line-height:1.6}.category-chip span{display:block;font-size:13px}.category-chip [lang=en]{font-size:11px}.category-chip[aria-pressed=true]{background:var(--brown);color:#fff8f2}/* A compact category cover and full-width bilingual menu rows. */
.menu-content{padding-top:28px}
.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.menu-heading h2{margin:0;font-size:25px;font-weight:800;line-height:1.45}
.menu-heading h2 span{display:block}
.menu-heading h2 [lang=en]{font-size:16px;font-weight:500;color:var(--muted)}
.menu-heading p{margin:0;font-size:10px;line-height:1.8;color:var(--muted);text-align:end}
.menu-heading p span{display:block}
#menuList{display:block}
.category-section{min-width:0}
.category-cover{display:grid;grid-template-columns:minmax(0,1fr) 43%;min-height:156px;background:#4a2a1c;border-radius:20px;overflow:hidden;margin-bottom:12px;color:#fff6e9;align-items:stretch}
.category-cover.without-photo{grid-template-columns:1fr;min-height:110px}
.category-title{margin:0;padding:24px 20px;align-self:center;display:flex;flex-direction:column;gap:7px;line-height:1.5}
.category-title [lang=ar]{font-size:23px;font-weight:700}
.category-title [lang=en]{font-size:17px;font-weight:400;color:#e8d9c8}
.category-image{width:100%;height:100%;min-height:156px;object-fit:cover}
.menu-rows{list-style:none;padding:0;margin:0}
.menu-row{display:grid;direction:rtl;grid-template-columns:minmax(0,1fr) 65px;align-items:center;column-gap:18px;row-gap:2px;padding:18px 3px;border-bottom:1px solid #e6dcd0;line-height:1.6}
.item-ar{grid-column:1;grid-row:1;text-align:right;direction:rtl;font-size:16px;font-weight:600;color:#3e271b}
.item-en{grid-column:1;grid-row:2;text-align:right;direction:ltr;font-size:13px;font-weight:400;color:#806b59}
.price{grid-column:2;grid-row:1 / 3;text-align:left;direction:ltr;white-space:nowrap;font-family:'DM Sans',sans-serif;font-variant-numeric:tabular-nums;font-weight:600;font-size:18px;color:#4a2a1c}
.item-description{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:4px}
.price-missing{white-space:normal;font-size:12px;line-height:1.6;font-weight:400;color:var(--muted)}
.price-missing span{display:block}
html[dir=ltr] .menu-row{direction:ltr}
html[dir=ltr] .item-en{grid-row:1;text-align:left;font-size:16px;font-weight:500;color:#3e271b}
html[dir=ltr] .item-ar{grid-row:2;text-align:left;font-size:13px;font-weight:400;color:#806b59}
html[dir=ltr] .price{text-align:right}
@media(max-width:359px){.category-title{padding:18px 14px}.category-title [lang=ar]{font-size:20px}.category-title [lang=en]{font-size:15px}.category-cover,.category-image{min-height:140px}.menu-row{column-gap:12px}}
footer{text-align:center;border-top:1px solid var(--line);margin-top:0;padding:30px 0}footer img{object-fit:contain}footer p{color:var(--muted);font-size:12px}footer span{display:block}.site-footer{padding:32px 0 38px}.site-footer .admin-entry{display:inline-flex;justify-content:center;margin-bottom:12px}.social-title{margin:0 0 12px;color:var(--brown);font-size:13px;font-weight:800}.social-title span{display:none}.social-title span[lang=ar]{display:block}.social-links{display:flex;justify-content:center;gap:10px}.social-link{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:99px;background:#fbf6ee;color:var(--brown);font-size:11px;font-weight:700;text-decoration:none}.social-link img{width:18px;height:18px}.social-link:hover{border-color:var(--brown);background:#efe4d5}@media(max-width:359px){.social-links{gap:6px}.social-link{padding:8px}.social-link span{display:none}}html[lang=en] .social-title span{display:none}html[lang=en] .social-title span[lang=en]{display:block}html[lang=en] .social-link{font-family:'DM Sans',sans-serif}@media(max-width:759px){.menu-shell{padding:0 22px}.site-header{height:88px}.brand img{width:130px;height:68px}.category-nav{margin-inline:-22px;padding-inline:22px}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s}}

.offers-section{padding:20px 0 6px}.offers-section[hidden]{display:none}.offers-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.offers-heading h1{margin:0;font-size:21px;line-height:1.5}.offers-heading h1 span,.offers-heading p span{display:block}.offers-heading h1 [lang=en]{font-size:15px;font-weight:500}.offers-heading p{margin:0;font-size:10px;color:var(--muted);text-align:end}.offers-track{position:relative;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;direction:ltr}.offers-track::-webkit-scrollbar{display:none}.offer-card{flex:0 0 96%;min-width:0;scroll-snap-align:start;border-radius:18px;background:#fdf8f2;overflow:hidden;border:1px solid var(--line)}.offer-card:only-child{flex-basis:100%}.offer-card img{display:block;width:100%;height:auto;aspect-ratio:1100/618;object-fit:contain}.offer-copy{padding:15px 16px;direction:rtl}.offer-copy h2{font-size:16px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.offer-copy h2 [lang=en]{font-size:15px;font-weight:500}.offer-copy p{font-size:12px;line-height:1.8;margin:6px 0 0}.offer-copy p span{display:block}.offer-copy [lang=ar]{text-align:right}.offer-copy [lang=en]{text-align:left}.offer-dots{display:flex;justify-content:center;direction:ltr;margin-top:9px}.offer-dots[hidden]{display:none}.offer-dots button{width:30px;height:30px;border:0;background:transparent;padding:10px}.offer-dots button::after{content:'';display:block;width:7px;height:7px;border-radius:50%;background:var(--line)}.offer-dots button[aria-current=true]::after{background:var(--brown)}.offer-copy .offer-price{font-weight:700}.offer-copy .offer-price span{display:inline}.offers-track:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* Each locale is a complete, separate reading experience. */
html[lang=ar] [lang=en],html[lang=en] [lang=ar]{display:none!important}
html[lang=en] body{font-family:'DM Sans',sans-serif}
html[lang=en] .menu-heading h2 [lang=en]{font-size:25px;font-weight:700;color:var(--espresso)}
html[lang=en] .offers-heading h1 [lang=en]{font-size:21px;font-weight:700}
html[lang=en] .category-chip [lang=en]{font-size:13px}
/* A printed café menu: ornament and imagery belong to the section. */
.menu-content{position:relative;isolation:isolate;margin:24px -22px 0;padding:26px 54px 0 22px;overflow:hidden;background:#f8f6f0}
.menu-content::before{content:'';position:absolute;inset:0 0 0 auto;width:32px;background-image:url('assets/menu/coffee-reference.jpg');background-size:auto 600px;background-position:right top;background-repeat:repeat-y;mask-image:linear-gradient(to right,transparent,#000 35%);z-index:-1;pointer-events:none}
.menu-content::after{content:'';position:absolute;width:650px;height:650px;border:1px solid #c2ad8426;border-radius:46%;top:65px;left:-430px;box-shadow:0 0 0 18px #c2ad8408,0 0 0 38px #c2ad8408,0 0 0 62px #c2ad8408,0 0 0 90px #c2ad8408;transform:rotate(25deg);z-index:-1;pointer-events:none}
.menu-heading{display:flex;flex-direction:column;gap:10px;text-align:center;margin-bottom:18px;position:relative;padding-bottom:20px}
.menu-heading::after{content:'◆';position:absolute;bottom:0;left:15%;width:70%;font-size:10px;line-height:1px;color:#b28b45;background:linear-gradient(to right,#b28b45 44%,transparent 44%,transparent 56%,#b28b45 56%);text-align:center}
.menu-heading h2{font-size:36px;font-weight:700;color:#542c19}
html[lang=en] .menu-heading h2 [lang=en]{font-family:Georgia,serif;font-size:48px;font-weight:400;color:#542c19}
.menu-heading p{text-align:center;font-size:10px}
.category-editorial{display:flex;direction:ltr;align-items:center;gap:14px;min-height:145px;margin:5px 0 16px}
.category-art{width:120px;height:130px;object-fit:cover;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 42%,transparent 73%);flex-shrink:0}
.category-editorial .category-title{flex:1;padding:12px 0;text-align:center;margin:0;gap:0;color:#633b1d;line-height:1.5}
.category-editorial .category-title [lang=en]{font-family:Georgia,serif;font-style:italic;font-size:27px;font-weight:400;color:#633b1d}
.category-editorial .category-title [lang=ar]{font-size:24px;font-weight:700}
.menu-content .menu-row{border-bottom:1px dotted #baa78070}
.menu-special-label{margin:24px 0 4px;padding:9px 0 8px;border-top:1px solid #c4a875;color:#82622f;font-size:13px;font-weight:700;text-align:start}
.menu-content .price{color:#78693d;font-size:17px}
.currency{font-family:'Cairo',sans-serif;font-size:19px;font-weight:700;white-space:nowrap;vertical-align:-1px}
.menu-content .price-missing{font-size:12px}
.menu-closing{height:4px;margin:0;background:#8c5c2c}
@media(max-width:359px){.menu-content{padding-right:44px;padding-left:18px}.menu-content::before{width:26px}.category-art{width:88px;height:105px}.category-editorial{gap:8px;min-height:118px}.category-editorial .category-title [lang=ar]{font-size:21px}.category-editorial .category-title [lang=en]{font-size:24px}}
@media(min-width:760px){.menu-shell{max-width:760px;padding-inline:36px}}
.menu-row,html[dir=ltr] .menu-row{direction:rtl;grid-template-columns:minmax(0,1fr) 65px;gap:18px;min-height:64px;padding:18px 0}
.item-name{grid-column:1;grid-row:1;min-width:0;font-size:16px;font-weight:600;text-align:right;color:#3e271b;overflow-wrap:anywhere}
.item-name[lang=en]{direction:ltr}
.price,html[dir=ltr] .price{grid-column:2;grid-row:1;text-align:left}
@media(max-width:359px){.menu-row,html[dir=ltr] .menu-row{grid-template-columns:minmax(0,1fr) 58px;gap:12px}.item-name{font-size:15px}.price{font-size:16px}.price-missing{font-size:11px}}
.offer-copy{direction:inherit}
.offer-copy h2{display:block;text-align:start}
.offer-controls{display:flex;align-items:center;justify-content:space-between;min-height:46px}
.offer-dots{margin:0}
#offerPause{background:transparent;border:0;color:var(--muted);font-size:12px;min-height:44px;padding:8px}
#offerPause[hidden]{display:none}
.english-poster{display:grid;grid-template-columns:42% 1fr;aspect-ratio:1100/618;background:#e8ddcd;color:#4a2a1c;align-items:stretch}
.offer-card .english-poster img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.english-poster>div{padding:20px 12px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:13px}
.english-poster strong{display:block;font-size:44px;font-weight:600;line-height:1.2;margin:8px 0}
.english-poster small{font-size:20px;font-weight:400}
@media(max-width:359px){.english-poster strong{font-size:36px}.english-poster>div{font-size:11px}}
.header-mark{display:flex;flex-direction:column;gap:5px;width:42px;padding:9px}.header-mark span{height:2px;background:var(--brown);width:23px}.header-mark span:nth-child(2){width:29px}.admin-entry{display:inline-block;text-decoration:none;outline-offset:8px}