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

.zbn-blog{position:relative;overflow:hidden;direction:rtl;font-family:Vazirmatn,IRANYekanX,system-ui,sans-serif;background:radial-gradient(120% 80% at 50% -10%,#1c1622,#100c10 60%);}
.zbn-blog .bl-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;pointer-events:none;}
.zbn-blog .bl-orb1{width:420px;height:420px;top:-140px;right:-120px;background:radial-gradient(circle,rgba(199,154,59,.28),transparent 70%);}
.zbn-blog .bl-orb2{width:440px;height:440px;bottom:-180px;left:-140px;background:radial-gradient(circle,rgba(122,76,176,.22),transparent 70%);}
.zbn-blog .bl-wrap{position:relative;max-width:1200px;margin:0 auto;}
.zbn-blog__head{max-width:700px;margin:0 auto 44px;}
.zbn-blog__eyebrow{display:inline-flex;align-items:center;gap:9px;color:#E0AC4A;font-weight:700;font-size:14px;margin-bottom:14px;}
.zbn-blog__eyebrow span{width:22px;height:2px;background:#E0AC4A;display:inline-block;}
.zbn-blog__title{font-size:38px;font-weight:800;margin:0 0 12px;line-height:1.3;color:#F3EEE8;}
.zbn-blog__sub{font-size:17px;color:rgba(243,238,232,.66);margin:0;line-height:1.7;}

.zbn-blog .zbn-viewport{position:relative;}
.zbn-blog .zbn-grid{display:grid;grid-template-columns:repeat(var(--zbn-cols,4),1fr);gap:18px;}
.zbn-blog .swiper-slide{height:auto;box-sizing:border-box;}

.zbn-blog .bl-card{display:flex;flex-direction:column;height:100%;border-radius:18px;overflow:hidden;text-decoration:none;
	background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 34px -22px rgba(0,0,0,.7);
	transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;}
.zbn-blog .bl-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 30px 54px -24px rgba(0,0,0,.8), 0 0 40px -12px var(--glow);}
.zbn-blog .bl-media{position:relative;aspect-ratio:16/11;background:#0c090e;overflow:hidden;}
.zbn-blog .bl-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,9,14,.72),rgba(12,9,14,.05) 55%);}
.zbn-blog .bl-img{position:absolute;inset:0;background-image:var(--img);background-size:cover;background-position:center;transition:transform .5s ease;}
.zbn-blog .bl-card:hover .bl-img{transform:scale(1.06);}
.zbn-blog .bl-cat{position:absolute;z-index:2;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#fff;padding:6px 11px;border-radius:999px;background:var(--c);border:1px solid color-mix(in srgb,var(--c) 40%,#fff);box-shadow:0 6px 16px -6px var(--glow);}
.zbn-blog .bl-body{display:flex;flex-direction:column;flex:1;padding:16px 16px 18px;}
.zbn-blog .bl-meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:rgba(233,224,210,.55);margin-bottom:11px;flex-wrap:wrap;}
.zbn-blog .bl-meta .dot{width:3px;height:3px;border-radius:50%;background:currentColor;}
.zbn-blog .bl-title{margin:0 0 9px;font-size:16px;font-weight:800;line-height:1.65;color:#F4EEE6;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2em;}
.zbn-blog .bl-card:hover .bl-title{color:#fff;}
.zbn-blog .bl-div{width:34px;height:2.5px;border-radius:2px;background:var(--c);box-shadow:0 0 12px var(--glow);margin:0 0 11px;}
.zbn-blog .bl-excerpt{margin:0 0 16px;font-size:12.5px;color:rgba(233,224,210,.62);line-height:1.9;
	display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.zbn-blog .bl-more{margin-top:auto;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--cl);}
.zbn-blog .bl-card:hover .bl-more svg{transform:translateX(-4px);}
.zbn-blog .bl-more svg{transition:transform .25s ease;}

.zbn-blog .zbn-nav{position:absolute;top:38%;transform:translateY(-50%);z-index:6;width:44px;height:44px;border-radius:50%;
	display:flex;align-items:center;justify-content:center;cursor:pointer;
	background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(6px);transition:background .18s ease;}
.zbn-blog .zbn-nav:hover{background:rgba(233,196,107,.22);}
.zbn-blog .zbn-prev{right:-16px;}
.zbn-blog .zbn-next{left:-16px;}
.zbn-blog .swiper-pagination{position:relative;margin-top:18px;}

.zbn-blog .bl-all{display:flex;justify-content:center;margin-top:26px;}
.zbn-blog .bl-all a{display:inline-flex;align-items:center;gap:9px;color:#F3E9D2;font-weight:700;font-size:14px;text-decoration:none;
	padding:12px 24px;border-radius:11px;border:1px solid rgba(233,196,107,.4);background:rgba(233,196,107,.06);transition:background .2s ease, border-color .2s ease;}
.zbn-blog .bl-all a:hover{background:rgba(233,196,107,.14);border-color:rgba(233,196,107,.7);}

@media(max-width:600px){.zbn-blog__title{font-size:28px;}}