/* =========================================================================
   zn-courses — دوره‌های پیشنهادی (zbn-zn-courses) · طرح: 09-courses.dc.html
   وابسته به: zn-base.css
   ========================================================================= */

.znco{position:relative;overflow:hidden;padding:clamp(56px,7vw,104px) 0;background:radial-gradient(940px 540px at 14% -6%,var(--zn-wash2),transparent 62%),var(--zn-bg1);border-top:1px solid rgba(var(--zn-line),.08);}
.znco-wrap{position:relative;max-width:1280px;margin:0 auto;padding:0 clamp(18px,5vw,64px);}
.znco-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:26px;}
.znco-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,59,92,.1);border:1px solid rgba(255,59,92,.3);color:var(--zn-soft);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:800;}
.znco-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--zn-rose);box-shadow:0 0 14px var(--zn-rose);}
.znco-title{margin:16px 0 0;font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.5;background:linear-gradient(110deg,var(--zn-t1) 40%,var(--zn-soft));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

.znco-filters{display:flex;gap:8px;flex-wrap:wrap;}
.znco-filter{border:1px solid rgba(var(--zn-line),.24);background:var(--zn-fill2);color:var(--zn-t3);font-size:12.5px;font-weight:800;padding:9px 16px;border-radius:999px;cursor:pointer;transition:all .15s;font-family:inherit;}
.znco-filter.is-on{border-color:transparent;background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));color:#fff;box-shadow:0 0 22px rgba(255,59,92,.3);}

.znco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--znco-min,300px),1fr));gap:18px;}
/* سایهٔ نرمِ قابل‌تنظیم */
.znco-card{position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:22px;border:1px solid rgba(var(--zn-line),.14);background:var(--zn-card);box-shadow:var(--cd-normal,var(--zn-cardsh-soft));transition:transform .25s,box-shadow .25s;}
.znco-card:hover{box-shadow:var(--cd-hover,var(--zn-cardsh-hover)),0 0 var(--cd-glowblur,26px) var(--cd-glow,transparent);}
.znco-card.is-rose{--cd-glow:rgba(255,59,92,.14);}
.znco-card.is-rose2{--cd-glow:rgba(255,92,138,.14);}
.znco-card.is-gold{--cd-glow:rgba(245,179,1,.14);}
.znco-card.is-hidden{display:none;}
.znco-card:hover{transform:translateY(-5px);}




.znco-media{position:relative;height:170px;overflow:hidden;background:var(--zn-img);}
.znco-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.znco-media .zn-img-ph{position:absolute;inset:0;}
.znco-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,7,21,.9),transparent 60%);pointer-events:none;}
.znco-level{position:absolute;top:12px;right:12px;font-size:11px;font-weight:800;padding:6px 12px;border-radius:999px;direction:ltr;}
.znco-card.is-rose .znco-level{background:rgba(255,59,92,.14);border:1px solid rgba(255,59,92,.4);color:var(--zn-soft);}
.znco-card.is-rose2 .znco-level{background:rgba(255,92,138,.14);border:1px solid rgba(255,92,138,.4);color:var(--zn-soft2);}
.znco-card.is-gold .znco-level{background:rgba(245,179,1,.14);border:1px solid rgba(245,179,1,.45);color:var(--zn-goldsoft);}
.znco-pop{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,var(--zn-gold),var(--zn-gold2));color:#1A1204;font-size:10.5px;font-weight:900;padding:6px 11px;border-radius:999px;box-shadow:0 0 18px rgba(245,179,1,.5);}

.znco-body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1;}
.znco-lang{font-size:11.5px;font-weight:800;letter-spacing:.06em;}
.znco-card.is-rose .znco-lang{color:var(--zn-soft);}
.znco-card.is-rose2 .znco-lang{color:var(--zn-soft2);}
.znco-card.is-gold .znco-lang{color:var(--zn-goldsoft);}
.znco-name{margin:0;font-size:17.5px;font-weight:900;color:var(--zn-t1);line-height:1.6;}
.znco-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--zn-t5);font-weight:600;flex-wrap:wrap;}
.znco-meta span{display:flex;align-items:center;gap:5px;}
.znco-div{height:1px;background:rgba(var(--zn-line),.12);}
.znco-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;}
.znco-price{display:flex;align-items:baseline;gap:5px;}
.znco-price strong{font-size:20px;font-weight:900;color:var(--zn-t1);}
.znco-price span{font-size:11px;color:var(--zn-t6);}
.zn-scope .znco-btn{font-size:12.5px;font-weight:800;padding:10px 16px;border-radius:11px;white-space:nowrap;transition:transform .15s;display:inline-block;}
.zn-scope .znco-btn:hover{transform:translateY(-1px);}
.zn-scope .znco-card.is-rose .znco-btn{background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));color:#fff;box-shadow:0 0 22px rgba(255,59,92,.28);}
.zn-scope .znco-card.is-rose .znco-btn:hover{color:#fff;}
.zn-scope .znco-card.is-rose2 .znco-btn{background:linear-gradient(135deg,var(--zn-rose2),var(--zn-crim));color:#fff;box-shadow:0 0 22px rgba(255,92,138,.28);}
.zn-scope .znco-card.is-rose2 .znco-btn:hover{color:#fff;}
.zn-scope .znco-card.is-gold .znco-btn{background:linear-gradient(135deg,var(--zn-gold),var(--zn-gold2));color:#1A1204;box-shadow:0 0 22px rgba(245,179,1,.28);}
.zn-scope .znco-card.is-gold .znco-btn:hover{color:#1A1204;}

/* ---------- حالت‌های آمادهٔ شدت سایه (کنترل «شدت سایه») ---------- */
.znco-shadow-subtle .znco-card{--cd-normal:0 4px 12px rgba(0,0,0,.05);--cd-hover:0 8px 20px rgba(0,0,0,.08);}
.znco-shadow-none .znco-card{--cd-normal:none;--cd-hover:none;--cd-glow:transparent;}
.znco-shadow-strong .znco-card{--cd-normal:var(--zn-cardsh);--cd-hover:0 24px 52px rgba(0,0,0,.34);}