/* ============================================================
   DISIPHEE — صفحه‌ی قیمت‌گذاری
   متغیرها از style.css می‌آیند. بدون سایه، بدون گرادیان،
   فقط رنگ‌های پالت، فاصله‌ها مضرب ۸.
   ============================================================ */

/* ---------- هرو ---------- */
.dzf-prc-hero{
  background:var(--dzf-white);
  padding:var(--dzf-space-xxl) 0 var(--dzf-space-xl);
  border-bottom:1px solid var(--dzf-stroke);
}
.dzf-prc-hero__t{
  margin:0 0 var(--dzf-space-sm);
  font-size:clamp(28px, 4.4vw, 40px);
  font-weight:800; line-height:1.35; color:var(--dzf-navy);
}
.dzf-prc-hero__l{
  margin:0; max-width:70ch;
  font-size:16px; line-height:1.95; color:var(--dzf-muted);
}

.dzf-prc-hero__a{
  display:flex; flex-wrap:wrap; gap:12px;
  margin-top:var(--dzf-space-lg);
}
.dzf-prc-hero__note{
  margin:var(--dzf-space-sm) 0 0;
  font-size:13.5px; color:var(--dzf-muted-2);
}

/* ---------- کدام مسیر ---------- */
.dzf-prc-rule__grid{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:var(--dzf-space-md);
  margin-top:var(--dzf-space-lg);
}
.dzf-prc-rule__c{
  display:flex; flex-direction:column;
  background:var(--dzf-white);
  border:1px solid var(--dzf-stroke);
  border-radius:20px;
  padding:var(--dzf-space-md);
}
/* کارت دوم عمداً تیره است: این دو مسیر باید در یک نگاه از هم
   تفکیک شوند، نه با خواندن متن. */
.dzf-prc-rule__c--alt{ background:var(--dzf-navy); border-color:var(--dzf-navy); }

.dzf-prc-rule__ico{
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; margin-bottom:12px;
  border-radius:14px;
  background:var(--dzf-grey-bg); color:var(--dzf-navy);
}
.dzf-prc-rule__ico svg{ width:21px; height:21px; }
.dzf-prc-rule__c--alt .dzf-prc-rule__ico{ background:var(--dzf-yellow); color:var(--dzf-navy); }

.dzf-prc-rule__c strong{
  display:block; font-size:18px; color:var(--dzf-navy); line-height:1.6;
}
.dzf-prc-rule__c--alt strong{ color:var(--dzf-white); }

.dzf-prc-rule__list{
  flex:1;
  display:flex; flex-direction:column; gap:8px;
  margin:12px 0 var(--dzf-space-sm); padding:0; list-style:none;
}
.dzf-prc-rule__list li{
  position:relative; padding-inline-start:20px;
  font-size:14px; line-height:1.85; color:var(--dzf-muted);
}
.dzf-prc-rule__list li::before{
  content:""; position:absolute; inset-inline-start:0; top:9px;
  width:7px; height:7px; border-radius:999px; background:var(--dzf-yellow);
}
.dzf-prc-rule__c--alt .dzf-prc-rule__list li{ color:var(--dzf-grey-bg); opacity:.78; }

.dzf-prc-rule__out{
  align-self:flex-start;
  padding:8px 16px; border-radius:999px;
  background:var(--dzf-navy); color:var(--dzf-grey-bg);
  font-size:13px; font-weight:600;
}
.dzf-prc-rule__c--alt .dzf-prc-rule__out{
  background:var(--dzf-yellow); color:var(--dzf-navy);
}

/* ---------- بلوک‌های اصلی ---------- */
.dzf-prc-block__head{ max-width:74ch; margin-bottom:var(--dzf-space-lg); }
.dzf-prc-tagpill{
  display:inline-flex; align-items:center; gap:6px;
  padding:7px 14px; margin-bottom:12px;
  border:1px solid var(--dzf-stroke); border-radius:999px;
  font-size:12px; font-weight:700; color:var(--dzf-navy);
  unicode-bidi:plaintext;
}
.dzf-prc-tagpill svg{ width:15px; height:15px; }

.dzf-prc-cards{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:var(--dzf-space-sm);
}
.dzf-prc-cards--3{ grid-template-columns:repeat(3, minmax(0,1fr)); }

