/* ======================================================================================
 * صفحات عمومی سایت روی تم «سایبرپانک / AI Tool» — هم‌خانواده‌ی صفحات پرامپت و /geolocation
 *
 * روی public/css/prompts.css سوار می‌شود (توکن‌های --cy-*، ‎.pz-bg‎، پنل/گوشه‌ی HUD، دکمه‌ها،
 * چیپ‌ها، هدر/فوتر تیره، مودال ورود و فیلدهای فرم از همان‌جا می‌آیند) و اجزای صفحات دیگر را
 * بازنویسی می‌کند. همه‌ی قواعد زیر ‎.pz-cyber‎ محدود شده‌اند؛ پنل مدیریت (که این فایل را لود
 * نمی‌کند) و ادیتور مقاله (.editor-content) هیچ تغییری نمی‌بینند. نام کلاس‌های قبلی (post-card،
 * video-item، sidebar-box و…) عمداً حفظ شده‌اند چون جاوااسکریپت صفحات به آن‌ها وابسته است.
 *
 * فهرست:
 *   ۱. هیروی صفحات داخلی (بلاگ، داشبورد، گالری، مقاله، درباره ما، دوره)
 *   ۲. تیتر بخش‌ها (section-head)       ۵. متن مقاله (article-body)      ۸. صفحه‌ی دوره
 *   ۳. کارت دوره / مقاله / گالری         ۶. فرم ورود + ۴۰۴
 *   ۴. کارت ویژگی‌ها                     ۷. ریسپانسیو
 * ====================================================================================== */

/* ============================== ۱. هیروی صفحات داخلی ============================== */
/* هیروی وسط‌چین (بلاگ، دوره‌های من، گالری عکس‌ها) — همان ظاهر هیروی صفحات پرامپت */
.pz-cyber .hero, .pz-cyber .blog-hero {
  position: relative; background: transparent; color: var(--cy-text); text-align: center;
  padding: clamp(46px, 6.5vw, 78px) 0 clamp(26px, 4vw, 40px);
}
.pz-cyber .hero .container, .pz-cyber .blog-hero .container { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.pz-cyber .hero h1, .pz-cyber .blog-hero h1 {
  margin: 0; font-size: clamp(26px, 4.2vw, 44px); font-weight: 900; line-height: 1.5; color: #fff;
  text-shadow: 0 0 28px rgba(34, 227, 245, .18);
}
.pz-cyber .hero p, .pz-cyber .blog-hero p { margin: 0; max-width: 720px; color: var(--cy-text-2); font-size: clamp(14px, 1.6vw, 16px); line-height: 2; }

/* هیروی راست‌چین صفحه‌ی مقاله / درباره ما / دوره */
.pz-cyber .post-header, .pz-cyber .course-detail-header {
  position: relative; background: transparent; color: var(--cy-text); padding: clamp(42px, 6vw, 70px) 0 clamp(24px, 3.5vw, 36px);
}
.pz-cyber .post-header .container { max-width: 760px; } /* هم‌عرض ستون متن مقاله (article-body) */
.pz-cyber .post-header .pz-eyebrow, .pz-cyber .course-detail-header .pz-eyebrow { margin-bottom: 16px; }
.pz-cyber .post-header h1, .pz-cyber .course-detail-header h1 {
  margin: 0; max-width: 30ch; font-size: clamp(25px, 3.8vw, 40px); font-weight: 900; line-height: 1.55; color: #fff;
  text-shadow: 0 0 26px rgba(34, 227, 245, .16);
}
.pz-cyber .course-detail-header h1 { max-width: none; }
.pz-cyber .post-header .byline, .pz-cyber .course-detail-header .meta {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; padding: 5px 13px; border-radius: 999px;
  color: var(--cy-text-2); font-size: 13px; border: 1px solid rgba(34, 227, 245, .2); background: rgba(5, 15, 24, .6);
}
.pz-cyber .post-header .byline::before, .pz-cyber .course-detail-header .meta::before {
  content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--cy-cyan); box-shadow: 0 0 8px var(--cy-cyan);
}
.pz-cyber .post-header .post-meta-top {
  display: inline-block; margin-bottom: 14px; padding: 4px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 700;
  color: var(--cy-amber); border: 1px solid rgba(255, 194, 75, .45); background: rgba(255, 194, 75, .08);
}
.pz-cyber .pz-hero-line { /* خط نئونی زیر هیروی راست‌چین */
  height: 1px; margin-top: clamp(22px, 3vw, 32px);
  background: linear-gradient(270deg, rgba(34, 227, 245, .55), rgba(255, 59, 212, .35) 45%, transparent);
}

