/* =========================================================================
   de-band — نوار فراخوان کج (zbn-de-band) · طرح: 07-cta-band.html
   وابسته به: de-base.css
   ========================================================================= */

.debd{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--bd-c1,var(--zn-crim)),var(--bd-c2,var(--zn-rose)) 55%,var(--bd-c3,var(--zn-rose2)));transform:skewY(var(--bd-skew,-1.6deg));margin:var(--bd-margin,34px) 0;box-shadow:var(--bd-sh,0 30px 80px rgba(225,29,72,.28));}

.debd-ghost{position:absolute;top:50px;left:20px;font-size:var(--bd-ghost,130px);font-weight:900;color:transparent;-webkit-text-stroke:var(--bd-ghost-stroke,2px) var(--bd-ghost-color,rgba(255,255,255,.14));line-height:1;pointer-events:none;user-select:none;direction:ltr;}

/* محتوا با زاویهٔ معکوس صاف می‌شود تا متن کج دیده نشود. */
.debd-wrap{position:relative;max-width:1160px;margin:0 auto;padding:70px 40px 74px;display:flex;align-items:center;justify-content:space-between;gap:var(--bd-gap,44px);transform:skewY(calc(var(--bd-skew,-1.6deg) * -1));flex-wrap:wrap;}

.debd-txt{max-width:var(--bd-txtw,640px);}
.debd-h{font-size:var(--bd-h,36px);font-weight:900;color:var(--bd-h-color,#FFF);line-height:1.6;margin:0;}
.debd-sub{font-size:15px;color:var(--bd-sub-color,rgba(255,255,255,.85));line-height:2.1;font-weight:600;margin-top:12px;}

.debd-act{text-align:center;flex-shrink:0;}
.de-scope .debd-btn{background:var(--bd-btn-bg,#14060B);color:var(--bd-btn-color,#FFF);border:1px solid var(--bd-btn-bd,rgba(255,255,255,.25));font-size:16px;font-weight:900;padding:19px 38px;border-radius:16px;cursor:pointer;box-shadow:0 20px 50px rgba(0,0,0,.35);white-space:nowrap;display:inline-block;transition:transform .15s ease,background .15s ease;}
.de-scope .debd-btn:hover{color:var(--bd-btn-color,#FFF);transform:translateY(-2px);background:var(--bd-btn-bg-h,var(--bd-btn-bg,#14060B));}
.debd-note{font-size:12px;font-weight:800;color:var(--bd-note-color,rgba(255,255,255,.8));margin-top:12px;}

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