.dzf-prc-card{
  background:var(--dzf-white);
  border:1px solid var(--dzf-stroke);
  border-radius:20px;
  padding:var(--dzf-space-md);
  transition:border-color .22s ease;
}
.dzf-prc-card:hover{ border-color:var(--dzf-navy); }
.dzf-prc-card__h{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:12px; margin-bottom:6px;
}
.dzf-prc-card h3{
  margin:0; font-size:17px; font-weight:700; color:var(--dzf-navy);
}
/* عدد اعتبار عمداً هم‌ارز عنوان دیده می‌شود: مهم‌ترین چیزی که کاربر
   در این کارت دنبالش است همین است. */
.dzf-prc-card__cr{
  display:inline-flex; align-items:baseline; gap:4px; flex-shrink:0;
  padding:7px 14px; border-radius:999px;
  background:var(--dzf-navy); color:var(--dzf-white);
  font-size:17px; font-weight:800; line-height:1;
}
.dzf-prc-card__cr em{
  font-style:normal; font-size:11px; font-weight:600;
  color:var(--dzf-grey-bg); opacity:.72;
}
.dzf-prc-card__s{
  margin:0 0 var(--dzf-space-sm);
  font-size:13.5px; line-height:1.85; color:var(--dzf-muted-2);
}
.dzf-prc-card__list{
  display:flex; flex-direction:column; gap:6px;
  margin:0 0 var(--dzf-space-sm); padding:0; list-style:none;
}
.dzf-prc-card__list li{
  position:relative;
  padding-inline-start:18px;
  font-size:13.5px; line-height:1.8; color:var(--dzf-muted);
}
.dzf-prc-card__list li::before{
  content:""; position:absolute;
  inset-inline-start:0; top:9px;
  width:7px; height:7px; border-radius:999px;
  background:var(--dzf-yellow);
}
.dzf-prc-card__eta{
  display:inline-flex; align-items:center; gap:6px;
  padding:7px 14px; border-radius:999px;
  background:var(--dzf-grey-bg); color:var(--dzf-navy);
  font-size:12.5px; font-weight:600;
}
.dzf-prc-card__eta svg{ width:14px; height:14px; }
.dzf-prc-card__f{ display:flex; flex-wrap:wrap; gap:8px; }
.dzf-prc-card__need{
  display:inline-flex; align-items:center;
  padding:7px 14px; border-radius:999px;
  border:1px solid var(--dzf-stroke); color:var(--dzf-muted-2);
  font-size:12.5px;
}
.dzf-prc-empty{
  margin:var(--dzf-space-lg) 0 0;
  font-size:14px; color:var(--dzf-muted-2);
}

/* ---------- نوار دکمه‌ها ---------- */
.dzf-prc-cta{
  display:flex; flex-wrap:wrap; gap:12px;
  margin-top:var(--dzf-space-lg);
}
.dzf-prc-cta--center{ justify-content:center; }

/* ---------- چرا قیمت اینجا نیست ---------- */
.dzf-prc-why{
  margin-top:var(--dzf-space-lg);
  padding:var(--dzf-space-md);
  background:rgba(226,227,231,.08);
  border:1px solid rgba(226,227,231,.14);
  border-radius:20px;
}
.dzf-prc-why strong{ display:block; font-size:16px; color:var(--dzf-white); }
.dzf-prc-why p{
  margin:8px 0 var(--dzf-space-sm); max-width:70ch;
  font-size:14px; line-height:1.95;
  color:var(--dzf-grey-bg); opacity:.72;
}

/* مسیر رسیدن به قیمت — شماره‌ها را خودِ CSS می‌سازد */
.dzf-prc-flow{
  counter-reset:dzfstep;
  display:flex; align-items:center; flex-wrap:wrap; gap:10px;
  margin:0; padding:0; list-style:none;
}
.dzf-prc-flow li{
  counter-increment:dzfstep;
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 16px; border-radius:999px;
  border:1px solid rgba(226,227,231,.35);
  font-size:13px; color:var(--dzf-grey-bg);
}
.dzf-prc-flow li::before{
  content:counter(dzfstep);
  display:flex; align-items:center; justify-content:center;
  width:20px; height:20px; flex-shrink:0;
  border-radius:999px;
  background:var(--dzf-yellow); color:var(--dzf-navy);
  font-size:11px; font-weight:800;
}