/* ============================== ۲. تیتر بخش‌ها ============================== */
.pz-cyber .section { padding: clamp(54px, 7vw, 84px) 0 clamp(30px, 4vw, 50px); }
.pz-cyber .section.tight { padding: clamp(40px, 5vw, 60px) 0; }
.pz-cyber .section-head { max-width: 780px; margin: 0 auto 30px; text-align: center; }
.pz-cyber .hm-sec-code { display: block; margin-bottom: 10px; font-size: 10px; opacity: .7; }
.pz-cyber .section-head .eyebrow-sm {
  display: inline-flex; align-items: center; gap: 7px; margin-bottom: 12px; padding: 4px 13px; border-radius: 999px;
  font-size: 12.5px; font-weight: 700; color: var(--cy-cyan);
  border: 1px solid var(--cy-cyan-line); background: var(--cy-cyan-soft);
}
.pz-cyber .section-head .eyebrow-sm::before {
  content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--cy-green); box-shadow: 0 0 8px var(--cy-green);
}
.pz-cyber .section-head h2 { font-size: clamp(21px, 2.8vw, 30px); font-weight: 900; line-height: 1.6; color: #fff; text-shadow: 0 0 24px rgba(34, 227, 245, .14); }
.pz-cyber .section-head p { color: var(--cy-text-2); font-size: 14.5px; line-height: 2; margin-top: 10px; }
.pz-cyber .divider-scrub {
  position: relative; width: 140px; height: 2px; margin: 18px auto 0; border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--cy-magenta) 25%, var(--cy-cyan) 50%, var(--cy-magenta) 75%, transparent);
  box-shadow: 0 0 10px rgba(34, 227, 245, .45);
}
.pz-cyber .divider-scrub::after { /* نقطه‌ی وسط خط */
  content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-radius: 50%;
  transform: translate(-50%, -50%); background: #050d15; border: 1.5px solid var(--cy-cyan); box-shadow: 0 0 8px var(--cy-cyan);
}
.pz-cyber .hm-more { text-align: center; margin-top: 18px; }

/* ============================== ۳. کارت دوره / مقاله / گالری ============================== */
.pz-cyber .course-grid, .pz-cyber .post-grid, .pz-cyber .gallery-grid { gap: 20px; padding: 10px 0; }
.pz-cyber .course-card, .pz-cyber .post-card, .pz-cyber .gallery-card {
  position: relative; color: var(--cy-text); text-decoration: none; overflow: hidden;
  border-radius: var(--cy-radius); border: 1px solid rgba(34, 227, 245, .2);
  background: linear-gradient(180deg, rgba(12, 28, 43, .9), rgba(5, 13, 21, .95));
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
  transition: transform .25s var(--pz-ease), border-color .25s, box-shadow .25s;
}
.pz-cyber .course-card::after, .pz-cyber .post-card::after { /* گوشه‌ی HUD روی hover — مثل کارت پرامپت */
  content: ''; position: absolute; top: 10px; left: 10px; width: 16px; height: 16px; z-index: 2; pointer-events: none;
  border: solid var(--cy-cyan); border-width: 2px 0 0 2px; border-top-left-radius: 4px; opacity: 0;
  filter: drop-shadow(0 0 4px rgba(34, 227, 245, .9)); transition: opacity .25s;
}
.pz-cyber .course-card:hover, .pz-cyber .post-card:hover, .pz-cyber .gallery-card:hover,
.pz-cyber .course-card:focus-visible, .pz-cyber .post-card:focus-visible {
  transform: translateY(-5px); border-color: rgba(34, 227, 245, .6); outline: none;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .45), 0 0 26px rgba(34, 227, 245, .2);
}
.pz-cyber .course-card:hover::after, .pz-cyber .post-card:hover::after,
.pz-cyber .course-card:focus-visible::after, .pz-cyber .post-card:focus-visible::after { opacity: 1; }

