@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--night:#171c1b;--night-soft:#202925;--paper:#f5f1e8;--ink:#24342e;--teal:#285b51;--gold:#dec494;--muted:#c4c9be;--line:#d9d7cc;--display:'Aref Ruqaa',serif;--body:'Noto Sans Arabic',sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.8}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bf914a;outline-offset:5px}::selection{color:var(--night);background:var(--gold)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#768378;border-radius:8px}::-webkit-scrollbar-track{background:var(--paper)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}button svg,.search svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}em{font-style:normal}dialog{color:var(--ink);padding:0;border:0;max-height:90dvh;overscroll-behavior:contain}dialog::backdrop{background:#081510bd;backdrop-filter:blur(6px)}.skip-link{position:fixed;top:-80px;right:20px;padding:12px;background:var(--paper);z-index:100}.skip-link:focus{top:15px}
.header{height:104px;background:var(--night);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 5.6%;position:relative;z-index:5;border-bottom:1px solid #ffffff14}.brand{display:flex;flex-direction:column;align-items:center;width:125px;line-height:1.1}.brand-ar{font-family:var(--display);font-size:39px;color:var(--gold)}.brand-en{font-family:Georgia,serif;font-size:11px;letter-spacing:.2em;margin-top:10px}.header nav{display:flex;gap:42px;font-size:15px}.header nav a{padding:14px 0;transition:color .2s}.header nav a:hover{color:var(--gold)}.table-toggle{display:flex;align-items:center;gap:12px;background:transparent;color:var(--paper);min-height:46px}.bag-count{display:inline-grid;place-items:center;min-width:26px;height:26px;border:1px solid #bfa87477;border-radius:50%;font:500 12px var(--body)}.bag-icon{width:19px;height:20px;border:1px solid currentColor;position:relative;display:inline-block}.bag-icon:before{content:'';position:absolute;left:4px;right:4px;top:-7px;height:8px;border:1px solid currentColor;border-bottom:0;border-radius:10px 10px 0 0}
.hero{display:grid;grid-template-columns:43% 57%;min-height:660px;background:var(--night);color:var(--paper);overflow:hidden}.hero-copy{padding:68px 13% 35px 10%;position:relative;align-self:center}.welcome{font-size:15px;color:var(--gold);margin-bottom:18px}.hero h1{font-family:var(--display);font-size:clamp(62px,5.7vw,88px);line-height:1.28}.hero h1 em{color:var(--gold)}.hero-description{font-size:18px;color:#d4d6ce;line-height:1.9;margin-top:24px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;gap:16px;min-height:52px;padding:12px 28px;align-items:center;justify-content:center;font-size:15px;font-weight:600;border-radius:4px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.brass{color:#20281f;background:var(--gold)}.brass:hover{background:#eed6a6}.teal{background:var(--teal);color:white}.text-link{font-size:14px;border-bottom:1px solid #afbaa166;padding:8px 0}.hero-mini{display:flex;align-items:center;gap:12px;margin-top:46px;font-size:12px;color:#adb4a7}.mini-line{height:1px;width:42px;background:#9a967b}.hero-art{position:relative;min-height:660px;overflow:hidden;background:#392918}.hero-photo{position:absolute;inset:0;background-image:url('assets/IMG_6787.PNG');background-size:100% auto;background-position:center 62%;transition:opacity .4s,transform 1.2s var(--ease)}.hero-art:hover .hero-photo{transform:scale(1.025)}#hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0e1715e8,transparent 58%),linear-gradient(270deg,#171c1b75,transparent 30%);pointer-events:none}.hero-caption{position:absolute;bottom:99px;right:42px;left:40px}.hero-caption>span{font:11px Georgia,serif;letter-spacing:.17em;color:#e7d8bc}.hero-caption h2{font:36px/1.6 var(--display);margin-top:6px}.hero-detail{background:transparent;color:var(--paper);display:flex;gap:15px;align-items:center;font-size:13px;padding:8px 0}.hero-select{position:absolute;bottom:27px;right:40px;left:40px;display:flex;gap:8px;border-top:1px solid #ffffff39;padding-top:17px}.hero-select button{background:none;color:#d8d9d0;font-size:13px;min-height:42px;padding:4px 16px;border-radius:4px}.hero-select button.selected{background:#f8f3e61c;color:var(--gold)}.hero-select button:hover{background:#ffffff18}.motion-toggle{position:absolute;top:24px;left:24px;background:#14211dcc;color:#f8f0de;padding:7px 14px;border:1px solid #d3c4a466;border-radius:4px;font-size:12px}.invitation{background:var(--teal);color:#f1eee1;display:flex;align-items:center;justify-content:center;gap:54px;padding:17px 20px;font:24px/1.5 var(--display)}.ornament{width:25px;height:1px;background:#d8c092;position:relative}.ornament:after{content:'';position:absolute;width:5px;height:5px;border:1px solid #d8c092;transform:rotate(45deg);top:-2px;left:10px;background:var(--teal)}
.section-pad{padding:78px 5.6%}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section-heading h2,.place-title h2{font:54px/1.3 var(--display)}.section-heading p,.place-title p{margin-top:15px;color:#637166;font-size:15px}.menu-note{font-size:13px;color:#697568}.menu-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:36px;gap:22px}.filters{display:flex;gap:26px}.filters button{background:transparent;padding:14px 0 19px;color:#637166;font-size:15px;position:relative;white-space:nowrap}.filters button.active{color:var(--teal);font-weight:700}.filters button.active:after{position:absolute;content:'';bottom:-1px;right:0;left:0;height:3px;background:var(--teal)}.search{display:flex;gap:10px;align-items:center;color:#657569;max-width:220px}.search input{width:100%;background:none;border:0;font-size:14px;color:var(--ink);padding:10px 0;caret-color:var(--teal)}.search input::placeholder{color:#697568}.dish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}.dish-card{min-width:0;animation:reveal .4s var(--ease) both}.dish-picture{display:block;width:100%;padding:0;overflow:hidden;background:#27352e;position:relative;aspect-ratio:1.28}.crop{display:block;position:relative;overflow:hidden;width:100%;height:100%}.crop img{position:absolute;max-width:none;transition:filter .3s,scale .6s var(--ease)}.dish-picture:hover .crop img{filter:brightness(1.06);scale:1.03}.dish-picture:after{content:'اكتشف الطبق';position:absolute;bottom:14px;left:14px;color:#fff;font-size:12px;padding:4px 10px;background:#132d25b0;border-radius:3px;opacity:0;transition:opacity .3s}.dish-picture:hover:after,.dish-picture:focus-visible:after{opacity:1}.dish-type{position:absolute;right:14px;top:14px;font-size:11px;color:#f8f2e3;background:#183229d6;padding:3px 9px;z-index:1}.dish-info{padding-top:18px}.dish-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.dish-title h3{font-size:20px;font-weight:500}.add-dish{flex-shrink:0;width:44px;height:44px;background:transparent;border:1px solid #b2bfb0;border-radius:50%;font-size:25px;line-height:1;color:var(--teal);transition:color .2s,background .2s}.add-dish:hover{background:var(--teal);color:#fff}.dish-info>p{font-size:13px;color:#697568;line-height:1.9;margin-top:6px}.dish-price{margin-top:14px;display:flex;align-items:baseline;gap:5px;font-size:17px;font-weight:600}.dish-price small{font-size:11px;font-weight:400}.dish-price.unknown{font-size:12px;font-weight:400;color:#737b6e}.text-dish{border-top:1px solid var(--line);padding-top:22px;grid-column:span 1}.text-dish .dish-info{padding:0}.price-note{font-size:12px;color:#6f7669;border-top:1px solid var(--line);margin-top:45px;padding-top:17px}.empty-menu{padding:60px 0;text-align:center;color:#617368}
.gather{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;background:#203b32;color:var(--paper);align-items:center;overflow:hidden}.gather-copy h2{font:52px/1.5 var(--display)}.gather-copy h2 em{color:var(--gold)}.gather-copy>p{font-size:15px;color:#c8d1c3;line-height:2;margin-top:24px}.guest-control{display:flex;align-items:center;gap:16px;margin:28px 0}.guest-control>span{font-size:13px;color:#d5dccf}.stepper{display:flex;align-items:center;border:1px solid #c4cdb853;border-radius:5px;direction:ltr}.stepper button{width:44px;height:44px;background:transparent;color:inherit;font-size:21px}.stepper output{min-width:28px;text-align:center;font-size:15px}.gather-copy .gather-hint{font-size:12px;color:#bec9b7}.table-scene{min-width:0}.table-top{min-height:330px;padding:40px;display:flex;gap:18px;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;background:#31483c;border:1px solid #ab997348;border-radius:140px;box-shadow:0 32px 50px #0c1e1645;position:relative}.table-top:before{content:'';position:absolute;inset:12px;border:1px solid #a2966a25;border-radius:130px;pointer-events:none}.table-empty{text-align:center;display:flex;flex-direction:column;align-items:center;color:#cfd2b9;gap:13px}.table-monogram{font:47px var(--display);color:var(--gold)}.table-empty>span:not(.table-monogram){font-size:13px}.table-empty>a{font-size:13px;border-bottom:1px solid #a99a76}.table-chip{width:100px;animation:serve .5s var(--ease);text-align:center}.table-chip .plate-photo{width:88px;height:88px;border-radius:50%;overflow:hidden;outline:2px solid #b9b9a851;outline-offset:4px;margin:auto}.table-chip span{font-size:11px;display:block;margin-top:10px}.table-label{margin-top:25px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#bec8b8}.table-label>span:first-child{color:var(--gold)}.plate-photo .crop img{object-fit:cover}
.place-title{margin-bottom:35px}.place-gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px;align-items:end}.place-shot{height:330px;position:relative;overflow:hidden;background:#25352d;padding:0;text-align:right;color:white}.place-shot.tall{height:410px}.venue-photo{position:absolute;inset:0;background-size:100% auto;background-repeat:no-repeat;transition:transform .7s var(--ease)}.place-shot:hover .venue-photo{transform:scale(1.04)}.interior{background-image:url('assets/IMG_6758.PNG');background-position:center 45%}.garden{background-image:url('assets/IMG_6753.PNG');background-position:center 35%}.fountain{background-image:url('assets/IMG_6763.PNG');background-position:center 70%}.place-shot:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a1a15de,transparent 65%)}.place-shot>span:last-child{position:absolute;bottom:22px;right:25px;z-index:1;font:28px var(--display)}.place-shot>span:last-child>span{display:block;font:12px var(--body);margin-top:6px;color:#dedfcf}footer{background:var(--night);color:var(--paper);display:flex;align-items:center;gap:25px;padding:35px 5.6%;flex-wrap:wrap}.footer-brand{font:36px var(--display);color:var(--gold)}footer p{font:21px var(--display)}footer a{font:14px Georgia,serif;margin-right:auto}footer small{width:100%;border-top:1px solid #ffffff20;padding-top:20px;font-size:11px;color:#a8b2a5}
.close-dialog{width:44px;height:44px;font-size:30px;line-height:1;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;z-index:5}.dish-dialog{width:min(900px,calc(100% - 32px));background:var(--paper);border-radius:8px}.dish-dialog>.close-dialog,.place-dialog>.close-dialog{position:absolute;top:16px;left:16px}.detail-layout{display:grid;grid-template-columns:1fr 1fr}.detail-image{min-height:480px;background:#1d2c23;overflow:hidden;position:relative}.detail-copy{padding:60px 34px 30px}.detail-copy h2{font:37px/1.4 var(--display)}.detail-copy>p{font-size:14px;color:#657365;margin-top:20px;line-height:2}.detail-copy .dish-price{font-size:24px;margin:24px 0}.detail-copy .unknown{font-size:14px}.detail-copy .button{width:100%}.detail-copy .detail-note{font-size:12px;margin-top:18px}.detail-noimage{display:grid;place-items:center;background:#2c5145;color:var(--gold);font:54px var(--display);padding:40px;text-align:center}.table-dialog{position:fixed;inset:0 auto 0 0;margin:0;width:min(460px,100%);height:100dvh;max-height:100dvh;overflow-y:auto;background:var(--paper);padding:30px}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:25px}.drawer-heading h2{font:40px var(--display)}.drawer-heading p{font-size:13px;color:#657365;margin-top:5px}.table-item{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.table-item-info{flex:1}.table-item h3{font-size:16px;font-weight:500}.table-item p{font-size:12px;color:#687362}.table-item .stepper{border-color:var(--line)}.table-item .stepper button{width:35px;height:38px}.table-item .stepper output{font-size:13px;min-width:20px}.drawer-empty{padding:65px 0;text-align:center;color:#647060}.drawer-empty h3{font:36px var(--display);color:var(--teal);margin-bottom:10px}.drawer-empty p{font-size:14px}.drawer-empty button{margin-top:25px}.table-total{padding:25px 0 10px}.table-total strong{font-size:23px;font-weight:500}.table-total p{font-size:13px;color:#626f60;margin-top:7px}.demo-note{font-size:12px;color:#6a7464;margin:16px 0}#copy-table{width:100%}#copy-result{font-size:13px;color:var(--teal);margin-top:12px}.place-dialog{max-width:min(80vw,650px);width:650px;background:var(--night);border-radius:5px}.place-large{width:100%;height:75dvh;position:relative;overflow:hidden}.place-large .venue-photo{background-size:cover;background-position:center center}.place-caption{color:var(--paper);font:28px var(--display);padding:15px 25px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:10px 24px;border-radius:5px;font-size:14px;z-index:30;opacity:0;pointer-events:none;transition:transform .3s,opacity .3s}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-table{display:none}.fly-dot{position:fixed;width:28px;height:28px;background:var(--gold);border:5px solid var(--teal);border-radius:50%;z-index:50;pointer-events:none}.empty-copy{text-align:center;font-size:14px;color:#596b60}
@keyframes reveal{from{opacity:.75;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes serve{from{transform:translateY(-18px) scale(.8);opacity:.2}to{transform:none;opacity:1}}
.plain-title{padding:0;background:none;text-align:inherit;font:inherit;line-height:inherit}.plain-title:hover{color:var(--teal)}.table-small-name{display:grid;place-items:center;border:1px solid #bdb59688;border-radius:50%;width:88px;height:88px;font:17px/1.6 var(--display);padding:10px;color:var(--gold);background:#254035}
@media(min-width:1700px){.hero-copy{padding-right:20%}.section-pad{padding-left:10%;padding-right:10%}.header{padding-left:10%;padding-right:10%}}
@media(max-width:1100px){.hero{grid-template-columns:45% 55%}.hero-copy{padding-right:12%;padding-left:8%}.hero-actions{gap:14px}.hero-art,.hero{min-height:620px}.hero-photo{background-size:auto 150%;background-position:center 65%}.dish-grid{gap:28px 20px}.gather{gap:30px}.gather-copy h2{font-size:44px}.table-top{padding:25px}.table-chip{width:80px}.table-chip .plate-photo{width:65px;height:65px}.place-shot,.place-shot.tall{height:320px}.venue-photo{background-size:auto 130%}}
@media(max-width:760px){html{scroll-padding-top:26px}.header{height:82px;padding:0 6%}.brand{width:91px}.brand-ar{font-size:32px}.brand-en{font-size:8px;letter-spacing:.2em;margin-top:9px}.header nav{gap:20px;font-size:13px}.header nav a:nth-child(2){display:none}.table-toggle{font-size:0;gap:10px}.table-toggle .bag-count{font-size:12px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:28px 6% 32px;align-self:stretch;position:relative}.welcome{font-size:12px;margin-bottom:8px}.hero h1{font-size:51px;line-height:1.2}.hero h1 br{display:none}.hero h1 em{margin-right:5px}.hero-description{font-size:14px;margin-top:16px}.hero-description br{display:none}.hero-actions{margin-top:22px;gap:24px}.button{min-height:49px;padding:11px 22px;font-size:14px}.text-link{font-size:13px}.hero-mini{display:none}.hero-art{min-height:400px}.hero-photo{background-size:100% auto;background-position:center 62%}.hero-shade{background:linear-gradient(0deg,#0e1715ed,transparent 65%)}.hero-caption{right:6%;left:6%;bottom:95px}.hero-caption>span{font-size:9px}.hero-caption h2{font-size:29px}.hero-select{left:6%;right:6%;bottom:22px;padding-top:12px}.hero-select button{font-size:12px;padding:4px 12px}.hero-detail{font-size:12px}.motion-toggle{left:20px;top:18px}.invitation{gap:18px;padding:16px 12px;font-size:18px}.ornament{width:14px}.ornament:after{left:5px}.section-pad{padding:47px 6%}.section-heading{margin-bottom:25px;align-items:center}.section-heading h2,.place-title h2{font-size:40px}.section-heading p,.place-title p{font-size:13px;margin-top:9px}.menu-note{display:none}.menu-toolbar{display:block;margin-bottom:27px}.filters{gap:24px;overflow-x:auto}.filters button{font-size:13px;padding:13px 0}.search{max-width:none;border-top:1px solid var(--line);padding:6px 0;margin-top:6px}.search input{font-size:13px}.search svg{height:18px;width:18px}.dish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 15px}.dish-picture{aspect-ratio:.96}.dish-picture:after{display:none}.dish-type{font-size:10px;right:9px;top:9px;padding:2px 6px}.dish-info{padding-top:12px}.dish-title h3{font-size:15px;line-height:1.8}.add-dish{width:38px;height:38px;font-size:23px}.dish-title{gap:4px;align-items:start}.dish-info>p{font-size:11px;line-height:1.9}.dish-price{font-size:16px;margin-top:9px}.dish-price.unknown{font-size:10px}.dish-price small{font-size:10px}.text-dish{grid-column:span 2;padding-top:17px}.text-dish .dish-title h3{font-size:17px}.text-dish .dish-info{position:relative}.text-dish .dish-price{margin-top:5px}.text-dish .dish-info>p{font-size:12px}.price-note{font-size:11px;line-height:1.9;margin-top:27px}.gather{display:flex;flex-direction:column;gap:36px;align-items:stretch}.gather-copy h2{font-size:40px;line-height:1.5}.gather-copy>p{font-size:13px;margin-top:15px}.guest-control{margin:23px 0}.table-top{min-height:260px;border-radius:100px;padding:30px 22px;gap:20px 12px}.table-top:before{border-radius:90px}.table-monogram{font-size:38px}.table-label{font-size:11px}.place-title{margin-bottom:24px}.place-gallery{grid-template-columns:1fr 1fr;gap:15px}.place-shot.tall{grid-column:span 2;height:310px}.place-shot{height:235px}.venue-photo{background-size:100% auto}.interior{background-position:center 48%}.garden{background-size:auto 140%;background-position:center 30%}.fountain{background-size:auto 135%;background-position:center 74%}.place-shot>span:last-child{font-size:23px;right:17px;bottom:17px}.place-shot>span:last-child>span{font-size:10px}footer{padding:28px 6% 112px;gap:17px}.footer-brand{font-size:30px}footer p{font-size:19px}footer a{font-size:12px}footer small{font-size:10px}.mobile-table{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:6%;right:6%;width:88%;background:var(--teal);color:white;min-height:54px;padding:11px 20px;z-index:9;border-radius:6px;box-shadow:0 8px 26px #112a3040;font-size:14px}.mobile-table>span:last-child{font-size:12px}.mobile-table .bag-count{border-color:#c2d2be66;margin-left:7px}.toast{bottom:83px;max-width:90%;width:max-content;font-size:12px}.detail-layout{display:flex;flex-direction:column}.detail-image{height:290px;min-height:0}.detail-copy{padding:24px}.detail-copy h2{font-size:31px}.detail-copy>p{font-size:13px;margin-top:14px}.detail-copy .dish-price{font-size:20px;margin:15px 0}.detail-copy .unknown{font-size:13px}.detail-copy .detail-note{font-size:11px}.table-dialog{padding:23px;max-width:100%}.place-dialog{width:calc(100% - 28px);max-width:100%}.place-large{height:65dvh}}
.crop>svg{display:block}.hero-photo>.crop{position:absolute;inset:0}.hero-caption>span{font-size:12px}.brand-en{font-size:11px}.dish-info>p{color:#58664e;font-size:14px}.dish-price.unknown{color:#58664e;font-size:12px}.price-note,.detail-copy>p,.detail-copy .detail-note,.demo-note,.empty-menu{color:#58664e}.price-note,.detail-copy .detail-note,.demo-note{font-size:12px}.dish-type{font-size:12px}.dish-price small{font-size:12px}.place-shot>span:last-child>span{font-size:12px}.table-top{box-shadow:none}.mobile-table{box-shadow:0 8px 26px #0003}.add-dish{min-width:44px;min-height:44px}.table-chip span{font-size:12px}.table-chip .crop svg{width:100%;height:100%}
@media(min-width:1101px){.dish-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.text-dish{grid-column:1/-1}.text-dish .dish-info{display:grid;grid-template-columns:1fr 1.4fr auto;gap:35px;align-items:center}.text-dish .dish-title{max-width:300px}.text-dish .dish-info>p,.text-dish .dish-price{margin:0}}
@media(max-width:760px){.hero-caption>span{font-size:11px}.dish-info>p{font-size:12px}.dish-type{font-size:11px}.place-shot>span:last-child>span{font-size:12px}.hero h1{font-size:49px}.table-chip .table-small-name{width:65px;height:65px;font-size:15px}}
.crop>svg{display:block;width:100%;height:100%;stroke:none;fill:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art:hover .hero-photo,.place-shot:hover .venue-photo{transform:none}.fly-dot{display:none}}