/* ===========================================================
   DandaanPlus Blog Child — product.css
   استایل صفحه تکی محصول. کلاس‌ها پیشونددار (dpbc-) تا با Kadence تداخل نکنند.
   فقط در is_singular('dplus_product') بارگذاری می‌شود.
   =========================================================== */
.dpbc-page{
  --dpbc-bg:#ffffff;
  --dpbc-surface:#f5f7f4;
  --dpbc-card:#ffffff;
  --dpbc-line:#e8ebe6;
  --dpbc-line-2:#dde2d8;
  --dpbc-ink:#232823;
  --dpbc-ink-2:#6b726a;
  --dpbc-ink-3:#8d948c;
  --dpbc-brand:#6cae63;
  --dpbc-brand-deep:#4e8b47;
  --dpbc-brand-tint:#edf6ea;
  --dpbc-c-coarse:#3a6bb0;
  --dpbc-c-medium:#c4524b;
  --dpbc-c-fine:#e0ad36;
  --dpbc-mono:ui-monospace,"SF Mono",Consolas,monospace;
  --dpbc-r:14px;
  --dpbc-shadow:none;
  --dpbc-w:1200px;
  --dpbc-header-h:72px;

  background:var(--dpbc-bg);
  color:var(--dpbc-ink);
  font-family:"Vazirmatn",system-ui,Tahoma,sans-serif;
  font-size:15.5px;
  line-height:2;
  direction:rtl;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
.dpbc-page *{box-sizing:border-box}
.dpbc-page ::selection{background:var(--dpbc-brand);color:#fff}

.dpbc-page .en,
.dpbc-page .dpbc-en{font-family:"Inter","Vazirmatn",system-ui,sans-serif;direction:ltr;unicode-bidi:isolate}
.dpbc-page .code,
.dpbc-page .reference{font-family:var(--dpbc-mono);direction:ltr;unicode-bidi:isolate}
.dpbc-page a{color:inherit;text-decoration:none}
.dpbc-page img,.dpbc-page svg{display:block;max-width:100%}
.dpbc-page ul,.dpbc-page ol{list-style:none;margin:0;padding:0}
.dpbc-page :focus-visible{outline:2px solid var(--dpbc-brand);outline-offset:2px;border-radius:4px}

.dpbc-container{max-width:var(--dpbc-w);margin-inline:auto;padding-inline:clamp(14px,3vw,28px)}
.dpbc-page [id]{scroll-margin-top:calc(var(--dpbc-header-h) + 16px)}

.dpbc-page .card,
.dpbc-page .dpbc-card{background:var(--dpbc-card);border:1px solid var(--dpbc-line);border-radius:var(--dpbc-r);box-shadow:var(--dpbc-shadow)}

/* دکمه */
.dpbc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  background:var(--dpbc-brand);color:#fff;font-weight:700;font-size:.92rem;line-height:1;
  padding:.95em 1.7em;border:0;border-radius:10px;cursor:pointer;transition:background .18s;
}
.dpbc-btn:hover{background:var(--dpbc-brand-deep);color:#fff}
.dpbc-btn svg{width:1.05em;height:1.05em}
.dpbc-btn--lg{font-size:1rem;padding:1.05em 2em;width:100%}

/* مسیر */
.dpbc-crumbs{padding-block:18px 0;font-size:.8rem;color:var(--dpbc-ink-3)}
.dpbc-crumbs a:hover{color:var(--dpbc-brand-deep)}
.dpbc-crumbs span{margin-inline:.5em}
.dpbc-crumbs-current{color:var(--dpbc-ink-2)}

/* ===================== هیرو ===================== */
.dpbc-hero{
  position:relative;overflow:hidden;border:1px solid var(--dpbc-line);border-radius:var(--dpbc-r);box-shadow:var(--dpbc-shadow);
  background:var(--dpbc-card);margin-top:16px;
  padding:clamp(18px,2.4vw,26px) clamp(22px,3vw,38px);
}
/* هاشور مورب خاکستری کم‌رنگ — سفیدی زیاد هیرو را می‌شکند (بسیار ظریف) */
.dpbc-hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:repeating-linear-gradient(
    -45deg,
    rgba(35,40,35,.022) 0,
    rgba(35,40,35,.022) 1px,
    transparent 1px,
    transparent 9px
  );
}
.dpbc-hero-decor{
  position:absolute;top:0;bottom:0;inset-inline-start:0;width:min(52%,560px);
  pointer-events:none;z-index:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(to left,#000 30%,transparent 96%);
          mask-image:linear-gradient(to left,#000 30%,transparent 96%);
  opacity:.5;
}
.dpbc-hero-decor svg{position:absolute;inset:0;width:100%;height:100%}
.dpbc-hero-decor .ln{fill:none;stroke:var(--dpbc-brand);stroke-width:1.1;opacity:.4}
.dpbc-hero-decor .ln2{fill:none;stroke:var(--dpbc-ink-3);stroke-width:.9;opacity:.28}
.dpbc-hero-decor .fc{fill:var(--dpbc-brand);opacity:.07}
.dpbc-hero-decor .fc2{fill:var(--dpbc-ink);opacity:.04}
.dpbc-hero>*{position:relative;z-index:1}
.dpbc-hero-tagrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.dpbc-hero-cat{background:var(--dpbc-brand);color:#fff;font-size:.72rem;font-weight:700;padding:.42em 1.05em;border-radius:999px}
.dpbc-hero-cat:hover{color:#fff;background:var(--dpbc-brand-deep)}
.dpbc-hero-brand{font-size:.8rem;font-weight:700;color:var(--dpbc-brand-deep);display:inline-flex;align-items:center;gap:8px}
.dpbc-hero-brand::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--dpbc-line-2)}
.dpbc-hero-title{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:800;line-height:1.6;margin:0 0 4px}
.dpbc-hero-sub{display:block;font-size:.82rem;font-weight:500;color:var(--dpbc-ink-2);margin-top:4px}
.dpbc-hero-enname{font-size:.76rem;color:var(--dpbc-ink-3);margin-top:6px}
.dpbc-hero-meta{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  margin-top:14px;padding-top:13px;border-top:1px solid var(--dpbc-line);
  font-size:.75rem;color:var(--dpbc-ink-2);
}
.dpbc-hero-meta span{display:inline-flex;align-items:center;gap:.5em}
.dpbc-hero-meta svg{width:14px;height:14px;opacity:.8;color:var(--dpbc-brand-deep)}
@keyframes dpbc-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.dpbc-hero-tagrow,.dpbc-hero-title,.dpbc-hero-enname,.dpbc-hero-meta{animation:dpbc-rise .55s ease both}
.dpbc-hero-title{animation-delay:.05s}.dpbc-hero-enname{animation-delay:.1s}.dpbc-hero-meta{animation-delay:.15s}

/* ===================== چیدمان ===================== */
.dpbc-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;padding-block:24px 60px}

/* ===================== مقاله ===================== */
.dpbc-article{padding:clamp(20px,3vw,34px)}
.dpbc-lead{font-size:1.02rem;color:var(--dpbc-ink-2);margin:0 0 8px;text-align:justify;text-justify:inter-word}

/* فهرست مطالب */
.dpbc-toc{background:var(--dpbc-brand-tint);border:1px solid #d8e8d3;border-radius:12px;padding:6px 18px 14px;margin:18px 0 30px}
.dpbc-toc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:800;font-size:.95rem;padding-block:10px;color:var(--dpbc-brand-deep)}
.dpbc-toc summary::-webkit-details-marker{display:none}
.dpbc-toc summary svg{width:18px;height:18px;transition:transform .2s}
.dpbc-toc[open] summary svg{transform:rotate(180deg)}
.dpbc-toc ol{counter-reset:t;columns:2;column-gap:32px}
.dpbc-toc li{counter-increment:t;break-inside:avoid}
.dpbc-toc li a{display:flex;gap:10px;padding-block:5px;font-size:.88rem;color:var(--dpbc-ink-2);transition:color .15s}
.dpbc-toc li a:hover{color:var(--dpbc-brand-deep)}
.dpbc-toc li a::before{content:counter(t,persian) ".";color:var(--dpbc-brand);font-weight:700;min-width:1.4em}

/* عنوان سکشن + متن */
.dpbc-section{margin-top:34px}
.dpbc-section:first-of-type{margin-top:8px}
.dpbc-section-title{font-size:1.28rem;font-weight:800;line-height:1.8;margin:0 0 14px;display:flex;align-items:center;gap:12px}
.dpbc-section-title::before{content:"";width:5px;height:1.35em;border-radius:3px;background:var(--dpbc-brand);flex:0 0 auto}
.dpbc-prose{color:#3a403a;text-align:justify;text-justify:inter-word}
.dpbc-prose p{margin:0 0 16px}
.dpbc-prose p:last-child{margin-bottom:0}
.dpbc-prose a{color:var(--dpbc-brand-deep);font-weight:600;border-bottom:1px dashed currentColor}

/* note (tips) */
.dpbc-note{display:flex;gap:14px;background:var(--dpbc-brand-tint);border-inline-start:4px solid var(--dpbc-brand);border-radius:10px;padding:16px 18px;font-size:.92rem;color:#2f4a2b}
.dpbc-note svg{width:21px;height:21px;flex:0 0 auto;color:var(--dpbc-brand-deep);margin-top:3px}
.dpbc-note-list{margin-top:8px}
.dpbc-note-list li{position:relative;padding-inline-start:18px;margin-bottom:4px}
.dpbc-note-list li::before{content:"";position:absolute;inset-inline-start:0;top:.85em;width:6px;height:6px;border-radius:50%;background:var(--dpbc-brand)}

/* features / benefits */
/* ویژگی‌ها/مزایا — کارت‌های جدا، فلت، دو ستونه */
.dpbc-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0;list-style:none;padding:0}
.dpbc-feature-card{
  display:flex;align-items:center;gap:14px;
  background:var(--dpbc-card);border:1px solid var(--dpbc-line);
  border-radius:12px;padding:15px 16px;
}
.dpbc-feature-check{
  flex:0 0 auto;width:30px;height:30px;border-radius:50%;
  background:var(--dpbc-brand-tint);color:var(--dpbc-brand-deep);
  display:grid;place-items:center;
}
.dpbc-feature-check svg{width:17px;height:17px}
.dpbc-feature-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.dpbc-feature-title{font-weight:500;font-size:.9rem;line-height:1.65;color:var(--dpbc-ink);text-align:start;direction:rtl}
.dpbc-feature-desc{color:var(--dpbc-ink-2);font-size:.82rem;line-height:1.75;font-weight:400;text-align:start;direction:rtl}

/* usage */
.dpbc-usage-tags{display:flex;flex-wrap:wrap;gap:9px;margin:6px 0}
.dpbc-usage-tags span{background:var(--dpbc-surface);border:1px solid var(--dpbc-line);border-radius:999px;padding:.5em 1.15em;font-size:.86rem;font-weight:600;color:#444b43;transition:.18s}
.dpbc-usage-tags span:hover{border-color:var(--dpbc-brand);color:var(--dpbc-brand-deep);background:var(--dpbc-brand-tint)}
.dpbc-usage-list li{position:relative;padding-inline-start:18px;margin-bottom:6px}
.dpbc-usage-list li::before{content:"";position:absolute;inset-inline-start:0;top:.85em;width:6px;height:6px;border-radius:50%;background:var(--dpbc-brand)}

/* steps (how_to_use) */
.dpbc-steps{counter-reset:step;display:grid;gap:12px;margin:6px 0}
.dpbc-steps li{counter-increment:step;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.dpbc-steps li::before{content:counter(step,persian);width:32px;height:32px;border-radius:50%;background:var(--dpbc-brand-tint);color:var(--dpbc-brand-deep);font-weight:800;display:grid;place-items:center;font-size:.9rem}
.dpbc-step-body b{font-weight:800}
.dpbc-step-body p{margin:2px 0 0;color:var(--dpbc-ink-2);font-size:.92rem}

/* tables */
.dpbc-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--dpbc-line);border-radius:12px;margin:6px 0}
.dpbc-spec-table,.dpbc-compare-table{width:100%;border-collapse:collapse;font-size:.92rem}
.dpbc-compare-table{min-width:560px}
.dpbc-spec-table th,.dpbc-spec-table td,
.dpbc-compare-table th,.dpbc-compare-table td{padding:13px 16px;border-bottom:1px solid var(--dpbc-line);white-space:nowrap;text-align:right}
.dpbc-spec-table tr:last-child th,.dpbc-spec-table tr:last-child td,
.dpbc-compare-table tbody tr:last-child th,.dpbc-compare-table tbody tr:last-child td{border-bottom:0}
.dpbc-spec-table th[scope=row],.dpbc-compare-table th[scope=row]{font-weight:800;color:var(--dpbc-ink)}
.dpbc-compare-table thead th{background:var(--dpbc-surface);font-size:.78rem;font-weight:700;color:var(--dpbc-ink-2);border-bottom:2px solid var(--dpbc-ink)}
.dpbc-spec-table tr:nth-child(even),
.dpbc-compare-table tbody tr:nth-child(even){background:#fafbf9}

/* verdict (summary) */
.dpbc-verdict{background:var(--dpbc-surface);border:1px solid var(--dpbc-line);border-radius:12px;padding:22px 24px}
.dpbc-verdict .dpbc-prose{font-weight:600;color:var(--dpbc-ink)}

/* faq */
.dpbc-faq{display:grid;gap:10px}
.dpbc-faq-item{border:1px solid var(--dpbc-line);border-radius:12px;transition:.2s}
.dpbc-faq-item[open]{border-color:#cfdccb;background:#fcfdfb}
.dpbc-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:15px 18px;font-weight:700;font-size:.94rem}
.dpbc-faq-item summary::-webkit-details-marker{display:none}
.dpbc-faq-q{flex:1}
.dpbc-faq-item summary i{font-style:normal;width:25px;height:25px;border-radius:8px;background:var(--dpbc-brand-tint);color:var(--dpbc-brand-deep);display:grid;place-items:center;font-weight:600;transition:.2s;flex:0 0 auto}
.dpbc-faq-item[open] summary i{transform:rotate(45deg);background:var(--dpbc-brand);color:#fff}
.dpbc-faq-a{padding:0 18px 16px;color:var(--dpbc-ink-2);font-size:.9rem;text-align:justify;text-justify:inter-word}

/* related links */
.dpbc-related-links{display:grid;gap:8px}
.dpbc-related-links a{display:inline-flex;align-items:center;gap:8px;color:var(--dpbc-brand-deep);font-weight:600}
.dpbc-related-links a:hover{text-decoration:underline}

/* inline purchase */
.dpbc-cta-inline{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between;background:var(--dpbc-brand-tint);border:1px solid #d8e8d3;border-radius:12px;padding:22px 24px}
.dpbc-cta-inline .dpbc-btn{flex:0 0 auto;width:auto}

/* tags */
.dpbc-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:26px;padding-top:22px;border-top:1px solid var(--dpbc-line)}
.dpbc-tags-label{font-size:.82rem;color:var(--dpbc-ink-2);font-weight:700}
.dpbc-tags a{font-size:.78rem;color:var(--dpbc-ink-2);background:var(--dpbc-surface);border-radius:8px;padding:.4em 1em;transition:.15s}
.dpbc-tags a:hover{color:var(--dpbc-brand-deep);background:var(--dpbc-brand-tint)}

/* ===================== سایدبار ===================== */
.dpbc-sidebar{position:sticky;top:calc(var(--dpbc-header-h) + 16px)}
.dpbc-buycard{padding:20px}
.dpbc-buycard-thumb{background:var(--dpbc-surface);border-radius:12px;aspect-ratio:4/3;display:grid;place-items:center;margin-bottom:16px;position:relative;overflow:hidden}
.dpbc-buycard-thumb .dpbc-thumb-img{width:100%;height:100%;object-fit:cover}
.dpbc-thumb-placeholder{color:var(--dpbc-line-2);display:grid;place-items:center;width:100%;height:100%}
.dpbc-thumb-placeholder svg{width:38%;height:auto}
.dpbc-buycard-title{font-size:1rem;font-weight:800;line-height:1.8;margin:0}
.dpbc-buycard-brandrow{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--dpbc-ink-2);margin:8px 0 16px;gap:10px;flex-wrap:wrap}
.dpbc-buycard-brandrow b{color:var(--dpbc-brand-deep)}
.dpbc-buycard-specs{border-top:1px solid var(--dpbc-line);margin-bottom:18px}
.dpbc-buycard-specs li{display:flex;justify-content:space-between;gap:10px;padding-block:10px;border-bottom:1px solid var(--dpbc-line);font-size:.8rem}
.dpbc-buycard-specs li span{color:var(--dpbc-ink-2)}
.dpbc-buycard-specs li b{font-weight:600}
.dpbc-buycard-guarantee{display:flex;align-items:center;gap:8px;justify-content:center;font-size:.74rem;color:var(--dpbc-ink-2);margin-top:14px}
.dpbc-buycard-guarantee svg{width:16px;height:16px;color:var(--dpbc-brand)}

/* ===================== CTA چسبان موبایل ===================== */
.dpbc-sticky-cta{position:fixed;inset-inline:0;bottom:0;z-index:70;display:none;background:#fff;border-top:1px solid var(--dpbc-line);box-shadow:0 -2px 10px rgba(35,40,35,.07);padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
.dpbc-sticky-cta.is-visible{display:block}

@media (prefers-reduced-motion:reduce){
  .dpbc-hero-tagrow,.dpbc-hero-title,.dpbc-hero-enname,.dpbc-hero-meta{animation:none}
}