/* ---------- مراحل توکن ---------- */
.dzf-prc-steps{
  display:grid; grid-template-columns:repeat(5, minmax(0,1fr));
  gap:var(--dzf-space-sm);
  margin:var(--dzf-space-lg) 0 0; padding:0; list-style:none;
}
.dzf-prc-steps li{
  background:var(--dzf-white);
  border:1px solid var(--dzf-stroke);
  border-radius:18px;
  padding:var(--dzf-space-md);
}
.dzf-prc-steps__n{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; margin-bottom:12px;
  border-radius:999px;
  border:1.5px solid var(--dzf-yellow); color:var(--dzf-navy);
  font-size:13px; font-weight:700;
}
.dzf-prc-steps li strong{ display:block; font-size:14.5px; color:var(--dzf-navy); }
.dzf-prc-steps li p{
  margin:6px 0 0; font-size:13px; line-height:1.85; color:var(--dzf-muted-2);
}

/* ---------- بلوک تیره: پروژه اختصاصی ---------- */
.dzf-prc-block--dark{ background:var(--dzf-navy); }
.dzf-prc-block--dark .dzf-h2{ color:var(--dzf-white); }
.dzf-prc-block--dark .dzf-lead{ color:var(--dzf-grey-bg); opacity:.72; }
.dzf-prc-block--dark .dzf-prc-tagpill{
  color:var(--dzf-grey-bg);
  border-color:rgba(226,227,231,.35);
}
.dzf-prc-block--dark .dzf-hbtn--ghost{
  color:var(--dzf-grey-bg) !important;
  border-color:rgba(226,227,231,.35) !important;
}

.dzf-prc-ccard{
  background:rgba(226,227,231,.08);
  border:1px solid rgba(226,227,231,.14);
  border-radius:20px;
  padding:var(--dzf-space-md);
  transition:border-color .22s ease;
}
.dzf-prc-ccard:hover{ border-color:var(--dzf-yellow); }
.dzf-prc-ccard__ico{
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; margin-bottom:12px;
  border-radius:14px;
  background:var(--dzf-yellow); color:var(--dzf-navy);
}
.dzf-prc-ccard__ico svg{ width:21px; height:21px; }
.dzf-prc-ccard h3{ margin:0 0 6px; font-size:16px; font-weight:700; color:var(--dzf-white); }
.dzf-prc-ccard p{
  margin:0; font-size:13.5px; line-height:1.9;
  color:var(--dzf-grey-bg); opacity:.72;
}

/* ---------- پرسش‌ها ---------- */
.dzf-prc-faq__grid{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:var(--dzf-space-sm);
  margin-top:var(--dzf-space-lg);
}
.dzf-prc-faq__grid article{
  background:var(--dzf-white);
  border:1px solid var(--dzf-stroke);
  border-radius:18px;
  padding:var(--dzf-space-md);
}
.dzf-prc-faq__grid strong{ display:block; font-size:15px; color:var(--dzf-navy); }
.dzf-prc-faq__grid p{
  margin:8px 0 0; font-size:13.5px; line-height:1.9; color:var(--dzf-muted);
}
.dzf-prc-faq__more{
  margin-top:var(--dzf-space-md);
  font-size:14px; color:var(--dzf-muted-2);
}
.dzf-prc-faq__more a{ color:var(--dzf-navy); font-weight:600; border-bottom:1.5px solid var(--dzf-yellow); }


/* ============================================================
   بسته‌های اعتبار
   ============================================================ */
.dzf-prc-pkgrid{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr));
  gap:var(--dzf-space-sm);
  margin-top:var(--dzf-space-lg);
}
.dzf-prc-pkg{
  display:flex; flex-direction:column;
  background:var(--dzf-white);
  border:1px solid var(--dzf-stroke);
  border-radius:20px;
  padding:var(--dzf-space-md);
  transition:border-color .22s ease;
}
.dzf-prc-pkg:hover{ border-color:var(--dzf-navy); }
.dzf-prc-pkg h3{ margin:0; font-size:16px; font-weight:700; color:var(--dzf-navy); }

.dzf-prc-pkg__n{
  display:flex; align-items:baseline; flex-wrap:wrap; gap:8px;
  margin-top:10px;
  font-size:38px; font-weight:800; line-height:1; color:var(--dzf-navy);
}
.dzf-prc-pkg__n em{
  font-style:normal; font-size:13px; font-weight:600; color:var(--dzf-muted-2);
}
.dzf-prc-pkg__b{
  padding:5px 12px; border-radius:999px;
  background:var(--dzf-yellow); color:var(--dzf-navy);
  font-size:12px; font-weight:700;
}

