/* /listings-app/public/assets/index.css */

/* =========================================================
   1. Variables
   ========================================================= */

:root {
  --help-bg: var(--bg, #f3f4f6);
  --help-surface: var(--card, #ffffff);
  --help-border: var(--border, #e5e7eb);
  --help-text: var(--ink, #111827);
  --help-muted: var(--muted, #6b7280);
  --help-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
  --help-max: 1120px;

  --help-accent: var(--primary, #e11d2f);
  --help-accent-strong: var(--primary-strong, #b91c1c);

  --help-accent-background: rgba(225, 29, 47, 0.08);
  /* --help-accent-background: rgba(37, 99, 235, 0.08); */
  --help-accent-hover: rgba(225, 29, 47, 0.10);
  --help-accent-border: rgba(225, 29, 47, 0.18);

  --help-success: var(--success, #15803d);
  --help-success-hover: #166534;

  --help-error-bg: rgba(220, 38, 38, 0.10);
  --help-error-text: #991b1b;

  --radius-pill: 999px;
  --radius-card: 34px;
  --radius-card-mobile: 24px;

  --fs-hero-title: clamp(32px, 4vw, 54px);
  --fs-section-title: clamp(28px, 3.5vw, 48px);
  --fs-subtitle-lg: clamp(17px, 2vw, 24px);
  --fs-subtitle: clamp(16px, 1.6vw, 22px);
  --fs-body: 16px;
  --fs-button: 18px;
  --fs-role: 25px;
  --fs-label: 15px;
  --fs-small: 14px;
}

/* =========================================================
   2. Base
   ========================================================= */

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: auto;
  max-width: 100%;
}

body.help-body {
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;

  background:
    radial-gradient(
      circle at 0% 0%,
      rgba(225, 29, 47, 0) 0%,
      rgba(225, 29, 47, 0) 20%,
      rgba(225, 29, 47, 0) 45%
    ),
    linear-gradient(
      135deg,
      rgba(243, 244, 246, 0.3) 0%,
      rgba(238, 240, 243, 0.3) 50%,
      rgba(250, 250, 250, 0.3) 100%
    ),
    url("../images/index-background.jpg");

  background-attachment:
    fixed,
    fixed,
    fixed;

  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat;

  background-size:
    100% 100%,
    100% 100%,
    cover;

  background-position:
    left top,
    center,
    center;

  color: var(--help-text);
  font-family: Rubik, Inter, Arial, sans-serif;
  line-height: 1.6;
}

/* =========================================================
   3. Page layout
   ========================================================= */

.help-page__content {
  padding: 0 20px 48px;
}

.help-page__inner {
  width: min(100%, var(--help-max));
  margin: 0 auto;
}

.help-hub-page .help-page__content.help-hub__content {
  padding-top: 24px;
}

.help-hub {
  min-height: calc(100vh - 120px);
}

.help-hub__top {
  display: grid;
  gap: 38px;
  margin-top: 12px;
}

@media (max-width: 390px) {
  .help-hub__top {
    gap: 0;
  }
}

/* =========================================================
   4. Top overlay / logo block
   ========================================================= */

.help-hub__overlay-top {
  position: relative;
  top: auto;
  left: auto;
  right: auto;

  width: 100%;
  height: 60px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;

  direction: ltr;
  background: none;
  background-image: none;
}

html[dir="rtl"] .help-hub__overlay-top,
html[lang="he"] .help-hub__overlay-top {
  flex-direction: row-reverse;
}

.help-hub__overlay-top .overlay-top-left,
.help-hub__overlay-top .overlay-top-right {
  flex: 1 1 0;
  min-width: 0;
}


@media (min-width: 721px) {
  .help-hub__overlay-top .overlay-top-left {
    flex: 0.5;
  }

  .help-hub__overlay-top .overlay-top-right {
    flex: 2;
  }

  html[lang="he"] .help-hub__overlay-top .overlay-top-right {
    direction: rtl;
    justify-content: flex-start;
  }
}

.help-hub__overlay-logo-shell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  opacity: 0.75;
}


.help-hub__overlay-top .overlay-top-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

html[lang="en"] .help-hub__overlay-top .overlay-top-left,
html[lang="fr"] .help-hub__overlay-top .overlay-top-left,
html[lang="ru"] .help-hub__overlay-top .overlay-top-left {
  justify-content: flex-end;
}

@media (max-width: 767.98px) {
  .help-hub__overlay-top .overlay-top-left,
  html[dir="rtl"] .help-hub__overlay-top .overlay-top-left,
  html[lang="he"] .help-hub__overlay-top .overlay-top-left,
  html[lang="en"] .help-hub__overlay-top .overlay-top-left,
  html[lang="fr"] .help-hub__overlay-top .overlay-top-left,
  html[lang="ru"] .help-hub__overlay-top .overlay-top-left {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: auto;
    height: auto;
    min-width: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    visibility: hidden;
    pointer-events: none;
  }

  .help-hub__overlay-top .overlay-top-left > * {
    display: none;
  }

  html[dir="rtl"] .overlay-block.overlay-top,
  html[lang="he"] .overlay-block.overlay-top {
    padding: 0 5px 0 10px;
    gap: 0;
    align-items: center;
  }

  html[lang="en"] .overlay-block.overlay-top,
  html[lang="fr"] .overlay-block.overlay-top,
  html[lang="ru"] .overlay-block.overlay-top {
    padding: 0 10px 0 10px;
    gap: 0;
    align-items: center;
  }

  html[lang="he"] .overlay-top-right {
    justify-content: left;
    direction: rtl;
  }


	html[lang="en"] .help-hub__overlay-top .overlay-top-left,
    html[lang="fr"] .help-hub__overlay-top .overlay-top-left,
    html[lang="ru"] .help-hub__overlay-top .overlay-top-left {
  justify-content: flex-start;
}
}	

.help-hub__overlay-top .overlay-top-center {
  flex: 0 0 auto;
  width: 1px;
  height: 1px;
}

.help-hub__overlay-top .overlay-top-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 80px;
}

html[lang="en"] .help-hub__overlay-top .overlay-top-right,
html[lang="fr"] .help-hub__overlay-top .overlay-top-right,
html[lang="ru"] .help-hub__overlay-top .overlay-top-right {
  justify-content: flex-start;
}

/* === NADLAB UNIFIED OVERLAY SEARCH V1 START === */

.help-hub__overlay-top .overlay-top-right {
  gap: 0;
}

.help-hub__ai-free-search {
  position: relative;
  --ai-free-search-placeholder-color: rgba(107, 114, 128, 0.86);
  flex: 1 1 min(620px, 100%);
  width: min(620px, 100%);
  max-width: 620px;
  min-width: 280px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  padding: 2px 3px 2px 16px;
  border-radius: 999px;
  border: 2px solid rgb(225 29 47 / 75%);
  background: #ffffff;
  box-shadow:
    0 8px 18px rgba(15, 23, 42, 0.06),
    0 1px 0 rgba(255, 255, 255, 0.55) inset;
}

.help-hub__ai-free-search::after {
  content: "Free AI property search";
  position: absolute;
  top: -24px;
  inset-inline-start: 40%;
  height: 18px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(225, 29, 47, 0.24);
  background: #ffffff;
  color: #e11d2f;
  font-size: 9.5px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
  box-shadow:
    0 5px 12px rgba(225, 29, 47, 0.12),
    0 2px 5px rgba(15, 23, 42, 0.07);
  pointer-events: none;
  transform: translateX(-50%);
}

html[lang="he"] .help-hub__ai-free-search::after {
  content: "חיפוש נכסים חופשי עם AI";
  direction: rtl;
  transform: translateX(50%);
}

html[lang="fr"] .help-hub__ai-free-search::after {
  content: "Recherche libre avec IA";
}

html[lang="ru"] .help-hub__ai-free-search::after {
  content: "Свободный поиск с ИИ";
}

html[lang="he"] .help-hub__ai-free-search {
  direction: rtl;
  padding: 2px 16px 2px 3px;
}

.help-hub__ai-free-search:focus-within {
  border-color: rgba(225, 29, 47, 0.62);
  box-shadow:
    0 10px 22px rgba(225, 29, 47, 0.10),
    0 3px 8px rgba(15, 23, 42, 0.06);
}

.help-hub__ai-free-search-sparkles {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ai-free-search-placeholder-color);
  opacity: 0.96;
  pointer-events: none;
  transform: rotate(-10deg);
  transform-origin: center;
}

html[lang="he"] .help-hub__ai-free-search-sparkles {
  transform: scaleX(-1) rotate(-10deg);
}

.help-hub__ai-free-search-sparkles svg {
  display: block;
  width: 100%;
  height: 100%;
}

.help-hub__ai-free-search-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #1f2937;
  font: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.15;
  direction: inherit;
  text-align: start;
}

.help-hub__ai-free-search-input::placeholder {
  color: var(--ai-free-search-placeholder-color);
  font-size: inherit;
  font-weight: 500;
  opacity: 1;
}

.help-hub__ai-free-search-submit {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #e11d2f;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    filter 0.18s ease;
}

.help-hub__ai-free-search-submit:hover {
  filter: saturate(1.12);
}

.help-hub__ai-free-search-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #e11d2f;
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
  transition:
    transform 0.18s ease,
    color 0.18s ease,
    text-shadow 0.18s ease;
}

.help-hub__ai-free-search-submit:hover .help-hub__ai-free-search-arrow {
  transform: translateY(-2px) scale(1.08);
  color: #c9182a;
  text-shadow: 0 4px 10px rgba(225, 29, 47, 0.20);
}

.help-hub__quick-search {
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.help-hub__quick-search-button {
  position: relative;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 999px;
  border: 2px solid rgb(225 29 47);
  background: rgb(225 29 47);
  cursor: pointer;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    filter 0.18s ease;
}

.help-hub__quick-search-button::after {
  content: "AI Assistant";
  position: absolute;
  top: -27px;
  inset-inline-end: -20px;
  height: 18px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(225, 29, 47, 0.24);
  background: #ffffff;
  color: #e11d2f;
  font-size: 9.5px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
  box-shadow:
    0 5px 12px rgba(225, 29, 47, 0.12),
    0 2px 5px rgba(15, 23, 42, 0.07);
  pointer-events: none;
}

.help-hub__quick-search-button:hover {
  transform: translateY(-1px);
  border-color: rgba(225, 29, 47, 0.58);
  filter: saturate(1.04);
  box-shadow:
    0 9px 18px rgba(225, 29, 47, 0.12),
    0 3px 8px rgba(15, 23, 42, 0.06);
}

.help-hub__quick-search-icon {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

/* === NADLAB UNIFIED OVERLAY SEARCH V1 END === */

.help-hub__overlay-logo {
  display: block;
  width: auto;
  max-width: min(420px, 100%);
  object-fit: contain;
  /* filter: brightness(0) invert(1); */
}

@media (max-width: 720px) {
  .help-hub__overlay-top {
    position: relative;
    height: 75px;
    gap: 12px;
  }
   
  .help-hub__overlay-top .overlay-top-left {
    position: absolute;
    top: 50px;
    left: 30px;
    z-index: 2;
    flex: none;
    width: auto;
    max-width: min(190px, calc(100vw - 90px));
    height: 34px;
    padding: 8px 12px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 100px;
    box-shadow:
      0 8px 18px rgba(15, 23, 42, 0.08),
      0 1px 0 rgba(255, 255, 255, 0.65) inset;
    pointer-events: none;
    overflow: hidden;
  }

  html[lang="en"] .help-hub__overlay-top .overlay-top-left,
  html[lang="fr"] .help-hub__overlay-top .overlay-top-left,
  html[lang="ru"] .help-hub__overlay-top .overlay-top-left {
    right: auto;
    left: 50px;
  }

  .help-hub__overlay-top .overlay-top-right {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
  }

  .help-hub__overlay-logo {
    display: block;
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
  }

  .help-hub__overlay-top .overlay-top-right {
    gap: 0;
  }

  .help-hub__ai-free-search::after {
    content: "Free AI search";
    top: -21px;
    inset-inline-start: 12px;
    height: 15px;
    padding: 0 6px;
    font-size: 8.5px;
    transform: none;
  }

  html[lang="he"] .help-hub__ai-free-search::after {
    transform: none;
  }

  .help-hub__ai-free-search {
    flex: 1 1 0;
    width: 100%;
    height: 42px;
    min-width: 0;
    max-width: none;
    box-sizing: border-box;
    gap: 6px;
    padding: 2px 2px 2px 10px;
  }

  html[lang="he"] .help-hub__ai-free-search {
    padding: 2px 10px 2px 2px;
  }

  .help-hub__ai-free-search-input {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    font-size: 14px;
  }

  .help-hub__ai-free-search-submit {
    width: 30px;
    height: 30px;
  }

  .help-hub__ai-free-search-arrow {
    font-size: 24px;
  }

  .help-hub__ai-free-search-sparkles {
    width: 20px;
    height: 20px;
  }

  .help-hub__quick-search {
    flex: 0 0 34px;
    width: 34px;
    min-width: 34px;
  }

  .help-hub__quick-search-button {
    width: 34px;
    height: 34px;
  }

  .help-hub__quick-search-button::after {
    content: "AI Assistant";
    top: -25px;
    inset-inline-end: -18px;
    height: 16px;
    min-height: 0;
    min-width: 0;
    padding: 0 5px;
    font-size: 8px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
  }

  .help-hub__quick-search-button:hover {
    transform: none;
  }

  .help-hub__quick-search-icon {
    width: 22px;
    height: 22px;
  }

}


@media (max-width: 720px) {
  html[dir="rtl"] .help-hub__overlay-top .overlay-top-left,
  html[lang="he"] .help-hub__overlay-top .overlay-top-left {
    max-width: none;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 999px;
    box-shadow:
      0 8px 18px rgba(15, 23, 42, 0.08),
      0 1px 0 rgba(255, 255, 255, 0.65) inset;
    overflow: hidden;
  }
}


@media (max-width: 720px) {
  html[lang="en"] .help-hub__overlay-top .overlay-top-left,
  html[lang="fr"] .help-hub__overlay-top .overlay-top-left,
  html[lang="ru"] .help-hub__overlay-top .overlay-top-left {
    max-width: none;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 999px;
    box-shadow:
      0 8px 18px rgba(15, 23, 42, 0.08),
      0 1px 0 rgba(255, 255, 255, 0.65) inset;
    overflow: hidden;
  }

  html[lang="en"] .help-hub__overlay-logo,
  html[lang="fr"] .help-hub__overlay-logo,
  html[lang="ru"] .help-hub__overlay-logo {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
  }
}

.help-hub__brand-line {
  width: 100%;
  height: 1px;
  margin: 10px auto 26px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(225, 29, 47, 0.55),
    transparent
  );
}

/* =========================================================
   5. Hero
   ========================================================= */

.help-hub__hero,
.help-hub__developers-wrap {
  display: grid;
  justify-items: center;
  gap: 26px;
  width: 100%;
  text-align: center;
}

/* === NADLAB HERO VARIANT 2 CANONICAL V15 DESKTOP START === */

/*
 * Canonical Variant 2 hero:
 * - independent logo row;
 * - two outlined action buttons below it;
 * - LTR and RTL keep the same physical left/right silhouette.
 */
.help-hub__hero-image {
  --hero-variant2-action-width: clamp(210px, 14.5vw, 250px);
  --hero-variant2-action-gap: clamp(36px, 3vw, 32px);

  position: relative;
  isolation: isolate;
  overflow: visible;
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, var(--hero-variant2-action-width)));
  grid-template-rows: auto auto auto;
  justify-content: center;
  align-items: center;
  column-gap: var(--hero-variant2-action-gap);
  row-gap: clamp(20px, 2.8svh, 32px);
  width: min(
    100%,
    calc(
      var(--hero-variant2-action-width)
      + var(--hero-variant2-action-width)
      + var(--hero-variant2-action-gap)
    )
  );
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.help-hub__hero-image-main,
.help-hub__hero-image-action {
  position: relative;
  z-index: 1;
  min-width: 0;
  box-sizing: border-box;
}

.help-hub__hero-image-main {
  grid-column: 1 / -1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
}

.help-hub__hero-image-main img {
  position: relative;
  z-index: 1;
  display: block;
  width: min(100%, 400px);
  height: auto;
  object-fit: contain;
  opacity: 0.78;
}

.help-hub__hero-character {
  grid-column: 1 / -1;
  grid-row: 3;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  min-width: 0;
  pointer-events: none;
  margin-top: 0;
}

.help-hub__hero-character img {
  display: block;
  width: clamp(150px, 12vw, 190px);
  max-width: 100%;
  height: auto;
  object-fit: contain;
  opacity: 1;
  transform: scale(1.2);
}

.help-hub__hero-image-action {
  --hero-action-text-scale: 1;

  grid-row: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  justify-self: stretch;
  width: 100%;
  height: auto;
  min-height: clamp(74px, 8svh, 82px);
  padding: 12px 18px;
  color: rgb(0 0 0 / 96%);
  text-decoration: none;
  cursor: pointer;
  pointer-events: auto;
  border: 5px solid rgb(255 0 0 / 96%);
  background: rgb(255 255 255 / 0%);
  box-shadow: none;
  transform: translateY(0);
  transition:
    transform 0.16s ease,
    color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease;
}

.help-hub__hero-image-action--seeker {
  grid-column: 1;
  border-left: 0;
  border-radius: 50px 20px 20px 50px;
}

.help-hub__hero-image-action--seller {
  grid-column: 2;
  border-right: 0;
  border-radius: 20px 50px 50px 20px;
}

html[dir="rtl"] .help-hub__hero-image-action--seeker,
html[lang="he"] .help-hub__hero-image-action--seeker {
  grid-column: 2;
}

html[dir="rtl"] .help-hub__hero-image-action--seller,
html[lang="he"] .help-hub__hero-image-action--seller {
  grid-column: 1;
}

.help-hub__hero-image-action:hover,
.help-hub__hero-image-action:focus-visible {
  --hero-action-text-scale: 0.97;

  transform: translateY(2px);
  color: rgb(255 0 0 / 96%);
  background: rgb(255 0 23 / 7%);
  box-shadow:
    inset 0 6px 10px rgb(90 0 0 / 22%),
    inset 0 -2px 2px rgb(255 255 255 / 55%);
  text-decoration: none;
}

.help-hub__hero-image-action:active {
  --hero-action-text-scale: 0.95;

  transform: translateY(3px);
  background: rgb(255 0 23 / 11%);
  box-shadow:
    inset 0 8px 12px rgb(90 0 0 / 28%),
    inset 0 -1px 1px rgb(255 255 255 / 40%);
}

.help-hub__hero-action-button {
  display: inline-block;
  pointer-events: none;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  transform: scale(var(--hero-action-text-scale));
  transform-origin: center center;
  transition: transform 0.16s ease;
}

html[lang="he"] .help-hub__hero-action-button {
  font-family:
    "Segoe UI",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Rubik",
    sans-serif;
  font-size: 28px;
  font-weight: 700;
  margin-top: -5px;
  transform:
    scale(var(--hero-action-text-scale))
    scaleY(1.15);
}

/* === NADLAB HERO VARIANT 2 CANONICAL V15 DESKTOP END === */

.help-hub__space-title-wrap {
  width: 100%;
  min-height: clamp(260px, calc(100svh - 530px), 560px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(24px, 5svh, 64px) 0;
  box-sizing: border-box;
  gap: 30px;
}

.help-hub__space-title {
  max-width: 980px;
  margin: 0;
  color: #111827;
  font-size: clamp(30px, 5.2vw, 62px);
  font-weight: 750;
  line-height: 0.96;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

html[lang="he"] .help-hub__space-title {
  max-width: 920px;
  font-size: clamp(32px, 5.4vw, 64px);
  letter-spacing: -0.045em;
}

.help-hub__space-subtitle {
  margin: -10px 0 0;
  color: #000000;
  font-size: clamp(16px, 2.1vw, 28px);
  font-weight: 400;
  line-height: 1.35;
  text-wrap: balance;
}

html[lang="he"] .help-hub__space-subtitle {
  
}

/* === NADLAB VIEWPORT HERO REORDER V1 START === */

/*
 * Desktop stage:
 * - the heading precedes the Find Home / NadLab / Sell Home selector;
 * - JavaScript supplies the exact minimum height for the current viewport;
 * - the five rows distribute the remaining vertical space while preserving
 *   the visual proportions from the approved desktop reference.
 */
@media (min-width: 721px) {
  .help-hub__hero {
    min-height: var(--nadlab-hero-stage-height, 0px);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows:
      minmax(34px, 0.65fr)
      auto
      minmax(44px, 0.85fr)
      auto
      minmax(58px, 1.2fr);
    align-content: stretch;
    align-items: center;
    gap: 0;
  }

  .help-hub__space-title-wrap {
    grid-column: 1;
    grid-row: 2;
    min-height: 0;
    padding: 0;
  }

  .help-hub__hero-image {
    grid-column: 1;
    grid-row: 4;
  }
}

/* === NADLAB HERO DESKTOP SINGLE-LINE V5 START === */

/*
 * Keep the approved compact subtitle on one line when the desktop canvas has
 * enough room. Below that threshold wrapping remains available, so intermediate
 * laptop widths never create horizontal overflow.
 *
 * The shorter title block is intentionally left in the existing five-row hero
 * grid. Its free-space distribution moves the selector upward naturally while
 * the viewport script continues to expose only the developers top line.
 */
@media (min-width: 721px) {
  .help-hub__space-subtitle {
    width: 100%;
    max-width: 100%;
    font-size: clamp(16px, 1.7vw, 24px);
    line-height: 1.25;
  }

  html[lang="he"] .help-hub__space-subtitle {
    max-width: 100%;
  }
}

@media (min-width: 1320px) {
  .help-hub__space-subtitle {
    width: min(1280px, calc(100vw - 40px));
    max-width: none;
    white-space: nowrap;
    text-wrap: nowrap;
  }

  /*
   * The approved French and Russian copy is longer than EN/HE. These caps keep
   * the same one-line desktop composition without changing any translation.
   */
  html[lang="fr"] .help-hub__space-subtitle {
    font-size: clamp(17px, 1.35vw, 20px);
  }

  html[lang="ru"] .help-hub__space-subtitle {
    font-size: clamp(18px, 1.45vw, 21px);
  }
}

/* === NADLAB HERO DESKTOP SINGLE-LINE V5 END === */

/*
 * Short desktop windows need a tighter natural content floor. The viewport
 * calculation remains the same; only intrinsic text and selector dimensions
 * are reduced so the developers line can still be exposed without overlap.
 */
@media (min-width: 721px) and (max-height: 860px) {
  .help-hub__hero {
    grid-template-rows:
      minmax(20px, 0.55fr)
      auto
      minmax(28px, 0.75fr)
      auto
      minmax(34px, 1fr);
  }

  .help-hub__space-title {
    font-size: clamp(38px, 6.2svh, 54px);
  }

  html[lang="he"] .help-hub__space-title {
    font-size: clamp(40px, 6.4svh, 56px);
  }

  .help-hub__space-subtitle {
    font-size: clamp(15px, 2.4svh, 22px);
  }

  .help-hub__hero-image-main {
    padding: clamp(24px, 4svh, 36px) 20px;
  }
}

/* === NADLAB VIEWPORT HERO REORDER V1 END === */

.help-hub__hero-title {
  scroll-margin-top: 96px;
}

.help-hub__hero-title {
  width: 100%;
  max-width: 980px;
  font-size: var(--fs-hero-title);
  line-height: 1.08;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #0f172a;
  overflow-wrap: anywhere;
  margin-top: 35px;
}

.help-hub__hero-subtitle {
  margin: -12px 0 0;
  width: 100%;
  max-width: 920px;
  font-size: var(--fs-subtitle-lg);
  line-height: 1.45;
  font-weight: 500;
  color: var(--help-muted);
  overflow-wrap: anywhere;
}

.hero-subtitle-highlight {
  color: #0f172a;
}

.hero-subtitle-highlight--shoot,
.hero-subtitle-highlight--ai {
  font-weight: 500;
}

html[lang="he"] .hero-subtitle-highlight--shoot,
html[lang="he"] .hero-subtitle-highlight--ai {
  font-weight: 600;
}

/* =========================================================
   6. Role buttons / My laboratory
   ========================================================= */

.help-hub__roles {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  max-width: 100%;
  padding: 24px;
  background: #ffffff;
  border: 0;
  border-radius: 50px;
  box-shadow: none;
}

.help-hub__role {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border: 0;
  background: var(--help-accent-background);
  color: var(--help-muted);
  cursor: pointer;
  font: inherit;
  font-size: var(--fs-role);
  font-weight: 500;
  line-height: 1.2;
  padding: 10px 34px;
  border-radius: var(--radius-pill);
  text-align: center;
  text-decoration: none;
  white-space: normal;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}

html[lang="he"] .help-hub__role {
  padding-inline: 54px;
}

.help-hub__role:hover {
  background: var(--help-accent-hover);
  color: #0f172a;
  transform: translateY(-1px);
  text-decoration: none;
}

.help-hub__role:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.35);
  outline-offset: 3px;
}

.help-hub__role--dashboard {
  display: inline-flex;	
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-width: 320px;
  color: var(--help-muted);
}

html[lang="he"] .help-hub__role--dashboard {
  min-width: 320px;
  padding-inline: 64px;
}

.help-hub__role-icon {
    width: 28px;
    height: 28px;
    display: block;
    object-fit: contain;
    flex: 0 0 auto;
}

.help-hub__seekers-wrap {
 
}

.help-hub__seekers-intro {
    width: min(760px, calc(100% - 32px));
    margin: 58px auto 22px;
    text-align: center;
}

.help-hub__seekers-line {
    width: 120px;
    height: 1px;
    margin: 50px auto 18px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(225, 29, 46, 0.45),
        transparent
    );
}

.help-hub__seekers-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 6px 16px;
    border-radius: 999px;
    background: rgba(225, 29, 46, 0.08);
    color: #e11d2e;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
}

