.pf-catwrap{width:100%!important;max-width:100%!important}
.pf-cats{--a:var(--e-global-color-pm_accent,#D7191F);display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;direction:rtl;font-family:'Vazirmatn',Tahoma,sans-serif}
.pf-cats *{box-sizing:border-box}
.pf-cat{flex:0 0 calc((100% - 64px)/5);position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;aspect-ratio:3/4;padding:18px;border-radius:24px;overflow:hidden;isolation:isolate;color:#fff;text-decoration:none;background:radial-gradient(circle at 80% 12%,rgba(215,25,31,.55),transparent 55%),linear-gradient(160deg,#27272D,#0E0E10);box-shadow:0 18px 40px -26px rgba(14,14,16,.7);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.pf-cat::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 80% 12%,rgba(215,25,31,.8),transparent 60%);opacity:0;transition:opacity .4s}
.pf-cat:hover,.pf-cat:focus-visible{transform:translateY(-6px);box-shadow:0 30px 55px -28px rgba(215,25,31,.6);color:#fff}
.pf-cat:hover::before,.pf-cat:focus-visible::before{opacity:1}
.pf-cat__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.pf-cat:hover .pf-cat__img{transform:scale(1.07)}
.pf-cat:has(.pf-cat__img)::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(14,14,16,.85),rgba(14,14,16,.1) 65%)}
.pf-cat__num{position:absolute;top:12px;right:16px;font-size:56px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.28);transition:-webkit-text-stroke-color .3s}
.pf-cat:hover .pf-cat__num{-webkit-text-stroke-color:rgba(255,255,255,.6)}
.pf-cat__go{position:absolute;top:16px;left:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#16161A;transition:background .3s,color .3s}
.pf-cat__go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.pf-cat:hover .pf-cat__go,.pf-cat:focus-visible .pf-cat__go{background:var(--a);color:#fff}
.pf-cat:hover .pf-cat__go svg{transform:translateX(-3px)}
.pf-cat__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.pf-cat__count{padding:3px 12px;border-radius:999px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11.5px;font-weight:600;line-height:1.7}
.pf-cat__name{font-size:22px;font-weight:800;line-height:1.4;color:#fff}
.pf-cat__sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.8;color:rgba(255,255,255,.78)}
@media(max-width:1024px){.pf-cats{gap:14px}.pf-cat{flex-basis:calc((100% - 42px)/4);aspect-ratio:3/4}}
@media(max-width:600px){.pf-cats{gap:10px}.pf-cat{flex-basis:calc((100% - 10px)/2);aspect-ratio:3/4;padding:14px;border-radius:20px}.pf-cat:last-child:nth-child(odd){flex-basis:100%;aspect-ratio:16/9}.pf-cat__num{top:10px;right:14px;font-size:42px}.pf-cat__go{top:12px;left:12px;width:36px;height:36px}.pf-cat__go svg{width:15px;height:15px}.pf-cat__name{font-size:18px}.pf-cat__sub{font-size:11.5px}.pf-cat__count{padding:2px 10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.pf-cat,.pf-cat__img,.pf-cat__go svg{transition:none}.pf-cat:hover,.pf-cat:focus-visible{transform:none}.pf-cat:hover .pf-cat__img,.pf-cat:hover .pf-cat__go svg{transform:none}}