/* =========================================================================
   de-courses — دوره‌های آموزشی (zbn-de-courses) · طرح: 10-courses.html
   وابسته به: de-base.css
   ========================================================================= */

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

.decr-h2{margin:16px 0 40px;font-size:34px;font-weight:900;line-height:1.6;background:linear-gradient(110deg,var(--cr-h1,var(--zn-t1)) 35%,var(--cr-h2,var(--zn-accent-head)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

.decr-grid{display:grid;grid-template-columns:repeat(var(--cr-cols,3),1fr);gap:var(--cr-gap,20px);align-items:stretch;}

/* ---------- کارت ---------- */
.decr-card{position:relative;display:flex;flex-direction:column;background:var(--cr-card-bg,rgba(255,255,255,.03));border:1px solid var(--cr-card-bd,rgba(var(--zn-line),.16));border-radius:var(--cr-radius,24px);overflow:hidden;box-shadow:var(--cr-sh,0 14px 34px rgba(120,60,40,.12));transition:transform .18s ease,box-shadow .18s ease;height:100%;}
.decr-card:hover{transform:translateY(var(--cr-lift,-4px));box-shadow:var(--cr-sh-h,0 20px 46px rgba(120,60,40,.18));}

/* کارت برجسته — رنگ‌هایش از خودِ آیتم می‌آید */
.decr-card.is-hot{background:var(--hot-bg,linear-gradient(160deg,rgba(255,92,138,.14),var(--zn-glass-60)));border-color:var(--hot-bd,rgba(255,92,138,.24));box-shadow:var(--hot-sh,0 20px 46px rgba(255,92,138,.16));}

.decr-ribbon{position:absolute;top:16px;right:16px;z-index:2;background:linear-gradient(135deg,var(--rb1,var(--zn-rose2)),var(--rb2,var(--zn-rose)));color:var(--rb-color,#FFF);font-size:11.5px;font-weight:900;padding:7px 14px;border-radius:999px;box-shadow:0 0 22px var(--rb-glow,rgba(255,92,138,.6));pointer-events:none;}

.decr-media{width:100%;height:var(--cr-img-h,180px);flex-shrink:0;border-bottom:1px solid rgba(var(--zn-line),.14);overflow:hidden;}
.decr-media img{width:100%;height:100%;object-fit:var(--cr-fit,cover);object-position:var(--cr-pos,center center);display:block;}
.decr-media .de-img-ph{width:100%;height:100%;}

.decr-body{display:flex;flex-direction:column;flex:1;padding:22px 24px;}
.decr-badge{direction:ltr;align-self:flex-end;background:var(--bg-bg,rgba(255,59,92,.12));border:1px solid var(--bg-bd,rgba(255,59,92,.34));color:var(--bg-color,var(--zn-accent-soft));font-size:10.5px;font-weight:900;padding:4px 11px;border-radius:999px;letter-spacing:1px;}
.decr-ct{font-size:20px;font-weight:900;color:var(--zn-t1);margin:13px 0;}

.decr-feats{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;}
.decr-feat{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--zn-t3);font-weight:500;}
.decr-tick{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--tk1,var(--zn-rose2)),var(--tk2,var(--zn-rose)));color:var(--tk-color,#04121F);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;flex-shrink:0;box-shadow:0 0 12px var(--tk-glow,rgba(255,59,92,.26));}

.decr-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(var(--zn-line),.14);padding-top:17px;flex-wrap:wrap;}
.decr-plabel{font-size:11px;color:var(--zn-t6);font-weight:600;}
.decr-price{font-size:18px;font-weight:900;color:var(--zn-t1);}
.decr-price .unit{font-size:11.5px;font-weight:700;color:var(--zn-t6);}

.de-scope .decr-btn{background:linear-gradient(135deg,var(--bt1,var(--zn-crim)),var(--bt2,var(--zn-rose)));color:var(--bt-color,#FFFFFF);font-size:13px;font-weight:900;padding:12px 22px;border-radius:13px;cursor:pointer;box-shadow:0 0 24px var(--bt-glow,rgba(255,59,92,.26));display:inline-block;white-space:nowrap;transition:transform .15s ease;}
.de-scope .decr-btn:hover{color:var(--bt-color,#FFFFFF);transform:translateY(-2px);}

@media (prefers-reduced-motion:reduce){
  .decr-card,.de-scope .decr-btn{transition:none;}
  .decr-card:hover,.de-scope .decr-btn:hover{transform:none;}
}