.help-hub__seekers-title {
    margin: 0;
    color: #07142f;
    font-size: clamp(26px, 3vw, 40px);
    line-height: 1.08;
    font-weight: 400;
}

.help-hub__seekers-body {
    max-width: 620px;
    margin: 10px auto 0;
    color: #657085;
    font-size: 17px;
    line-height: 1.55;
    font-weight: 600;
}

@media (max-width: 700px) {
    .help-hub__seekers-intro {
        margin-top: 42px;
    }

    .help-hub__seekers-body {
        font-size: 15px;
    }
}

/* === NADLAB DEVELOPERS INTRO MATCH SEEKERS V2 START === */
.help-hub__developers-intro {
    margin-top: 0;
}
/* === NADLAB DEVELOPERS INTRO MATCH SEEKERS V2 END === */

/* =========================================================
   7. Read more
   ========================================================= */

.help-hub__read-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: -4px;
  padding: 9px 18px;
  border-radius: var(--radius-pill);
  background: #ffffff;
  color: var(--help-accent);
  font-size: var(--fs-body);
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
  transition:
    transform 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease;
}

.help-hub__read-more:hover {
  color: var(--help-accent-strong);
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.09);
}


/* =========================================================
   8. Hero benefits
   ========================================================= */


.help-hub__market-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
}

