/* =========================================================================
   ab-cta — «آماده شروع هستید؟» · بلوک ۱۲
   نوار گرادیانتی تمام‌عرض با متن محو NEGAR، چیپ زبان‌ها و دکمهٔ تلفن.
   وابسته به: zn-base.css ، ab-base.css
   ========================================================================= */

.zn-scope .abcta.ab-sec {
  overflow: hidden;
  background: var(--abcta-bg, linear-gradient(90deg, var(--zn-crim), var(--zn-rose) 52%, var(--zn-rose2)));
  border-block: 0;
  text-align: center;
}

/* متن محو این بخش سفیدِ توخالی است، نه رنگ ghost تم. */
.zn-scope .abcta .ab-ghost {
  top: auto;
  left: auto;
  bottom: var(--abcta-ghost-bottom, -34px);
  right: var(--abcta-ghost-right, 3%);
  font-size: var(--abcta-ghost-fs, 130px);
  -webkit-text-stroke: var(--abcta-ghost-stroke, 1.5px) var(--abcta-ghost-c, rgba(255, 255, 255, .16));
}

.zn-scope .abcta-title {
  margin: 0 0 12px;
  font-size: var(--abcta-title-fs, clamp(26px, 3.6vw, 42px));
  font-weight: 900;
  line-height: 1.35;
  color: var(--abcta-title-c, #FFF);
}

.zn-scope .abcta-lead {
  margin: 0 auto 26px;
  max-width: var(--abcta-lead-w, 48ch);
  font-size: var(--abcta-lead-fs, 15px);
  line-height: var(--abcta-lead-lh, 2.05);
  color: var(--abcta-lead-c, rgba(255, 255, 255, .9));
}
.zn-scope .abcta-lead p { margin: 0 0 10px; color: inherit; font: inherit; }
.zn-scope .abcta-lead p:last-child { margin-bottom: 0; }

/* ---------- چیپ زبان‌ها ---------- */
.zn-scope .abcta-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--abcta-chip-gap, 10px);
}
.zn-scope a.abcta-chip {
  background: var(--abcta-chip-bg, rgba(255, 255, 255, .16));
  border: 1px solid var(--abcta-chip-bd, rgba(255, 255, 255, .4));
  color: var(--abcta-chip-c, #FFF);
  font-size: var(--abcta-chip-fs, 13.5px);
  font-weight: 800;
  padding: var(--abcta-chip-p, 12px 20px);
  border-radius: var(--abcta-chip-r, 12px);
  transition: background .2s ease, color .2s ease, transform .18s ease;
}
.zn-scope a.abcta-chip:hover {
  background: var(--abcta-chip-bg-h, #FFF);
  color: var(--abcta-chip-c-h, var(--zn-crim));
  transform: translateY(-2px);
}

/* ---------- دکمهٔ پایانی ---------- */
.zn-scope .abcta-btnwrap { margin-top: var(--abcta-btn-mt, 24px); }
.zn-scope a.abcta-btn {
  display: inline-block;
  background: var(--abcta-btn-bg, #FFF);
  color: var(--abcta-btn-c, var(--zn-crim));
  font-size: var(--abcta-btn-fs, 14.5px);
  font-weight: 900;
  padding: var(--abcta-btn-p, 14px 30px);
  border-radius: var(--abcta-btn-r, 14px);
  box-shadow: var(--abcta-btn-sh, 0 14px 32px rgba(0, 0, 0, .2));
  transition: transform .18s ease, box-shadow .18s ease;
}
.zn-scope a.abcta-btn:hover { color: var(--abcta-btn-c, var(--zn-crim)); transform: translateY(-2px); }
.zn-scope a.abcta-btn.is-ltr { direction: ltr; }

@media (max-width: 700px) {
  .zn-scope .abcta-chips { flex-direction: column; }
  .zn-scope a.abcta-chip { text-align: center; }
  .zn-scope .abcta .ab-ghost { font-size: var(--abcta-ghost-fs-m, 72px); }
}