@media (max-width: 720px) {
  .premium-form {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .premium-form .field,
  .premium-form .field.wide,
  .premium-form .field.compact,
  .premium-form .primary-button.wide {
    grid-column: 1 / -1 !important;
    min-width: 0;
  }

  .premium-form input,
  .premium-form input[type="datetime-local"],
  .premium-form input[type="number"] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 52px;
  }

  .premium-form input[type="datetime-local"] {
    font-size: 0.95rem;
    padding-left: 12px;
    padding-right: 8px;
  }
}