.help-hub__market-image img {
  display: block;
  width: min(100%, 420px);
  height: auto;
  object-fit: contain;
}

.help-hub__benefits {
  width: min(980px, 100%);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr);
  gap: 30px;
  align-items: stretch;
  margin-top: 20px;
  margin-bottom: 20px;
}

.help-hub__benefit-divider {
  width: 1px;
  min-width: 1px;
  align-self: stretch;
  margin: 14px 6px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(225, 29, 47, 0.42),
    transparent
  );
}

.help-hub__benefit-card {
  display: grid;
  gap: 7px;
  text-align: start;
  padding: 18px 18px 16px;
}

.help-hub__benefit-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  width: max-content;
  min-width: 0;
  height: 38px;
  padding: 0 16px;
  border-radius: var(--radius-pill);
  background: var(--help-accent-background);
  color: var(--help-accent);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.help-hub__benefit-headline {
  margin: 2px 0 0;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.28;
  font-weight: 800;
}

.help-hub__benefit-card h3 {
  margin: 2px 0 0;
  color: var(--help-accent);
  font-size: 18px;
  line-height: 1.35;
  font-weight: 500;
}

.help-hub__benefit-card p {
  margin: 0;
  color: var(--help-muted);
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}

/* =========================================================
   9. Discover module
   ========================================================= */

.help-hub__discover {
  display: grid;
  justify-items: center;
  gap: 16px;
  text-align: center;
  padding: 40px 28px;
  margin-top: 30px;
  border-radius: var(--radius-card);
}

.help-hub__discover-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.help-hub__discover-image img {
  display: block;
  width: min(100%, 400px);
  height: auto;
  object-fit: contain;
  opacity: 0.78;
}

.help-hub__discover-title {
  margin: 0;
  max-width: 900px;
  font-size: var(--fs-section-title);
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #0f172a;
}

.help-hub__discover-subtitle {
  margin: 0;
  max-width: 780px;
  font-size: var(--fs-subtitle);
  line-height: 1.5;
  font-weight: 500;
  color: var(--help-muted);
}


.help-hub__discover-chips {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  gap: 10px;
  flex-wrap: wrap;
  width: min(880px, 100%);
  margin: 50px auto 0;
}

