:root{--green:#073b2f;--gold:#8b611b;--ink:#16372d;--muted:#747774;--line:#e6e4df;--paper:#fbfaf7;--soft:#edf2ed}*{box-sizing:border-box}html{scroll-padding-top:230px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bc9451;outline-offset:3px}button{color:inherit}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0;background:none}.sticky{position:sticky;top:0;z-index:10;background:rgba(251,250,247,.98);border-bottom:1px solid var(--line);padding:0 max(20px,calc((100vw - 1100px)/2));backdrop-filter:blur(12px)}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 19px}.brand{font-family:Georgia,serif;font-size:32px;letter-spacing:1px;color:var(--green);text-decoration:none;font-weight:bold;white-space:nowrap}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:2.5px;margin-top:7px;color:var(--gold)}.languages{display:flex;align-items:center;gap:9px;white-space:nowrap}.languages button{font:14px Georgia,serif;min-height:44px;padding:5px 1px}.languages span{height:13px;width:1px;background:#c3c6c0}.languages button[aria-pressed=true]{font-weight:bold;text-decoration:underline;text-underline-offset:5px}.search-wrap{padding-bottom:15px}.search{border:1px solid #d6d8d2;display:flex;gap:12px;border-radius:9px;align-items:center;padding:0 14px;background:#fff;height:48px;color:#777}.search input{border:0;outline:0;background:none;font:15px Arial,sans-serif;width:100%;min-width:0;color:var(--ink);height:44px}.search span{height:23px}nav{display:flex;gap:9px;padding-bottom:14px;align-items:center}.category-button,.tabs button{min-height:44px;white-space:nowrap;padding:10px 17px;border:1px solid #d9ddd5;border-radius:9px;font-size:13px;display:flex;gap:9px;align-items:center;justify-content:center}.category-button{background:var(--green);color:white;border-color:var(--green);flex-shrink:0}.category-button svg{width:18px;height:18px}.tabs{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;flex:1;padding:3px}.tabs::-webkit-scrollbar{display:none}.tabs button{background:#fff}.tabs button.active{background:var(--green);border-color:var(--green);color:#fff}main{max-width:1140px;margin:auto;padding:28px 20px 110px;min-height:70vh}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;letter-spacing:-.5px}h1{font-size:36px;margin:0}h2{font-size:29px;margin:0 0 8px}h3{font-size:23px;line-height:1.2;margin:0}.eyebrow{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:2px;margin:0 0 8px}.count{color:var(--muted);font-size:12px;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 3px 7px #24302406;position:relative;display:flex;flex-direction:column}.card .photo{display:block;width:100%;padding:0;border:0;overflow:hidden;background:#f1f0e8;aspect-ratio:1.55}.photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}.photo:hover img{transform:scale(1.035)}.card-content{padding:17px;flex:1;display:flex;flex-direction:column;position:relative}.name-button{display:block;text-align:start;padding:0;padding-inline-end:30px}.card p{font-size:13px;color:#686e68;line-height:1.55;margin:9px 0 14px}.price{font:21px Georgia,serif;font-weight:bold;color:var(--gold);white-space:nowrap;direction:ltr;display:inline-block;text-align:start}.card .price{margin-top:auto}.heart{position:absolute;inset-inline-end:8px;top:6px;width:44px;height:44px;display:grid;place-items:center;color:#7b837a}.heart.selected{color:var(--green)}.heart.selected svg{fill:var(--green);stroke:var(--green)}.item-category{display:block;color:var(--gold);font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:9px}.no-photo{padding:20px;color:var(--gold);background:linear-gradient(135deg,#edf1ea,#f8f6ef);aspect-ratio:2.7;display:flex;align-items:center;justify-content:center}.no-photo svg{width:45px;height:45px}.subtabs{display:flex;overflow-x:auto;gap:8px;margin:0 0 20px;scrollbar-width:none}.subtabs:empty{display:none}.subtabs button{white-space:nowrap;padding:9px 13px;border:1px solid var(--line);border-radius:30px;font-size:12px;min-height:38px}.subtabs button.active{border-color:var(--gold);color:var(--gold);background:#f3eee2}.notice{background:#f0eee5;padding:13px;border-radius:9px;font-size:13px;line-height:1.5;color:#6b624e;margin:0 0 20px}.empty{grid-column:1/-1;text-align:center;padding:55px 20px;color:var(--muted)}.empty svg{width:35px;height:35px;color:var(--gold);margin-bottom:12px}.empty h2{color:var(--green);font-size:25px}.empty p{font-size:14px;line-height:1.6}.empty button{background:var(--green);color:white;padding:13px 22px;border-radius:8px;margin-top:10px}footer{text-align:center;color:#81857e;font-size:11px;line-height:1.8;margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}.bottom{position:fixed;bottom:0;background:#fffefb;z-index:15;border-top:1px solid var(--line);display:flex;justify-content:center;width:100%;padding:6px 0 max(8px,env(safe-area-inset-bottom))}.bottom button{position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:11px;color:#7b8079;min-width:130px;padding:5px 22px}.bottom button.active{color:var(--green)}.bottom button.active:after{content:'';width:37px;height:3px;border-radius:3px;background:var(--green);position:absolute;bottom:-5px}.badge{position:absolute;top:0;inset-inline-end:35px;font:9px Arial,sans-serif;color:white;background:var(--green);border-radius:50%;min-width:16px;line-height:16px;text-align:center}.sheet,.details{color:var(--ink);background:var(--paper);border:0;padding:28px;border-radius:20px;box-shadow:0 20px 80px #001b2333;max-height:90dvh;width:min(500px,calc(100vw - 24px));overflow:auto}.sheet::backdrop,.details::backdrop{background:#10221d70;backdrop-filter:blur(2px)}.close{position:absolute;inset-inline-end:11px;top:11px;background:#fffefbe8;border-radius:50%;height:44px;width:44px;display:grid;place-items:center;z-index:1}.handle{height:4px;width:36px;border-radius:4px;background:#cdd1ca;margin:-13px auto 23px}.sheet h2{padding-inline-end:30px}.sheet>p{font-size:14px;color:var(--muted);margin:0 0 21px}#category-list{display:grid;gap:10px}#category-list button{padding:14px;display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:11px;min-height:60px;background:white;text-align:start;font:21px Georgia,serif}#category-list button>svg:first-child{color:var(--gold)}#category-list button.active{background:#e6eee5;border-color:#d8e3d6}#category-list button small{margin-inline-start:auto;font:11px Arial,sans-serif;color:var(--muted)}#category-list button>svg:last-child{width:18px}.details{padding:0;max-width:540px}.detail-image{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;background:#eeeee7}.detail-content{padding:24px}.detail-title{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:15px}.detail-content p{font-size:16px;color:#686e68;line-height:1.65;margin:0 0 23px}.save-button{border:1px solid var(--gold);color:var(--gold);width:100%;padding:14px;display:flex;align-items:center;justify-content:center;gap:13px;border-radius:9px;font:18px Georgia,serif}.save-button.selected{background:var(--soft);color:var(--green);border-color:var(--green)}.detail-note{font-size:12px!important;border-top:1px solid var(--line);padding-top:20px;margin:23px 0 0!important}.detail-note span{display:block;font-size:11px;margin-top:9px}.toast{position:fixed;bottom:92px;left:50%;transform:translate(-50%,15px);background:var(--green);color:white;border-radius:30px;padding:12px 21px;font-size:13px;z-index:40;pointer-events:none;opacity:0;transition:.2s;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .brand,[dir=rtl] .sheet button,[dir=rtl] .save-button{font-family:Georgia,Arial,sans-serif}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .brand{direction:ltr}[dir=rtl] .brand span{font-family:Arial,sans-serif}body:has(dialog[open]){overflow:hidden}button:disabled{cursor:default;opacity:.6}@media(min-width:900px){.top{padding:27px 0 20px}.search-wrap{max-width:480px}.sticky{box-shadow:0 4px 25px #0e281904}.bottom{padding-bottom:8px}main{padding-top:35px}}@media(max-width:699px){.sticky{padding-inline:18px}.top{padding-top:17px;padding-bottom:17px;gap:8px}.brand{font-size:27px;letter-spacing:.4px}.brand span{font-size:8px;letter-spacing:1.6px}.languages{gap:7px}.languages button{font-size:12px}.category-button,.tabs button{padding:10px 14px;font-size:12px}.tabs{gap:8px}main{padding:24px 18px 105px}h1{font-size:31px}.section-title{margin-bottom:17px}.eyebrow{font-size:9px}.cards{grid-template-columns:1fr;gap:13px}.card{flex-direction:row;min-height:123px}.card .photo{width:112px;min-width:112px;aspect-ratio:auto;align-self:stretch}.card .photo img{object-fit:cover}.card-content{padding:14px 12px}.card h3{font-size:20px}.card p{font-size:12px;margin:6px 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .price{font-size:18px}.heart{inset-inline-end:2px;top:3px}.name-button{padding-inline-end:28px}.card.featured{flex-direction:column}.card.featured .photo{width:100%;aspect-ratio:1.6}.card.featured .card-content{padding:15px}.card.featured h3{font-size:26px}.card.featured p{font-size:14px;line-height:1.5}.card.featured .price{font-size:22px}.no-photo{width:83px;min-width:83px;aspect-ratio:auto}.no-photo svg{width:32px}.sheet{position:fixed;bottom:0;margin:0 auto;width:100%;max-width:520px;max-height:90dvh;border-radius:22px 22px 0 0;padding:26px 22px 30px}#category-list button{min-height:56px;font-size:20px;padding:12px 14px}.details{width:calc(100vw - 24px)}.detail-content{padding:20px}.detail-title{flex-direction:column;gap:9px}.detail-title h2{font-size:29px;margin:0}.bottom button{width:45%;max-width:230px}.badge{inset-inline-end:calc(50% - 25px)}.section-title .count{font-size:11px}.subtabs{margin-bottom:17px}.search input{font-size:16px}}

@font-face{font-family:Cinzel;src:url("assets/fonts/cinzel-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cinzel;src:url("assets/fonts/cinzel-bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
h1,h2,h3,.brand,#category-list button,.tabs button,.category-button,.subtabs button,.eyebrow,.item-category{font-family:Cinzel,Georgia,serif;letter-spacing:0}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .brand,html[dir=rtl] #category-list button{font-family:Cinzel,Arial,sans-serif}.brand span{font-family:Arial,sans-serif}
.price{font-family:Cinzel,Georgia,serif}
html[lang=en] body{text-transform:uppercase}
html[lang=en] input{text-transform:uppercase}
html[lang=en] input::placeholder{text-transform:uppercase}
html[lang=en] .card h3,html[lang=en] .detail-title h2{text-transform:uppercase}
.card-content p,.detail-content>p{font-family:"Canva Sans",Arial,sans-serif}
/* Slightly smaller section and dish titles. */
h1{font-size:32px}.card h3{font-size:21px}.detail-title h2{font-size:26px}
@media(max-width:699px){h1{font-size:28px}.card h3{font-size:18px}.card.featured h3{font-size:23px}.detail-title h2{font-size:26px}}
html[lang=en] .card-content p,html[lang=en] .detail-content>p:not(.detail-note){text-transform:lowercase}

.name-button{padding-inline-end:0}.feedback-panel{grid-column:1/-1;max-width:760px;width:100%;margin:10px auto;text-align:center;padding:32px 20px 42px;background:white;border:1px solid var(--line);border-radius:15px}.feedback-symbol{color:var(--gold);margin-bottom:18px}.feedback-symbol svg{width:38px;height:38px}.feedback-panel h2{font-family:Cinzel,Arial,serif;font-size:27px}.feedback-panel p{font-size:14px;line-height:1.7;color:var(--muted);text-transform:none}.review-links{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}.review-card{border:1px solid var(--line);border-radius:12px;padding:26px 16px;display:flex;flex-direction:column;gap:17px;text-decoration:none;color:var(--green);font-size:12px;min-height:150px;justify-content:center}.review-card:link:hover{border-color:var(--gold);background:var(--soft)}.platform{font-family:Cinzel,serif;font-size:23px;color:var(--gold)}.review-note{margin-top:25px!important;font-size:12px!important}.review-card button{min-height:40px;font-size:12px}@media(max-width:500px){.review-links{grid-template-columns:1fr}.feedback-panel{padding:28px 16px}.feedback-panel h2{font-size:23px}}
.tabs button,.category-button,.subtabs button,#category-list button,.bottom button{font-weight:700}

/* Keep scrolling content fully behind the fixed navigation surface. */
.sticky{background:var(--paper);backdrop-filter:none;isolation:isolate;box-shadow:0 4px 12px #173b2d0a}
.section-title{position:sticky;top:var(--header-height,235px);z-index:9;background:var(--paper);padding:14px 0;margin-top:-14px;border-bottom:1px solid var(--line)}.section-title .eyebrow{display:none}

.review-logo{display:block;width:190px;max-width:100%;height:95px;object-fit:contain;margin:0 auto}.review-card:has(.review-logo){padding-top:12px}

.bottom #instagram-nav{position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:11px;color:#7b8079;padding:5px 22px;text-decoration:none;font-weight:700}.bottom button,.bottom #instagram-nav{width:33.333%;min-width:0;max-width:230px}

.bottom button,.bottom #instagram-nav{font-family:Cinzel,Arial,serif;font-weight:700}.instagram-logo{width:23px;height:23px;object-fit:contain;display:block}


.notice.breakfast-welcome{white-space:pre-line;text-transform:none;line-height:1.9}.notice.breakfast-welcome::first-line{font-family:Cinzel,Arial,serif;font-weight:700}
.notice.breakfast-welcome{font-size:16px}.notice.breakfast-welcome::first-line{font-size:18px}

.shisha-panel{grid-column:1/-1;width:100%;max-width:850px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px}.shisha-intro{text-align:center;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:26px}.shisha-label{font:700 13px Cinzel,Arial,serif;letter-spacing:3px;display:block;color:var(--green);margin-bottom:12px}.shisha-price{font-size:30px}.shisha-intro p{font-size:15px;color:var(--muted);text-transform:none;margin:12px 0 0}.flavour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flavour-button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:66px;border:1px solid #cddbd0;border-radius:10px;background:#fafbf7;padding:15px;text-align:start;font:700 14px Cinzel,Arial,serif;color:var(--green)}.flavour-button svg{width:15px;height:15px;color:var(--gold)}.flavour-button:hover{border-color:var(--green);background:var(--soft)}.shisha-refill{display:flex;align-items:center;justify-content:space-between;margin-top:27px;padding:20px 0 0;border-top:1px solid var(--line);font:700 14px Cinzel,Arial,serif}.shisha-refill .price{font-size:21px}.shisha-help{text-align:center;color:var(--muted);font-size:12px;text-transform:none;line-height:1.6;margin:22px 0 0}[dir=rtl] .flavour-button svg{transform:rotate(180deg)}@media(max-width:699px){.shisha-panel{padding:23px 17px}.flavour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flavour-button{font-size:12px;min-height:62px;padding:12px}.shisha-price{font-size:28px}}

.notice.breakfast-welcome{white-space:normal;container-type:inline-size}.breakfast-welcome-title{display:block;white-space:nowrap;font-family:Cinzel,Arial,serif;font-weight:700;font-size:min(18px,3.7cqi)}.breakfast-welcome-hours{display:block;font-family:Arial,sans-serif;font-size:16px}.notice.breakfast-welcome::first-line{font-size:inherit}/* Fill the existing photo windows with a centred crop. */
.card .photo img,.detail-image{object-fit:cover;object-position:center center}
/* Consistent image-left, text-right menu cards. */
.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.card.featured{flex-direction:row;direction:ltr;min-height:165px}.card .photo,.card.featured .photo{width:38%;min-width:38%;aspect-ratio:auto;align-self:stretch}.card .photo img{width:100%;height:100%;object-fit:cover}.card-content,.card.featured .card-content{padding:17px;min-width:0;direction:ltr;text-align:left}.card .no-photo{width:28%;min-width:28%;aspect-ratio:auto}.card h3,.card.featured h3{font-size:19px}.card p,.card.featured p{font-size:13px;display:block;-webkit-line-clamp:unset}.card .price,.card.featured .price{font-size:20px}[dir=rtl] .card-content{direction:rtl;text-align:right}
@media(max-width:699px){.cards{grid-template-columns:1fr}.card,.card.featured{flex-direction:row;min-height:150px}.card .photo,.card.featured .photo{width:34%;min-width:34%;aspect-ratio:auto}.card-content,.card.featured .card-content{padding:13px}.card h3,.card.featured h3{font-size:17px}.card p,.card.featured p{font-size:12px;line-height:1.45;margin:8px 0 12px}.card .price,.card.featured .price{font-size:18px}}
.card .photo{position:relative}.card .photo img{position:absolute;inset:0}

/* Slightly closer framing for Greek Salad. */

/* Match Greek Salad framing for Nachos and Cheese Platter. */
.photo[data-open="starters-4"],.photo[data-open="starters-3"]{overflow:hidden}

/* Keep the left rim of the cheese plate in frame. */

.offer-dialog{border:0;padding:0;background:white;border-radius:14px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);width:min(440px,calc((100dvh - 90px)*.6667));overflow:auto;box-shadow:0 20px 80px #0005}.offer-dialog::backdrop{background:rgba(0,24,19,.72)}.offer-dialog>img{display:block;width:100%;height:auto}.offer-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border:1px solid #ddd;border-radius:50%;background:white;color:#073b2f;font:28px Arial;cursor:pointer;z-index:1}.offer-continue{display:block;width:100%;padding:14px;border:0;background:#073b2f;color:white;font:700 14px Cinzel,Arial,sans-serif;cursor:pointer}.offer-close:focus-visible,.offer-continue:focus-visible{outline:3px solid #bc943c;outline-offset:-3px}

.brand{display:inline-flex;align-items:center}.brand-logo{display:block;width:auto;height:64px;max-width:135px;object-fit:contain}.top{padding-top:12px;padding-bottom:12px}

.languages button#en{font-family:Cinzel,Georgia,serif}


.photo[data-open="drinks-35"],.photo[data-open="drinks-water-1l"]{background:#fff}
.card .photo[data-open="drinks-35"] img,.card .photo[data-open="drinks-water-1l"] img{object-fit:contain;padding:4px}

/* Show complete water bottle artwork in the enlarged view. */
.detail-image[src="assets/water-500ml.png"],.detail-image[src="assets/water-1-litre.png"]{object-fit:contain;width:100%;height:auto;max-height:65dvh;aspect-ratio:auto;background:#fff}

html[lang=en] .card-content p[data-description-category="drinks"],html[lang=en] .detail-content>p[data-description-category="drinks"]{text-transform:none}

.photo[data-open="drinks-35"],.photo[data-open="drinks-water-1l"],.detail-image[src="assets/water-500ml.png"],.detail-image[src="assets/water-1-litre.png"]{background:transparent}

html[lang=en] .card-content p[data-description-category],html[lang=en] .detail-content>p[data-description-category],html[lang=en] .card-content p[data-description-category="drinks"],html[lang=en] .detail-content>p[data-description-category="drinks"]{text-transform:lowercase}

#subtabs{display:none}

.card .photo[data-open="drinks-35"] img,.card .photo[data-open="drinks-water-1l"] img{object-fit:cover;padding:0}

/* Keep complete drink photos visible when opened. */
.detail-image[src^="assets/drink-photo-"]{object-fit:contain;width:100%;height:auto;max-height:65dvh;aspect-ratio:auto;background:#fff}

/* Smaller cup photos within the existing coffee cards. */
.card .photo[data-open="drinks-americano"],.card .photo[data-open="drinks-cappuccino"]{background:#fff}
.card .photo[data-open="drinks-americano"] img,.card .photo[data-open="drinks-cappuccino"] img{object-fit:contain;padding:14px}

.card .photo[data-open="drinks-americano"],.card .photo[data-open="drinks-cappuccino"]{background:#e4e6ec}
.card .photo[data-open="drinks-americano"] img,.card .photo[data-open="drinks-cappuccino"] img{object-fit:cover;padding:0}

.card .photo .card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.detail-video{display:block;width:100%;height:auto;max-height:65dvh;object-fit:contain;background:#f7f6f2}

.happy-hour-card{grid-column:1/-1;display:block;width:100%;padding:0;border:0;background:#f7f6f2;border-radius:14px;overflow:hidden;cursor:pointer}.happy-hour-card img{display:block;width:100%;height:auto;max-height:65dvh;object-fit:contain}

/* Keep the wide Arabic Platter photo fully visible in the card and detail view. */
.card .photo[data-open="breakfast-0"] img{object-fit:contain;transform:none}
.detail-image[src="assets/breakfast-0-centered-zoom.webp"]{object-fit:contain;aspect-ratio:auto;height:auto;max-height:65dvh}

/* Match these square photos to square frames so the real tabletop fills them. */
.card .photo:is([data-open="mains-0"],[data-open="desserts-0"],[data-open="desserts-1"],[data-open="desserts-2"],[data-open="desserts-3"],[data-open="desserts-4"],[data-open="desserts-5"],[data-open="desserts-6"],[data-open="desserts-7"],[data-open="mains-8"],[data-open="mains-9"],[data-open="mains-10"],[data-open="mains-11"],[data-open="mains-12"],[data-open="mains-6"],[data-open="mains-7"],[data-open="mains-1"],[data-open="mains-2"],[data-open="mains-5"],[data-open="mains-3"],[data-open="starters-0"],[data-open="starters-2"],[data-open="starters-3"],[data-open="starters-4"],[data-open="salads-0"],[data-open="salads-5"],[data-open="salads-1"],[data-open="salads-2"],[data-open="salads-4"]){aspect-ratio:1;align-self:flex-start;background:transparent}
.card .photo:is([data-open="mains-0"],[data-open="desserts-0"],[data-open="desserts-1"],[data-open="desserts-2"],[data-open="desserts-3"],[data-open="desserts-4"],[data-open="desserts-5"],[data-open="desserts-6"],[data-open="desserts-7"],[data-open="mains-8"],[data-open="mains-9"],[data-open="mains-10"],[data-open="mains-11"],[data-open="mains-12"],[data-open="mains-6"],[data-open="mains-7"],[data-open="mains-1"],[data-open="mains-2"],[data-open="mains-5"],[data-open="mains-3"],[data-open="starters-0"],[data-open="starters-2"],[data-open="starters-3"],[data-open="starters-4"],[data-open="salads-0"],[data-open="salads-5"],[data-open="salads-1"],[data-open="salads-2"],[data-open="salads-4"]) img{object-fit:cover;transform:none}
.detail-image:is([src="assets/margherita-pizza-closeup-v2.webp"],[src="assets/pepperoni-pizza-closeup-v2.webp"],[src="assets/chicken-satay-teriyaki.webp"],[src="assets/kebab-kheshkhash-satay-size.webp"],[src="assets/tagliatelle-closeup-v2.webp"],[src="assets/teriyaki-salmon-satay-style.webp"],[src="assets/chicken-escalope-full-plate.webp"],[src="assets/dynamite-shrimps-balanced.webp"],[src="assets/nachos-slight-zoom.webp"],[src="assets/cheese-platter-beetroot-table.webp"],[src="assets/avocado-tart-round.webp"],[src="assets/chicken-caesar-new-table.webp"],[src="assets/greek-salad-plate-aligned.webp"],[src="assets/dill-cucumber-full.webp"],[src="assets/beetroot-quinoa-centered-table.webp"],[src="assets/summer-crab-dill-wood.webp"]){aspect-ratio:1;width:100%;height:auto;max-height:none;object-fit:cover;background:transparent}

/* Let media fill their mobile column without a blank strip below. */
@media(max-width:699px){
  .card:has(>.photo:is([data-open="mains-0"],[data-open="desserts-0"],[data-open="desserts-1"],[data-open="desserts-2"],[data-open="desserts-3"],[data-open="desserts-4"],[data-open="desserts-5"],[data-open="desserts-6"],[data-open="desserts-7"],[data-open="mains-8"],[data-open="mains-9"],[data-open="mains-10"],[data-open="mains-11"],[data-open="mains-12"],[data-open="mains-6"],[data-open="mains-7"],[data-open="mains-1"],[data-open="mains-2"],[data-open="mains-5"],[data-open="mains-3"],[data-open="starters-0"],[data-open="starters-2"],[data-open="starters-3"],[data-open="starters-4"],[data-open="salads-0"],[data-open="salads-1"],[data-open="salads-2"],[data-open="salads-3"],[data-open="salads-4"],[data-open="salads-5"])){min-height:0}
  .card>.photo:is([data-open="mains-0"],[data-open="desserts-0"],[data-open="desserts-1"],[data-open="desserts-2"],[data-open="desserts-3"],[data-open="desserts-4"],[data-open="desserts-5"],[data-open="desserts-6"],[data-open="desserts-7"],[data-open="mains-8"],[data-open="mains-9"],[data-open="mains-10"],[data-open="mains-11"],[data-open="mains-12"],[data-open="mains-6"],[data-open="mains-7"],[data-open="mains-1"],[data-open="mains-2"],[data-open="mains-5"],[data-open="mains-3"],[data-open="starters-0"],[data-open="starters-2"],[data-open="starters-3"],[data-open="starters-4"],[data-open="salads-0"],[data-open="salads-1"],[data-open="salads-2"],[data-open="salads-3"],[data-open="salads-4"],[data-open="salads-5"]){width:46%;min-width:46%;aspect-ratio:1;align-self:stretch}
  .card:has(>.photo:is([data-open="mains-0"],[data-open="desserts-0"],[data-open="desserts-1"],[data-open="desserts-2"],[data-open="desserts-3"],[data-open="desserts-4"],[data-open="desserts-5"],[data-open="desserts-6"],[data-open="desserts-7"],[data-open="mains-8"],[data-open="mains-9"],[data-open="mains-10"],[data-open="mains-11"],[data-open="mains-12"],[data-open="mains-6"],[data-open="mains-7"],[data-open="mains-1"],[data-open="mains-2"],[data-open="mains-5"],[data-open="mains-3"],[data-open="starters-0"],[data-open="starters-2"],[data-open="starters-3"],[data-open="starters-4"],[data-open="salads-0"],[data-open="salads-1"],[data-open="salads-2"],[data-open="salads-3"],[data-open="salads-4"],[data-open="salads-5"]))>.card-content{padding:10px}
}

/* Continuous food sections; keep each heading clear of the sticky menu. */
.food-flow>.section-title{display:none}
.food-flow>#cards{display:block}
.food-section{scroll-margin-top:0}
.food-flow{padding-top:8px}
.food-section+.food-section{margin-top:36px}
.food-section>h2{margin:8px 0 15px;font-size:clamp(22px,5vw,30px)}
html:has(.food-flow){scroll-padding-top:calc(var(--header-height,180px) + 8px)}

/* Keep the tart's circular rim intact when the mobile text wraps. */
@media(max-width:699px){.card>.photo:is([data-open="mains-0"],[data-open="desserts-0"],[data-open="desserts-1"],[data-open="desserts-2"],[data-open="desserts-3"],[data-open="desserts-4"],[data-open="desserts-5"],[data-open="desserts-6"],[data-open="desserts-7"],[data-open="mains-8"],[data-open="mains-9"],[data-open="mains-10"],[data-open="mains-11"],[data-open="mains-12"],[data-open="mains-6"],[data-open="mains-7"],[data-open="mains-1"],[data-open="mains-2"],[data-open="mains-5"],[data-open="mains-3"],[data-open="starters-0"],[data-open="starters-2"],[data-open="starters-4"]){align-self:flex-start;aspect-ratio:1}}

.card:has(.name-button[data-open="desserts-0"])>.no-photo{width:38%;min-width:38%;aspect-ratio:1;align-self:flex-start}
@media(max-width:699px){.card:has(.name-button[data-open="desserts-0"]){min-height:0}.card:has(.name-button[data-open="desserts-0"])>.no-photo{width:46%;min-width:46%}.card:has(.name-button[data-open="desserts-0"])>.card-content{padding:10px}}

.card .photo:is([data-open="desserts-1"],[data-open="desserts-5"],[data-open="desserts-7"],[data-open="mains-4"],[data-open="desserts-6"]){aspect-ratio:1;align-self:flex-start}
.card .photo:is([data-open="desserts-1"],[data-open="desserts-5"],[data-open="desserts-7"],[data-open="mains-4"],[data-open="desserts-6"]) img{object-fit:cover;transform:none}
.detail-image:is([src="assets/chocolate-fudge-full.webp"],[src="assets/pineapple-cheesecake-full.webp"],[src="assets/desserts-6-golden-wood.webp"],[src="assets/fruit-cuts-original-plate.webp"],[src="assets/spaghetti-pasta-only.webp"]){width:100%;height:auto;aspect-ratio:1;max-height:none;object-fit:cover;background:transparent}
.detail-image[src="assets/date-coffee-centered.webp"]{width:100%;height:auto;aspect-ratio:1;max-height:none;object-fit:cover;background:transparent}
.shisha-flavour-image{width:54px;height:54px;object-fit:contain;background:white;border-radius:6px;flex-shrink:0}.flavour-button:has(.shisha-flavour-image){gap:10px;padding:10px}.flavour-button>span{flex:1}.detail-image[src^="assets/shisha-"]{object-fit:contain;width:100%;height:auto;max-height:55dvh;aspect-ratio:auto;background:white}
.card.shisha-card{min-height:0}.card.shisha-card .photo,.card.shisha-card .no-photo{width:38%;min-width:38%;aspect-ratio:1;align-self:flex-start;background:white}.card.shisha-card .photo img{object-fit:contain;transform:none}.shisha-refill-card{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:20px;background:white;border:1px solid var(--line);border-radius:13px;font-family:Cinzel,Georgia,serif;font-weight:700}
@media(max-width:699px){.card.shisha-card .photo,.card.shisha-card .no-photo{width:46%;min-width:46%}.card.shisha-card .card-content{padding:10px}}
.price:has(.regular-shisha-price){display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px}.regular-shisha-price{color:var(--muted);font-size:.78em;text-decoration-thickness:1.5px}.happy-shisha-price{color:var(--green);font-weight:700}
.happy-hour-price-label{flex-basis:100%;font-family:Cinzel,Georgia,serif;font-size:12px;font-weight:700;letter-spacing:.7px;color:var(--green);line-height:1.4;animation:happy-hour-blink 1.6s ease-in-out infinite}
.card .photo.tower-pair{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1;align-self:flex-start;background:#fff}.card .photo.tower-pair img{position:static;width:100%;height:100%;min-width:0;object-fit:contain;transform:none}.tower-detail{display:grid;grid-template-columns:1fr 1fr;background:#fff}.tower-detail img{display:block;width:100%;height:100%;max-height:60dvh;object-fit:contain}.card:has(.tower-pair) .card-content p,.detail-content:has([data-description-category="drinks"])>p{white-space:pre-line}.shisha-age-dialog{border:1px solid #c9d5cc;border-radius:16px;padding:30px 24px;max-width:min(420px,calc(100vw - 40px));color:var(--green);background:var(--paper);font:700 18px/1.6 Cinzel,Georgia,serif;text-align:center}.shisha-age-dialog::backdrop{background:#00291f99}

@keyframes happy-hour-blink{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.happy-hour-price-label{animation:none}}

.card-content p[data-description-category],.detail-content>p[data-description-category]{white-space:pre-line}

.tower-serving{display:block;flex-basis:100%;font:600 12px/1.5 Arial,sans-serif;color:var(--gold);margin-top:5px;animation:tower-serving-blink 1.6s ease-in-out infinite}.detail-title:has(.tower-serving){flex-wrap:wrap}.detail-title .tower-serving{margin-top:0}@keyframes tower-serving-blink{0%,100%{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.tower-serving{animation:none}}

/* Match menu typography and colour to the C Lounge wordmark. */
h1,h2,h3,.name-button,.item-category,.eyebrow,.notice,.price,.price .happy-shisha-price,.price .regular-shisha-price,.happy-hour-price-label,.tower-serving,.shisha-refill-card{font-family:Cinzel,Georgia,serif!important;color:var(--green)!important}.tower-serving{font-family:Cinzel,Georgia,serif;font-weight:400}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:Cinzel,Arial,sans-serif!important}

.card-content p[data-description-category],.detail-content>p[data-description-category]{color:var(--green)!important}

.card .photo[data-open="desserts-2"] img{transform:scale(1.12);transform-origin:50% 58%}

.card:has(.name-button[data-open="drinks-17"]) .card-content{container-type:inline-size}.card:has(.name-button[data-open="drinks-17"]) p[data-description-category]{white-space:nowrap;font-size:clamp(6px,3cqi,12px)}
/* Keep all three Classic Iced Coffee options visible in one tile. */
.card .photo[data-open="drinks-29"]{background:#e6e8ef}
.card .photo[data-open="drinks-29"] img{object-fit:contain;transform:none}
.detail-image[src="assets/classic-iced-coffee-layered-trio.webp"]{width:100%;height:auto;aspect-ratio:auto;max-height:65dvh;object-fit:contain}
/* Fit the coffee trio to its image proportions without a second backdrop. */
.card .photo[data-open="drinks-29"]{aspect-ratio:3/2;align-self:flex-start;background:transparent}
.card .photo[data-open="drinks-29"] img{object-fit:contain;transform:none}
.card:has(>.photo[data-open="drinks-29"]){min-height:0}
.card .photo[data-open="drinks-29"]{aspect-ratio:1;align-self:flex-start}
@media(max-width:699px){.card .photo[data-open="drinks-29"]{width:46%;min-width:46%}}
.card:has(>.photo:is([data-open="drinks-28"],[data-open="drinks-30"])){min-height:0}
.card .photo:is([data-open="drinks-28"],[data-open="drinks-30"]){aspect-ratio:1;align-self:flex-start;background:transparent}
.card .photo:is([data-open="drinks-28"],[data-open="drinks-30"]) img{object-fit:contain;transform:none}
@media(max-width:699px){.card .photo:is([data-open="drinks-28"],[data-open="drinks-30"]){width:46%;min-width:46%}}
.detail-image:is([src="assets/creamy-latte-trio.webp"],[src="assets/frappe-trio.webp"]){width:100%;height:auto;aspect-ratio:1;max-height:65dvh;object-fit:contain}
/* Show the complete French Fries and Carrot Cake plates. */
.card .photo:is([data-open="starters-5"],[data-open="desserts-3"]){aspect-ratio:1;align-self:flex-start;background:transparent}
.card .photo:is([data-open="starters-5"],[data-open="desserts-3"]) img{object-fit:contain;transform:none}
@media(max-width:699px){.card .photo:is([data-open="starters-5"],[data-open="desserts-3"]){width:46%;min-width:46%;aspect-ratio:1;align-self:flex-start}}
.card .photo[data-open="starters-5"]{aspect-ratio:3/4}
.detail-image[src="assets/carrot-cake-full-plate.webp"]{width:100%;height:auto;aspect-ratio:1;max-height:none;object-fit:contain}
/* Keep tower currency and amount together. */
.price:is([data-price-id="drinks-0"],[data-price-id="drinks-1"]){white-space:nowrap;flex-shrink:0}
.card .photo[data-open="breakfast-0"]{aspect-ratio:3/2;align-self:flex-start}
.detail-image[src="assets/arabic-breakfast-no-juice.webp"]{width:100%;height:auto;aspect-ratio:auto;max-height:65dvh;object-fit:contain}
/* Match the tower text rows so prices share the same baseline. */
.card:has(.name-button:is([data-open="drinks-0"],[data-open="drinks-1"]))>.card-content{display:grid;grid-template-rows:minmax(46px,auto) minmax(58px,auto) 28px 24px;align-content:start}
.card:has(.name-button:is([data-open="drinks-0"],[data-open="drinks-1"])) .name-button{align-self:start}
.card:has(.name-button:is([data-open="drinks-0"],[data-open="drinks-1"])) p{margin:8px 0 12px}
.card:has(.name-button:is([data-open="drinks-0"],[data-open="drinks-1"])) .price{margin:0;align-self:start;white-space:nowrap;line-height:28px}
.card:has(.name-button:is([data-open="drinks-0"],[data-open="drinks-1"])) .tower-serving{margin:3px 0 0;align-self:start}
.card .photo[data-open="drinks-espresso-mojito"]{aspect-ratio:9/16;align-self:flex-start;background:#1d2420}
.card .photo[data-open="drinks-espresso-mojito"] .card-video{object-fit:contain}
/* Match the Espresso Mojito video tile to the standard drink cards. */
.card .photo[data-open="drinks-espresso-mojito"]{aspect-ratio:auto;align-self:stretch;background:transparent}
.card .photo[data-open="drinks-espresso-mojito"] .card-video{object-fit:cover}
/* Match Arabic Platter to the standard breakfast tile, including Veg Roll. */
.card:has(>.photo[data-open="breakfast-0"]){flex-direction:row;min-height:165px}
.card .photo[data-open="breakfast-0"]{width:38%;min-width:38%;aspect-ratio:auto;align-self:stretch}
.card .photo[data-open="breakfast-0"] img{object-fit:cover;transform:none}
@media(max-width:699px){
.card:has(>.photo[data-open="breakfast-0"]){min-height:150px}
.card .photo[data-open="breakfast-0"]{width:34%;min-width:34%}
}
/* Preserve the complete breakfast platters inside the existing tiles. */
.card .photo:is([data-open="breakfast-0"],[data-open="breakfast-1"]) img{object-fit:contain;transform:none}
.card .photo:is([data-open="breakfast-0"],[data-open="breakfast-1"]){background:#eee9df}
.detail-image:is([src="assets/arabic-platter-no-cutlery.webp"],[src="assets/indian-platter-no-tea-cutlery.webp"]){width:100%;height:auto;aspect-ratio:auto;max-height:65dvh;object-fit:contain}
/* Match both platter cards to Vegetable Egg Roll dimensions. */
.card:has(>.photo:is([data-open="breakfast-0"],[data-open="breakfast-1"])){flex-direction:row;min-height:165px}
.card .photo:is([data-open="breakfast-0"],[data-open="breakfast-1"]){width:38%;min-width:38%;aspect-ratio:auto;align-self:stretch}
.card .photo:is([data-open="breakfast-0"],[data-open="breakfast-1"]) img{object-fit:contain;transform:none}
.card:has(>.photo:is([data-open="breakfast-0"],[data-open="breakfast-1"]))>.card-content{padding:17px}
@media(max-width:699px){
.card:has(>.photo:is([data-open="breakfast-0"],[data-open="breakfast-1"])){min-height:150px}
.card .photo:is([data-open="breakfast-0"],[data-open="breakfast-1"]){width:34%;min-width:34%;aspect-ratio:auto;align-self:stretch}
.card:has(>.photo:is([data-open="breakfast-0"],[data-open="breakfast-1"]))>.card-content{padding:13px}
}
/* Extended table background fills the Egg Roll-sized image panels. */
.card .photo:is([data-open="breakfast-0"],[data-open="breakfast-1"]) img{object-fit:cover;object-position:center;transform:none}
/* Match Spaghetti Meatballs to the other food tiles. */
.card:has(>.photo[data-open="mains-4"]){min-height:0}
.card .photo[data-open="mains-4"]{aspect-ratio:1;align-self:flex-start}
.card .photo[data-open="mains-4"] img{object-fit:cover;transform:none}
@media(max-width:699px){.card .photo[data-open="mains-4"]{width:46%;min-width:46%;aspect-ratio:1;align-self:flex-start}.card:has(>.photo[data-open="mains-4"])>.card-content{padding:10px}}
/* Use the Dynamite Shrimps tile dimensions for Nachos and Fries. */
.card:has(>.photo:is([data-open="starters-4"],[data-open="starters-5"])){min-height:0}
.card .photo:is([data-open="starters-4"],[data-open="starters-5"]){width:38%;min-width:38%;aspect-ratio:1;align-self:flex-start;background:transparent}
.card .photo:is([data-open="starters-4"],[data-open="starters-5"]) img{object-fit:cover;transform:none}
@media(max-width:699px){.card .photo:is([data-open="starters-4"],[data-open="starters-5"]){width:46%;min-width:46%;aspect-ratio:1;align-self:flex-start}.card:has(>.photo:is([data-open="starters-4"],[data-open="starters-5"]))>.card-content{padding:10px}}
/* Match Waffles and Pancakes to Vegetable Egg Roll cards. */
.card:has(>.photo:is([data-open="breakfast-4"],[data-open="breakfast-5"])){flex-direction:row;min-height:165px}
.card .photo:is([data-open="breakfast-4"],[data-open="breakfast-5"]){width:38%;min-width:38%;aspect-ratio:auto;align-self:stretch}
.card .photo:is([data-open="breakfast-4"],[data-open="breakfast-5"]) img{object-fit:cover;transform:none}
.card:has(>.photo:is([data-open="breakfast-4"],[data-open="breakfast-5"]))>.card-content{padding:17px}
@media(max-width:699px){
.card:has(>.photo:is([data-open="breakfast-4"],[data-open="breakfast-5"])){min-height:150px}
.card .photo:is([data-open="breakfast-4"],[data-open="breakfast-5"]){width:34%;min-width:34%}
.card:has(>.photo:is([data-open="breakfast-4"],[data-open="breakfast-5"]))>.card-content{padding:13px}
}
/* Bring the pancake plate higher within its tile. */
.card .photo[data-open="breakfast-5"] img{object-position:center 95%}