.pz-cyber .course-thumb, .pz-cyber .post-thumb, .pz-cyber .gallery-thumb {
  display: block; border-bottom: 1px solid rgba(34, 227, 245, .18);
  background:
    radial-gradient(circle at 30% 30%, rgba(34, 227, 245, .25), transparent 55%),
    radial-gradient(circle at 75% 70%, rgba(255, 59, 212, .2), transparent 55%), #071623;
  transition: filter .3s;
}
.pz-cyber .course-card:hover .course-thumb, .pz-cyber .post-card:hover .post-thumb { filter: saturate(1.15) brightness(1.05); }
.pz-cyber .course-body, .pz-cyber .post-body, .pz-cyber .gallery-body { padding: 15px 16px 16px; }
.pz-cyber .course-title, .pz-cyber .post-title, .pz-cyber .gallery-title { font-size: 16px; font-weight: 800; line-height: 1.7; color: #fff; }
.pz-cyber .course-meta, .pz-cyber .gallery-meta { color: var(--cy-muted); font-size: 12.5px; }
.pz-cyber .course-price-block { padding-top: 10px; border-top: 1px solid rgba(34, 227, 245, .12); }
.pz-cyber .course-price { color: var(--cy-cyan); font-weight: 900; text-shadow: 0 0 12px rgba(34, 227, 245, .35); }
.pz-cyber .course-price.free { color: var(--cy-green); text-shadow: 0 0 12px rgba(61, 245, 160, .35); }
.pz-cyber .course-price-original { color: var(--cy-muted); }
.pz-cyber .course-discount-tag {
  color: #ffc2f2; background: rgba(255, 59, 212, .14); border: 1px solid rgba(255, 59, 212, .5);
  box-shadow: 0 0 12px rgba(255, 59, 212, .2);
}
.pz-cyber .post-excerpt { color: var(--cy-text-2); font-size: 13px; line-height: 2; }
.pz-cyber .post-meta { color: var(--cy-muted); font-size: 12px; border-top-color: rgba(34, 227, 245, .12); }
.pz-cyber .gallery-card .btn.small { width: fit-content; padding: 6px 16px; font-size: 12.5px; }

/* ============================== ۴. کارت ویژگی‌ها ============================== */
.pz-cyber .features-grid { gap: 18px; counter-reset: hm-feat; }
.pz-cyber .feature-card {
  position: relative; counter-increment: hm-feat; padding: 22px 20px;
  border-radius: var(--cy-radius); border: 1px solid rgba(34, 227, 245, .2);
  background: linear-gradient(180deg, rgba(11, 26, 40, .82), rgba(5, 13, 21, .86));
  box-shadow: 0 0 24px rgba(34, 227, 245, .05), inset 0 0 40px rgba(34, 227, 245, .03);
  transition: border-color .25s, box-shadow .25s, transform .25s var(--pz-ease);
}
.pz-cyber .feature-card::after { /* شماره‌ی کارت (لاتین) */
  content: counter(hm-feat, decimal-leading-zero); position: absolute; top: 16px; left: 18px;
  font-family: var(--cy-mono); font-size: 11px; letter-spacing: .14em; color: rgba(34, 227, 245, .55); direction: ltr;
}
.pz-cyber .feature-card:hover { transform: translateY(-3px); border-color: rgba(34, 227, 245, .55); box-shadow: 0 0 26px rgba(34, 227, 245, .16); }
.pz-cyber .feature-card .icon {
  width: 46px; height: 46px; border-radius: 13px; font-size: 21px; margin-bottom: 14px;
  background: linear-gradient(135deg, rgba(34, 227, 245, .16), rgba(255, 59, 212, .12));
  border: 1px solid rgba(34, 227, 245, .4); box-shadow: 0 0 16px rgba(34, 227, 245, .2), inset 0 0 10px rgba(34, 227, 245, .1);
}
.pz-cyber .feature-card h3 { color: #fff; font-size: 16px; line-height: 1.7; }
.pz-cyber .feature-card p { color: var(--cy-text-2); font-size: 13.5px; line-height: 2; }

/* ============================== ۵. متن مقاله (بلاگ، درباره ما، مقاله‌ی دوره) ============================== */
.pz-cyber .post-cover { max-width: 860px; margin: 0 auto; }
.pz-cyber .post-cover img {
  border-radius: var(--cy-radius); border: 1px solid rgba(34, 227, 245, .3);
  box-shadow: 0 0 34px rgba(34, 227, 245, .14), 0 20px 50px rgba(0, 0, 0, .5);
}
.pz-cyber .article-body { color: var(--cy-text-2); font-size: 16px; line-height: 2.1; padding-top: clamp(30px, 5vw, 46px); }
.pz-cyber .article-body h2, .pz-cyber .article-body h3, .pz-cyber .article-body h4 { color: #fff; }
.pz-cyber .article-body h2 {
  position: relative; padding-inline-start: 16px; font-size: clamp(20px, 2.6vw, 24px); line-height: 1.6;
}
.pz-cyber .article-body h2::before { /* نشانگر نئونی کنار تیتر */
  content: ''; position: absolute; inset-inline-start: 0; top: .35em; bottom: .35em; width: 3px; border-radius: 3px;
  background: linear-gradient(180deg, var(--cy-cyan), var(--cy-magenta)); box-shadow: 0 0 10px rgba(34, 227, 245, .6);
}
.pz-cyber .article-body h3 { color: #dff9ff; }
.pz-cyber .article-body strong, .pz-cyber .article-body b { color: #fff; }
.pz-cyber .article-body a { color: var(--cy-cyan); text-decoration-color: rgba(34, 227, 245, .45); text-underline-offset: 4px; }
.pz-cyber .article-body a:hover { color: #fff; text-decoration-color: var(--cy-magenta); }
.pz-cyber .article-body li::marker { color: var(--cy-cyan); }
.pz-cyber .article-body hr { border: 0; height: 1px; margin: 30px 0; background: linear-gradient(90deg, transparent, rgba(34, 227, 245, .45), transparent); }
.pz-cyber .article-body img, .pz-cyber .article-body video { border-radius: 14px; border: 1px solid rgba(34, 227, 245, .2); }
.pz-cyber .article-body blockquote {
  color: var(--cy-text); font-style: normal; padding: 12px 18px; border-start-end-radius: 12px; border-end-end-radius: 12px;
  border-inline-start: 3px solid var(--cy-magenta); background: rgba(255, 59, 212, .05);
}
.pz-cyber .article-body pre {
  color: #d9fbff; background: rgba(2, 8, 14, .9); border: 1px solid rgba(34, 227, 245, .3); border-radius: 12px;
  box-shadow: inset 0 0 24px rgba(34, 227, 245, .05);
}
.pz-cyber .article-body :not(pre) > code { color: var(--cy-cyan); background: rgba(34, 227, 245, .1); border: 1px solid rgba(34, 227, 245, .2); }
.pz-cyber .article-body .video-embed-wrap { border: 1px solid rgba(34, 227, 245, .2); }
/* جدول */
.pz-cyber .rt-table-scroll { border-color: rgba(34, 227, 245, .25); border-radius: 12px; }
.pz-cyber .article-body table th, .pz-cyber .article-body table td { border-color: rgba(34, 227, 245, .15); }
.pz-cyber .article-body table th { color: #fff; background: rgba(34, 227, 245, .1); }
.pz-cyber .article-body table tr:nth-child(even) td { background: rgba(34, 227, 245, .03); }
/* بلوک تبلیغ دوره داخل مقاله */
.pz-cyber .acp-card {
  border-radius: var(--cy-radius); border: 1px solid rgba(255, 59, 212, .45);
  background: linear-gradient(180deg, rgba(12, 28, 43, .92), rgba(5, 13, 21, .95)); box-shadow: 0 0 26px rgba(255, 59, 212, .12);
}
.pz-cyber .acp-thumb { border-radius: 0; border: 0; margin: 0; }
.pz-cyber .acp-badge { color: #ffc2f2; }
.pz-cyber .acp-title { color: #fff; }
.pz-cyber .article-body a.acp-cta, .pz-cyber .acp-cta {
  color: #021118; text-decoration: none; font-weight: 800;
  background: linear-gradient(90deg, var(--cy-cyan), var(--cy-magenta)); box-shadow: 0 0 16px rgba(34, 227, 245, .3);
}
.pz-cyber .acp-cta:hover { filter: brightness(1.08); color: #021118; }
/* بلوک پرامپت قابل کپی داخل مقاله → ظاهر ترمینال، مثل باکس متن صفحه‌ی پرامپت */
.pz-cyber .article-body .prompt-block {
  border-radius: 14px; border: 1px solid rgba(34, 227, 245, .45); background: rgba(2, 8, 14, .92);
  box-shadow: 0 0 26px rgba(34, 227, 245, .1);
}
.pz-cyber .prompt-block-head { background: rgba(34, 227, 245, .06); border-bottom: 1px solid rgba(34, 227, 245, .18); }
.pz-cyber .prompt-block-label { color: var(--cy-cyan); }
.pz-cyber .prompt-copy-btn { color: #021118; font-weight: 800; border: 0; background: var(--cy-cyan); box-shadow: 0 0 14px rgba(34, 227, 245, .4); }
.pz-cyber .prompt-copy-btn:hover { background: #6ee9ff; }
.pz-cyber .prompt-copy-btn.copied { background: var(--cy-green); }
.pz-cyber .article-body a.prompt-generate-btn, .pz-cyber .prompt-generate-btn {
  color: #021118; text-decoration: none; font-weight: 800; background: linear-gradient(90deg, var(--cy-cyan), var(--cy-magenta));
}
.pz-cyber .article-body .prompt-block-text { font-family: inherit; color: #d9fbff; scrollbar-color: var(--cy-cyan) transparent; }
.pz-cyber .article-body .prompt-block-text::-webkit-scrollbar-thumb { background: var(--cy-cyan); }
.pz-cyber .article-body .prompt-block-text::after { background: linear-gradient(to bottom, transparent, rgba(2, 8, 14, .95)); }

/* صفحه‌ی «درباره ما» */
.pz-cyber .pz-about-features { padding-top: 0 !important; padding-bottom: 10px !important; }
.pz-cyber .pz-about-features .container { max-width: 840px; }

/* ============================== ۶. فرم ورود + ۴۰۴ ============================== */
.pz-cyber .form-wrap {
  position: relative; max-width: 440px; margin: clamp(40px, 7vw, 76px) auto; padding: clamp(24px, 4vw, 34px);
  color: var(--cy-text); background: linear-gradient(180deg, rgba(11, 26, 40, .9), rgba(5, 13, 21, .92));
  border: 1px solid rgba(34, 227, 245, .4); border-radius: var(--cy-radius);
  box-shadow: 0 0 40px rgba(34, 227, 245, .12), 0 20px 60px rgba(0, 0, 0, .45);
}
.pz-cyber .form-wrap .pz-eyebrow { display: flex; width: fit-content; margin: 0 auto 16px; }
.pz-cyber .form-wrap h2 { color: #fff; font-size: clamp(20px, 2.6vw, 24px); font-weight: 900; margin-bottom: 14px; }
.pz-cyber .pz-form-note { text-align: center; color: var(--cy-text-2); font-size: 13px; line-height: 1.9; margin: -4px 0 18px; }
.pz-cyber .pz-form-note-sub { color: var(--cy-muted); font-weight: 400; font-size: 12px; }
.pz-cyber .form-wrap .btn { margin-top: 8px; }
.pz-cyber .form-wrap .form-footer .btn { margin-top: 0; }

.pz-cyber .pz-404 {
  max-width: 620px; margin: clamp(50px, 9vw, 100px) auto; padding: clamp(30px, 6vw, 56px) 20px; text-align: center;
}
.pz-cyber .pz-404-code {
  display: block; font-family: var(--cy-mono); font-weight: 900; font-size: clamp(64px, 14vw, 120px); line-height: 1; direction: ltr;
  background: linear-gradient(90deg, var(--cy-cyan), #9ef3ff 40%, var(--cy-magenta)); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 0 22px rgba(34, 227, 245, .35));
}
.pz-cyber .pz-404 h1 { margin: 18px 0 8px; font-size: clamp(20px, 2.8vw, 26px); color: #fff; }
.pz-cyber .pz-404 p { margin: 0 0 22px; color: var(--cy-text-2); }

/* ============================== ۸. صفحه‌ی دوره ============================== */
.pz-cyber .course-detail-header .tag { vertical-align: middle; margin-inline-start: 6px; }
.pz-cyber .course-intro-hero { margin-top: 24px; }
.pz-cyber .course-intro-player {
  border-radius: var(--cy-radius); border: 1px solid rgba(34, 227, 245, .4);
  box-shadow: 0 0 36px rgba(34, 227, 245, .16), 0 20px 50px rgba(0, 0, 0, .5);
}
/* نوار تب‌ها */
.pz-cyber .course-tabs {
  position: relative; background: rgba(3, 8, 13, .7); border-top: 1px solid rgba(34, 227, 245, .14); border-bottom: 1px solid rgba(34, 227, 245, .14);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.pz-cyber .course-tab-link { color: var(--cy-muted); }
.pz-cyber .course-tab-link:hover { color: #fff; }
.pz-cyber .course-tab-link.active { color: var(--cy-cyan); border-bottom-color: var(--cy-cyan); text-shadow: 0 0 12px rgba(34, 227, 245, .5); }
/* نوار خرید موبایل */
@media (max-width: 800px) {
  .pz-cyber .mobile-buy-bar {
    background: rgba(3, 8, 13, .94); border-bottom: 1px solid rgba(34, 227, 245, .25);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .45); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  }
}
.pz-cyber .mobile-buy-bar-original { color: var(--cy-muted); }
.pz-cyber .mobile-buy-bar-current { color: var(--cy-cyan); text-shadow: 0 0 10px rgba(34, 227, 245, .4); }
/* پخش‌کننده + لیست ویدیوها */
.pz-cyber .player-box { border-radius: var(--cy-radius); border: 1px solid rgba(34, 227, 245, .4); box-shadow: 0 0 30px rgba(34, 227, 245, .12); }
.pz-cyber .player-placeholder {
  color: var(--cy-text-2);
  background:
    radial-gradient(circle at 50% 50%, rgba(34, 227, 245, .1), transparent 60%),
    linear-gradient(rgba(34, 227, 245, .05) 1px, transparent 1px) 0 0 / 40px 40px,
    linear-gradient(90deg, rgba(34, 227, 245, .05) 1px, transparent 1px) 0 0 / 40px 40px, #030a11;
}
.pz-cyber .pz-video-title { color: #fff; font-weight: 800; margin-top: 14px; }
.pz-cyber .video-list, .pz-cyber .course-files-list {
  margin-top: 18px; border-radius: var(--cy-radius); border: 1px solid rgba(34, 227, 245, .25);
  background: linear-gradient(180deg, rgba(11, 26, 40, .82), rgba(5, 13, 21, .86));
}
.pz-cyber .video-item, .pz-cyber .course-file-item { color: var(--cy-text); border-bottom-color: rgba(34, 227, 245, .1); transition: background .2s; }
.pz-cyber .video-item:hover, .pz-cyber .course-file-item:not(.locked):hover { background: rgba(34, 227, 245, .06); }
.pz-cyber .video-item.active { background: rgba(34, 227, 245, .12); box-shadow: inset -3px 0 0 var(--cy-cyan); }
.pz-cyber .video-item .idx { font-family: var(--cy-mono); color: rgba(34, 227, 245, .7); }
.pz-cyber .video-item .lock-icon, .pz-cyber .course-file-size { color: var(--cy-muted); }
.pz-cyber .video-duration { color: var(--cy-text-2); background: rgba(34, 227, 245, .08); border: 1px solid rgba(34, 227, 245, .18); font-family: var(--cy-mono); }
.pz-cyber .video-item.highlighted { background: linear-gradient(90deg, rgba(255, 59, 212, .1), rgba(255, 59, 212, .02)); border-inline-end-color: var(--cy-magenta); }
.pz-cyber .video-item.highlighted:hover { background: linear-gradient(90deg, rgba(255, 59, 212, .16), rgba(255, 59, 212, .04)); }
.pz-cyber .video-item.highlighted.active { background: linear-gradient(90deg, rgba(255, 59, 212, .22), rgba(34, 227, 245, .08)); }
.pz-cyber .video-item.highlighted .title { color: #fff; }
.pz-cyber .highlight-badge { color: #ffd6f5; background: rgba(255, 59, 212, .2); border: 1px solid rgba(255, 59, 212, .55); }
.pz-cyber .course-file-action { color: var(--cy-cyan); }
.pz-cyber .course-file-item.locked .course-file-action { color: var(--cy-muted); }
.pz-cyber .course-files-box > h3, .pz-cyber .course-gallery-box > h3 { color: #fff; }
.pz-cyber .course-gallery-item { border-radius: 12px; border: 1px solid rgba(34, 227, 245, .2); background: rgba(5, 13, 21, .9); }
.pz-cyber .course-gallery-item img { transition: transform .4s var(--pz-ease); }
.pz-cyber .course-gallery-item:hover img { transform: scale(1.04); }
.pz-cyber .course-gallery-item figcaption { color: var(--cy-muted); }
/* کارت خرید (سایدبار) */
.pz-cyber .sidebar-box {
  color: var(--cy-text); padding: 20px;
  background: linear-gradient(180deg, rgba(11, 26, 40, .9), rgba(5, 13, 21, .92));
  border: 1px solid rgba(34, 227, 245, .4); border-radius: var(--cy-radius);
  box-shadow: 0 0 30px rgba(34, 227, 245, .1);
}
.pz-cyber .pz-course-desc { color: var(--cy-text-2); font-size: 14px; line-height: 2; }
.pz-cyber .sidebar-box .price { color: #fff; font-size: 26px; font-weight: 900; text-shadow: 0 0 16px rgba(34, 227, 245, .45); }
.pz-cyber .price-original { color: var(--cy-muted); }
.pz-cyber .price-discount-badge { color: #fff; background: linear-gradient(90deg, #ff3b7a, var(--cy-magenta)); box-shadow: 0 0 14px rgba(255, 59, 212, .35); }
.pz-cyber .price-urgency { color: #ffb3c7; background: rgba(255, 59, 122, .08); border: 1px solid rgba(255, 59, 122, .35); }
.pz-cyber .value-stack-list, .pz-cyber .support-plan-benefits {
  background: rgba(3, 10, 17, .6); border: 1px solid rgba(34, 227, 245, .18); border-radius: 12px;
}
.pz-cyber .value-stack-list li, .pz-cyber .support-plan-benefits li { color: var(--cy-text); }
.pz-cyber .value-stack-list li::before { content: '▸ '; color: var(--cy-cyan); }
.pz-cyber .support-plan-benefits li::before { color: var(--cy-green); }
.pz-cyber .support-offer-checkbox { color: var(--cy-text-2); background: rgba(3, 10, 17, .6); border: 1px solid rgba(34, 227, 245, .22); border-radius: 12px; }
.pz-cyber .support-offer-checkbox strong { color: #fff; }
.pz-cyber .support-offer-checkbox input { accent-color: var(--cy-cyan); }
.pz-cyber .support-benefits-link { color: var(--cy-cyan); background: rgba(34, 227, 245, .1); border: 1px solid rgba(34, 227, 245, .3); }
.pz-cyber .support-benefits-link:hover { background: rgba(34, 227, 245, .18); }
.pz-cyber #actionArea .tag { margin-top: 6px; }
/* بخش‌های پایین صفحه (تجربه خریداران، پشتیبانی، سوالات، مدرس، مقاله، نظرات) */
.pz-cyber .course-testimonials-section, .pz-cyber .support-plan-section, .pz-cyber .course-faq-section,
.pz-cyber .instructor-section, .pz-cyber .course-article-section, .pz-cyber .course-comments-section {
  background: transparent; border-top: 1px solid rgba(34, 227, 245, .1);
}
.pz-cyber .course-testimonials-title, .pz-cyber .course-faq-title, .pz-cyber .course-article-title, .pz-cyber .course-comments-title {
  color: #fff; font-size: clamp(20px, 2.6vw, 26px); font-weight: 900; line-height: 1.6; text-shadow: 0 0 24px rgba(34, 227, 245, .14);
}
.pz-cyber .course-testimonials-subtitle { color: var(--cy-text-2); }
.pz-cyber .card-panel, .pz-cyber .testimonial-card, .pz-cyber .comment-card, .pz-cyber .comment-form-box, .pz-cyber .faq-item {
  color: var(--cy-text); background: linear-gradient(180deg, rgba(11, 26, 40, .82), rgba(5, 13, 21, .86));
  border: 1px solid rgba(34, 227, 245, .22); border-radius: var(--cy-radius);
}
.pz-cyber .card-panel h3, .pz-cyber .comment-form-box h3, .pz-cyber .support-plan-title, .pz-cyber .instructor-card-title { color: #fff; }
.pz-cyber .support-plan-card { border-color: rgba(255, 59, 212, .4); box-shadow: 0 0 30px rgba(255, 59, 212, .1); }
.pz-cyber .support-plan-price { color: var(--cy-cyan); text-shadow: 0 0 12px rgba(34, 227, 245, .4); }
.pz-cyber .faq-item { border-radius: 14px; transition: border-color .2s, box-shadow .2s; }
.pz-cyber .faq-item[open] { border-color: rgba(34, 227, 245, .5); box-shadow: 0 0 20px rgba(34, 227, 245, .1); }
.pz-cyber .faq-question { color: #fff; }
.pz-cyber .faq-question::after { color: var(--cy-cyan); }
.pz-cyber .faq-answer { color: var(--cy-text-2); }
.pz-cyber .testimonial-name, .pz-cyber .comment-author, .pz-cyber .instructor-name, .pz-cyber .instructor-websites-title, .pz-cyber .instructor-website-name { color: #fff; }
.pz-cyber .testimonial-question, .pz-cyber .comment-text, .pz-cyber .instructor-bio { color: var(--cy-text-2); }
.pz-cyber .testimonial-transcript, .pz-cyber .testimonial-time, .pz-cyber .comment-gender-tag, .pz-cyber .comment-date,
.pz-cyber .instructor-title, .pz-cyber .instructor-website-desc { color: var(--cy-muted); }
.pz-cyber .testimonial-avatar-placeholder, .pz-cyber .instructor-avatar { background: rgba(34, 227, 245, .08); border: 1px solid rgba(34, 227, 245, .3); }
.pz-cyber .testimonial-player { background: rgba(3, 10, 17, .7); border: 1px solid rgba(34, 227, 245, .2); border-radius: 12px; }
.pz-cyber .testimonial-play-btn { color: #021118; background: var(--cy-cyan); box-shadow: 0 0 14px rgba(34, 227, 245, .45); }
.pz-cyber .testimonial-play-btn:hover { background: #6ee9ff; }
.pz-cyber .testimonial-progress, .pz-cyber .testimonial-volume { accent-color: var(--cy-cyan); }
.pz-cyber .instructor-websites { border-top-color: rgba(34, 227, 245, .18); }
.pz-cyber .instructor-website-item { color: var(--cy-text); background: rgba(3, 10, 17, .6); border: 1px solid rgba(34, 227, 245, .2); border-radius: 12px; }
.pz-cyber .instructor-website-item:hover { background: rgba(34, 227, 245, .08); border-color: rgba(34, 227, 245, .5); }
.pz-cyber .instructor-website-arrow { color: var(--cy-cyan); }
.pz-cyber .course-article-body { padding-bottom: 50px; }
.pz-cyber .pz-form-hint { color: var(--cy-muted); font-size: 12.5px; margin-top: 8px; }

/* ============================== ۷. ریسپانسیو ============================== */
@media (max-width: 640px) {
  .pz-cyber .course-grid, .pz-cyber .post-grid { grid-template-columns: minmax(0, 1fr); }
  .pz-cyber .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .pz-cyber .features-grid { grid-template-columns: minmax(0, 1fr); }
  .pz-cyber .post-header .byline, .pz-cyber .course-detail-header .meta { font-size: 12px; }
  .pz-cyber .article-body { font-size: 15.5px; }
}