.help-hub__discover-chip {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "dot title"
    "dot body";
  column-gap: 9px;
  row-gap: 2px;
  align-items: start;
  min-width: 210px;
  max-width: 260px;
  padding: 16px 20px;
  border-radius: 12px;
  background: #ffffff;
  text-align: start;
}

.help-hub__discover-chip::before {
  content: "";
  grid-area: dot;
  width: 8px;
  height: 8px;
  margin-top: 7px;
  border-radius: 50%;
  background: var(--help-accent);
  opacity: 0.75;
}

.help-hub__discover-chip strong {
  grid-area: title;
  color: #0f172a;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 800;
}

.help-hub__discover-chip span {
  grid-area: body;
  color: var(--help-muted);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 500;
}

.help-hub__discover-divider {
  flex: 0 0 1px;
  width: 1px;
  align-self: stretch;
  margin: 10px 6px;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(225, 29, 47, 0.42),
    transparent
  );
}

.help-hub__discover-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.help-hub__discover-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 34px;
  border-radius: var(--radius-pill);
  font-size: var(--fs-button);
  font-weight: 700;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease;
}

html[lang="he"] .help-hub__discover-btn {
  font-size: 23px;
  padding: 10px 50px;
}

.help-hub__discover-btn:hover {
  transform: translateY(-1px);
}

.help-hub__discover-btn--primary {
  background: var(--help-accent);
  color: #ffffff;
  border: 1px solid var(--help-accent);
}

.help-hub__discover-btn--primary:hover {
  background: var(--help-accent-strong);
  color: #ffffff;
}

.help-hub__discover-btn--secondary {
  background: var(--help-accent-background);
  color: #0f172a;
  border: 1px solid var(--help-accent);
}

.help-hub__discover-btn--secondary:hover {
  background: var(--help-accent-hover);
  color: #0f172a;
}


/* =========================================================
   10. WhatsApp CTA
   ========================================================= */

.help-hub__whatsapp-cta {
  width: min(780px, calc(100% - 32px));
  margin: 28px auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px;
  border-radius: 28px;
  background: rgb(255 255 255 / 50%);
  border: 1px solid rgba(21, 128, 61, 0.16);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.help-hub__whatsapp-copy {
  text-align: start;
}

.help-hub__whatsapp-copy h2 {
  margin: 0;
  color: #0f172a;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
}

.help-hub__whatsapp-copy p {
  margin: 4px 0 0;
  color: var(--help-muted);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

.help-hub__whatsapp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 9px 22px;
  border-radius: var(--radius-pill);
  background: var(--help-success);
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.18s ease,
    background 0.18s ease;
}

.help-hub__whatsapp-btn:hover {
  background: var(--help-success-hover);
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-1px);
}

/* =========================================================
   11. Virtual tour module
   ========================================================= */

.help-hub__virtual-tour {
  display: grid;
  gap: 24px;
  padding: 38px 34px;
  background: #ffffff;
  border-radius: var(--radius-card);
  box-shadow: var(--help-shadow);
}

.help-hub__virtual-tour-copy {
  display: grid;
  gap: 12px;
  text-align: center;
}

.help-hub__virtual-tour-title {
  margin: 0 auto;
  max-width: 980px;
  font-size: var(--fs-hero-title);
  line-height: 1.08;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #0f172a;
}

.help-hub__virtual-tour-intro {
  margin: 0 auto;
  max-width: 820px;
  font-size: var(--fs-subtitle-lg);
  line-height: 1.45;
  font-weight: 500;
  color: var(--help-muted);
}

.help-hub__virtual-tour-subtitle {
  margin: 0 auto;
  max-width: 820px;
  font-size: var(--fs-body);
  line-height: 1.55;
  font-weight: 400;
  color: var(--help-muted);
}

/* =========================================================
   10. Virtual tour form
   ========================================================= */

.virtual-tour-form {
  display: grid;
  gap: 16px;
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
}

.virtual-tour-form__label,
.virtual-tour-field span {
  display: block;
  margin-bottom: 8px;
  font-size: var(--fs-label);
  font-weight: 700;
  color: #0f172a;
}

.virtual-tour-choice {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.virtual-tour-choice__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: var(--radius-pill);
  background: var(--help-accent-background);
  cursor: pointer;
  font-size: var(--fs-label);
  font-weight: 500;
}

.virtual-tour-fields {
  display: grid;
  gap: 14px;
}

.virtual-tour-fields[hidden],
.virtual-tour-field[hidden],
[data-vtour-existing][hidden],
[data-vtour-new][hidden] {
  display: none !important;
}

.virtual-tour-field input,
.virtual-tour-field textarea,
.virtual-tour-field select {
  width: 100%;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 16px;
  padding: 12px 14px;
  background: #ffffff;
  color: #0f172a;
  font: inherit;
  font-size: var(--fs-body);
}

.virtual-tour-field textarea {
  resize: vertical;
}

/* =========================================================
   11. Virtual tour buttons
   ========================================================= */

.help-hub__virtual-tour-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

.help-hub__virtual-tour-btn {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 34px;
  border: 0;
  border-radius: var(--radius-pill);
  cursor: pointer;
  font: inherit;
  font-size: var(--fs-button);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease,
    opacity 0.18s ease;
}

html[lang="he"] .help-hub__virtual-tour-btn {
  font-size: 23px;
  padding: 10px 50px;
}

.help-hub__virtual-tour-btn:hover {
  transform: translateY(-1px);
}

.help-hub__virtual-tour-btn[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none;
}

.help-hub__virtual-tour-btn--whatsapp {
  background: var(--help-success);
  color: #ffffff;
}

.help-hub__virtual-tour-btn--whatsapp:hover {
  background: var(--help-success-hover);
  color: #ffffff;
}

.help-hub__virtual-tour-btn--email {
  background: var(--help-accent);
  color: #ffffff;
  border: 1px solid var(--help-accent);
}

.help-hub__virtual-tour-btn--email:hover {
  background: var(--help-accent-strong);
  color: #ffffff;
}

/* =========================================================
   12. Virtual tour email popup
   ========================================================= */

.virtual-tour-email-title {
  margin: 0 0 16px;
  font-size: 24px;
  line-height: 1.2;
  color: #0f172a;
}

.virtual-tour-email-summary {
  display: grid;
  gap: 6px;
  margin-bottom: 16px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(37, 99, 235, 0.06);
  color: #334155;
  font-size: var(--fs-small);
  line-height: 1.5;
}

.virtual-tour-email-form {
  display: grid;
  gap: 14px;
}

.virtual-tour-email-status {
  margin: 0 0 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(37, 99, 235, 0.08);
  color: #0f172a;
  font-size: var(--fs-small);
  line-height: 1.45;
}

.virtual-tour-email-status.is-success {
  background: rgba(22, 163, 74, 0.12);
  color: #166534;
}

.virtual-tour-email-status.is-error {
  background: var(--help-error-bg);
  color: var(--help-error-text);
}

/* =========================================================
   13. Mobile
   ========================================================= */

