/* =========================================================================
   in-band — نوار قرمز کج (CTA میانی) · طرح 07-cta-band.html
   وابسته به: de-base.css
   ========================================================================= */

.inbd {
  position: relative; overflow: hidden;
  margin: var(--inbd-my, 36px) 0;
  background: linear-gradient(120deg, var(--inbd-c1, var(--zn-crim)), var(--inbd-c2, var(--zn-rose)) 55%, var(--inbd-c3, var(--zn-rose2)));
  transform: skewY(var(--inbd-skew, -1.5deg));
  box-shadow: var(--inbd-sh, 0 30px 78px rgba(225, 29, 72, .26));
}

/* متن محو داخل نوار — با خطِ سفید کم‌رنگ، نه رنگِ ghost عمومی */
.inbd-ghost { top: 44px; left: 22px; font-size: var(--inbd-ghost-fs, 130px); --ghost-stroke: 2px; -webkit-text-stroke-color: var(--inbd-ghost-c, rgba(255, 255, 255, .15)); }

.inbd-wrap {
  position: relative; z-index: 1;
  max-width: var(--inbd-mw, 1160px); margin: 0 auto;
  padding: var(--inbd-pt, 68px) var(--inbd-px, 40px) var(--inbd-pb, 72px);
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--inbd-gap, 44px); flex-wrap: wrap;
  /* خنثی‌سازی کجیِ نوار تا متن صاف بماند */
  transform: skewY(calc(var(--inbd-skew, -1.5deg) * -1));
}

.inbd-txt { max-width: var(--inbd-txt-w, 640px); }
.inbd-h2 { margin: 0; font-size: var(--inbd-h-fs, 35px); font-weight: 900; color: var(--inbd-h-c, #FFF); line-height: 1.55; }
.inbd-lead { font-size: var(--inbd-l-fs, 15px); color: var(--inbd-l-c, rgba(255, 255, 255, .86)); line-height: 2.1; font-weight: 600; margin-top: 12px; }
.inbd-lead p { margin: 0 0 10px; color: inherit; font: inherit; }
.inbd-lead p:last-child { margin-bottom: 0; }

.inbd-side { text-align: center; flex-shrink: 0; }
.de-scope .inbd-btn {
  display: inline-block; white-space: nowrap; cursor: pointer;
  background: var(--inbd-btn-bg, #14060B); color: var(--inbd-btn-fg, #FFF);
  border: 1px solid var(--inbd-btn-bd, rgba(255, 255, 255, .26));
  border-radius: var(--inbd-btn-r, 16px);
  font-size: 16px; font-weight: 900;
  padding: var(--inbd-btn-pt, 19px) var(--inbd-btn-px, 38px);
  box-shadow: var(--inbd-btn-sh, 0 20px 48px rgba(0, 0, 0, .34));
  transition: transform .18s ease, background .18s ease, color .18s ease;
}
.de-scope .inbd-btn:hover { color: var(--inbd-btn-fg-h, #FFF); background: var(--inbd-btn-bg-h, #260A12); transform: translateY(-2px); }
.inbd-note { font-size: 12px; font-weight: 800; color: var(--inbd-note-c, rgba(255, 255, 255, .82)); margin-top: 12px; }

@media (max-width: 860px) {
  .inbd-wrap { padding: 46px 22px 50px; gap: 26px; }
  .inbd-side { width: 100%; }
  .de-scope .inbd-btn { display: block; }
}
@media (max-width: 600px) {
  .inbd-ghost { font-size: 76px; }
}