.cost-calc__zip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
}

/* ZIP field hidden by default; JS controls show/hide */
.zip-code-field-wrapper {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .cost-calc__zip {
    display: contents;
  }

  .zip-code-field-wrapper {
    grid-column: 1 / -1;
  }
}