@media (max-width: 720px) {
  :root {
    --fs-hero-title: clamp(25px, 7.2vw, 34px);
    --fs-section-title: clamp(24px, 7vw, 32px);
    --fs-subtitle-lg: 15px;
    --fs-subtitle: 15px;
    --fs-body: 14px;
    --fs-button: 16px;
    --fs-role: 18px;
    --fs-label: 14px;
    --fs-small: 13px;
  }

  .help-page__content {
    padding: 0 14px 32px;
  }

  .help-hub-page .help-page__content.help-hub__content {
    padding-top: 16px;
  }

  .help-hub__top {
    gap: 0;
    margin-top: 0;
  }


  .help-hub__hero,
  .help-hub__developers-wrap {
    gap: 22px;
    padding: 0;
    overflow: hidden;
  }

  /* === NADLAB HERO VARIANT 2 CANONICAL V15 MOBILE START === */

  .help-hub__hero-image {
  --hero-variant2-action-gap: 10px;

  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--hero-variant2-action-gap);
  row-gap: 14px;
  width: min(88%, 340px);
  margin-inline: auto;
	}

	.help-hub__hero-image-main,
	html[lang="he"] .help-hub__hero-image-main {
	  padding: 0 10px;
	}

	.help-hub__hero-image-main img {
	  width: min(78%, 280px);
	}
	
  .help-hub__hero-character {
    margin-top: -20px;
  }	

  .help-hub__hero-character img {
    width: min(44vw, 150px);
	transform: scale(1.0);
  }

	.help-hub__hero-image-action {
	  min-height: 46px;
	  padding: 5px 8px;
	}

	.help-hub__hero-image-action--seeker {
	  border-radius: 50px 20px 20px 50px;
	}

	.help-hub__hero-image-action--seller {
	  border-radius: 20px 50px 50px 20px;
	}

	.help-hub__hero-action-button {
	  font-size: 15px;
	  transform: scale(var(--hero-action-text-scale));
	  transform-origin: center center;
	  white-space: normal;
	}

	html[lang="he"] .help-hub__hero-action-button {
	  font-size: 17px;
	  transform: scale(var(--hero-action-text-scale)) scaleY(1.10);
	  transform-origin: center center;
	  white-space: normal;
	      margin-top: 0px;
	}

  /* === NADLAB HERO VARIANT 2 CANONICAL V15 MOBILE END === */

  .help-hub__space-title-wrap {
    /* === NADLAB HERO MOBILE CONTENT FIT V7 START === */
    min-height: 0;
    /* === NADLAB HERO MOBILE CONTENT FIT V7 END === */
    padding: 18px 0 0;
	justify-content: flex-start;
  }

  /* === NADLAB HERO MOBILE TYPOGRAPHY V8 START === */

  .help-hub__space-title {
    max-width: 100%;
    font-size: clamp(28px, min(8.2vw, 4.8svh), 35px);
    line-height: 0.98;
    letter-spacing: -0.05em;
  }

  html[lang="he"] .help-hub__space-title {
    font-size: clamp(31px, min(9vw, 5.2svh), 38px);
  }

  .help-hub__space-subtitle {
    max-width: 100%;
    margin-top: -16px;
    font-size: clamp(16px, 4.2vw, 17px);
    line-height: 1.35;
    text-wrap: auto;
  }

  html[lang="he"] .help-hub__space-subtitle {
    font-size: clamp(18px, 4.7vw, 19px);
  }

  /* === NADLAB HERO MOBILE TYPOGRAPHY V8 END === */


  .help-hub__hero-title {
    max-width: 100%;
	margin-top: 15px;
	margin-bottom: 0;
	padding: 0 5%;
  }

  .help-hub__hero-subtitle {
    margin-top: -4px;
    max-width: 100%;
	padding: 0 5%;
  }

  .help-hub__roles {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    border-radius: 28px;
    justify-content: center;
  }

  .help-hub__role,
  html[lang="he"] .help-hub__role,
  .help-hub__role--dashboard,
  html[lang="he"] .help-hub__role--dashboard {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 12px 18px;
    font-size: var(--fs-role);
    text-align: center;
    white-space: normal;
  }


  .help-hub__market-image {
    margin-top: 0;
  }

  .help-hub__market-image img {
    width: min(100%, 200px);
  }

  .help-hub__benefits {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 0;
	padding: 0 5%;
  }
  
  .help-hub__benefit-divider {
    width: 100%;
    height: 1px;
    min-width: 0;
    margin: 4px 0;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(225, 29, 47, 0.35),
      transparent
    );
  }

  .help-hub__benefit-card {
    padding: 16px;
    border-radius: 20px;
  }

  .help-hub__seekers-wrap {
    width: 100%;
  }

  .help-hub__discover-chips {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    margin-top: 14px;
  }
  
  .help-hub__discover-divider {
    width: 100%;
    height: 1px;
    flex: 0 0 1px;
    margin: 4px 0;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(225, 29, 47, 0.35),
      transparent
    );
  }

  .help-hub__discover-chip {
    width: 100%;
    max-width: 100%;
  }

  .help-hub__whatsapp-cta {
    width: 90%;
	        margin-left: 5%;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    padding: 18px;
    border-radius: 22px;
  }

  .help-hub__whatsapp-copy {
    text-align: center;
  }

  .help-hub__whatsapp-btn {
    width: 100%;
  }

  .help-hub__read-more {
    margin-top: -2px;
    font-size: 15px;
    padding: 8px 16px;
  }

  .help-hub__discover {
    gap: 14px;
    padding: 30px 18px;
    border-radius: var(--radius-card-mobile);
  }

  .help-hub__discover-image img {
    width: 100%;
    max-width: 330px;
    max-height: 180px;
    object-fit: contain;
  }

  .help-hub__discover-subtitle {
    max-width: 100%;
  }

  .help-hub__discover-actions {
    width: 100%;
    flex-direction: column;
    gap: 10px;
  }

  .help-hub__discover-btn,
  html[lang="he"] .help-hub__discover-btn {
    width: 100%;
    padding: 11px 18px;
    font-size: var(--fs-button);
  }

  .help-hub__virtual-tour {
    gap: 18px;
    padding: 26px 16px;
    border-radius: var(--radius-card-mobile);
  }

  .help-hub__virtual-tour-copy {
    gap: 10px;
  }

  .help-hub__virtual-tour-title,
  .help-hub__virtual-tour-intro,
  .help-hub__virtual-tour-subtitle {
    max-width: 100%;
  }

  .virtual-tour-form {
    gap: 14px;
  }

  .virtual-tour-choice {
    flex-direction: column;
  }

  .virtual-tour-choice__item {
    width: 100%;
    justify-content: center;
    padding: 10px 12px;
  }

  .virtual-tour-field input,
  .virtual-tour-field textarea,
  .virtual-tour-field select {
    font-size: var(--fs-body);
    padding: 11px 12px;
  }

  .help-hub__virtual-tour-actions {
    width: 100%;
    flex-direction: column;
    gap: 10px;
  }

  .help-hub__virtual-tour-btn,
  html[lang="he"] .help-hub__virtual-tour-btn {
    width: 100%;
    padding: 11px 18px;
    font-size: var(--fs-button);
  }

  .virtual-tour-email-title {
    font-size: 21px;
  }

  .virtual-tour-email-summary {
    font-size: var(--fs-small);
  }
}

/* =========================================================
   14. Small mobile
   ========================================================= */

@media (max-width: 390px) {

  .help-page__content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .help-hub__top {
    gap: 0;
  }

  .help-hub__roles,
  .help-hub__discover,
  .help-hub__virtual-tour {
    border-radius: 22px;
  }

  .help-hub__hero-title {
    font-size: clamp(23px, 7vw, 30px);
  }
}

/* =========================================================
   FINAL MOBILE OVERFLOW FIX - My laboratory button
   Must stay at the very end of index.css
   ========================================================= */

@media (max-width: 720px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .page-scroll,
  .help-page,
  .help-page__content,
  .help-page__inner,
  .help-hub,
  .help-hub__top,
  .help-hub__hero {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .help-page__content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .help-hub__roles {
    width: 90% !important;
    max-width: 90% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 14px !important;
    border-radius: 28px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  .help-hub__role,
  html[lang="he"] .help-hub__role,
  .help-hub__role--dashboard,
  html[lang="he"] .help-hub__role--dashboard {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

/* =========================================================
   Contextual floating cards - premium recommendation style
   ========================================================= */

.help-hub__floating-card {
  position: fixed;
  z-index: 80;
  width: min(200px, calc(100vw - 32px));
  padding: 16px;
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.94));
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow:
    0 22px 60px rgba(15, 23, 42, 0.14),
    0 1px 0 rgba(255, 255, 255, 0.7) inset;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px) scale(0.98);
  pointer-events: none;
  transition:
    opacity 0.24s ease,
    visibility 0.24s ease,
    transform 0.24s ease;
}

.help-hub__floating-card.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

/* Card 1: Virtual tour partner - după hero */
.help-hub__floating-card--vtour {
  right: 24px;
  left: auto;
  bottom: 24px;
}

/* Card 2: Featured property - după seekers */
.help-hub__floating-card--featured {
  right: 24px;
  left: auto;
  bottom: 24px;
}

/* RTL: floating cards move to the opposite edge */
html[dir="rtl"] .help-hub__floating-card--vtour {
  left: 24px;
  right: auto;
}

html[dir="rtl"] .help-hub__floating-card--featured {
  left: 24px;
  right: auto;
}

.help-hub__floating-card-close {
  position: absolute;
  top: 9px;
  right: 10px;
  z-index: 3;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.07);
  color: #0f172a;
  font-size: 21px;
  line-height: 1;
  cursor: pointer;
  transition:
    background 0.18s ease,
    transform 0.18s ease;
}

html[dir="rtl"] .help-hub__floating-card-close {
  right: auto;
  left: 10px;
}

.help-hub__floating-card-close:hover {
  background: rgba(15, 23, 42, 0.12);
  transform: scale(1.04);
}

.help-hub__floating-card-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  margin-bottom: 10px;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(225, 29, 47, 0.08);
  color: var(--help-accent);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.help-hub__floating-card-title {
  max-width: calc(100% - 34px);
  margin: 0 0 7px;
  color: #0f172a;
  font-size: 17px;
  line-height: 1.22;
  font-weight: 800;
}

.help-hub__floating-card-text {
  margin: 0 0 13px;
  color: var(--help-muted);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 500;
}

.help-hub__floating-card-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 16px;
  border-radius: 999px;
  background: var(--help-success);
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  transition:
    background 0.18s ease,
    transform 0.18s ease;
}

.help-hub__floating-card-btn:hover {
  background: var(--help-success-hover);
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-1px);
}

.boosts-wrap--index-floating {
  width: 100%;
  margin: 0;
}

.boosts-wrap--index-floating .featured-grid {
  width: 100%;
}

/* =========================================================
   Mobile floating cards - consolidated
   One mobile source of truth for LTR and RTL.
   ========================================================= */

@media (max-width: 720px) {

  /* ---------------------------------------------------------
     Shared mobile floating-card base
     --------------------------------------------------------- */

  body.is-mobile-floating-bars .help-hub__floating-card {
    position: fixed !important;
    top: auto !important;
    bottom: 10px !important;
    left: 10px !important;
    right: 10px !important;
    z-index: 99999 !important;

    width: auto !important;
    max-width: none !important;
    min-height: 54px !important;
    max-height: 64px !important;

    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    padding: 7px 42px 7px 10px !important;
    border-radius: 999px !important;
    overflow: hidden !important;

    background: rgba(255, 255, 255, 0.97) !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.18) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(18px) scale(0.98) !important;

    transition:
      opacity 0.16s ease,
      visibility 0.16s ease,
      transform 0.16s ease !important;
  }

  html[dir="rtl"]
  body.is-mobile-floating-bars
  .help-hub__floating-card {
    direction: rtl !important;
    text-align: right !important;
  }

  body.is-mobile-floating-bars
  .help-hub__floating-card.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  /* ---------------------------------------------------------
     Featured property bar
     --------------------------------------------------------- */

  body.is-mobile-floating-bars.has-two-floating-bars
  .help-hub__floating-card--featured {
    bottom: 74px !important;
  }

  body.is-mobile-floating-bars
  .help-hub__floating-card-close {
    position: absolute !important;
    top: 50% !important;
    right: 9px !important;
    transform: translateY(-50%) !important;

    width: 26px !important;
    height: 26px !important;

    font-size: 19px !important;
    line-height: 1 !important;
    background: rgba(15, 23, 42, 0.07) !important;
  }

  html[dir="rtl"]
  body.is-mobile-floating-bars
  .help-hub__floating-card-close {
    right: auto !important;
    left: 9px !important;
  }

  /* ---------------------------------------------------------
     Shared inner elements
     --------------------------------------------------------- */

  body.is-mobile-floating-bars
  .help-hub__floating-card-kicker {
    flex: 0 0 auto !important;
    min-height: 24px !important;

    margin: 0 !important;
    padding: 4px 9px !important;

    font-size: 10px !important;
    white-space: nowrap !important;
  }

  body.is-mobile-floating-bars
  .help-hub__floating-card-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;

    color: #0f172a !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.is-mobile-floating-bars
  .help-hub__floating-card-text {
    display: none !important;
  }

  body.is-mobile-floating-bars
  .help-hub__floating-card-btn {
    flex: 0 0 auto !important;

    min-height: 30px !important;
    padding: 6px 10px !important;

    font-size: 11px !important;
    white-space: nowrap !important;
  }
}