/* قیمت واقعی، نه «تماس بگیرید» — کاربر باید بداند چه می‌خرد */
.dzf-prc-pkg__p{
  display:block; margin-top:12px;
  font-size:19px; font-weight:700; color:var(--dzf-navy);
}
.dzf-prc-pkg__s{
  margin:10px 0 0; flex:1;
  font-size:13.5px; line-height:1.9; color:var(--dzf-muted);
}
.dzf-prc-pkg__w{
  display:block; margin:12px 0 var(--dzf-space-sm);
  padding-top:12px; border-top:1px solid var(--dzf-stroke);
  font-size:12.5px; line-height:1.8; color:var(--dzf-muted-2);
}

/* ============================================================
   مقایسه
   ============================================================ */
.dzf-prc-cmp__wrap{ margin-top:var(--dzf-space-lg); overflow-x:auto; }
.dzf-prc-cmp__t{
  width:100%; border-collapse:separate; border-spacing:0;
  background:var(--dzf-white);
  border:1px solid var(--dzf-stroke);
  border-radius:20px;
  overflow:hidden;
  min-width:560px;
}
.dzf-prc-cmp__t th,
.dzf-prc-cmp__t td{
  padding:14px var(--dzf-space-sm);
  text-align:start;
  font-size:14px; line-height:1.8;
  border-bottom:1px solid var(--dzf-stroke);
}
.dzf-prc-cmp__t tbody tr:last-child th,
.dzf-prc-cmp__t tbody tr:last-child td{ border-bottom:0; }
.dzf-prc-cmp__t thead th{
  background:var(--dzf-grey-bg);
  font-size:14.5px; font-weight:700; color:var(--dzf-navy);
}
.dzf-prc-cmp__t tbody th{
  font-weight:600; color:var(--dzf-muted-2); width:26%;
}
.dzf-prc-cmp__t td{ color:var(--dzf-navy); }

/* ---------- اعتبار برای چه نیست ---------- */
.dzf-prc-not{
  margin-top:var(--dzf-space-lg);
  padding:var(--dzf-space-md);
  background:var(--dzf-navy);
  border-radius:20px;
}
.dzf-prc-not strong{ display:block; font-size:16px; color:var(--dzf-white); }
.dzf-prc-not p{
  margin:8px 0 var(--dzf-space-sm); max-width:70ch;
  font-size:14px; line-height:1.95; color:var(--dzf-grey-bg); opacity:.72;
}
.dzf-prc-not__l{
  display:flex; flex-wrap:wrap; gap:8px;
  margin:0; padding:0; list-style:none;
}
.dzf-prc-not__l li{
  padding:8px 16px; border-radius:999px;
  border:1px solid rgba(226,227,231,.35);
  font-size:13px; color:var(--dzf-grey-bg);
}

/* ============================================================
   CTA پایانی
   ============================================================ */
.dzf-prc-final__box{
  background:var(--dzf-white);
  border:1px solid var(--dzf-stroke);
  border-radius:24px;
  padding:var(--dzf-space-xl) var(--dzf-space-md);
  text-align:center;
}
.dzf-prc-final__box h2{
  margin:0; font-size:clamp(22px, 3vw, 28px); font-weight:800; color:var(--dzf-navy);
}
.dzf-prc-final__box p{
  margin:12px auto 0; max-width:60ch;
  font-size:15px; line-height:1.95; color:var(--dzf-muted);
}

/* ============================================================
   واکنش‌گرایی
   ============================================================ */
@media (max-width:1024px){
  .dzf-prc-cards--3{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .dzf-prc-steps{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .dzf-prc-pkgrid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:768px){
  .dzf-prc-hero{ padding:var(--dzf-space-xl) 0 var(--dzf-space-lg); }
  .dzf-prc-rule__grid,
  .dzf-prc-cards,
  .dzf-prc-cards--3,
  .dzf-prc-pkgrid,
  .dzf-prc-faq__grid{ grid-template-columns:1fr; }
  .dzf-prc-card__h{ flex-direction:column; align-items:flex-start; gap:8px; }
}
@media (max-width:480px){
  .dzf-prc-steps{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce){
  .dzf-prc-card,
  .dzf-prc-ccard,
  .dzf-prc-pkg{ transition-duration:.01ms !important; }
}