@charset "utf-8";
/* =========================================================================
   form.css — the lead form panel. Appears 3× on the page (hero / after the
   process strip / above the footer) so it lives here, not inline.
   Figma: 5627:9257 · card 1300.975 × 269.325, border 10px #E1CAA5
   ========================================================================= */

.lead-form-sec{position:relative;z-index:3}
/* the panel is pulled up so the section above shows behind its top half */
.lead-form-sec--overlap{margin-top:-129px}   /* hero  (Figma: cover 795 · form top 666) */
.lead-form-sec--overlap-2{margin-top:-141px} /* after the process strip (3622 / 3481) */
.lead-form-sec--overlap-3{margin-top:103px}  /* above the footer — the FOOTER rises to meet it */

.lead-form{background:var(--white);border:10px solid var(--gold);padding:24px 25px 20px;text-align:center}
.lead-form--glass{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}

.lead-form__title{font-size:44px;line-height:1.15;font-weight:900;color:var(--green)}
.lead-form__sub{font-size:20px;line-height:1.5;color:var(--black);margin-top:10px}

.lead-form__row{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:26px}

.lead-form__field{position:relative;flex:1 1 250px;max-width:252px;min-width:0}
.lead-form__field input,
.lead-form__field select{width:100%;height:52px;background:var(--field);border:0;border-bottom:1px solid var(--black);
  border-radius:0;font-size:19px;color:var(--muted);padding-inline:14px 14px;text-align:start;
  -webkit-appearance:none;appearance:none}
.lead-form__field input::placeholder{color:var(--muted);opacity:1}
.lead-form__field input:focus,
.lead-form__field select:focus{outline:0;border-bottom-color:var(--gold-dark);background:rgba(7,28,55,.14)}
.lead-form__field select{color:var(--muted);padding-inline-end:38px}
.lead-form__field--select::after{content:"";position:absolute;inset-inline-end:8px;top:50%;width:24px;height:24px;margin-top:-12px;
  background:url("../icons/chevron-down.svg") center/24px 24px no-repeat;pointer-events:none}

.lead-form__submit{flex:0 0 134px;width:134px;height:54px;min-height:54px;margin-inline-start:5px}
.lead-form__note{font-size:17px;line-height:22px;color:var(--black);margin-top:20px}

/* inline validation (Hebrew) */
.lead-form__field.has-error input,
.lead-form__field.has-error select{border-bottom-color:#c0392b;background:rgba(192,57,43,.08)}
.lead-form__error{display:none;position:absolute;inset-inline-start:0;top:100%;margin-top:4px;font-size:13px;color:#c0392b;text-align:start}
.lead-form__field.has-error .lead-form__error{display:block}
.lead-form__ok{display:none;margin-top:14px;font-size:18px;font-weight:700;color:var(--green)}
.lead-form.is-sent .lead-form__ok{display:block}

/* ---------- tablet ------------------------------------------------------ */
@media (max-width:1200px){
  .lead-form-sec--overlap,.lead-form-sec--overlap-2{margin-top:-96px}
  .lead-form-sec--overlap-3{margin-top:70px}
  .lead-form{border-width:8px;padding:22px 20px 18px}
  .lead-form__title{font-size:34px}
  .lead-form__sub{font-size:18px}
  .lead-form__row{flex-wrap:wrap;gap:14px}
  .lead-form__field{flex:1 1 calc(50% - 7px);max-width:none}
  .lead-form__submit{flex:0 0 100%;width:100%;margin-inline-start:0}
  .lead-form__note{font-size:16px}
}

/* ---------- mobile ------------------------------------------------------ */
@media (max-width:767px){
  .lead-form-sec--overlap{margin-top:-120px}
  .lead-form-sec--overlap-2{margin-top:-89px}
  .lead-form-sec--overlap-3{margin-top:57px}
  /* Figma 5647:17353 — 344×600 card, 6px gold border, fields inset 26px */
  .lead-form{border-width:6px;padding:17px 26px 29px}
  .lead-form__title{font-size:28px;line-height:32px}
  .lead-form__sub{font-size:18px;line-height:24px;margin-top:15px}
  .lead-form__row{flex-direction:column;align-items:stretch;gap:17px;margin-top:22px}
  .lead-form__field{flex:1 1 auto;max-width:none}
  .lead-form__submit{flex:0 0 54px;width:134px;align-self:center;margin-top:6px}
  .lead-form__note{display:none}
}