/* Open sign-up block (partials/sections/signup-form.html) + contact form fixes (also /contactus/) */
/* One centred column: the sentence on the page background, then the lime card with centred text and form */
.signup-panel {
  display: grid; justify-items: center; gap: 28px; text-align: center;
  padding: var(--space-l) var(--gutter) 0; scroll-margin-block-start: 90px;
}
.signup__intro { max-inline-size: 760px; }
.signup__title { font-family: var(--font-display); font-weight: 400; font-size: clamp(26px, 2.3vw, 33px); line-height: 1.15; }
.signup__lead { font-family: var(--font-display); font-weight: 400; font-size: clamp(20px, 1.7vw, 24px); line-height: 1.3; margin-block-start: 14px; }
.signup-panel .contact__card { inline-size: 100%; max-inline-size: 780px; }
.signup__text { font-family: var(--font-display); font-size: var(--fs-lead); line-height: 1.45; margin-block-end: 24px; }
.signup__text p + p { margin-block-start: .8em; }

/* Centred form inside the sign-up card */
.signup-panel .contact__card form[data-ib-form] { justify-content: center; text-align: center; }
.signup-panel .contact__card .ib-field:not(.ib-field-checkbox) { justify-items: center; }
.signup-panel .contact__card .ib-field input:not([type="checkbox"]), .signup-panel .contact__card .ib-field textarea { text-align: center; }
.signup-panel .contact__card .ib-consent { justify-content: center; }
.signup-panel .contact__card .ib-submit { justify-self: center; }
.signup-panel .contact__card .ib-form-status { grid-column: 1 / -1; }

/* Form inside the lime card (both pages): full-width fields, the three service checkboxes in one row with a title above */
.contact__card form[data-ib-form] { grid-template-columns: repeat(3, max-content) 1fr; column-gap: 40px; }
.signup-panel .contact__card form[data-ib-form] { grid-template-columns: 1fr repeat(3, max-content) 1fr; column-gap: 28px; }
.signup-panel .contact__card .ib-field-checkbox:nth-of-type(n) { justify-content: center; }
.signup-panel .contact__card .ib-field-email + .ib-field-checkbox { grid-column: 2; }
.contact__card .ib-field-email::after { content: "באיזה שירות את מתעניינת"; font-weight: 700; font-size: 14px; margin-block-start: 14px; }
.contact__card .ib-consent { display: flex; align-items: center; gap: 8px; }
.contact__card .ib-consent input { flex: none; inline-size: 20px; block-size: 20px; accent-color: var(--ink); }
.contact__card .ib-consent label { font-weight: 400; }

/* נראוּת וכוח: "update me when the date is out" card (partials/sections/nirut-notify.html), one simple column.
   No "באיזה שירות את מתעניינת" title here (it belongs to the home form's checkboxes; fixes-mobile.css adds it after the phone field). */
.nirut-notify .nirut-notify__card { max-inline-size: 560px; }
.nirut-notify .signup__lead { margin-block-end: 22px; }
.nirut-notify .contact__card form[data-ib-form] { grid-template-columns: 1fr; column-gap: 0; }
.nirut-notify .contact__card .ib-field { inline-size: 100%; }
.nirut-notify .contact__card .ib-field input { inline-size: 100%; }
.nirut-notify .contact__card .ib-field-email::after,
.nirut-notify .contact__card .ib-field-phone::after { content: none; }

@media (max-width: 860px) {
  .signup-panel { gap: 20px; }
  .contact__card form[data-ib-form], .signup-panel .contact__card form[data-ib-form] { grid-template-columns: 1fr; }
  .signup-panel .contact__card .ib-field-email + .ib-field-checkbox { grid-column: auto; }
}

/* CTA panel hook (את העסק, 5.11.2026): two lines above the title, the first light and the second bold.
   The rest of the title ("בואי לקבל…") becomes a small Heebo line under them. */
.cta-panel__hook { display: block; margin-block-end: .7em; }
.cta-panel__hook-thin, .cta-panel__hook-bold { display: block; }
.cta-panel__hook-thin { font-weight: 300; }
.cta-panel__hook-bold { font-weight: 700; }
.cta-panel__rest { display: block; font-family: var(--font-text); font-weight: 400; font-size: 18px; line-height: 1.45; letter-spacing: 0; }
@media (max-width: 860px) {
  .cta-panel__rest { font-size: 16px; }
}

/* Open form inside the CTA photo panel (cta-panel form_key, את העסק 5.11.2026):
   white labels on the photo, three fields in one row, the yellow pill button of the panel under them. */
.cta-panel-wrap--form { scroll-margin-block-start: 90px; }
.cta-panel__form { inline-size: 100%; max-inline-size: 700px; margin-block-start: 10px; text-shadow: none; }
.cta-panel__form-lead { margin-block-end: 14px; font-family: var(--font-text); font-size: 17px; line-height: 1.4; color: var(--white); text-shadow: 0 1px 10px rgba(0,0,0,.35); }
.cta-panel__form form[data-ib-form] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; text-align: start; }
.cta-panel__form .ib-field { gap: 5px; }
.cta-panel__form .ib-field label { color: var(--white); font-family: var(--font-text); font-weight: 500; font-size: 14px; text-shadow: 0 1px 8px rgba(0,0,0,.45); }
.cta-panel__form .ib-req { color: var(--yellow); }
.cta-panel__form .ib-field input:not([type="checkbox"]) { min-block-size: 46px; border-radius: 34px; padding-inline: 18px; background: var(--white); }
.cta-panel__form .ib-submit, .cta-panel__form .cf-turnstile, .cta-panel__form .ib-form-status, .cta-panel__form .ib-consent { grid-column: 1 / -1; }
.cta-panel__form .ib-submit {
  justify-self: center; min-inline-size: 260px; min-block-size: 46px; margin-block-start: 8px; padding: 8px 28px;
  background: var(--yellow); color: var(--dark); border: 1px solid var(--ink); border-radius: 34px;
  font-family: var(--font-display); font-weight: 400; font-size: 17px; line-height: 1.1;
  transition: background-color .4s, border-color .4s, color .4s;
}
.cta-panel__form .ib-submit:is(:hover, :focus-visible) { background: rgba(247, 255, 104, .62); border-color: transparent; color: #2b2a2b; }
.cta-panel__form .cf-turnstile:empty, .cta-panel__form .ib-form-status:empty { display: none; }
.cta-panel__form .ib-form-status { color: var(--white); font-size: 15px; text-align: center; }
@media (max-width: 860px) {
  .cta-panel__form form[data-ib-form] { grid-template-columns: 1fr; }
  .cta-panel__form .ib-submit { inline-size: 100%; min-inline-size: 0; }
}

/* "[למי זה מתאים]" bullets (fit-circles, k.fit_items, 5.11.2026): small orange dots, right-aligned in a centred column */
.fit-circles__list {
  display: grid; gap: .8em; inline-size: fit-content; max-inline-size: 100%;
  margin: 1.1em auto 0; padding: 0; list-style: none; text-align: start;
}
.fit-circles__list li { position: relative; padding-inline-start: 1.1em; line-height: 1.3; }
.fit-circles__list li::before {
  content: ""; position: absolute; inset-inline-start: 0; inset-block-start: .45em;
  inline-size: .45em; block-size: .45em; border-radius: 50%; background: var(--orange);
}