/* =======================================
   buy-process.css (page-only)
   Targets: body.buy-process
   Goals:
   - Reduce “blank bands” between sections (esp. mobile)
   - Fix bottom CTA spacing (meta stacking + button breathing room)
   - Trim container padding ONLY where it causes the gap
   - Do NOT affect other pages
   ======================================= */

/* ---------------------------------------
   Base (desktop + tablet)
   --------------------------------------- */

/* TIMELINE: keep top normal, reduce dead space below */
.buy-process .section--timeline {
  padding-top: 2.4rem;
  padding-bottom: 1.5rem;
}

/* APPROACH (“organized, not overwhelming”) */
.buy-process .buy-approach {
  padding-top: 1.35rem;
  padding-bottom: 1.85rem;
}

/* Global .container has 1.75rem top/bottom padding — trim it here only */
.buy-process .buy-approach > .container {
  padding-top: 0.75rem;
  padding-bottom: 1.25rem;
}

/* Give the button row a touch of breathing room after the grid */
.buy-process .buy-approach-cta {
  margin-top: 1.25rem;
}

/* COMMON QUESTIONS: tighten the band */
.buy-process .section--tight {
  padding-top: 1.6rem;
  padding-bottom: 1.9rem;
}

/* FINAL CTA: tighten top a bit, keep bottom comfortable */
.buy-process .section-cta.section--tight {
  padding-top: 1.85rem;
  padding-bottom: 2.2rem;
}

/* Meta lines stack cleanly */
.buy-process .section-cta-meta--stacked span {
  display: block;
  line-height: 1.35;
}

/* Add space between meta + buttons */
.buy-process .section-cta-buttons {
  margin-top: 1.15rem;
}


/* ---------------------------------------
   Mobile-only (real target)
   --------------------------------------- */
@media (max-width: 640px) {
  /* TIMELINE: tighten bottom gap */
  .buy-process .section--timeline {
    padding-top: 2rem;
    padding-bottom: 1.1rem;
  }

  /* APPROACH: slightly tighter */
  .buy-process .buy-approach {
    padding-top: 1.05rem;
    padding-bottom: 1.55rem;
  }

  /* Trim container padding further on mobile */
  .buy-process .buy-approach > .container {
    padding-top: 0.6rem;
    padding-bottom: 1.05rem;
  }

  .buy-process .buy-approach-cta {
    margin-top: 1.1rem;
  }

  /* COMMON QUESTIONS: reduce empty space */
  .buy-process .section--tight {
    padding-top: 1.25rem;
    padding-bottom: 1.45rem;
  }

  /* FINAL CTA: tight but breathable */
  .buy-process .section-cta.section--tight {
    padding-top: 1.55rem;
    padding-bottom: 1.9rem;
  }

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

  .buy-process .section-cta-buttons {
    margin-top: 1.2rem;
    gap: 0.65rem;
  }

  /* Make CTA buttons look clean stacked on small screens */
  .buy-process .btn-row {
    justify-content: center;
  }

  .buy-process .btn-row .btn {
    width: 100%;
    max-width: 420px;
  }
}