/* =========================================================
   NADLAB mobile lab entry
   Logged-out visitors only.
   Mobile only.

   Fixed internal stage:
   - design coordinates: 390 × 560 px
   - the whole composition scales uniformly
   - geometry stays identical on every phone
   - RTL / LTR mirroring uses logical inline properties
   ========================================================= */

.mobile-lab-entry {
  display: none;
}

@media (max-width: 720px) {
  html,
  body.page-index,
  .page-scroll {
    scroll-behavior: auto;
  }

  /*
    Red line and mobile intro belong to one grid child.
    The normal logo-to-line spacing remains.
    No negative margin is needed before the intro.
  */
  .help-hub__mobile-stage-zone {
    width: 100%;
  }

  .help-hub__mobile-stage-zone.has-mobile-lab-entry .help-hub__brand-line {
    margin-bottom: 0;
  }

  #propertyMarketingSection,
  #propertySearchSection {
    scroll-margin-top: 88px;
	        padding: 0 12px;
  }

  /*
    NADLAB mobile stage zone

    The red line and the mobile intro belong to the same grid child.
    The normal logo-to-line spacing remains unchanged.

    JavaScript snapshots the exact remaining height once.
    100svh is only a stable fallback before JavaScript runs.
  */
  .help-hub__mobile-stage-zone {
    width: 100%;
	display: none;
  }

  .help-hub__mobile-stage-zone.has-mobile-lab-entry {
    display: flow-root;
    height: var(--mobile-stage-zone-height, 100svh);
    min-height: 0;
    overflow: hidden;
  }

  .help-hub__mobile-stage-zone.has-mobile-lab-entry .help-hub__brand-line {
    margin-bottom: 0;
  }

  .help-hub__mobile-stage-zone.has-mobile-lab-entry .mobile-lab-entry {
    height: var(--mobile-lab-entry-height, calc(100svh - 1px));
    min-height: 0;
  }

  .mobile-lab-entry {
    display: block;
    position: relative;
    width: 100%;
    height: var(--mobile-lab-entry-height, 520px);
    min-height: 0;
    overflow: hidden;
    isolation: isolate;
    visibility: hidden;
  }

  .mobile-lab-entry.is-layout-ready {
    visibility: visible;
  }

  /*
    Fixed virtual canvas.
    JavaScript changes only --mobile-lab-stage-scale.
  */
  .mobile-lab-entry > .mobile-lab-entry__canvas {
    position: absolute;
    width: 390px;
    height: 560px;
    inset-inline-start: 50%;
    top: 50%;
    overflow: visible;
    transform:
      translate(-50%, -50%)
      scale(var(--mobile-lab-stage-scale, 0.88));
    transform-origin: center center;
  }

  html[dir="rtl"] .mobile-lab-entry > .mobile-lab-entry__canvas {
    transform:
      translate(50%, -50%)
      scale(var(--mobile-lab-stage-scale, 0.88));
  }

  /*
    Hero decorative bubble canvas.
    Uses the old bubble elements and animation, but no longer uses
    the old mobile-lab-entry section geometry.
  */
  .help-hub__hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
  }

  .help-hub__hero > .mobile-lab-entry__canvas--hero {
    position: fixed;
    top: 60px;
    left: 50%;
    right: auto;
    bottom: auto;
    width: 390px;
    max-width: 100vw;
    height: 560px;
    max-height: calc(100svh - 60px);
    margin: 0;
    overflow: visible;
    pointer-events: none;
    z-index: 1;
    transform: translateX(-50%) scale(var(--mobile-lab-stage-scale, 0.88));
    transform-origin: top center;
	opacity: 0.2;
  }

  html[dir="rtl"] .help-hub__hero > .mobile-lab-entry__canvas--hero,
  html[lang="he"] .help-hub__hero > .mobile-lab-entry__canvas--hero {
    left: 50%;
    right: auto;
    transform: translateX(-50%) scale(var(--mobile-lab-stage-scale, 0.88));
  }

  .help-hub__hero-image,
  .help-hub__hero-title,
  .help-hub__hero-subtitle,
  .help-hub__roles,
  .help-hub__benefits {
    position: relative;
    z-index: 2;
  }
  
  .mobile-lab-entry__circle {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;
    padding: 18px 18px 48px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    box-shadow:
      0 20px 40px rgba(15, 23, 42, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.30),
      inset 0 -18px 28px rgba(15, 23, 42, 0.07);
    transition:
      transform 180ms ease,
      filter 180ms ease,
      box-shadow 180ms ease;
  }

  .mobile-lab-entry__circle:active {
    transform: scale(0.976);
    filter: brightness(1.045);
    box-shadow:
      0 14px 28px rgba(15, 23, 42, 0.15),
      inset 0 1px 0 rgba(255, 255, 255, 0.34),
      inset 0 -14px 22px rgba(15, 23, 42, 0.08);
  }

  .mobile-lab-entry__circle:focus-visible {
    outline: 4px solid rgba(225, 29, 47, 0.55);
    outline-offset: 5px;
  }

  /*
    Small action indicator:
    communicates that the complete circle is tappable.
  */
  .mobile-lab-entry__circle::after {
    content: "↓";
    position: absolute;
    inset-inline-start: 50%;
    bottom: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.27);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    transform: translateX(-50%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.20);
    pointer-events: none;
  }

  html[dir="rtl"] .mobile-lab-entry__circle::after {
    transform: translateX(50%);
  }

  /*
    Fixed geometry inside the 390 × 560 stage.

    RTL:
    - blue circle: top-right
    - green circle: lower-left

    LTR:
    - positions mirror automatically
  */

  .mobile-lab-entry__circle--marketing,  {
    width: 304px;
    height: 304px;
    inset-inline-start: 0;
    top: 0;
    background:
      radial-gradient(
        circle at 30% 24%,
        rgba(255, 255, 255, 0.24),
        rgba(255, 255, 255, 0) 43%
      ),
      linear-gradient(
        145deg,
        #65b0e2 0%,
        #4698d1 56%,
        #347fb9 100%
      );
    z-index: 3;
  }

  .mobile-lab-entry__circle--search {
    width: 310px;
    height: 310px;
    inset-inline-end: 0;
    top: 226px;
    background:
      radial-gradient(
        circle at 28% 22%,
        rgba(255, 255, 255, 0.22),
        rgba(255, 255, 255, 0) 43%
      ),
      linear-gradient(
        145deg,
        #72dfa1 0%,
        #54ca83 56%,
        #3eae6c 100%
      );
    z-index: 2;
  }

  .mobile-lab-entry__image {
    display: block;
    flex: 0 0 auto;
    height: auto;
    object-fit: contain;
    pointer-events: none;
    opacity: 0.97;
    filter:
      drop-shadow(0 5px 9px rgba(15, 23, 42, 0.11));    transform: translateY(10px);
  }

  .mobile-lab-entry__image--marketing {
    width: 76%;
    margin-block-end: 10px;
  }

  .mobile-lab-entry__image--search {
    width: 82%;
    margin-block-end: 12px;
  }

  .mobile-lab-entry__text {
    display: block;
    width: 88%;
    color: #fff;
    text-align: center;
    text-wrap: balance;
    letter-spacing: -0.018em;
    text-shadow:
      0 1px 2px rgba(15, 23, 42, 0.14);    transform: translateY(10px);
  }

  .mobile-lab-entry__text--marketing {
    font-size: 20px;
    line-height: 1.16;
    font-weight: 800;
  }

  .mobile-lab-entry__text--search {
    font-size: 26px;
    line-height: 1.14;
    font-weight: 800;
  }

  /*
    Laboratory bubbles:
    fixed positions inside the virtual stage.
  */
  .mobile-lab-entry__bubble {
    position: absolute;
    z-index: 1;
    display: block;
    border-radius: 50%;
    pointer-events: none;
  }

  .mobile-lab-entry__bubble--purple {
    width: 90px;
    height: 90px;
    inset-inline-end: 7px;
    top: 31px;
    background: #a653d7;
  }

  .mobile-lab-entry__bubble--yellow {
    width: 60px;
    height: 60px;
    inset-inline-end: 2px;
    top: 184px;
    background: #d7ab55;
  }

  .mobile-lab-entry__bubble--pink {
    width: 78px;
    height: 78px;
    inset-inline-start: 30px;
    top: 340px;
    background: #ef72ed;
  }

  .mobile-lab-entry__bubble--pink-small {
    width: 38px;
    height: 38px;
    inset-inline-start: 2px;
    top: 250px;
    background: #65cfe3;
  }

  /*
    Floating cards must not cover the first mobile interaction.
    This changes only visibility, never geometry.
  */
  body.has-mobile-lab-entry-visible .help-hub__floating-card--vtour,
  body.has-mobile-lab-entry-visible .help-hub__floating-card--featured {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* === NADLAB MOBILE FEATURED INLINE AI START === */

/*
 * Featured mobile card aligned with the fixed AI bubble.
 *
 * AI bubble:
 * - width: 54px
 * - outer edge distance: 14px
 * - visual gap: 14px
 *
 * Reserved lateral zone:
 * 54px + 14px + 14px = 82px
 */
@media (max-width: 720px) {

  /* LTR: AI bubble left, featured card right */
  html[dir="ltr"]
  body.is-mobile-floating-bars
  .help-hub__floating-card--featured {
    left: 82px !important;
    right: 10px !important;
    bottom: 14px !important;

    direction: ltr !important;
    text-align: left !important;
  }

  /* RTL: featured card left, AI bubble right */
  html[dir="rtl"]
  body.is-mobile-floating-bars
  .help-hub__floating-card--featured {
    right: 82px !important;
    left: 10px !important;
    bottom: 14px !important;

    direction: rtl !important;
    text-align: right !important;
  }

  /*
   * Prevent the older two-bars rule from lifting the featured
   * card above the AI bubble. The final layout uses one row.
   */
  body.is-mobile-floating-bars.has-two-floating-bars
  .help-hub__floating-card--featured {
    bottom: 14px !important;
  }
}

/* === NADLAB MOBILE FEATURED INLINE AI END === */



/* Free AI search submit paper plane icon */
.help-hub__ai-free-search-plane-icon {
  width: 28px;
  height: 28px;
  display: block;
  object-fit: contain;
  transform: none !important;
}

.help-hub__ai-free-search-submit:hover .help-hub__ai-free-search-plane-icon {
  transform: translateY(-1px) !important;
}

html[dir="rtl"] .help-hub__ai-free-search-plane-icon,
html[lang="he"] .help-hub__ai-free-search-plane-icon {
  transform: scaleX(-1) !important;
}

html[dir="rtl"] .help-hub__ai-free-search-submit:hover .help-hub__ai-free-search-plane-icon,
html[lang="he"] .help-hub__ai-free-search-submit:hover .help-hub__ai-free-search-plane-icon {
  transform: scaleX(-1) translateY(-1px) !important;
}

@media (max-width: 720px) {
  .help-hub__ai-free-search-plane-icon {
    width: 24px;
    height: 24px;
  }
}

/* End Free AI search submit paper plane icon */


/* Index hero benefits: 3 + 2 rows with dividers */
.help-hub .help-hub__benefits {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 34px !important;
  width: 100% !important;
  align-items: start !important;
}

.help-hub .help-hub__benefits-row {
  display: grid !important;
  align-items: start !important;
  justify-content: center !important;
  width: 100% !important;
  margin-inline: auto !important;
}

.help-hub .help-hub__benefits-row--top {
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr) !important;
}

