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

.zbn-vip{--gold:#E9C46B;direction:rtl;font-family:Vazirmatn,IRANYekanX,system-ui,sans-serif;background:#FAF8F5;}
.zbn-vip .vip-wrap{max-width:1200px;margin:0 auto;}
.zbn-vip .vip-banner{position:relative;border-radius:24px;overflow:hidden;min-height:280px;border:1px solid rgba(233,196,107,.3);background-color:#060504;background-image:radial-gradient(60% 120% at 86% 22%, rgba(233,196,107,.32), rgba(233,196,107,0) 60%),radial-gradient(52% 115% at 14% 96%, rgba(199,154,59,.22), rgba(199,154,59,0) 62%),radial-gradient(46% 95% at 55% 118%, rgba(246,222,150,.12), rgba(246,222,150,0) 60%),linear-gradient(150deg,#0d0a06,#040302 84%);box-shadow:0 26px 54px -24px rgba(0,0,0,.85), 0 48px 98px -34px rgba(199,154,59,.6);}
.zbn-vip .vip-photo{position:absolute;top:0;bottom:0;left:0;width:35%;z-index:1;background-color:#140d06;background-size:cover;background-position:center;clip-path:polygon(0 0, 100% 0, 85% 100%, 0 100%);}
.zbn-vip .vip-area{position:relative;z-index:2;margin-left:34%;padding:40px 46px;}
.zbn-vip .vip-content{text-align:right;}
.zbn-vip .vip-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(233,196,107,.1);border:1px solid rgba(233,196,107,.34);border-radius:999px;padding:7px 8px 7px 14px;margin-bottom:16px;}
.zbn-vip .vip-badge b{font-size:16px;font-weight:900;letter-spacing:.1em;background:linear-gradient(180deg,#F9E6A6,#C79A3B);-webkit-background-clip:text;background-clip:text;color:transparent;}
.zbn-vip .vip-badge i{width:1px;height:16px;background:rgba(233,196,107,.45);}
.zbn-vip .vip-badge span{color:#EBDCBF;font-weight:700;font-size:13px;}
.zbn-vip .vip-title{font-size:30px;font-weight:900;color:#fff;margin:0 0 13px;line-height:1.34;text-shadow:0 2px 18px rgba(0,0,0,.5);}
.zbn-vip .vip-title b{background:linear-gradient(180deg,#F6DE96,#C79A3B);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900;}
.zbn-vip .vip-desc{font-size:15.5px;color:rgba(247,242,232,.82);line-height:1.85;margin:0 0 22px;max-width:600px;}
.zbn-vip .vip-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
.zbn-vip .vip-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#F3E9D2;background:rgba(233,196,107,.1);border:1px solid rgba(233,196,107,.32);border-radius:999px;padding:8px 14px;}
.zbn-vip .vip-chip svg,.zbn-vip .vip-chip i{flex:none;width:16px;height:16px;font-size:15px;color:var(--gold);}
.zbn-vip .vip-btn{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#F6DE96,#C79A3B);color:#251c07;font-weight:800;font-size:15px;padding:14px 28px;border-radius:12px;text-decoration:none;box-shadow:0 16px 34px -12px rgba(233,196,107,.7);transition:transform .18s ease, filter .18s ease;}
.zbn-vip .vip-btn:hover{transform:translateY(-2px);filter:brightness(1.06);}
@media(max-width:860px){
	.zbn-vip .vip-photo{position:relative;width:100% !important;height:200px;clip-path:none;}
	.zbn-vip .vip-area{margin-left:0 !important;padding:32px 26px;}
	.zbn-vip .vip-content{text-align:center;}
	.zbn-vip .vip-badge{margin-inline:auto;}
	.zbn-vip .vip-chips{justify-content:center;}
	.zbn-vip .vip-desc{margin-inline:auto;}
}
@media(max-width:520px){.zbn-vip .vip-title{font-size:24px;}}