@font-face{font-family:Lalezar;src:url(/fonts/Lalezar.woff2) format('woff2');font-weight:400;font-display:swap}
/* Mazandaran from the mountains to the sea, scattered down the menu: the Hyrcanian forest and a wooden house under the misty
   Alborz at the top, rice paddies and the orange grove between the sections, and the Caspian shore with the tower of
   Motel Ghoo at the end; everything moves a little: fog, rice, a farmer planting, an egret, oranges dropping, waves, gulls */
:root{--bg:#F1F7EC;--page:#1E3A22;--surface:#E3EFD8;--card:#FFFFFF;--text:#1C2A1C;--muted:#5A6E5A;--line:rgba(46,125,50,.14);--line-strong:rgba(46,125,50,.4);--title:Lalezar,Vazirmatn;--chip-bg:rgba(46,125,50,.07);--nav-bg:rgba(241,247,236,.96);--price:#E65100;--sheet:#FFFFFF;--r:16px;--leaf:#2E7D32;--orange:#FB8C00}
html{background:#1E3A22}
.t-mazani{background:linear-gradient(#F1F7EC,#EAF3E2 60%,#E6F0EE)}

/* the hero: the forest and the house under a soft northern sky */
.t-mazani .hero:not(.has-cover):not(.has-video){background:linear-gradient(#BFDCD8,#DDEDE6 50%,#E9F2E4);padding-bottom:0}
.t-mazani .hero.has-cover{padding-bottom:0}
.t-mazani .hero .deco{display:none!important}
.t-mazani .hero::after{content:'';position:relative;z-index:0;display:block;height:clamp(165px,52vw,230px);margin:10px -20px 0;background:url(/img/themes/mazani-forest.svg) center bottom/100% 100% no-repeat}
.t-mazani .hero-in{z-index:1}
.t-mazani .hero h1{font-family:Lalezar,Vazirmatn;font-weight:400;font-size:clamp(44px,13vw,64px);line-height:1.4;word-spacing:.12em;color:#1E4D24;text-shadow:0 2px 0 rgba(255,255,255,.8)}
.t-mazani .hero h1::after{content:'مازِرون';display:block;width:max-content;margin:2px auto 0;padding:0 30px;font:400 16px/1.6 Lalezar,Vazirmatn;letter-spacing:.15em;color:var(--orange);background:radial-gradient(circle,var(--orange) 4px,transparent 4.5px) left center/12px 12px no-repeat,radial-gradient(circle,var(--orange) 4px,transparent 4.5px) right center/12px 12px no-repeat}
.t-mazani .hero .tag{color:#2E4A2E}
.t-mazani .logo{border:3px solid #fff;box-shadow:0 0 0 2px var(--leaf),0 10px 24px rgba(30,58,34,.25)}
.t-mazani .chip{border:1px solid var(--line-strong);background:rgba(255,255,255,.85);color:var(--text)}

/* navigation */
.t-mazani .cats{border-bottom:1px solid var(--line)}
.t-mazani .cats a{border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--text);font-family:Lalezar,Vazirmatn;font-weight:400;letter-spacing:.02em}
.t-mazani .cats a.on{background:var(--leaf);color:#fff;border-color:transparent;box-shadow:0 6px 14px -6px var(--leaf)}
.t-mazani .search{border-radius:999px;border:1px solid var(--line-strong);background:#fff}

/* between the sections: the rice paddies, then the orange grove, in rounded frames */
.t-mazani .cat:nth-child(3n+2 of .cat)::before,.t-mazani .cat:nth-child(3n of .cat)::before{content:'';display:block;height:clamp(110px,34vw,140px);margin:0 0 16px;border-radius:20px;background:url(/img/themes/mazani-paddy.svg) center bottom/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(46,125,50,.15),0 12px 24px -16px rgba(30,58,34,.5)}
.t-mazani .cat:nth-child(3n of .cat)::before{background-image:url(/img/themes/mazani-orchard.svg)}

/* category titles: Lalezar with an orange and its leaf */
.t-mazani .cat h2{font-family:Lalezar,Vazirmatn;font-weight:400;font-size:30px;word-spacing:.12em;color:var(--leaf);display:flex;align-items:center;gap:10px}
.t-mazani .cat h2::before{content:'';flex:none;width:22px;height:22px;background:url(/img/themes/pat-mazani.svg) -19px -26px/200px 200px no-repeat;transform:scale(1.4)}
.t-mazani .cat h2::after{content:'';flex:1;height:2px;border-radius:2px;background:linear-gradient(to left,transparent,var(--line-strong))}
[dir=rtl] .t-mazani .cat h2::after{background:linear-gradient(to right,transparent,var(--line-strong))}

/* dishes */
.t-mazani .item{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 10px 22px -16px rgba(30,58,34,.45)}
.t-mazani .item h3{font-family:Lalezar,Vazirmatn;font-weight:400;font-size:19px;letter-spacing:.01em}
.t-mazani .price{color:var(--price);font-weight:800}
.t-mazani .bdg{background:var(--orange);color:#fff}
.t-mazani .sp{border:1px solid var(--line);background:var(--card)}
.t-mazani .sheet-body h3{font-family:Lalezar,Vazirmatn}

/* the end of the menu: the Caspian shore and the tower of Motel Ghoo */
.t-mazani main::after{content:'';display:block;height:clamp(150px,48vw,200px);margin:26px 0 0;border-radius:22px;background:url(/img/themes/mazani-shore.svg?v=2) center bottom/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(46,125,50,.15),0 14px 26px -16px rgba(30,58,34,.5)}

/* a light northern drizzle and an orange now and then, very faint behind the menu */
.t-mazani::before{content:'';position:fixed;z-index:-1;pointer-events:none;top:0;bottom:0;left:max(0px,calc(50% - 320px));right:max(0px,calc(50% - 320px));background:url(/img/themes/pat-gilaki.svg) 0 0/180px 180px,url(/img/themes/pat-mazani.svg) 40px 0/240px 240px;opacity:.22;animation:mzRain 30s linear infinite}
@keyframes mzRain{to{background-position:-30px 540px,40px 240px}}
@media (prefers-reduced-motion:reduce){.t-mazani::before{animation:none}}