.pf-page {
    --g:   var(--main-color, #f59e0b);
    --gl:  #fcd34d;
    --gd:  #b45309;
    --bg:  #0d0a04;
    --sf:  #111008;
    --sf2: #161208;
    --sf3: #1c1608;
    --br:  rgba(245,158,11,.11);
    --brh: rgba(245,158,11,.36);
    --tx:  #f0e6cc;
    --txm: #c8a96e;
    --txs: #7a6840;
    --r:   cubic-bezier(.4,0,.2,1);
    --f:   var(--main-font-family,'IRANSans'),sans-serif;

    font-family: var(--f);
    direction: rtl;
    background: var(--bg);
    min-height: 100vh;
    color: var(--tx);
}

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */
.pf-hero {
    position: relative;
    overflow: hidden;
    padding: 36px 20px 32px;
    background:
        radial-gradient(ellipse 100% 70% at 50% -5%,
            rgba(245,158,11,.13) 0%, transparent 60%),
        var(--sf);
    border-bottom: 1px solid var(--br);
}

.pf-hero-orb {
    position: absolute;
    border-radius: 50%;
    background: var(--g);
    pointer-events: none;
    filter: blur(80px);
}
.pf-hero-orb--1 { width:280px;height:280px;opacity:.05;top:-120px;right:-80px; }
.pf-hero-orb--2 { width:200px;height:200px;opacity:.04;bottom:-80px;left:-60px; }
.pf-hero-orb--3 { width:140px;height:140px;opacity:.03;top:40px;left:45%; }

.pf-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
}

/* breadcrumb */
.pf-bc-wrap {
    margin-bottom: 22px;
    animation: pfFade .5s var(--r) both;
}
#breadcrumbs, #breadcrumbs span { display:inline-flex; align-items:center; flex-wrap:wrap; gap:4px; }
#breadcrumbs a { font-size:11px;color:var(--txs);text-decoration:none;letter-spacing:.04em; }
#breadcrumbs a:hover { color:var(--g); }
.breadcrumb-ind {
    display:inline-block;width:4px;height:4px;
    background:var(--g);border-radius:50%;opacity:.45;
    vertical-align:middle;margin:0 4px;
}
.breadcrumb_last { font-size:11px;color:var(--txm);letter-spacing:.04em; }

/* hero body — avatar + meta side by side on mobile already */
.pf-hero-body {
    display: flex;
    align-items: center;
    gap: 20px;
    animation: pfFade .55s var(--r) .1s both;
}

/* ── Avatar ── */
.pf-avatar-wrap {
    flex-shrink: 0;
    position: relative;
    width: 100px; height: 100px;
}
.pf-avatar-img {
    width: 100px; height: 100px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    display: block;
    position: relative;
    z-index: 2;
}
.pf-avatar-placeholder {
    width:100px;height:100px;border-radius:50%;
    background:radial-gradient(ellipse at center,
        rgba(245,158,11,.09) 0%, rgba(245,158,11,.03) 60%, transparent 100%);
    display:flex;align-items:center;justify-content:center;
    position:relative;z-index:1;
}
.pf-avatar-ring {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 1.5px solid transparent;
    background:
        linear-gradient(var(--sf),var(--sf)) padding-box,
        conic-gradient(
            from 0deg,
            rgba(245,158,11,.7) 0%,
            rgba(245,158,11,.05) 45%,
            rgba(245,158,11,.7) 55%,
            rgba(245,158,11,.05) 100%
        ) border-box;
    animation: pfRing 5s linear infinite;
    z-index: 2;
}
@keyframes pfRing { to { transform:rotate(360deg); } }
.pf-avatar-shine {
    position:absolute;inset:0;border-radius:50%;z-index:3;
    background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);
    pointer-events:none;
}

/* ── Hero Meta ── */
.pf-hero-meta { flex: 1; min-width: 0; }

.pf-badge {
    display:inline-flex;align-items:center;gap:6px;
    padding:4px 12px;margin-bottom:10px;
    background:rgba(245,158,11,.08);
    border:1px solid rgba(245,158,11,.26);
    border-radius:100px;
    font-size:10px;font-weight:600;color:var(--g);letter-spacing:.07em;
}

.pf-hero-title {
    font-size: clamp(18px,5vw,32px);
    font-weight: 800;
    background: linear-gradient(135deg,var(--gl) 0%,var(--g) 50%,var(--gd) 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    margin: 0 0 8px;
    letter-spacing: .03em;
    line-height: 1.25;
}

.pf-hero-count {
    display:inline-flex;align-items:baseline;gap:6px;
    padding:4px 12px;
    background:rgba(245,158,11,.07);
    border:1px solid var(--br);
    border-radius:100px;
}
.pf-count-num { font-size:16px;font-weight:800;color:var(--g); }
.pf-count-lbl { font-size:11px;color:var(--txs);letter-spacing:.04em; }

/* divider */
.pf-hero-divider {
    display:flex;align-items:center;gap:10px;
    margin-top:24px;
    animation: pfFade .5s var(--r) .2s both;
}
.pf-hero-divider span:not(.pf-divider-gem) {
    flex:1;height:1px;
    background:linear-gradient(to left,transparent,var(--br));
}
.pf-hero-divider span:first-child {
    background:linear-gradient(to right,transparent,var(--br));
}
.pf-divider-gem { font-size:9px;color:var(--g);opacity:.55; }

/* ══════════════════════════════════════
   CONTENT WRAPPER
══════════════════════════════════════ */
.pf-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px 48px;
}

