@font-face{font-family:Tajawal;src:url('../fonts/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Tajawal;src:url('../fonts/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--paper:#f7f4ec;--surface:#fffdf8;--ink:#28392b;--muted:#727469;--olive:#465a36;--olive-dark:#35472a;--sage:#e8ebdf;--clay:#aa6047;--line:#deded1;--radius:20px;--font:Tajawal,Tahoma,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
body.dialog-is-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid var(--clay);outline-offset:5px}
button{cursor:pointer}
img{display:block;max-width:100%}
svg{display:block}
[hidden]{display:none!important}
.container{width:min(1180px,calc(100% - 88px));margin-inline:auto}
.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:18px;z-index:20;padding:10px 20px;background:var(--ink);color:#fff;transform:translateY(-160%);border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.site-header{border-bottom:1px solid var(--line)}
.header-inner{height:106px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:13px}
.brand-mark{display:grid;place-items:center;width:58px;height:58px;border:1px solid #c7cdb9;border-radius:50%;color:var(--olive)}
.brand-mark svg{width:43px;height:43px}
.brand strong{display:block;font-size:27px;line-height:1.4}
.brand small{display:block;color:var(--muted);font-size:12px;line-height:1.6}
.header-link{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:700}
.header-link span{font-size:23px;color:var(--clay)}
.hero{overflow:hidden;position:relative}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:510px;gap:28px;padding-block:35px 42px}
.hero-copy{padding-block:18px}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--clay);font-size:13px;font-weight:700;margin:0 0 17px}
.eyebrow>span{height:7px;width:7px;background:var(--clay);border-radius:50%}
h1,h2,h3,h4,p{margin-block-start:0}
h1{font-size:clamp(50px,5.2vw,72px);line-height:1.29;letter-spacing:-2.3px;margin-block-end:21px;font-weight:700}
h1>span{color:var(--olive)}
.hero-description{max-width:420px;color:#737568;font-size:17px;line-height:1.95;margin-block-end:25px}
.primary-link{display:inline-flex;align-items:center;gap:37px;min-height:51px;border-radius:9px;background:var(--olive);color:var(--surface);padding:12px 22px 10px;font-weight:700;font-size:15px;transition:background .2s,transform .2s}
.primary-link:hover{background:var(--olive-dark);transform:translateY(-2px)}
.primary-link svg{height:22px;width:22px}
.hero-footnote{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;margin-block-start:23px}
.tiny-flower{font-size:24px;color:var(--clay);line-height:1}
.hero-art{position:relative;align-self:stretch;display:grid;place-items:center}
.hero-plate{width:100%;max-width:540px;height:auto;transform:rotate(-5deg)}
.art-label{position:absolute;z-index:1;inset-inline-end:19px;inset-block-start:22px;color:var(--olive);font-size:15px;transform:rotate(-9deg);text-align:center;line-height:1.4}
.art-label>span{display:block;color:var(--clay);font-size:24px;font-weight:700}
.art-caption{position:absolute;inset-block-end:26px;inset-inline-start:70px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px;transform:rotate(-4deg)}
.art-caption>span{display:block;width:36px;height:1px;background:#b6bca6}
.category-bar{position:sticky;top:0;z-index:5;background:rgba(247,244,236,.97);border-block:1px solid var(--line);backdrop-filter:blur(12px)}
.category-bar-inner{display:flex;align-items:center;gap:32px;min-height:87px}
.nav-label{font-size:14px;color:var(--muted);white-space:nowrap;padding-inline-end:28px;border-inline-end:1px solid #d2d6c8}
.category-nav{display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none;padding:10px 4px;min-width:0}
.category-nav::-webkit-scrollbar{display:none}
.category-link{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;min-height:45px;padding:9px 19px 7px;border-radius:8px;font-size:14px;color:#626b59;transition:background .2s,color .2s}
.category-link svg{width:23px;height:23px;flex-shrink:0}
.category-link:hover{background:#eceee3}
.category-link.is-active{background:var(--olive);color:#fffdf7}
.nav-decoration{margin-inline-start:auto;font-size:30px;color:#9b6b50}

:root{--white:var(--surface)}
h2,p,dl,dd{margin:0}
.menu-main{padding-block:31px 45px;scroll-margin-top:99px}
      .buffet-banner{width:100%;max-width:960px;margin:0 auto 30px;overflow:hidden;border:1px solid #d9dece;border-radius:18px;background:var(--white)}
      .buffet-banner img{display:block;width:100%;height:auto;cursor:default}
      @media(max-width:600px){.buffet-banner{margin-bottom:22px;border-radius:13px}}
      .menu-note{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;margin-block-end:22px}
      .menu-note strong{font-weight:400;color:#84735d}
      .menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:start}
      .menu-section{border:1px solid #d9dece;border-radius:16px;background:var(--white);overflow:hidden;scroll-margin-top:100px}
      .menu-section:target{border-color:#8b9c75;box-shadow:0 0 0 2px #879b6f18}
      .section-heading{padding:22px 25px 18px;border-bottom:1px solid #e0e4d7;background:#eef0e6;display:flex;align-items:center;gap:13px}
      .section-symbol{color:var(--olive);width:43px;height:43px;border:1px solid #cbd3bd;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#f7f9f0}.section-symbol svg{display:block;width:28px;height:28px}
      .section-heading h2{font-size:25px;line-height:1.5;letter-spacing:-.4px}
      .section-count{margin-inline-start:auto;color:#79836d;font-size:11px;white-space:nowrap}
      .menu-items{padding:4px 25px 10px}
      .menu-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 0 13px;border-bottom:1px solid #e9eadf;min-height:59px}
      .menu-item:last-child{border-bottom:0}
      .menu-item dt{font-size:17px;line-height:1.7;overflow-wrap:anywhere}
      .menu-item dd{display:flex;align-items:baseline;gap:5px;color:var(--olive);font-size:21px;font-weight:700;white-space:nowrap}
      .currency{display:block;width:.85em;height:.95em;fill:currentColor;flex-shrink:0;align-self:center}
      .menu-end{display:flex;align-items:center;justify-content:center;gap:17px;margin-block-start:39px;color:#7d896d;font-size:20px}
      .menu-end::before,.menu-end::after{content:"";width:51px;height:1px;background:#d4dac7}
      .menu-details{max-width:960px;margin:34px auto 0}
      .details-heading{font-size:25px;line-height:1.6;margin:0 0 14px}
      .contact-section{margin-bottom:26px}
      .contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
      .contact-link{display:flex;align-items:center;gap:13px;padding:17px 19px;border:1px solid #d9dece;border-radius:13px;background:var(--surface);min-width:0;transition:border-color .2s,background .2s}
      .contact-link:hover{border-color:#99aa84;background:#f1f3e9}
      .contact-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:var(--sage);color:var(--olive)}
      .contact-icon svg{width:25px;height:25px}
      .contact-label{display:block;color:var(--muted);font-size:12px;line-height:1.7}
      .contact-value{display:block;color:var(--olive);font-size:20px;font-weight:700;line-height:1.6;overflow-wrap:anywhere}
      .contact-arrow{margin-inline-start:auto;color:var(--clay);font-size:22px;flex-shrink:0}
      .order-notes{padding:21px 25px 13px;border:1px solid #d9dece;border-radius:16px;background:var(--surface)}
      .order-notes .details-heading{font-size:23px;margin-bottom:4px}
      .order-note-list{list-style:none;padding:0;margin:0}
      .order-note-list li{position:relative;padding-block:12px;padding-inline-start:19px;border-bottom:1px solid #e9eadf;font-size:15px;line-height:1.9}
      .order-note-list li:last-child{border-bottom:0}
      .order-note-list li::before{content:"";position:absolute;inset-inline-start:0;top:24px;width:5px;height:5px;border-radius:50%;background:var(--clay)}
      @media(max-width:600px){.menu-details{margin-top:26px}.details-heading{font-size:23px;margin-bottom:12px}.contact-section{margin-bottom:22px}.contact-grid{grid-template-columns:1fr;gap:12px}.contact-link{padding:15px 16px;gap:12px}.contact-value{font-size:19px}.contact-icon{width:40px;height:40px}.order-notes{padding:17px 19px 10px;border-radius:13px}.order-notes .details-heading{font-size:22px}.order-note-list li{font-size:14px;line-height:1.95}}
      .site-footer{border-top:1px solid var(--line);background:#eceee3}
      .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:25px}
      .footer-inner strong{font-size:19px}
      .footer-inner p{font-size:11px;color:var(--muted)}
      .back-top{min-height:44px;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--olive)}
      .back-top span{font-family:Arial,sans-serif;font-size:20px}
      
@media(min-width:1450px){.hero-inner{min-height:555px}}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.hero-inner{gap:10px;min-height:480px}.hero-description{font-size:16px}.hero-art{margin-inline-end:-20px}.art-label{inset-inline-end:18px;inset-block-start:48px}.art-caption{inset-inline-start:30px;inset-block-end:45px}.category-bar-inner{gap:18px}.category-link{padding-inline:14px;font-size:13px}.nav-label{padding-inline-end:18px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header-inner{height:90px}.brand-mark{width:48px;height:48px}.brand-mark svg{width:36px;height:36px}.brand{gap:10px}.brand strong{font-size:24px}.brand small{font-size:10px}.header-link{font-size:12px;gap:12px}.hero-inner{min-height:auto;grid-template-columns:1.1fr 1fr;gap:0;padding-block:32px}.hero-copy{padding-block:10px}h1{font-size:48px;letter-spacing:-1.8px}.hero-description{font-size:14px;line-height:1.9}.hero-art{margin-inline-end:-30px}.art-label{inset-block-start:25px;font-size:12px;inset-inline-end:16px}.art-label>span{font-size:20px}.art-caption{display:none}.hero-footnote{font-size:10px}.primary-link{font-size:13px;gap:18px;padding-inline:17px}.eyebrow{font-size:11px}.category-bar-inner{min-height:76px;gap:12px}.nav-label{display:none}.nav-decoration{display:none}.category-nav{width:100%;gap:6px}.category-link{flex:1;padding-inline:14px;min-height:44px}.category-link svg{width:21px;height:21px}}
@media(max-width:520px){.container{width:calc(100% - 36px)}.header-inner{height:84px}.brand strong{font-size:23px}.brand-mark{width:45px;height:45px}.brand-mark svg{height:33px;width:33px}.header-link{gap:9px;font-size:11px}.header-link span{font-size:20px}.hero-inner{grid-template-columns:1fr;position:relative;padding-block:31px 15px;gap:0}.hero-copy{padding-block:0;text-align:center;position:relative;z-index:1}.hero-copy .eyebrow{justify-content:center;font-size:11px;margin-block-end:14px}h1{font-size:51px;line-height:1.26;letter-spacing:-1.8px;margin-block-end:16px}.hero-description{max-width:310px;margin-inline:auto;font-size:14px;margin-block-end:19px}.primary-link{min-height:47px;font-size:13px;gap:30px}.hero-footnote{justify-content:center;font-size:10px;margin-block-start:17px}.tiny-flower{font-size:21px}.hero-art{height:240px;margin-inline:0;margin-block-start:0;max-width:350px;width:100%;justify-self:center}.hero-plate{height:285px;width:360px;max-width:none;position:relative;top:-11px}.art-label{inset-block-start:16px;inset-inline-end:8px;font-size:12px;z-index:2}.art-label>span{font-size:21px}.category-bar-inner{min-height:71px}.category-nav{margin-inline:-4px;width:calc(100% + 8px);gap:5px;flex:none}.category-link{font-size:12px;padding:8px 12px 6px;gap:6px;flex:none}.category-link svg{width:20px;height:20px}}
@media(max-width:760px){.menu-grid{gap:18px}.section-heading{padding:18px 17px 15px;gap:10px}.section-heading h2{font-size:21px}.section-symbol{width:36px;height:36px;border-radius:10px}.section-symbol svg{width:24px;height:24px}.section-count{font-size:10px}.menu-items{padding-inline:17px}.menu-item{gap:12px;min-height:58px}.menu-item dt{font-size:15px}.menu-item dd{font-size:19px}}
@media(max-width:600px){.menu-main{padding-block:24px 30px;scroll-margin-top:89px}.menu-note{display:block;font-size:11px;line-height:1.9;margin-block-end:17px}.menu-note strong{display:block}.menu-grid{grid-template-columns:1fr;gap:22px}.menu-section{scroll-margin-top:89px;border-radius:13px}.section-heading{padding:17px 18px 14px;gap:11px}.section-heading h2{font-size:24px}.section-symbol{width:40px;height:40px}.section-symbol svg{width:26px;height:26px}.section-count{font-size:11px}.menu-items{padding:3px 20px 8px}.menu-item{gap:14px;padding-block:14px 12px;min-height:58px}.menu-item dt{font-size:17px}.menu-item dd{font-size:21px}.menu-end{font-size:18px;margin-block-start:28px}.footer-inner{padding-block:21px}.footer-inner strong{font-size:19px}.back-top{font-size:11px}}
@media print{.menu-main{padding-block:15px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.menu-section{break-inside:avoid;box-shadow:none}.section-heading{padding:12px 16px}.section-heading h2{font-size:19px}.menu-items{padding-inline:16px}.menu-item{min-height:36px;padding-block:7px}.menu-item dt{font-size:13px}.menu-item dd{font-size:16px}.menu-end{margin-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{.category-bar,.header-link,.primary-link,.back-top,.hero-art{display:none}.hero-inner{display:block;min-height:0;padding-block:20px}.hero-copy{padding:0}h1{font-size:32px}.hero-description{max-width:none;font-size:12px}.hero-footnote{margin-top:12px}.container{width:100%}.header-inner{height:70px}.menu-main{padding-top:15px}.menu-grid{gap:16px}.menu-section{break-inside:avoid;box-shadow:none}.section-heading{padding:12px 16px}.section-heading h2{font-size:20px}.menu-items{padding-inline:16px}.menu-item{min-height:38px;padding-block:7px}.menu-item dt{font-size:13px}.menu-item dd{font-size:16px}}
