/* =======================================
   sell-process.css (page-only)
   Targets: body.sell-process
   Purpose:
   - Match buy-process spacing & rhythm
   - Clean mobile vertical gaps
   - Standardize CTA breathing room
   - Does NOT affect other pages
   ======================================= */

/* ---------------------------------------
   Desktop + tablet
   --------------------------------------- */

/* Slightly tighter than global sections */
.sell-process .section {
  padding: 2.4rem 0;
}

/* Timeline section: reduce dead space underneath */
.sell-process .section--timeline {
  padding-bottom: 1.5rem;
}

/* Trim ONLY vertical padding on the timeline container (keep side gutters!) */
.sell-process .service-timeline {
  padding-top: 1rem;     /* tweakable */
  padding-bottom: 1.25rem; /* tweakable */
}

/* Text-heavy band */
.sell-process .section-muted {
  padding-top: 2.1rem;
  padding-bottom: 2.1rem;
}

/* Final CTA: match buy spacing */
.sell-process .section-cta.section--tight,
.sell-process .section-cta {
  padding-top: 1.85rem;
  padding-bottom: 2.2rem;
}

/* Meta stacking */
.sell-process .section-cta-meta--stacked span {
  display: block;
  line-height: 1.35;
}

/* Space before CTA buttons */
.sell-process .section-cta-buttons {
  margin-top: 1.15rem;
}

/* ---------------------------------------
   Mobile-only
   --------------------------------------- */
@media (max-width: 640px) {
  .sell-process .section {
    padding: 2rem 0;
  }

  .sell-process .section--timeline {
    padding-bottom: 1.1rem;
  }

  /* Keep gutters, trim vertical */
  .sell-process .service-timeline {
    padding-top: 0.9rem;
    padding-bottom: 1.1rem;
  }

  .sell-process .section-muted {
    padding-top: 1.4rem;
    padding-bottom: 1.6rem;
  }

  .sell-process .section-cta {
    padding-top: 1.55rem;
    padding-bottom: 1.9rem;
  }

  .sell-process .section-cta-text {
    margin-bottom: 1.05rem;
  }

  /* Only tighten the CTA button row */
  .sell-process .section-cta-buttons {
    gap: 0.65rem;
  }
}