/* ══════════════════════════════════════
   BIO
══════════════════════════════════════ */
.pf-bio {
    position:relative;
    margin: 28px 0 0;
    padding: 22px 18px;
    background: var(--sf2);
    border: 1px solid var(--br);
    border-radius: 20px;
    overflow: hidden;
    animation: pfFade .5s var(--r) .25s both;
}
.pf-bio-orb {
    position:absolute;top:-40px;left:-40px;
    width:160px;height:160px;border-radius:50%;
    background:var(--g);filter:blur(60px);opacity:.04;pointer-events:none;
}
.pf-bio-hdr {
    display:flex;align-items:center;gap:10px;
    margin-bottom:14px;
}
.pf-bio-icon {
    width:34px;height:34px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    background:rgba(245,158,11,.09);
    border:1px solid rgba(245,158,11,.2);
    border-radius:10px;
}
.pf-bio-hdr-txt {
    font-size:13px;font-weight:700;color:var(--txm);letter-spacing:.06em;
}
.pf-bio-hdr-line {
    flex:1;height:1px;
    background:linear-gradient(to left,transparent,var(--br));
}
.pf-bio-body {
    font-size:13px;line-height:1.9;
    color:var(--main-text-color,#ccc);
}
.pf-bio-body p { margin:0 0 10px; }
.pf-bio-body p:last-child { margin:0; }

/* ══════════════════════════════════════
   SECTION HEADER
══════════════════════════════════════ */
.pf-grid-sec {
    margin-top: 36px;
    animation: pfFade .5s var(--r) .3s both;
}
.pf-sec-hdr {
    display:flex;align-items:center;gap:10px;
    margin-bottom:20px;
}
.pf-sec-icon {
    width:36px;height:36px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    background:rgba(245,158,11,.09);
    border:1px solid rgba(245,158,11,.2);
    border-radius:11px;
}
.pf-sec-title {
    font-size:14px;font-weight:700;
    color:var(--txm);letter-spacing:.04em;margin:0;
}
.pf-sec-name { color:var(--g); }

/* ══════════════════════════════════════
   GRID — 2 col mobile
══════════════════════════════════════ */
.pf-grid {
    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:12px;
}

/* ══════════════════════════════════════
   CARD
══════════════════════════════════════ */
.pf-card {
    animation: pfCardIn .5s var(--r) calc(var(--ci)*.07s) both;
}
@keyframes pfCardIn {
    from { opacity:0;transform:translateY(18px) scale(.94); }
    to   { opacity:1;transform:none; }
}

.pf-card-link {
    display:flex;flex-direction:column;
    text-decoration:none;
    background:var(--sf2);
    border:1px solid var(--br);
    border-radius:18px;
    overflow:hidden;
    position:relative;
    transition:border-color .3s,transform .3s var(--r),box-shadow .3s;-webkit-tap-highlight-color:transparent;
    height:100%;
}
.pf-card-link:hover,.pf-card-link:focus-visible {
    border-color:var(--brh);
    transform:translateY(-5px);
    box-shadow:
        0 14px 40px rgba(245,158,11,.13),
        0 0 0 1px rgba(245,158,11,.18),
        inset 0 1px 0 rgba(245,158,11,.1);
    outline:none;
}

/* shine sweep */
.pf-card-shine {
    position:absolute;inset:0;z-index:3;pointer-events:none;
    background:linear-gradient(
        105deg,
        transparent 30%,
        rgba(255,255,255,.07) 50%,
        transparent 70%
    );
    transform:translateX(120%);
    transition:transform .5s var(--r);
}
.pf-card-link:hover .pf-card-shine { transform:translateX(-120%); }

/* image */
.pf-card-img-wrap {
    position:relative;
    aspect-ratio:3/4;
    background:radial-gradient(ellipse at center,
        rgba(245,158,11,.06) 0%,var(--sf3) 70%);
    overflow:hidden;
}
.pf-card-img {
    width:100%;height:100%;
    object-fit:contain;
    display:block;
    transition:transform .5s var(--r);
    padding:6px;
}
.pf-card-link:hover .pf-card-img { transform:scale(1.05); }
.pf-card-img-ph {
    width:100%;height:100%;
    display:flex;align-items:center;justify-content:center;
}

/* country badge */
.pf-country-badge {
    position:absolute;bottom:8px;right:8px;
    display:inline-flex;align-items:center;gap:4px;
    padding:3px 8px;
    background:rgba(13,10,4,.8);
    border:1px solid rgba(245,158,11,.22);
    border-radius:100px;
    font-size:9px;letter-spacing:.04em;color:var(--txm);
    backdrop-filter:blur(6px);
}

/* info */
.pf-card-info {
    padding:10px 10px 12px;
    display:flex;flex-direction:column;gap:4px;
    flex:1;
}
.pf-card-brand {
    font-size:9px;letter-spacing:.07em;text-transform:uppercase;
    color:var(--g);opacity:.7;font-weight:600;
}
.pf-card-title {
    font-size:12px;font-weight:700;
    color:var(--tx);line-height:1.4;margin:0;
    transition:color .2s;
}
.pf-card-link:hover .pf-card-title { color:var(--g); }

/* CTA */
.pf-card-cta {
    display:flex;align-items:center;justify-content:center;gap:5px;
    margin-top:auto;padding-top:8px;
    font-size:10px;font-weight:600;letter-spacing:.05em;
    color:var(--g);
    opacity:0;transform:translateY(5px);
    transition:opacity .25s,transform .25s;
}
.pf-card-link:hover .pf-card-cta,
.pf-card-link:focus-visible .pf-card-cta { opacity:1;transform:none; }
@media (hover:none) { .pf-card-cta { opacity:1;transform:none; } }

/* ══════════════════════════════════════
   EMPTY STATE
══════════════════════════════════════ */
.pf-empty {
    display:flex;flex-direction:column;align-items:center;
    gap:14px;padding:48px 0;
    color:var(--txs);font-size:13px;letter-spacing:.04em;
}

/* ══════════════════════════════════════
   GLOBAL ANIMATION
══════════════════════════════════════ */
@keyframes pfFade {
    from { opacity:0;transform:translateY(-10px); }
    to   { opacity:1;transform:none; }
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */

/* 480px — 3 col */
@media (min-width:480px) {
    .pf-grid { grid-template-columns:repeat(2,1fr);gap:14px; }
    .pf-avatar-wrap,.pf-avatar-img,.pf-avatar-placeholder { width:110px;height:110px; }
}

/* 640px */
@media (min-width:640px) {
    .pf-content { padding:0 20px 56px; }
    .pf-grid { grid-template-columns:repeat(3,1fr);gap:16px; }
    .pf-hero { padding:44px 24px 38px; }
    .pf-bio { padding:26px 24px; }
    .pf-card-title { font-size:13px; }
    .pf-card-info { padding:12px 12px 14px; }
}

/* 768px — 4 col */
@media (min-width:768px) {
    .pf-grid { grid-template-columns:repeat(3,1fr);gap:18px; }
    .pf-avatar-wrap,.pf-avatar-img,.pf-avatar-placeholder { width:120px;height:120px; }
    .pf-hero-title { font-size:clamp(24px,4vw,36px); }
}

/* 1024px — 5 col */
@media (min-width:1024px) {
    .pf-grid { grid-template-columns:repeat(5,1fr);gap:20px; }
    .pf-hero { padding:56px 32px 44px; }
    .pf-content { padding:0 24px 64px; }
}

[data-theme="light"] .pf-page {
    --bg:  #fdf8f0;
    --sf:  #fff8ec;
    --sf2: #fef3d8;
    --sf3: #fde9b8;
    --br:  rgba(160,100,10,.13);
    --brh: rgba(160,100,10,.42);
    --tx:  #1a1208;
    --txm: #7a5c20;
    --txs: #9a7c40;
}

[data-theme="light"] .pf-hero {
    background:
        radial-gradient(ellipse 100% 70% at 50% -5%,
            rgba(200,140,20,.10) 0%, transparent 60%),
        var(--sf);
}

[data-theme="light"] .pf-avatar-ring {
    background:
        linear-gradient(var(--sf), var(--sf)) padding-box,
        conic-gradient(
            from 0deg,
            rgba(160,100,10,.55) 0%,
            rgba(160,100,10,.06) 45%,
            rgba(160,100,10,.55) 55%,
            rgba(160,100,10,.06) 100%
        ) border-box;
}

[data-theme="light"] .pf-avatar-placeholder {
    background: radial-gradient(ellipse at center,
        rgba(160,100,10,.07) 0%, rgba(160,100,10,.02) 60%, transparent 100%);
}

[data-theme="light"] .pf-avatar-shine {
    background: linear-gradient(135deg, rgba(255,255,255,.55) 0%, transparent 50%);
}

[data-theme="light"] .pf-card-img-wrap {
    background: radial-gradient(ellipse at center,
        rgba(160,100,10,.05) 0%, var(--sf3) 70%);
}

[data-theme="light"] .pf-country-badge {
    background: rgba(253,248,240,.88);
    border-color: rgba(160,100,10,.25);
}

[data-theme="light"] .pf-card-link:hover,
[data-theme="light"] .pf-card-link:focus-visible {
    box-shadow:
        0 14px 40px rgba(160,100,10,.11),
        0 0 0 1px rgba(160,100,10,.18),
        inset 0 1px 0 rgba(255,255,255,.7);
}

[data-theme="light"] .pf-bio-body {
    color: var(--txm);
}

[data-theme="light"] .pf-bio-orb { opacity: .03; }