.help-hub .help-hub__benefits-row--bottom {
  max-width: 760px !important;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) !important;
}

.help-hub .help-hub__benefits-row .help-hub__benefit-divider {
  display: block !important;
  width: 1px !important;
  height: 120px !important;
  align-self: center !important;
  background: rgba(225, 29, 47, 0.20) !important;
}

.help-hub .help-hub__benefits-row .help-hub__benefit-card {
  width: 100% !important;
  max-width: 310px !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  padding-inline: 18px !important;
  text-align: center !important;
}

.help-hub .help-hub__benefits-row .help-hub__benefit-card h3 {
  max-width: 240px !important;
  margin-inline: auto !important;
}

.help-hub .help-hub__benefits-row .help-hub__benefit-card p {
  max-width: 280px !important;
  margin-inline: auto !important;
}

@media (max-width: 768px) {
  .help-hub .help-hub__benefits {
    gap: 18px !important;
  }

  .help-hub .help-hub__benefits-row,
  .help-hub .help-hub__benefits-row--top,
  .help-hub .help-hub__benefits-row--bottom {
    max-width: none !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .help-hub .help-hub__benefits-row .help-hub__benefit-divider {
    width: 64px !important;
    height: 1px !important;
    margin-inline: auto !important;
  }

  .help-hub .help-hub__benefits-row .help-hub__benefit-card {
    max-width: 100% !important;
    padding-inline: 0 !important;
  }
}

/* End Index hero benefits: 3 + 2 rows with dividers */

/* NADLAB VTOUR CSS NORMALIZED V1-R1 */

/*
 * Canonical VTour source of truth.
 *
 * Order is intentional:
 * 1. mobile positioning/layout migrated from the legacy floating-card block;
 * 2. VTour card + modal presentation;
 * 3. final title/message emphasis.
 *
 * The obsolete mobile title/text display:none !important rule is removed.
 */

@media (max-width: 720px) {
/* ---------------------------------------------------------
     Virtual-tour bar aligned horizontally with the AI bubble

     AI bubble:
     - width: 54px
     - outer margin: 14px
     - visual gap: 14px

     Reserved zone:
     54px + 14px + 14px = 82px
     --------------------------------------------------------- */

  body.is-mobile-floating-bars
  .help-hub__floating-card--vtour {
    box-sizing: border-box !important;

    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;

    bottom: 14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 6px !important;
    padding: 5px 15px !important;

    border-radius: 999px !important;
    overflow: hidden !important;
  }

  /* LTR: AI bubble left, card right */
  html[dir="ltr"]
  body.is-mobile-floating-bars
  .help-hub__floating-card--vtour {
    left: 82px !important;
    right: 10px !important;

    direction: ltr !important;
    text-align: left !important;
    flex-direction: row-reverse !important;
  }

  /* RTL: card left, AI bubble right */
  html[dir="rtl"]
  body.is-mobile-floating-bars
  .help-hub__floating-card--vtour {
    right: 82px !important;
    left: 10px !important;

    direction: rtl !important;
    text-align: right !important;
    flex-direction: row-reverse !important;
  }

  body.is-mobile-floating-bars
  .help-hub__floating-card--vtour
  .help-hub__floating-card-kicker {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 3px 7px !important;

    font-size: 10px !important;
    line-height: 1.1 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.is-mobile-floating-bars
  .help-hub__floating-card--vtour
  .help-hub__floating-card-btn {
    flex: 0 0 auto !important;

    min-height: 30px !important;
    margin: 0 !important;
    padding: 6px 9px !important;

    font-size: 10px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

.help-hub__floating-card--vtour .help-hub__vtour-card-desktop {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.help-hub__floating-card--vtour .help-hub__vtour-card-mobile {
  display: none !important;
}
.help-hub__vtour-card-actions {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 8px;
  min-width: 0;
}
.help-hub__floating-card--vtour .help-hub__floating-card-btn {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  margin: 0;
  padding: 9px 13px;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 999px;
  font: inherit;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.help-hub__floating-card--vtour .help-hub__floating-card-btn--example {
  background: #fff;
  color: #0f172a;
}
.help-hub__floating-card--vtour .help-hub__floating-card-btn--whatsapp {
  background: #25d366;
  border-color: #25d366;
  color: #fff;
}
.help-hub__floating-card--vtour .help-hub__floating-card-btn:hover {
  transform: translateY(-1px);
}
.vtour-marketing__whatsapp-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.vtour-marketing__whatsapp-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
body.vtour-marketing-modal-open {
  overscroll-behavior: none;
}
.vtour-marketing-modal {
  position: fixed;
  inset: 0;
  z-index: 100700;
  display: none;
  place-items: center;
  box-sizing: border-box;
  padding: max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
}
.vtour-marketing-modal.is-open {
  display: grid;
}
.vtour-marketing-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15,23,42,.68);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.vtour-marketing-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(980px,calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(15,23,42,.32);
  color: #0f172a;
}
.vtour-marketing-modal__dialog--info {
  width: min(520px,calc(100vw - 32px));
}
.vtour-marketing-modal__close {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 50%;
  background: #fff;
  color: #0f172a;
  font: inherit;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.vtour-marketing-modal__dialog--info > .vtour-marketing-modal__close {
  position: absolute;
  z-index: 2;
  top: 14px;
  inset-inline-end: 14px;
}
.vtour-marketing-modal__close:focus-visible,
.vtour-marketing__action:focus-visible,
.help-hub__floating-card--vtour .help-hub__floating-card-btn:focus-visible {
  outline: 3px solid rgba(14,165,233,.35);
  outline-offset: 3px;
}
.vtour-marketing-modal__content {
  display: grid;
  gap: 14px;
  padding: 62px 24px 24px;
  text-align: start;
}
.vtour-marketing-modal__title {
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.25rem,2.2vw,1.8rem);
  font-weight: 850;
  line-height: 1.2;
}
.vtour-marketing-modal__text {
  margin: 0;
  color: #475569;
  font-size: 1rem;
  line-height: 1.55;
}
.vtour-marketing-modal__actions {
  display: grid;
  gap: 10px;
  margin-top: 4px;
}
.vtour-marketing__action {
  width: 100%;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  box-sizing: border-box;
  padding: 10px 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  font: inherit;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.vtour-marketing__action--example {
  background: #0f172a;
  border-color: #0f172a;
  color: #fff;
}
.vtour-marketing__action--whatsapp {
  background: #25d366;
  border-color: #25d366;
  color: #fff;
}
.vtour-marketing-modal__header {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 16px;
  border-bottom: 1px solid rgba(15,23,42,.09);
  background: #fff;
}
.vtour-marketing-modal__header .vtour-marketing-modal__title {
  font-size: clamp(1rem,2vw,1.25rem);
}
.vtour-marketing-modal__viewer {
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  overflow: hidden;
  background: #0b1120;
}
.vtour-marketing-modal__viewer iframe {
  width: 100%;
  height: min(70dvh,720px);
  min-height: 420px;
  display: block;
  border: 0;
  background: #0b1120;
}
.vtour-marketing-modal__footer {
  display: flex;
  justify-content: flex-end;
  padding: 12px 16px;
  border-top: 1px solid rgba(15,23,42,.09);
  background: #fff;
}
.vtour-marketing-modal__footer .vtour-marketing__action {
  width: auto;
  min-width: 170px;
}
#indexVtourInfoModal {
  display: none;
}
@media (max-width:720px) {
  .help-hub__floating-card--vtour .help-hub__vtour-card-desktop {
    display: none !important;
  }
  .help-hub__floating-card--vtour .help-hub__vtour-card-mobile,
  body.is-mobile-floating-bars .help-hub__floating-card--vtour .help-hub__vtour-card-mobile {
    width: 100%;
    min-width: 0;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .help-hub__floating-card--vtour .help-hub__vtour-card-mobile .help-hub__floating-card-title {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .help-hub__floating-card--vtour .help-hub__floating-card-btn--learn {
    width: auto !important;
    min-width: 0;
    min-height: 34px;
    flex: 0 0 auto;
    padding: 7px 12px;
    background: rgba(255,255,255,.12);
    color: inherit;
    font-size: 11px;
    white-space: nowrap;
  }
  #indexVtourInfoModal.is-open {
    display: grid;
  }
  .vtour-marketing-modal {
    place-items: stretch;
    padding: max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
  }
  .vtour-marketing-modal__dialog {
    width: 100%;
    max-height: calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));
    margin: auto;
    border-radius: 18px;
  }
  .vtour-marketing-modal__dialog--info {
    width: min(100%,520px);
    align-self: center;
  }
  .vtour-marketing-modal__content {
    padding: 62px 18px 20px;
  }
  .vtour-marketing-modal__title {
    font-size: 1.35rem;
  }
  .vtour-marketing-modal__header {
    min-height: 60px;
    padding: 10px 12px;
  }
  .vtour-marketing-modal__viewer iframe {
    height: calc(100dvh - 142px);
    min-height: 0;
  }
  .vtour-marketing-modal__footer {
    padding: 10px 12px;
  }
  .vtour-marketing-modal__footer .vtour-marketing__action {
    width: 100%;
    min-width: 0;
  }
}
html[dir="rtl"] .vtour-marketing-modal,
html[lang="he"] .vtour-marketing-modal {
  direction: rtl;
}
html[dir="rtl"] .vtour-marketing-modal__content,
html[lang="he"] .vtour-marketing-modal__content,
html[dir="rtl"] .vtour-marketing-modal__header,
html[lang="he"] .vtour-marketing-modal__header {
  text-align: right;
}

.help-hub__floating-card--vtour
.help-hub__vtour-card-desktop
.help-hub__floating-card-title {
  color: #0f172a !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em;
  text-wrap: balance;
}

.help-hub__floating-card--vtour
.help-hub__vtour-card-desktop
.help-hub__floating-card-text {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 10px;
  background: rgba(255,255,255,.64);
  color: #db3d3d !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.38 !important;
  letter-spacing: 0 !important;
}

.help-hub__floating-card--vtour
.help-hub__vtour-card-desktop {
  gap: 10px !important;
}

.help-hub__floating-card--vtour
.help-hub__vtour-card-actions {
  margin-top: 1px;
}

.vtour-marketing-modal__dialog--info
.vtour-marketing-modal__title {
  color: #0f172a !important;
  font-size: 1.32rem !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
  text-wrap: balance;
}

.vtour-marketing-modal__dialog--info
.vtour-marketing-modal__text {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 11px;
  background: #f8fafc;
  color: #0f172a !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
  line-height: 1.48 !important;
}

@media (max-width:720px) {
  .help-hub__floating-card--vtour
  .help-hub__vtour-card-mobile
  .help-hub__floating-card-title {
    min-width: 0;
    display: -webkit-box;
    overflow: hidden;
    visibility: visible !important;
    opacity: 1 !important;
    color: #0f172a !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1.14 !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .help-hub__floating-card--vtour
  .help-hub__floating-card-btn--learn {
    font-size: 11px !important;
    font-weight: 850 !important;
  }
}

/* /NADLAB VTOUR CSS NORMALIZED V1-R1 */

/* =========================================================
   NADLAB INDEX LOGGED TOP SEARCH C1 V1
   Logged search only; no overlay or hero layout ownership
   ========================================================= */

body.nadlab-index-auth-v1 .help-hub__quick-search {
  display: none !important;
}

@media (min-width: 721px) {
  body.nadlab-index-auth-v1 .help-hub__ai-free-search {
    flex: 0 1 480px;
    width: min(480px, 100%);
    max-width: 480px;
    min-width: 280px;
  }
}

@media (max-width: 720px) {
  body.nadlab-index-auth-v1 .help-hub__ai-free-search {
    flex: 1 1 0;
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}

/* NADLAB INDEX LOGGED TOP SEARCH C1 V1 END */

/* NADLAB INDEX LOGGED IDENTITY SPACING HEIGHT V1
   Desktop identity height: 52px
   Search-to-identity gap: 100px
*/

/* =========================================================
   NADLAB INDEX LOGGED USER IDENTITY C2-R2 V1-R2
   Avatar + first name; no parent overlay layout ownership
   ========================================================= */

.nadlab-index-auth-identity {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 9px;
  height: 52px;
  min-height: 52px;
  max-width: 190px;
  box-sizing: border-box;
  margin-inline-start: 100px;
  padding: 5px 13px 5px 6px;
  border: 1px solid rgba(91, 63, 154, 0.20);
  border-radius: 999px;
  background: #ffffff;
  color: #2b2437;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  box-shadow:
    0 8px 18px rgba(15, 23, 42, 0.07),
    0 1px 0 rgba(255, 255, 255, 0.72) inset;
}

html[dir="rtl"] .nadlab-index-auth-identity {
  padding: 5px 6px 5px 13px;
}

.nadlab-index-auth-identity:hover,
.nadlab-index-auth-identity:focus-visible {
  border-color: rgba(91, 63, 154, 0.44);
  color: #5b3f9a;
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.10),
    0 1px 0 rgba(255, 255, 255, 0.78) inset;
}

.nadlab-index-auth-identity:focus-visible {
  outline: 3px solid rgba(91, 63, 154, 0.22);
  outline-offset: 3px;
}

.nadlab-index-auth-identity__avatar {
  position: relative;
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(91, 63, 154, 0.20);
  border-radius: 50%;
  background:
    linear-gradient(
      145deg,
      rgba(108, 74, 182, 0.16),
      rgba(91, 63, 154, 0.28)
    ),
    #f1ecfb;
  box-shadow:
    0 0 0 3px rgba(108, 74, 182, 0.08);
}

.nadlab-index-auth-identity__initial {
  position: relative;
  z-index: 1;
  color: #5b3f9a;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.nadlab-index-auth-identity__image {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  background: #f1ecfb;
}

.nadlab-index-auth-identity__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* NADLAB INDEX LOGGED IDENTITY MOBILE AVATAR ONLY V1 */
@media (max-width: 900px) {
  body.nadlab-index-auth-v1 .help-hub__ai-free-search {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }

  .nadlab-index-auth-identity {
    display: inline-grid !important;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    min-height: 44px;
    flex: 0 0 44px;
    place-items: center;
    margin-inline-start: 10px;
    padding: 4px;
    gap: 0;
    border-radius: 50%;
  }

  .nadlab-index-auth-identity__name {
    display: none !important;
  }

  .nadlab-index-auth-identity__avatar {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }
}

@media (max-width: 390px) {
  .nadlab-index-auth-identity {
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    height: 42px;
    min-height: 42px;
    flex-basis: 42px;
    margin-inline-start: 18px;
    padding: 3px;
  }

  .nadlab-index-auth-identity__avatar {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }
}
/* NADLAB INDEX LOGGED IDENTITY MOBILE AVATAR ONLY V1 END */

/* NADLAB INDEX MOBILE AVATAR CENTERING FIX V1
   Override the higher-specificity desktop RTL/LTR padding on mobile.
*/
@media (max-width: 900px) {
  html[dir="rtl"] .nadlab-index-auth-identity,
  html[dir="ltr"] .nadlab-index-auth-identity {
    padding: 4px;
    align-items: center;
    justify-content: center;
    place-items: center;
  }

  html[dir="rtl"] .nadlab-index-auth-identity__avatar,
  html[dir="ltr"] .nadlab-index-auth-identity__avatar {
    margin: 0;
    place-self: center;
  }
}

@media (max-width: 390px) {
  html[dir="rtl"] .nadlab-index-auth-identity,
  html[dir="ltr"] .nadlab-index-auth-identity {
    padding: 3px;
  }
}
/* NADLAB INDEX MOBILE AVATAR CENTERING FIX V1 END */


/* NADLAB INDEX LOGGED USER IDENTITY C2-R2 V1-R2 END */

/* =========================================================
   NADLAB INDEX LOGGED FEATURED FLOATING CARD HIDE C3 V1
   Logged agent/owner only; markup and JavaScript preserved.
   ========================================================= */

body.nadlab-index-auth-v1 .help-hub__floating-card--featured {
  display: none !important;
}

/* NADLAB INDEX LOGGED FEATURED FLOATING CARD HIDE C3 V1 END */

/* =========================================================
   NADLAB INDEX LOGGED DEVELOPERS WRAP HIDE C4 V1
   The viewport-hero script exits before measuring this section
   in authenticated agent/owner mode.
   ========================================================= */

body.nadlab-index-auth-v1 .help-hub__developers-wrap {
  display: grid !important;
}

/*
 * Keep only the visual separator line for logged agent/owner sessions.
 * The C4 viewport-hero guard remains responsible for avoiding geometry
 * measurements against this container.
 */
body.nadlab-index-auth-v1
.help-hub__developers-wrap
> :not(.help-hub__seekers-line) {
  display: none !important;
}

body.nadlab-index-auth-v1
.help-hub__developers-wrap
> .help-hub__seekers-line {
  display: block !important;
}

/* NADLAB INDEX LOGGED DEVELOPERS LINE RESTORE C4-R4 V1 */

/* NADLAB INDEX LOGGED DEVELOPERS WRAP HIDE C4 V1 END */
/* === NADLAB LOGGED SERVICES SEARCH TITLE V1-R3 START === */
/*
 * Only the logged Agent / Owner form carries services_help.
 * Property-search labels for Seeker/public contexts remain governed by
 * the existing language and mobile rules above.
 */
.help-hub__ai-free-search[data-ai-free-search-mode="services_help"]::after {
  content: attr(data-ai-search-title) !important;
}
/* === NADLAB LOGGED SERVICES SEARCH TITLE V1-R3 END === */