@font-face{font-family:Amiri;src:url(/fonts/Amiri-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
/* Mashhad and Khorasan: the golden dome and minarets of the shrine at dusk with pigeons circling at the top; between the sections, in turn,
   Ferdowsi's tomb at Tus, Nader Shah's tomb, the saffron harvest and Shandiz shishlik; Khayyam's tomb at Neyshabur closing the menu */
:root{--bg:#1E0F2A;--page:#12081A;--surface:#2A1638;--card:#2B173A;--text:#F6ECFA;--muted:#C9B2D8;--line:rgba(232,184,64,.16);--line-strong:rgba(232,184,64,.42);--title:Amiri,Vazirmatn;--chip-bg:rgba(232,184,64,.08);--nav-bg:rgba(30,15,42,.95);--price:#E8B840;--sheet:#26133A;--r:14px;--a1:#E8B840;--a2:#30B5B0}
html{background:#12081A}
.t-mashhadi{background:radial-gradient(90% 40% at 50% 0,rgba(232,184,64,.12),transparent 70%),linear-gradient(#1E0F2A,#170B22)}

/* the hero */
.t-mashhadi .hero:not(.has-cover):not(.has-video){background:linear-gradient(#2A1A5A,#6A3A7A 45%,#D08A6A 85%,#E9C29A);padding-bottom:0}
.t-mashhadi .hero.has-cover{padding-bottom:0}
.t-mashhadi .hero .deco{display:none!important}
.t-mashhadi .hero::after{content:'';position:relative;z-index:0;display:block;height:clamp(170px,54vw,240px);margin:10px -20px 0;background:url(/img/themes/mashhad-haram.svg) center bottom/100% 100% no-repeat}
.t-mashhadi .hero-in{z-index:1}
.t-mashhadi .hero h1{font-family:Amiri,Vazirmatn;font-weight:700;font-size:clamp(44px,13vw,64px);line-height:1.45;word-spacing:.12em;color:#FFF0C4;text-shadow:0 2px 0 rgba(0,0,0,.4),0 0 24px rgba(232,184,64,.45)}
.t-mashhadi .hero h1::after{content:'مشهد · خراسان';display:block;width:max-content;max-width:100%;margin:4px auto 0;padding:1px 16px 3px;border-radius:999px;font:700 14px/1.6 Amiri,Vazirmatn;color:#12081A;background:var(--a2);text-shadow:none}
.t-mashhadi .hero .tag{color:#F6E7F6}
.t-mashhadi .logo{border:3px solid var(--a1);box-shadow:0 0 0 4px var(--card),0 10px 24px rgba(0,0,0,.3)}
.t-mashhadi .chip{border:1px solid var(--line-strong);background:rgba(0,0,0,.25);color:#F6ECFA}

/* navigation */
.t-mashhadi .cats{border-bottom:1px solid var(--line)}
.t-mashhadi .cats a{border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--text);font-family:Amiri,Vazirmatn;font-weight:700}
.t-mashhadi .cats a.on{background:var(--a1);color:#12081A;border-color:transparent;box-shadow:0 6px 14px -6px var(--a1)}
.t-mashhadi .search{border-radius:999px;border:1px solid var(--line-strong);background:rgba(255,255,255,.05)}

/* between the sections, in turn */
.t-mashhadi .cat:nth-child(4n+2 of .cat)::before,.t-mashhadi .cat:nth-child(4n+3 of .cat)::before,.t-mashhadi .cat:nth-child(4n+4 of .cat)::before,.t-mashhadi .cat:nth-child(4n+5 of .cat)::before{content:'';display:block;height:clamp(110px,34vw,140px);margin:0 0 16px;border-radius:16px;background:url(/img/themes/mashhad-ferdowsi.svg) center bottom/cover no-repeat;box-shadow:inset 0 0 0 2px var(--a1),0 12px 24px -16px rgba(0,0,0,.5)}
.t-mashhadi .cat:nth-child(4n+3 of .cat)::before{background-image:url(/img/themes/mashhad-nader.svg)}
.t-mashhadi .cat:nth-child(4n+4 of .cat)::before{background-image:url(/img/themes/mashhad-saffron.svg)}
.t-mashhadi .cat:nth-child(4n+5 of .cat)::before{background-image:url(/img/themes/mashhad-shishlik.svg)}

/* category titles */
.t-mashhadi .cat h2{font-family:Amiri,Vazirmatn;font-weight:700;font-size:30px;word-spacing:.12em;color:var(--a1);display:flex;align-items:center;gap:10px}
.t-mashhadi .cat h2::before{content:'';flex:none;width:16px;height:16px;transform:rotate(45deg);background:var(--a2);box-shadow:0 0 0 2px var(--a1)}
.t-mashhadi .cat h2::after{content:'';flex:1;height:1px;background:linear-gradient(to left,transparent,var(--line-strong))}
[dir=rtl] .t-mashhadi .cat h2::after{background:linear-gradient(to right,transparent,var(--line-strong))}

/* dishes */
.t-mashhadi .item{background:linear-gradient(160deg,#341C46,#26133A);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 12px 24px -16px rgba(0,0,0,.45)}
.t-mashhadi.l-list .item,.t-mashhadi.l-center .item{margin-bottom:10px;padding:14px}
.t-mashhadi .item h3{font-family:Amiri,Vazirmatn;font-weight:700;font-size:19px}
.t-mashhadi .price{color:var(--price);font-weight:800}
.t-mashhadi .bdg{background:var(--a2);color:#fff}
.t-mashhadi .sp{border:1px solid var(--line);background:var(--card)}
.t-mashhadi .sheet-body h3{font-family:Amiri,Vazirmatn}

/* the end of the menu */
.t-mashhadi .foot::before{content:'';display:block;height:clamp(140px,44vw,180px);margin:0 0 18px;border-radius:16px;background:url(/img/themes/mashhad-khayyam.svg) center bottom/cover no-repeat;box-shadow:0 12px 24px -16px rgba(0,0,0,.5)}

/* the region's motif drifting faintly behind the menu */
.t-mashhadi::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-mashhadi.svg) 0 0/220px 220px;opacity:.3;animation:mashhadiDrift 50s linear infinite}
@keyframes mashhadiDrift{to{background-position:-40px 440px}}
@media (prefers-reduced-motion:reduce){.t-mashhadi::before{animation:none}}
