/* =========================================================================
   de-levels — گذرنامهٔ سطوح (zbn-de-levels) · طرح: 06-levels.html
   وابسته به: de-base.css
   ========================================================================= */

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

.delv-head{text-align:center;}
.delv-h2{margin:16px auto 8px;font-size:34px;font-weight:900;line-height:1.6;background:linear-gradient(110deg,var(--lv-h1,var(--zn-t1)) 35%,var(--lv-h2,var(--zn-accent-soft2)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.delv-lead{margin:0 auto 60px;font-size:14px;color:var(--zn-t5);max-width:460px;line-height:2;font-weight:500;}

/* ---------- ردیف مدال‌ها ---------- */
.delv-rail{position:relative;}
.delv-line{position:absolute;top:44px;right:70px;left:70px;border-top:2px dashed var(--lv-line,rgba(var(--zn-line),.28));}
.delv-grid{position:relative;display:grid;grid-template-columns:repeat(var(--lv-cols,6),1fr);gap:var(--lv-gap,14px);}

.de-scope .delv-item{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;background:none;border:none;padding:0;font:inherit;color:inherit;width:100%;}
.de-scope .delv-item:focus-visible{outline:2px solid var(--zn-rose);outline-offset:4px;border-radius:20px;}

.delv-medalwrap{position:relative;width:var(--lv-medal,88px);height:var(--lv-medal,88px);z-index:2;}
.delv-stem{position:absolute;top:-16px;right:50%;transform:translateX(50%);width:3px;height:16px;background:var(--ring-glow,rgba(255,59,92,.26));border-radius:2px;}
.delv-ring{width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,var(--ring1,var(--zn-rose2)),var(--ring2,var(--zn-rose)));border:3px solid var(--lv-ring-off,rgba(255,255,255,.14));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 34px var(--ring-glow,rgba(255,59,92,.26)),inset 0 0 20px rgba(255,255,255,.12);transition:transform .2s ease,border-color .2s ease;}
.delv-item.is-sel .delv-ring{border-color:var(--lv-ring-on,rgba(255,255,255,.85));transform:scale(var(--lv-ring-scale,1));}
.de-scope .delv-item:hover .delv-ring{transform:scale(var(--lv-ring-hover,1.06));}

.delv-code{direction:ltr;font-size:var(--lv-code,22px);font-weight:900;color:var(--code-color,#04121F);line-height:1;}
.delv-brand{font-size:8px;font-weight:800;color:var(--code-color,#04121F);opacity:.7;letter-spacing:1.5px;margin-top:3px;direction:ltr;}

.delv-card{margin-top:20px;width:100%;background:var(--lv-card-off,rgba(255,255,255,.03));border:1px solid var(--lv-cardbd-off,rgba(var(--zn-line),.14));border-radius:18px;padding:18px 14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;}
.delv-item.is-sel .delv-card{background:var(--lv-card-on,rgba(255,59,92,.09));border-color:var(--card-bd,rgba(255,59,92,.4));}
.delv-ct{font-size:15px;font-weight:900;color:var(--zn-t1);}
.delv-cd{font-size:11px;color:var(--zn-t5);line-height:1.9;margin-top:6px;font-weight:500;}

/* ---------- پنل جزئیات ---------- */
.delv-detail{margin-top:34px;background:var(--lv-dt-bg,rgba(255,255,255,.03));border:1px solid var(--lv-dt-bd,rgba(255,59,92,.3));border-radius:24px;padding:34px 38px;display:grid;grid-template-columns:var(--lv-dt-split,auto 1fr);gap:34px;align-items:center;box-shadow:0 0 46px rgba(255,59,92,.08);}
.delv-dhead{text-align:center;}
.delv-dcode{direction:ltr;font-size:var(--lv-dcode,56px);font-weight:900;line-height:1;background:linear-gradient(120deg,var(--zn-rose),var(--zn-rose2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.delv-dtitle{font-size:14px;font-weight:800;color:var(--zn-t2);margin-top:8px;}
.delv-ddesc{font-size:14.5px;color:var(--zn-t3);line-height:2.2;font-weight:500;}
.delv-meta{display:flex;gap:26px;flex-wrap:wrap;margin-top:16px;}
.delv-m{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--zn-t5);}
.delv-m .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.delv-m1 .dot{background:var(--zn-rose);box-shadow:0 0 10px var(--zn-rose);}
.delv-m2 .dot{background:var(--zn-rose2);box-shadow:0 0 10px var(--zn-rose2);}
.delv-m3 .dot{background:var(--zn-gold);box-shadow:0 0 10px var(--zn-gold);}
.delv-m .val{color:var(--zn-t4);}
.delv-m2 .val{direction:ltr;}

.de-scope .delv-dlink{display:inline-block;margin-top:18px;background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));color:#FFF;font-size:13.5px;font-weight:900;padding:12px 24px;border-radius:13px;box-shadow:0 0 34px rgba(255,59,92,.26);transition:transform .15s ease;}
.de-scope .delv-dlink:hover{color:#FFF;transform:translateY(-2px);}

@media (prefers-reduced-motion:reduce){
  .delv-ring,.delv-card,.de-scope .delv-dlink{transition:none;}
  .de-scope .delv-item:hover .delv-ring,.de-scope .delv-dlink:hover{transform:none;}
}