@font-face{font-family:Amiri;src:url(/fonts/Amiri-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--bg:#0F1B3D;--page:#0A1330;--surface:rgba(255,255,255,.06);--card:rgba(255,255,255,.05);--text:#F6EFD9;--muted:#C2B99A;--line:rgba(212,175,55,.22);--on-accent:#0F1B3D;--title:Amiri,Vazirmatn;--chip-bg:rgba(212,175,55,.14);--nav-bg:rgba(15,27,61,.95);--r:14px;--sheet:#13224A}
html{background:#0A1330}
.t-ramazan .hero:not(.has-cover):not(.has-video){background:radial-gradient(circle at 78% 22%,transparent 0 26px,#0F1B3D 27px),radial-gradient(circle at 74% 20%,#F5D77B 0 30px,transparent 31px),linear-gradient(180deg,#0A1330,#0F1B3D)}
.t-ramazan .hero:not(.has-cover):not(.has-video) .deco{display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 90'%3E%3Cpath d='M20 0v14' stroke='%23D4AF37' stroke-width='2'/%3E%3Cpath d='M12 14h16l4 10H8z' fill='%23D4AF37'/%3E%3Cpath d='M8 24h24l-3 36H11z' fill='%23F5D77B' opacity='.35'/%3E%3Cpath d='M8 24h24l-3 36H11z' fill='none' stroke='%23D4AF37' stroke-width='2'/%3E%3Cellipse cx='20' cy='42' rx='5' ry='9' fill='%23FFE7A3'/%3E%3Cpath d='M11 60h18l-4 8H15z' fill='%23D4AF37'/%3E%3C/svg%3E") no-repeat left 20px top 0/44px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 90'%3E%3Cpath d='M20 0v30' stroke='%23D4AF37' stroke-width='2'/%3E%3Cpath d='M12 30h16l4 10H8z' fill='%23D4AF37'/%3E%3Cpath d='M8 40h24l-3 30H11z' fill='none' stroke='%23D4AF37' stroke-width='2'/%3E%3Cellipse cx='20' cy='55' rx='5' ry='8' fill='%23FFE7A3'/%3E%3C/svg%3E") no-repeat left 74px top 0/34px,radial-gradient(circle,rgba(245,215,123,.7) 1px,transparent 1.8px) 0 0/46px 46px}
.t-ramazan .hero h1{font-weight:700;color:#F5D77B;font-size:clamp(38px,11vw,56px)}
.t-ramazan .logo{border-color:#D4AF37}
.t-ramazan .cats a{border-color:var(--line);color:#F6EFD9}
.t-ramazan .cat h2{font-weight:700;color:#F5D77B;text-align:center;font-size:28px}
.t-ramazan .cat h2::before,.t-ramazan .cat h2::after{content:' ☾ ';font-size:16px;color:#D4AF37}
.t-ramazan .l-carte .item{border-bottom:1px dashed var(--line)}
.t-ramazan .item h3{font-family:Amiri,Vazirmatn;font-weight:700;font-size:19px}
.t-ramazan .price{color:#F5D77B}
.t-ramazan .bdg{background:#D4AF37;color:#0F1B3D}
.t-ramazan .sp{background:rgba(255,255,255,.05);border:1px solid var(--line)}

/* moving backdrop */
.t-ramazan::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/bg-stars.svg) 0 0/260px 260px;opacity:0.9;}
.t-ramazan::after{content:'';position:fixed;z-index:-1;pointer-events:none;top:0;height:110px;left:max(0px,calc(50% - 320px));right:max(0px,calc(50% - 320px));background:url(/img/themes/ramazan-garland.svg) center top/480px 82px no-repeat;opacity:.35}

/* the night of iftar along the bottom of the hero: a mosque with lit windows, and a sofreh with dates, tea, zoolbia and bamieh,
   sholeh zard, ash reshteh, bread and a glowing lantern; a garland of swinging lanterns across the top */
.t-ramazan .hero:not(.has-video){padding-top:96px;padding-bottom:0}
.t-ramazan .hero::after{content:'';position:relative;z-index:0;display:block;height:clamp(130px,40vw,190px);margin:14px -20px 0;background:url(/img/themes/ramazan-iftar.svg) center bottom/100% 100% no-repeat}
.t-ramazan .hero .deco{display:block!important;background:url(/img/themes/ramazan-garland.svg) center top/640px 110px no-repeat!important;z-index:0}
.t-ramazan .hero-in{z-index:1}
/* the same motion inside the hero, behind the name */
.t-ramazan .hero::before{content:'';position:absolute;z-index:0;pointer-events:none;inset:0;background:url(/img/themes/bg-stars.svg) 0 0/260px 260px;opacity:0.95}
@media (prefers-reduced-motion:reduce){.t-ramazan .hero::before{animation:none}}