/* Minimized Zoho form — everything scoped under .zf-mini so the old form is untouched */
.zf-mini {
  --zf-blue: #1570d4;
  --zf-blue-soft: #eaf2fd;
  --zf-ink: #111827;
  --zf-muted: #8892A4;
  --zf-line: #e5e7eb;
  background: #fff;
  border: 1px solid var(--zf-line);
  border-radius: 16px;
  padding: 13px 10px 10px;
  width: 100%;
  box-sizing: border-box;
}
.zf-mini * { box-sizing: border-box; font-family: "Outfit", Sans-serif !important;  }

.zf-mini-head { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 6px; }
.zf-mini-badge {
  flex: 0 0 60px; height: 60px; border-radius: 50%;
  background: var(--zf-blue-soft); color: var(--zf-blue);
  display: grid; place-items: center;
}
.zf-mini-head h2 { font-size: 20px; line-height: 1.3; margin: 6px 0 6px; color: var(--zf-ink); font-weight: 600; }
.zf-mini-head p  { font-size: 13px; line-height: 1.6; margin: 0; color: var(--zf-muted); font-weight: 400; }

.zf-mini-group > label { display: block; font-size: 14px; font-weight: 600; color: var(--zf-ink); margin-bottom: 8px; }
.zf-mini-group label em { font-style: normal; color: inherit; }

.zf-mini-field { position: relative; }
.zf-mini .zf-ico {
  position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
  width: 18px; height: 18px; color: #9ca3af; pointer-events: none;
}
.zf-mini .zf-textarea .zf-ico { top: 14px; transform: none; }

.zf-mini input[type="text"],
.zf-mini input[type="email"],
.zf-mini select,
.zf-mini textarea {
  width: 100%; height: 44px; margin: 0;
  border: 1px solid var(--zf-line); border-radius: 8px; background: #fff;
  font-size: 13px; color: var(--zf-ink);
  padding: 0 12px 0 38px;
  transition: border-color .15s, box-shadow .15s;
  font-weight: 400;
}
.zf-mini textarea { height: 96px; padding-top: 12px; resize: vertical; min-height: initial !important; }
.zf-mini select { appearance: none; -webkit-appearance: none; cursor: pointer;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;
}
.zf-mini select:invalid { color: #9ca3af; }
.zf-mini ::placeholder { color: #9ca3af; }

.zf-mini input:focus,
.zf-mini select:focus,
.zf-mini textarea:focus {
  outline: none; border-color: var(--zf-blue);
  box-shadow: 0 0 0 3px rgba(21, 112, 212, .15);
}

/* intl-tel-input: let it control its own left padding for the flag/dial code */
.zf-mini .zf-phone .iti { width: 100%; }
.zf-mini .zf-phone input.phone-input { padding-left: 12px; }
.zf-mini .zf-phone .iti--separate-dial-code input.phone-input,
.zf-mini .zf-phone .iti--allow-dropdown input.phone-input { padding-left: 50px; }

.zf-mini-consent { display: flex; gap: 8px; align-items: flex-start; font-size: 12px; color: var(--zf-muted); margin: 7px 0; cursor: pointer; }
.zf-mini-consent input { margin-top: 2px; accent-color: var(--zf-blue); }

.zf-mini .zf-mini-btn {
  width: 100%; height: 44px; border: 0; border-radius: 8px;
  background: var(--zf-blue); color: #fff;
  font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none;
  cursor: pointer; transition: background .15s;
}
.zf-mini .zf-mini-btn:hover { background: #0f5cb0; }
.zf-mini .zf-mini-btn:focus-visible { outline: 3px solid rgba(21,112,212,.35); outline-offset: 2px; }

.zf-mini-trust { display: grid; grid-template-columns: 1fr 1fr; margin-top: 20px; }
.zf-mini-trust > div { display: flex; gap: 10px; font-size: 12px; line-height: 1.6; color: var(--zf-muted); padding-right: 12px; }
.zf-mini-trust > div + div { border-left: 1px solid var(--zf-line); padding: 0 0 0 14px; }
.zf-mini-trust svg { flex: 0 0 22px; width: 22px; height: 22px; color: var(--zf-blue); }

.zf-mini #dis-intl-text { display: none; }

@media (max-width: 480px) {
  .zf-mini { padding: 24px 18px 20px; border-radius: 12px; }
  .zf-mini-head { gap: 12px; }
  .zf-mini-badge { flex-basis: 48px; height: 48px; }
  .zf-mini-trust { grid-template-columns: 1fr; gap: 12px; }
  .zf-mini-trust > div + div { border-left: 0; padding: 0; }
}