/* ══════════════════════════════════════
   Smart Zugdidi — Complaint mobile.css
   Breakpoints: 900px | 480px
   ══════════════════════════════════════ */

/* ── 900px: tablet ── */
@media (max-width: 900px) {

  .sz-header-inner { padding: 0 20px; }

  main { padding: 36px 20px 56px; }

  .page-hero h1 { font-size: 1.5rem; }

  .form-card { padding: 32px 28px; }

  .field-group { gap: 16px; }

  .btn-submit { font-size: 0.94rem; }

}

/* ── 480px: mobile ── */
@media (max-width: 480px) {

  .sz-header-inner { padding: 0 14px; height: 56px; }

  .sz-logo img { height: 28px; }

  .sz-logo-name { font-size: 0.85rem; }

  .sz-logo-sub { display: none; }

  .sz-back-btn { font-size: 0.75rem; padding: 5px 10px; }

  main { padding: 20px 14px 48px; }

  .page-hero { margin-bottom: 22px; }

  .page-hero-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    margin-bottom: 12px;
  }
  .page-hero-icon svg { width: 20px; height: 20px; }

  .page-hero h1 { font-size: 1.2rem; }

  .page-hero p { font-size: 0.82rem; }

  .form-card { padding: 20px 16px; border-radius: 14px; }

  .field-group { grid-template-columns: 1fr; gap: 0; }

  .field { margin-bottom: 16px; }

  .section-label { font-size: 0.62rem; margin-bottom: 14px; }

  .sz-input,
  .sz-select,
  .sz-textarea {
    font-size: 0.88rem;
    padding: 11px 14px;
  }

  .sz-textarea { min-height: 100px; }

  .file-upload-label { font-size: 0.82rem; padding: 12px 14px; }

  .gps-input-group { flex-direction: column; }

  .gps-input-group .sz-input { font-size: 0.85rem; }

  .btn-gps { font-size: 0.82rem; padding: 11px 14px; }

  .btn-submit {
    font-size: 0.92rem;
    padding: 14px;
    margin-top: 24px;
  }

  .form-divider { margin: 20px 0; }

  .sz-footer { padding: 16px 14px; }
  .sz-footer-inner { font-size: 0.72rem; }

}