/* =========================================================================
   de-pricing — شهریه (zbn-de-pricing) · طرح: 08-pricing.html
   وابسته به: de-base.css
   ========================================================================= */

.depr{position:relative;background:var(--zn-bg0);padding:70px 40px 84px;overflow:hidden;}
.depr-wrap{position:relative;max-width:1160px;margin:0 auto;}

.depr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.depr-h2{margin:16px 0 8px;font-size:34px;font-weight:900;line-height:1.6;background:linear-gradient(110deg,var(--pr-h1,var(--zn-t1)) 35%,var(--pr-h2,var(--zn-accent-head)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.depr-lead{margin:0;font-size:14px;color:var(--zn-t5);line-height:2;font-weight:500;}
.depr-badge{background:var(--pr-badge-bg,rgba(245,179,1,.12));border:1px solid var(--pr-badge-bd,rgba(245,179,1,.4));color:var(--pr-badge-color,var(--zn-gold-soft));font-size:12px;font-weight:800;padding:8px 16px;border-radius:999px;}

/* ---------- کلیدهای انتخاب نوع دوره ---------- */
.depr-modes{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 22px;}
.de-scope .depr-mode{padding:11px 26px;border-radius:999px;cursor:pointer;font-size:13.5px;font-weight:800;font-family:inherit;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;background:var(--pr-mode-bg,rgba(255,255,255,.04));color:var(--pr-mode-color,var(--zn-t4));border:1px solid var(--pr-mode-bd,rgba(var(--zn-line),.2));box-shadow:none;}
.de-scope .depr-mode:hover{border-color:var(--pr-mode-bd-h,rgba(255,59,92,.36));}
.de-scope .depr-mode.is-sel{background:linear-gradient(135deg,var(--pr-on1,var(--zn-crim)),var(--pr-on2,var(--zn-rose)));color:var(--pr-on-color,#04101F);border-color:transparent;box-shadow:0 0 30px var(--pr-on-glow,rgba(255,59,92,.35));}
.de-scope .depr-mode:focus-visible{outline:2px solid var(--zn-rose);outline-offset:3px;}

/* ---------- جدول ---------- */
.depr-table{background:var(--pr-tbl-bg,rgba(255,255,255,.03));border:1px solid var(--pr-tbl-bd,rgba(var(--zn-line),.16));border-radius:24px;overflow:hidden;}
.depr-thead,.depr-row{display:grid;grid-template-columns:var(--pr-cols,1.4fr 1fr 1fr 1.2fr);gap:14px;}
.depr-thead{display:var(--pr-head,grid);padding:18px 28px;background:var(--pr-th-bg,rgba(255,59,92,.08));border-bottom:1px solid rgba(var(--zn-line),.14);font-size:12.5px;font-weight:800;color:var(--pr-th-color,var(--zn-accent-soft));}
.depr-row{padding:17px 28px;border-bottom:1px solid rgba(var(--zn-line),.08);align-items:center;}
.depr-row:last-child{border-bottom:none;}

.depr-lv{display:flex;align-items:center;gap:12px;min-width:0;}
.depr-code{direction:ltr;min-width:40px;text-align:center;background:linear-gradient(145deg,var(--c1,var(--zn-rose2)),var(--c2,var(--zn-rose)));color:var(--fg,#04121F);font-size:13px;font-weight:900;padding:5px 10px;border-radius:10px;box-shadow:0 0 18px var(--glow,rgba(255,59,92,.26));flex-shrink:0;}
.depr-lvt{font-size:14px;font-weight:700;color:var(--zn-t2);}
.depr-cell{font-size:13.5px;color:var(--zn-t5);font-weight:600;}
.depr-price{font-size:16px;font-weight:900;color:var(--zn-t1);}
.depr-price .unit{font-size:11px;font-weight:600;color:var(--zn-t6);}

/* برچسب هر خانه — وقتی سربرگ جدول پنهان است (چیدمان ستونی) به کار می‌آید. */
.depr-cell::before,.depr-price::before{content:attr(data-label) " ";font-size:11px;font-weight:700;color:var(--zn-t6);display:var(--pr-lbl,none);}

/* ---------- پانویس ---------- */
.depr-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;}
.depr-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--zn-t6);font-weight:600;}
.depr-note .dot{width:6px;height:6px;border-radius:50%;background:var(--zn-rose);box-shadow:0 0 8px var(--zn-rose);flex-shrink:0;}
.de-scope .depr-link{font-size:13px;font-weight:900;color:var(--pr-link,var(--zn-accent-soft));}

@media (prefers-reduced-motion:reduce){
  .de-scope .depr-mode{transition:none;}
}