:root{--heritage-ink:#36271f;--heritage-gold:#af873a}
.hero{position:relative;background-image:linear-gradient(90deg,#fff9 0%,#fff0 80%),url('assets/arabic-geometric.svg');background-size:auto,180px 180px}
.hero-copy{position:relative;padding-block:22px}
.hero-copy::before{content:'';display:block;width:66px;height:5px;margin-bottom:28px;background:linear-gradient(90deg,transparent,#aa8130,transparent)}
.hero-image{padding:16px;background:#fff9ec url('assets/arabic-geometric.svg');border:1px solid #b6934c;border-radius:12px;box-shadow:0 16px 40px #573c1612}
.hero-image img{border-radius:6px;border:1px solid #c8a45a}
.image-label{border-color:#ccb378;background:#fffdf7;box-shadow:0 8px 24px #392b191c}
.collection{background:#fbf7ee url('assets/arabic-geometric.svg');background-size:180px 180px;border-top:1px solid #c5a565}
.section-top{background:#fbf7eef0;padding:22px 24px;border-inline-start:3px solid #ac8133}
.showcase{background:#fffdf6;border:1px solid #cbb27d;padding:18px;box-shadow:0 12px 30px #573c1610;gap:16px}
.showcase img{border:1px solid #d6c39a;border-radius:6px;background:#fff}
.showcase-copy{background:#fffdf6 url('assets/arabic-geometric.svg');padding:38px 10%;background-size:170px 170px}
.showcase-copy h3,.showcase-copy p{background:#fffdf6df}
.menu-grid{gap:34px 28px;align-items:stretch}
.menu-grid article{position:relative;overflow:hidden;padding:22px 22px 25px;border:1px solid #ccb479;background:#fffdf6 url('assets/arabic-geometric.svg');background-size:140px 140px;box-shadow:0 8px 22px #6b492014;transition:transform .2s,box-shadow .2s}
.menu-grid article::after{content:'';display:block;width:62px;height:1px;margin:20px auto 0;background:linear-gradient(90deg,transparent,#ac8334,transparent)}
.menu-grid .photo-card img{border-radius:6px;border:1px solid #b49351;height:260px;box-shadow:0 5px 16px #573c1615}
.menu-grid .number{font-size:13px;text-align:center;color:#906c24;letter-spacing:3px;margin-top:21px}
.menu-grid article h3{text-align:center;font-size:27px;color:#39281e;line-height:1.3;background:#fffdf6c9;position:relative;margin-bottom:0;padding-inline:4px}
.more{background:#fffdf6ed;padding:24px;border:1px solid #d9c7a0;margin-top:40px}
.allergens{background:#fbf7eef0;padding:12px 0}
.contact{background-color:#30221b;background-image:linear-gradient(#30221bd9,#30221bed),url('assets/arabic-geometric.svg');background-size:auto,150px 150px;border-top:5px double #c3a061}
.contact-details{border-color:#c3a06166}.contact h2{color:#fff9ed}.light{background:#e7d099}
@media(hover:hover){.menu-grid article:hover{transform:translateY(-4px);box-shadow:0 15px 30px #6b492023}}
@media(max-width:850px){.hero{background-size:auto,150px 150px}.hero-image{padding:12px}.showcase{padding:12px;gap:0}.showcase-copy{padding:28px 20px}.menu-grid article{padding:18px 18px 22px}.menu-grid article h3{font-size:25px}.menu-grid .photo-card img{height:235px}.section-top{padding:18px 20px}}
@media(max-width:500px){.hero-copy{padding-block:0}.hero-copy::before{margin-bottom:20px}.hero-image img{height:340px}.section-top{padding:20px 18px}.menu-grid{gap:26px}.menu-grid article{padding:24px}.menu-grid .photo-card img{height:310px}.menu-grid article h3{font-size:28px}.showcase img{aspect-ratio:1/1}.image-label{bottom:25px}}
@media(prefers-reduced-motion:reduce){.menu-grid article{transition:none}.menu-grid article:hover{transform:none}}

.menu-grid article{border-radius:10px}.showcase{border-radius:10px}.hero-image{padding:10px}.image-label{left:24px;bottom:24px;border-radius:4px}html[dir=rtl] .image-label{right:24px;left:auto}@media(max-width:850px){.hero-image{margin-inline:0}.image-label{left:22px}html[dir=rtl] .image-label{right:22px}}

.showcase img,.menu-grid .contain-card img{background:#35251c;object-fit:cover}.showcase img{object-position:center}.menu-grid .contain-card img{object-position:center}

.hero-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;direction:ltr}
.hero-pair .hero-image{margin:0;min-width:0;padding:8px}
.hero-pair .hero-image img{height:410px;border-radius:0;object-fit:cover;object-position:center}
.hero-pair figcaption{padding:14px 4px 6px;text-align:center;font:20px/1.4 Georgia,serif;color:var(--gold)}
html[dir=rtl] .hero-pair figcaption{font-family:Tahoma,Arial;direction:rtl}
@media(max-width:850px){.hero-pair .hero-image img{height:350px}}
@media(max-width:500px){.hero-pair{gap:10px}.hero-pair .hero-image{padding:5px}.hero-pair .hero-image img{height:240px}.hero-pair figcaption{font-size:16px;padding:10px 2px 5px}}

/* Text-only opening after removing the two featured photos. */
.hero{grid-template-columns:minmax(0,1fr)}
.hero-copy{max-width:760px}

/* Featured chef portrait at the opening of the page. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.chef-portrait{margin:0;max-width:540px;width:100%;justify-self:center}
.chef-portrait img{height:auto;width:100%;aspect-ratio:3/4;object-fit:contain;border-radius:6px}
.chef-portrait figcaption{text-align:center;padding:14px 8px 4px;font:26px/1.5 Georgia,serif;color:var(--gold)}
html[dir=rtl] .chef-portrait figcaption{font-family:Tahoma,Arial}
@media(max-width:850px){.hero{grid-template-columns:minmax(0,1fr)}.chef-portrait{grid-row:1;max-width:440px;margin:0}.chef-portrait img{height:auto}.chef-portrait figcaption{font-size:24px}}

/* Product details and direct WhatsApp enquiries. */
.menu-grid article{display:flex;flex-direction:column;background:#fffdf9;padding:18px;border-color:#dfcfaa;box-shadow:0 6px 24px #402c0b0a}
.menu-grid article::after{display:none}.menu-grid article h3{background:transparent;font-size:25px;margin:12px 0}
.menu-grid .number{margin-top:18px;font-size:12px;color:#8b7449}
.menu-grid .product-description{text-align:center;line-height:1.75;color:#645b4e;font-size:16px;margin:0 0 22px;padding-inline:8px}
.product-order{display:block;text-align:center;margin-top:auto;padding:12px 10px;border:1px solid #bda675;border-radius:5px;font-size:14px;color:#715018;background:#fff;transition:background .2s}
.product-order:hover{background:#f4ead5}.whatsapp-button{background:#246448;border-radius:5px}.whatsapp-button:hover{background:#1c4d38}
.contact .whatsapp-button{color:#fff;display:inline-block;margin-top:14px;margin-inline-end:12px}.contact .light{border-radius:5px}
.whatsapp-floating{position:fixed;inset-inline-end:20px;bottom:20px;z-index:20;display:flex;align-items:center;gap:9px;background:#246448;color:#fff;border:1px solid #ffffff80;border-radius:30px;padding:12px 18px;box-shadow:0 5px 24px #0002;font-size:15px;direction:ltr}

footer{padding-bottom:90px}.actions{gap:16px}.hero-copy{max-width:650px}.menu-grid .photo-card img{aspect-ratio:4/3;height:auto}
@media(max-width:500px){.menu-grid article{padding:18px}.menu-grid .photo-card img{height:auto;aspect-ratio:4/3}.menu-grid article h3{font-size:27px}.product-order{font-size:16px}.whatsapp-floating{bottom:14px;inset-inline-end:14px}.hero-copy h1{font-size:46px}}

.prices{padding:65px max(5%,calc((100vw - 1296px)/2));background:#fff}.prices .section-top{background:#fff;border-inline-start:0;padding:0}
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.price-category{border:1px solid #dfcfaa;border-radius:8px;overflow:hidden}.price-category-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f2e8}.price-category h3{font-size:25px;margin:0}.price-category-head span{font-size:14px;color:#735a2d;white-space:nowrap}.price-category table{width:100%;border-collapse:collapse;font-size:16px}.price-category th,.price-category td{padding:13px 22px;text-align:start;border-bottom:1px solid #eee6d6;font-weight:400}.price-category thead th{font-size:14px;color:#7c6a4a}.price-category td{font-weight:600;color:#715018;text-align:end;white-space:nowrap}.price-category tr:last-child th,.price-category tr:last-child td{border-bottom:0}.prices-note{font-size:16px;color:#645b4e;margin:28px 0 0}nav{flex-wrap:wrap}
@media(max-width:650px){.price-grid{grid-template-columns:1fr}.prices{padding-top:45px;padding-bottom:45px}.price-category-head{padding:18px}.price-category th,.price-category td{padding:12px 18px}.price-category h3{font-size:23px}nav{gap:20px}}

.ramadan-badge{display:inline-block;margin:8px 0;padding:6px 10px;border:1px solid #9b742d;border-radius:4px;color:#72521b;background:#fff8e8;font-size:.875rem;line-height:1.5}.ramadan-price-note{display:block;color:#72521b;font-size:.875rem;line-height:1.5;font-weight:normal;margin-top:4px}


.whatsapp-icon{width:24px;height:24px;display:block;flex-shrink:0}.whatsapp-button,.contact .whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#25d366;color:#102b1b;font-weight:600}.whatsapp-button:hover{background:#20bd5a}.whatsapp-floating{background:#25d366;color:#102b1b;font-weight:600}.whatsapp-floating:hover{background:#20bd5a}.whatsapp-floating .whatsapp-icon{width:28px;height:28px}.contact-details .tiktok-link{display:flex;align-items:center;gap:8px;margin-top:14px;width:fit-content;border:1px solid #dbc28b;padding:10px 14px;border-radius:5px;text-decoration:none}.contact-details .tiktok-link span{color:#fff;font-size:16px;letter-spacing:0}.contact-details .tiktok-link:hover{background:#ffffff12}
