:root{--bg:#FBF1E3;--page:#E9C9A0;--surface:#F4E1C7;--card:#FFF8EE;--text:#3A2414;--muted:#8A6A4E;--line:rgba(58,36,20,.14);--on-accent:#fff;--title:Markazi,Vazirmatn;--chip-bg:rgba(200,85,27,.12);--nav-bg:rgba(251,241,227,.95);--r:18px;--sheet:#FBF1E3}
html{background:#E9C9A0}
.t-paeez .hero:not(.has-cover):not(.has-video){background:linear-gradient(180deg,#F6D3A5,#FBF1E3)}
.t-paeez .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 60 60'%3E%3Cpath d='M30 5 36 20 50 16 42 30 55 38 38 40 36 55 30 44 24 55 22 40 5 38 18 30 10 16 24 20z' fill='%23D9642A'/%3E%3Cpath d='M30 20v36' stroke='%238A3B12' stroke-width='2'/%3E%3C/svg%3E") 0 0/54px 54px;opacity:.28;animation:fall 14s linear infinite}
@keyframes fall{to{background-position:30px 216px}}
.t-paeez .hero h1{font-family:Markazi,Vazirmatn;font-weight:700;font-size:clamp(40px,12vw,60px);color:#9C3A0F}
.t-paeez .logo{border-color:#C8551B}
.t-paeez .cats a{border-color:#E2C29A;color:#6B4426}
.t-paeez .cat h2{font-family:Markazi,Vazirmatn;font-weight:700;font-size:30px;color:#9C3A0F;border-bottom:2px solid #E8B27A;padding-bottom:2px}
.t-paeez .cat h2::after{content:' 🍂'}
.t-paeez .l-list .item{border-bottom:1px dashed #D9B58A}
.t-paeez .l-list .ph{border-radius:50%;border:3px solid #F4E1C7}
.t-paeez .item h3{font-size:17px}
.t-paeez .price{color:#C8551B;font-family:Markazi;font-size:20px}
.t-paeez .bdg{background:#8A3B12;color:#FBF1E3}
.t-paeez .sp{background:#FFF8EE;border:1px solid #E2C29A}
@media (prefers-reduced-motion:reduce){.t-paeez .deco{animation:none}}

/* moving backdrop */
.t-paeez::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-autumn.svg) 0 0/300px 380px;opacity:0.61;animation:pzFall 24s linear infinite;}
@keyframes pzFall{to{background-position:120px 380px}}
@media (prefers-reduced-motion:reduce){.t-paeez::before{animation:none}}

/* the same motion inside the hero, behind the name */
.t-paeez .hero::before{content:'';position:absolute;z-index:0;pointer-events:none;inset:0;background:url(/img/themes/bg-autumn.svg) 0 0/300px 380px;opacity:0.72;animation:pzFall 24s linear infinite}
@media (prefers-reduced-motion:reduce){.t-paeez .hero::before{animation:none}}