/* Build Section - Reduced spacing between elements on mobile */

/* Mobile devices - VERY reduced spacing between title, subtitle, and button */
@media screen and (max-width: 767px) {
  .build-text {
    padding: 1.5rem 1.5rem !important; /* Minimal padding */
  }

  .build-text h2 {
    margin-bottom: 0.5rem !important; /* Very tight spacing after title */
    margin-top: 0 !important;
  }

  .build-text p {
    margin-bottom: 0.75rem !important; /* Very tight spacing after subtitle */
    margin-top: 0 !important;
  }

  .build-text .btn,
  .build-text .build-button {
    margin-top: 0.75rem !important; /* Minimal spacing before button */
  }
}

/* Small mobile devices */
@media screen and (max-width: 480px) {
  .build-text {
    padding: 1rem 1rem !important; /* Very minimal padding */
    min-height: auto !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .build-text h2 {
    margin-bottom: 0.4rem !important; /* Extra tight */
    margin-top: 0 !important;
    font-size: 1.85rem !important;
  }

  .build-text p {
    margin-bottom: 0.6rem !important; /* Extra tight */
    margin-top: 0 !important;
    font-size: 0.95rem !important;
  }

  .build-text .btn,
  .build-text .build-button {
    margin-top: 0.6rem !important; /* Very minimal */
  }
}

/* Very small mobile devices */
@media screen and (max-width: 375px) {
  .build-text {
    padding: 0.75rem 0.75rem !important; /* Extremely minimal padding */
  }

  .build-text h2 {
    margin-bottom: 0.3rem !important; /* Extremely tight */
    margin-top: 0 !important;
    font-size: 1.65rem !important;
  }

  .build-text p {
    margin-bottom: 0.5rem !important; /* Extremely tight */
    margin-top: 0 !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
  }

  .build-text .btn,
  .build-text .build-button {
    margin-top: 0.5rem !important; /* Extremely minimal */
  }
}

/* Also reduce the overall section padding on mobile */
@media screen and (max-width: 767px) {
  .build-section {
    padding: 2rem 1rem !important; /* Reduced padding */
    min-height: auto !important;
  }
}

@media screen and (max-width: 480px) {
  .build-section {
    padding: 2rem 1rem !important; /* Reduced padding */
    min-height: auto !important;
  }
}