/* Mobile-only automatic input zoom. Desktop layout remains unchanged. */
@media (max-width: 768px) {
  input:not([type="hidden"]),
  select,
  textarea {
    font-size: 16px !important;
    transform-origin: center center;
    transition: box-shadow .18s ease, border-color .18s ease;
  }

  input:not([type="hidden"]):focus,
  select:focus,
  textarea:focus,
  .mobile-input-focused {
    position: relative;
    z-index: 1001 !important;
    box-shadow: 0 0 0 3px rgba(255, 193, 7, .38), 0 8px 24px rgba(0, 0, 0, .32) !important;
    outline: none !important;
  }

  body.mobile-input-active {
    overflow-x: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  input, select, textarea { transition: none !important; }
}