:root{--bg:#151312;--page:#0B0A0A;--surface:#221E1C;--card:#1F1B19;--text:#F6EFE6;--muted:#BDB2A6;--line:rgba(255,170,90,.12);--on-accent:#1A0F08;--title:Vazirmatn;--r:16px;--ph-r:12px;--chip-bg:rgba(255,170,90,.08);--nav-bg:rgba(21,19,18,.95);--sheet:#1A1716;--price:#FFB25E}
/* charcoal and embers: matte black, a bed of glowing coals along the bottom, sparks rising, and ember-lit edges */
body.t-zoghal{background:radial-gradient(120% 60% at 50% 115%,rgba(255,106,0,.22),transparent 60%),linear-gradient(#1A1716,#100E0E)}
.t-zoghal .hero{padding-bottom:84px}
.t-zoghal .hero:not(.has-cover):not(.has-video){background:radial-gradient(90% 70% at 50% 120%,rgba(255,110,20,.45),transparent 65%),linear-gradient(#141211,#1E1A18)}
.t-zoghal .hero h1{color:#FFF4E6;text-shadow:0 0 18px rgba(255,140,40,.45),0 2px 0 rgba(0,0,0,.6)}
.t-zoghal .hero .tag{color:#E9C9A4}
.t-zoghal .hero::after{content:'';position:absolute;z-index:0;pointer-events:none;left:0;right:0;bottom:-6px;height:96px;background:url(/img/themes/bg-coals.svg) center bottom/auto 96px repeat-x}
.t-zoghal .hero-in{z-index:1}
.t-zoghal .logo{border:2px solid rgba(255,150,60,.6);border-radius:16px;background:#fff;box-shadow:0 0 22px rgba(255,120,30,.35)}
.t-zoghal .hero h1{font-size:clamp(26px,7.5vw,38px)}
.t-zoghal .cats{border-bottom:0}
.t-zoghal .cats-in{gap:10px;padding:12px 14px}
.t-zoghal .cats a{display:flex;flex-direction:column;align-items:center;gap:6px;width:78px;white-space:normal;text-align:center;font-size:11.5px;line-height:1.4;padding:8px 4px;border:0;border-radius:16px;background:var(--surface);color:var(--muted)}
.t-zoghal .cats a .ci{display:block;width:48px;height:48px;border-radius:12px;background:#222 center/cover no-repeat}
.t-zoghal .cats a.on{background:linear-gradient(160deg,#FFB25E,var(--accent) 60%,#C2410C);color:var(--on-accent);box-shadow:0 6px 18px -6px rgba(255,120,30,.6)}
.t-zoghal .search{background:var(--surface);border:0;border-radius:14px}
.t-zoghal .cat h2{font-size:19px;font-weight:900;display:flex;align-items:center;gap:10px;color:#FFE2C2}
.t-zoghal .cat h2::before{content:'';width:10px;height:10px;border-radius:50%;background:radial-gradient(#FFE08A,#FF7A1A 60%,#C2410C);box-shadow:0 0 12px #FF7A1A;animation:zgPulse 1.8s ease-in-out infinite alternate}
@keyframes zgPulse{from{box-shadow:0 0 6px #FF7A1A;opacity:.75}to{box-shadow:0 0 16px #FF9A3C;opacity:1}}
.t-zoghal .cat h2::after{content:'';flex:1;height:1px;background:linear-gradient(to left,transparent,rgba(255,140,40,.45))}
[dir=ltr] .t-zoghal .cat h2::after{background:linear-gradient(to right,transparent,rgba(255,140,40,.45))}
.t-zoghal .item{background:linear-gradient(165deg,#28221F,#1A1716);border:1px solid rgba(255,150,60,.1);box-shadow:inset 0 1px 0 rgba(255,170,90,.12),0 10px 22px -12px #000}
.t-zoghal .item .ph{box-shadow:0 0 0 1px rgba(255,150,60,.15)}
.t-zoghal .item h3{font-weight:900}
.t-zoghal .price{font-size:16.5px;color:var(--price)}
.t-zoghal .bdg{background:var(--accent);color:var(--on-accent)}
.t-zoghal .item .add{background:linear-gradient(160deg,#FFB25E,var(--accent));color:#1A0F08}
.t-zoghal .cats a .cic{width:42px;height:42px;padding:8px;border-radius:12px;background:rgba(255,255,255,.06);color:#F4E6D3}
.t-zoghal .cats a.on .cic{background:rgba(0,0,0,.15);color:var(--on-accent)}

/* moving backdrop: the coal bed glowing along the bottom of the screen, its heat breathing, sparks rising */
.t-zoghal::before{content:'';position:fixed;z-index:-1;pointer-events:none;bottom:-8px;height:120px;left:max(0px,calc(50% - 320px));right:max(0px,calc(50% - 320px));background:url(/img/themes/bg-coals.svg) center bottom/auto 120px repeat-x;opacity:.9}
.t-zoghal::after{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-sparks.svg) 0 0/260px 420px,url(/img/themes/bg-sparks.svg) 120px 60px/180px 290px;-webkit-mask:linear-gradient(transparent,#000 35%);mask:linear-gradient(transparent,#000 35%);animation:zgSparks 9s linear infinite}
@keyframes zgSparks{to{background-position:40px -420px,-30px -520px}}
@media (prefers-reduced-motion:reduce){.t-zoghal::after,.t-zoghal .cat h2::before{animation:none}}

/* sparks inside the hero too, rising from the coals */
.t-zoghal .hero::before{content:'';position:absolute;z-index:0;pointer-events:none;inset:0;background:url(/img/themes/bg-sparks.svg) 0 0/260px 420px;-webkit-mask:linear-gradient(transparent,#000 60%);mask:linear-gradient(transparent,#000 60%);animation:zgSparksH 7s linear infinite}
@keyframes zgSparksH{to{background-position:30px -420px}}
@media (prefers-reduced-motion:reduce){.t-zoghal .hero::before{animation:none}}