/* ═══════════════════════════════════════
   صفحه جزئیات پروژه — قالب کیس‌استادی
   از همون توکن‌های رنگی و الگوی bp- (blog-post) سایت اصلی استفاده می‌کنه
   ═══════════════════════════════════════ */

.active-link{color:var(--g) !important}
.active-link::after{width:100% !important}

.tag-blue{background:rgba(107,143,255,0.15);color:#7ab8ff;border:0.5px solid rgba(107,143,255,0.3)}
.tag-purple{background:rgba(155,111,255,0.15);color:#c4a8ff;border:0.5px solid rgba(155,111,255,0.3)}
.tag-amber{background:rgba(255,94,58,0.15);color:#ffb088;border:0.5px solid rgba(255,94,58,0.3)}

/* ── HERO ── */
.pd-hero{position:relative;min-height:48vh;display:flex;align-items:flex-end;overflow:hidden;padding:120px 24px 50px;max-width:100%}
#c_pd_hero{position:absolute;inset:0;width:100%;height:100%;display:block}
.pd-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;max-width:760px;margin:0 auto;width:100%;padding:0 12px}
.pd-back{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:rgba(255,255,255,0.4);text-decoration:none;width:fit-content;transition:color 0.2s}
.pd-back:hover{color:var(--g)}
html[dir="rtl"] .pd-back svg{transform:scaleX(-1)}
.pd-tag{width:fit-content;font-size:11px;font-weight:500;padding:5px 13px;border-radius:20px;background:rgba(107,143,255,0.15);color:#7ab8ff;border:0.5px solid rgba(107,143,255,0.3)}
.pd-tag.tag-purple{background:rgba(155,111,255,0.15);color:#c4a8ff;border-color:rgba(155,111,255,0.3)}
.pd-tag.tag-amber{background:rgba(255,94,58,0.15);color:#ffb088;border-color:rgba(255,94,58,0.3)}
.pd-hero-inner h1{font-size:clamp(26px,5vw,50px);font-weight:200;letter-spacing:-1.5px;line-height:1.3;max-width:100%;word-wrap:break-word}
.pd-tagline{font-size:14px;color:rgba(255,255,255,0.34);line-height:1.85;max-width:560px}
.pd-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;font-size:12.5px;color:rgba(255,255,255,0.3)}
.pd-dot{color:rgba(255,255,255,0.16)}

/* ── MAIN ── */
.pd-main{padding:0 clamp(20px,5vw,60px) clamp(70px,9vw,110px);max-width:1180px;margin:0 auto;position:relative;z-index:1}

.pd-cover{position:relative;height:clamp(220px,34vw,400px);border-radius:20px;overflow:hidden;margin-bottom:34px;border:0.5px solid rgba(107,143,255,0.16)}
.pd-cover canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

/* ── KPI STRIP ── */
.pd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(107,143,255,0.08);border:0.5px solid rgba(107,143,255,0.1);border-radius:16px;overflow:hidden;margin-bottom:48px}
.pd-kpi{background:rgba(10,15,40,0.5);padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.pd-kpi-num{font-size:24px;font-weight:300;color:var(--g);letter-spacing:-0.5px}
.pd-kpi-label{font-size:10.5px;color:rgba(255,255,255,0.28);letter-spacing:0.5px;line-height:1.5}

/* ── GRID ── */
.pd-grid{display:grid;grid-template-columns:1fr 300px;gap:clamp(28px,4vw,56px);align-items:start;max-width:100%}

.pd-article{font-size:14.5px;color:rgba(255,255,255,0.55);line-height:2.1;min-width:0}
.pd-article p{margin-bottom:22px}
.pd-article h2{font-size:clamp(19px,2.4vw,25px);font-weight:300;color:white;letter-spacing:-0.4px;margin:36px 0 16px}
.pd-article h2:first-child{margin-top:0}
.pd-article blockquote{border-right:2px solid var(--g);padding:6px 22px;margin:28px 0;font-size:16px;font-weight:300;color:rgba(255,255,255,0.78);line-height:1.85;font-style:italic}
html[dir="ltr"] .pd-article blockquote{border-right:none;border-left:2px solid var(--g)}
.pd-list{display:flex;flex-direction:column;gap:10px;margin:8px 0 24px;padding-right:4px}
html[dir="ltr"] .pd-list{padding-right:0;padding-left:4px}
.pd-list li{list-style:none;position:relative;padding-right:22px;font-size:13.5px;color:rgba(255,255,255,0.5)}
html[dir="ltr"] .pd-list li{padding-right:0;padding-left:22px}
.pd-list li::before{content:'';position:absolute;right:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--g);box-shadow:0 0 6px var(--g)}
html[dir="ltr"] .pd-list li::before{right:auto;left:0}

.pd-tags{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 0}
.pd-tags span{font-size:11.5px;color:var(--g);background:rgba(107,143,255,0.08);border:0.5px solid rgba(107,143,255,0.2);padding:5px 13px;border-radius:20px}

/* ── SIDEBAR ── */
.pd-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:90px;min-width:0}
.pd-info-card{background:rgba(10,15,40,0.4);border:0.5px solid rgba(107,143,255,0.14);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px}
.pd-info-h{font-size:10.5px;letter-spacing:2.5px;color:rgba(107,143,255,0.5);margin-bottom:2px}
.pd-info-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12.5px;border-bottom:0.5px solid rgba(255,255,255,0.05);padding-bottom:10px}
.pd-info-row:last-child{border-bottom:none;padding-bottom:0}
.pd-info-row span{color:rgba(255,255,255,0.32)}
.pd-info-row b{color:white;font-weight:400;text-align:left}
html[dir="rtl"] .pd-info-row b{text-align:left}

.pd-promo{position:relative;background:rgba(10,15,40,0.45);border:0.5px solid rgba(107,143,255,0.18);border-radius:18px;padding:24px 20px;overflow:hidden;display:flex;flex-direction:column;gap:12px}
.pd-promo-glow{position:absolute;top:-40%;right:-30%;width:160px;height:160px;background:radial-gradient(circle,rgba(155,111,255,0.18),transparent 70%);pointer-events:none}
.pd-promo-h{font-size:14px;font-weight:400;color:white;line-height:1.6;position:relative;z-index:1}
.pd-promo p{font-size:12px;color:rgba(255,255,255,0.32);line-height:1.8;position:relative;z-index:1}
.pd-promo .bp{position:relative;z-index:1;text-align:center;width:100%;margin-top:4px}

/* ── RELATED ── */
.pd-related{margin-top:70px}
.pd-related .sec-label{margin-bottom:24px}
.pd-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:100%}
.pd-rel-card{background:rgba(10,15,40,0.4);border:0.5px solid rgba(107,143,255,0.12);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:all 0.3s;min-width:0}
.pd-rel-card:hover{transform:translateY(-4px);border-color:rgba(107,143,255,0.32);box-shadow:0 16px 36px -20px var(--g-glow)}
.pd-rel-visual{position:relative;height:130px;overflow:hidden}
.pd-rel-visual canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.pd-rel-tag{position:absolute;bottom:10px;right:10px;z-index:2;font-size:10px;font-weight:500;padding:4px 11px;border-radius:18px}
.pd-rel-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px}
.pd-rel-body h4{font-size:13.5px;font-weight:400;color:white;letter-spacing:-0.2px}
.pd-rel-body span{font-size:11px;color:rgba(255,255,255,0.26)}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .pd-grid{grid-template-columns:1fr}
  .pd-sidebar{position:static;flex-direction:row;flex-wrap:wrap}
  .pd-sidebar>*{flex:1;min-width:240px}
  .pd-kpis{grid-template-columns:1fr 1fr}
  .pd-related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .pd-hero{padding:100px 16px 36px}
  .pd-meta{gap:8px}
  .pd-sidebar{flex-direction:column}
  .pd-sidebar>*{min-width:0}
  .pd-kpis{grid-template-columns:1fr 1fr}
  .pd-related-grid{grid-template-columns:1fr}
}

/* تصویر پوششی پروژه‌های مرتبط */
.pd-rel-visual .pr-card-img,.pd-cover .pr-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pd-rel-visual canvas,.pd-cover canvas{opacity:0.5;mix-blend-mode:screen;pointer-events:none}
.pd-rel-visual::after,.pd-cover::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,6,18,0) 45%,rgba(2,6,18,0.6) 100%)}
.pd-rel-tag{z-index:2}

/* ── لینک سایت زنده در کارت اطلاعات پروژه ── */
.pd-info-link{color:rgba(107,143,255,0.95);text-decoration:none;border-bottom:0.5px solid rgba(107,143,255,0.3);transition:color 0.25s,border-color 0.25s;direction:ltr;unicode-bidi:isolate}
.pd-info-link:hover{color:#9B6FFF;border-color:rgba(155,111,255,0.6)}
.pd-info-row[hidden]{display:none}
.pd-info-row:has(+ .pd-info-row[hidden]){border-bottom:none;padding-bottom:0}