/* General form layout (unchanged) */
.search-form {
  width: 50vw;
  min-width: 280px;
}

/* Suggestion dropdown */
.suggestions-box {
  top: calc(100% + 5px);
  background: white;
  max-height: 250px;
  overflow-y: auto;
  display: none;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* Hide on small screens, so nothing stretches */
@media (max-width: 768px) {
  .search-wrapper {
    display: none;
  }

  /* Optional: if buttons are outside the form, make them compact */
  .btn-theme {
    padding: 5px 10px;
    font-size: 0.8rem;
    border-radius: 10px;
    white-space: nowrap;
  }
}
 /* Hide on small screens, so nothing stretches */
 @media (max-width: 380px) {
  .search-wrapper {
    display: none;
  }

  /* Optional: if buttons are outside the form, make them compact */
  .btn-theme {
    padding: 5px 10px;
    font-size: 0.8rem;
    border-radius: 10px;
    white-space: nowrap;
  }
}

  /* Hide on small screens, so nothing stretches */
  @media (max-width: 350px) {
    .search-wrapper {
      display: none;
    }
  
    /* Optional: if buttons are outside the form, make them compact */
    .btn-theme {
      padding: 5px 10px;
      font-size: 0.8rem;
      border-radius: 10px;
      white-space: nowrap;
    }
  }