/* =========================================================================
   courses-de — استایل ویجت المنتور زبان‌نگار (هندل: zbn-el-courses-de)
   ========================================================================= */

.zcd{--bg:#130B12;--ink:#EAF0FF;--muted:#8C99BC;--muted2:#6B78A0;--bullet:#A9B4D4;--cyan:#FF3B5C;--deep:#E11D48;--violet:#FF5C8A;--amber:#F5B301;--card:rgba(255,255,255,.03);direction:rtl;font-family:Vazirmatn,IRANYekanX,system-ui,sans-serif;color:var(--ink);background:var(--bg);padding-block:80px;border-top:1px solid rgba(255,150,175,.1);}
.zcd-container{max-width:1160px;margin:0 auto;padding-inline:40px;}
.zcd-head{text-align:center;}
.zcd-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--cyan) 10%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 15%,transparent);color:#FFB3C1;font-size:12px;font-weight:800;}
.zcd-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);}
.zcd-title{margin:16px 0 40px;font-size:34px;font-weight:900;line-height:1.6;background:linear-gradient(110deg,var(--ink) 35%,#FF9FB2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

.zcd-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;}
.zcd-card{--line:rgba(255,150,175,.14);position:relative;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:var(--card);border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease;}
.zcd-card:hover{transform:translateY(-5px);}
.zcd-card.is-cyan{box-shadow:0 0 40px color-mix(in srgb,var(--cyan) 25%,transparent);}
.zcd-card.is-amber{box-shadow:0 0 40px rgba(245,179,1,.45);}
.zcd-card.is-violet{border-color:color-mix(in srgb,var(--violet) 44%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--violet) 14%,transparent),rgba(11,17,38,.6));box-shadow:0 0 40px color-mix(in srgb,var(--violet) 29%,transparent);}

.zcd-badge{position:absolute;top:16px;right:16px;z-index:2;padding:7px 14px;border-radius:999px;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#fff;font-size:11.5px;font-weight:900;box-shadow:0 0 26px color-mix(in srgb,var(--violet) 35%,transparent);pointer-events:none;}

.zcd-media{margin:0;border-bottom:1px solid var(--line);}
.zcd-img{display:block;width:100%;height:180px;object-fit:cover;}
.zcd-ph{display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;background:linear-gradient(135deg,#1D0D17,#150912);color:#5C6788;font-size:12px;font-weight:700;}

.zcd-body{display:flex;flex-direction:column;flex:1;padding:22px 24px;}
.zcd-tag{align-self:flex-end;padding:4px 11px;border-radius:999px;font-size:10.5px;font-weight:900;letter-spacing:1px;direction:ltr;}
.zcd-card.is-cyan .zcd-tag{background:color-mix(in srgb,var(--cyan) 12%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 33%,transparent);color:#FFB3C1;}
.zcd-card.is-violet .zcd-tag{background:color-mix(in srgb,var(--violet) 16%,transparent);border:1px solid color-mix(in srgb,var(--violet) 20%,transparent);color:#FFC2D2;}
.zcd-card.is-amber .zcd-tag{background:rgba(245,179,1,.12);border:1px solid rgba(245,179,1,.45);color:#F5CE5B;}
.zcd-card h3{margin:13px 0;font-size:20px;font-weight:900;color:var(--ink);}

.zcd-list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:9px;}
.zcd-list li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--bullet);}
.zcd-check{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;}
.zcd-card.is-cyan .zcd-check{background:linear-gradient(135deg,#FF6B8A,var(--cyan));color:#04121F;box-shadow:0 0 12px color-mix(in srgb,var(--cyan) 25%,transparent);}
.zcd-card.is-violet .zcd-check{background:linear-gradient(135deg,var(--violet),var(--cyan));color:#0A0620;box-shadow:0 0 12px color-mix(in srgb,var(--violet) 29%,transparent);}
.zcd-card.is-amber .zcd-check{background:linear-gradient(135deg,var(--amber),#F97316);color:#1A1204;box-shadow:0 0 12px rgba(245,179,1,.45);}

.zcd-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px;}
.zcd-price .label{display:block;font-size:11px;font-weight:600;color:var(--muted2);}
.zcd-price .value{font-size:18px;font-weight:900;color:var(--ink);}
.zcd-price .value small{font-size:11.5px;font-weight:700;color:var(--muted2);}
.zcd-btn{padding:12px 22px;border-radius:13px;font-size:13px;font-weight:900;text-decoration:none;white-space:nowrap;transition:transform .15s ease;}
.zcd-btn:hover{transform:translateY(-2px);}
.zcd-card.is-cyan .zcd-btn{background:linear-gradient(135deg,var(--deep),var(--cyan));color:#04101F;box-shadow:0 0 24px color-mix(in srgb,var(--cyan) 25%,transparent);}
.zcd-card.is-violet .zcd-btn{background:linear-gradient(135deg,var(--violet),var(--cyan));color:#fff;box-shadow:0 0 24px color-mix(in srgb,var(--violet) 29%,transparent);}
.zcd-card.is-amber .zcd-btn{background:linear-gradient(135deg,var(--amber),#F97316);color:#1A1204;box-shadow:0 0 24px rgba(245,179,1,.45);}

@media(max-width:1024px){.zcd-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto;}}