@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#171d1a;--bg2:#1e2720;--surface:#222b24;--pistachio:#bdd79d;--pistachio-bright:#d9edbb;--muted:#aab6a7;--line:#344139;--white:#f4f6ef;--font:'Vazirmatn',Tahoma,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;min-width:320px;background:var(--bg);color:var(--white);font-family:var(--font);font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--pistachio-bright);outline-offset:4px}.page-width{width:min(1136px,calc(100% - 48px));margin-inline:auto}.page-halo{position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:560px;background:radial-gradient(ellipse 44% 50% at 80% 5%,rgba(162,193,135,.10),transparent 100%)}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0 21px;border-bottom:1px solid rgba(181,206,161,.13)}.wordmark{display:inline-flex;align-items:center;gap:12px}.wordmark-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #6c826d;border-radius:15px;color:var(--pistachio)}.wordmark-copy{display:flex;flex-direction:column;line-height:1.28}.wordmark-copy strong{font-weight:900;font-size:22px}.wordmark-copy small{letter-spacing:1.75px;font-family:Arial,sans-serif;font-size:9px;color:#a6bba0;margin-top:7px}.share-button{border:1px solid #4a594c;background:transparent;color:#d5e4d2;padding:10px 17px;display:flex;align-items:center;gap:9px;border-radius:14px;font-size:13px;font-weight:600;transition:.2s}.share-button:hover{border-color:var(--pistachio);background:#2d392f}
.hero{position:relative;isolation:isolate;min-height:360px;display:grid;grid-template-columns:1fr 405px;align-items:center;gap:24px;margin:36px 0 70px;padding:50px 68px;overflow:hidden;border:1px solid #3b483d;border-radius:30px;background:linear-gradient(117deg,#253127 0%,#1f2923 65%,#233227 100%)}.hero:before{content:'';position:absolute;z-index:-1;width:430px;height:430px;background:radial-gradient(circle,rgba(169,211,144,.095),transparent 70%);top:-190px;right:-110px}.hero:after{content:'';height:100%;width:5px;background:var(--pistachio);position:absolute;right:0;top:0}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 21px;color:var(--pistachio);font-family:Arial,sans-serif;font-size:11px;letter-spacing:3px;font-weight:700;direction:ltr;justify-content:flex-end}.eyebrow-dot{height:7px;width:7px;background:var(--pistachio);border-radius:50%}.hero-copy{position:relative;z-index:1}.hero-copy h1{font-size:clamp(32px,4.2vw,58px);font-weight:900;line-height:1.65;letter-spacing:-1.2px;margin:0}.hero-copy h1 em{font-style:normal;color:var(--pistachio)}.hero-description{color:#c6d1c3;font-size:15px;max-width:390px;line-height:2.2;margin:10px 0 25px}.hero-stats{display:flex;align-items:center;gap:19px;color:#d0dccb;font-size:13px}.hero-stats span:first-child{display:flex;align-items:center;gap:7px}.hero-stats svg{color:var(--pistachio)}.hero-stats strong{font-weight:800;font-size:18px;color:var(--pistachio-bright)}.hero-stat-separator{height:17px;width:1px;background:#658062}.hero-art{min-height:280px;position:relative;display:grid;place-items:center}.food-illustration{width:345px;max-width:100%;filter:drop-shadow(0 25px 40px #0e1812a3);transform:rotate(-13deg)}.art-orbit{position:absolute;inset:17px 50px;border:1px dashed rgba(173,205,146,.19);border-radius:50%}.art-orbit-two{inset:0 33px;transform:rotate(45deg);border-style:solid;border-color:rgba(173,205,146,.10)}.art-tiny-label{position:absolute;left:0;bottom:0;color:#a7bd9a;font:10px Arial,sans-serif;letter-spacing:2px}.art-tiny-label span{font-size:16px;margin-left:8px}
.menu-topline{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:23px}.eyebrow-muted{color:#90a689;margin:0 0 4px;font-size:10px;justify-content:flex-end}.menu-topline h2{font-size:30px;margin:0;font-weight:800;letter-spacing:-.4px}.currency-label{font-size:13px;color:#a7b8a6;white-space:nowrap;padding-bottom:8px}.currency-label b{color:var(--pistachio-bright)}
.filters-wrap{position:sticky;z-index:10;top:0;padding:15px 0 13px;background:linear-gradient(180deg,#171d1a 94%,rgba(23,29,26,.91));border-bottom:1px solid #2b352d}.tab-scroller{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 14px}.tab-scroller::-webkit-scrollbar{display:none}.tab{border:1px solid #3c4a3f;white-space:nowrap;background:#212923;color:#e1e7dd;display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:13px;min-height:46px;font-size:13px;font-weight:650;transition:background .2s,border-color .2s,transform .2s}.tab svg{color:#91aa88}.tab .tab-count{background:#344039;color:#bbcab7;border-radius:7px;padding:1px 6px;font:600 11px Arial,sans-serif}.tab:hover{border-color:#819f70;transform:translateY(-1px)}.tab.active{background:var(--pistachio);color:#19241c;border-color:var(--pistachio);box-shadow:0 3px 14px rgba(172,211,144,.10)}.tab.active svg{color:#31432e}.tab.active .tab-count{background:#a7c586;color:#273729}.search-wrap{height:53px;display:flex;align-items:center;gap:11px;background:#222b25;border:1px solid #3c4d40;border-radius:13px;padding:0 18px;color:#a8b9a5;transition:border-color .2s}.search-wrap:focus-within{border-color:#aac990}.search-wrap input{flex:1;min-width:0;border:0;background:transparent;outline:none;color:#f3f7ee;font-size:14px}.search-wrap input::placeholder{color:#88988b;opacity:1}.search-wrap input::-webkit-search-cancel-button{display:none}.clear-search{border:0;background:transparent;color:#b2c8a6;display:grid;place-items:center;padding:5px}.clear-search[hidden]{display:none}
.results-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:29px 0 20px}.results-kicker{font-size:12px;color:#93ab8e;margin:0 0 3px}.results-heading h3{font-size:23px;margin:0;line-height:1.8;font-weight:800}.result-count{font-size:12px;color:#b9cead;border:1px solid #425344;border-radius:9px;padding:5px 11px;white-space:nowrap}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;min-height:200px}.item-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:100px;padding:20px 23px;border:1px solid #34443a;border-radius:18px;background:linear-gradient(122deg,#242f27,#202923);transition:transform .2s,border-color .2s,background .2s;animation:reveal .3s both}.item-card:before{content:'';position:absolute;right:0;top:21px;bottom:21px;width:3px;border-radius:4px;background:#8fab7f;opacity:.75}.item-card:hover{border-color:#729271;transform:translateY(-3px);background:#29382d}.item-name{font-size:15px;line-height:2;white-space:normal;overflow-wrap:anywhere;font-weight:650;color:#f1f5ee}.item-price{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;flex-shrink:0;line-height:1.7}.item-price strong{font:700 17px 'Vazirmatn',Tahoma,sans-serif;color:#d5e8ba;direction:ltr;unicode-bidi:isolate;white-space:nowrap}.item-price small{font-size:11px;font-weight:500;color:#9cb297}.empty-state{text-align:center;min-height:270px;padding:45px 12px;border:1px dashed #435849;border-radius:18px;background:#222a24}.empty-state[hidden]{display:none}.empty-icon{display:grid;place-items:center;width:56px;height:56px;background:#334234;border-radius:16px;color:#cde2ae;margin:0 auto}.empty-state h3{margin:10px 0 4px}.empty-state p{color:#9fb19f;font-size:14px}.empty-state button{border:1px solid #bddea3;border-radius:12px;background:#bdda9e;color:#233125;padding:9px 16px;margin-top:10px;font-weight:700}
.footer{margin-top:80px;padding:25px 0 39px;border-top:1px solid #384439;display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-logo{display:flex;align-items:center;gap:9px;color:#d0e3b5;font-size:13px}.footer-logo svg{color:#b1cf95}.footer p{font-size:12px;color:#93a596}.footer a{display:inline-flex;align-items:center;gap:8px;color:#c3dcae;font-size:12px}.toast{position:fixed;z-index:30;bottom:26px;left:50%;transform:translate(-50%,15px);padding:12px 20px;border-radius:12px;background:#c7dfa9;color:#203023;box-shadow:0 18px 60px #09130d85;font-size:13px;font-weight:700;opacity:0;visibility:hidden;transition:.25s;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);white-space:nowrap;overflow:hidden}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1200px){.hero{grid-template-columns:1fr 430px}}
@media(max-width:820px){.hero{padding:34px 35px;grid-template-columns:1fr 255px;min-height:300px}.food-illustration{width:240px}.hero-art{min-height:230px}.art-orbit{inset:20px}.art-orbit-two{inset:8px}.hero-copy h1{font-size:36px}.hero-description{font-size:13px}.menu-grid{gap:11px}.item-card{padding:16px}.item-name{font-size:14px}.item-price strong{font-size:15px}}
@media(max-width:650px){.page-width{width:min(100% - 28px,520px)}.topbar{padding:13px 0 13px}.wordmark-icon{width:41px;height:41px;border-radius:12px}.wordmark-copy strong{font-size:19px}.share-button{padding:9px 12px;font-size:12px}.share-button svg{width:17px}.hero{margin:17px 0 38px;min-height:295px;padding:28px 24px 25px;grid-template-columns:1fr;align-items:start;border-radius:22px}.hero-copy{z-index:2;max-width:100%}.hero-copy h1{font-size:32px;line-height:1.7}.hero-description{font-size:12px;line-height:2.1;max-width:235px;margin:5px 0 22px}.eyebrow{font-size:8px;letter-spacing:2.3px;margin-bottom:14px}.hero-stats{font-size:11px;gap:13px}.hero-stats strong{font-size:14px}.hero-art{position:absolute;left:-78px;top:49px;min-height:245px;width:247px;opacity:.94}.food-illustration{width:250px}.art-orbit{inset:5px}.art-orbit-two{inset:-8px}.art-tiny-label{display:none}.menu-topline h2{font-size:24px}.currency-label{font-size:11px;white-space:normal;text-align:left;max-width:105px}.menu-topline{margin-bottom:11px;gap:8px}.filters-wrap{margin-inline:-14px;padding:11px 14px 12px}.tab-scroller{gap:7px;padding-bottom:11px}.tab{min-height:43px;padding:9px 12px;font-size:12px;border-radius:11px}.tab svg{width:18px;height:18px}.search-wrap{height:47px;padding:0 12px}.search-wrap input{font-size:12px}.results-heading{margin:24px 0 15px}.results-heading h3{font-size:20px}.menu-grid{grid-template-columns:1fr;gap:10px}.item-card{min-height:82px;padding:14px 17px;border-radius:14px}.item-name{font-size:14px}.item-price strong{font-size:17px}.footer{margin-top:50px;padding:24px 0;flex-wrap:wrap}.footer p{order:3;flex-basis:100%;margin:0;font-size:11px}.footer a{font-size:11px}}
@media(max-width:370px){.hero-art{left:-102px;opacity:.55}.hero-copy h1{font-size:29px}.item-price strong{font-size:15px}.menu-topline h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
