/* ===== Dayan Zakar LP — base / tokens / reset ===== */
:root{
  --navy:#0e0d2c;          /* hero / dark sections */
  --navy-deep:#071c37;
  --ink:#151515;
  --ink-soft:#313131;
  --gold:#b09143;          /* buttons / accents */
  --gold-light:#e5c38b;    /* phone / highlights */
  --gold-eyebrow:#cca84f;  /* eyebrow */
  --gold-logo:#dab778;
  --cream:#f2ece0;         /* form fields */
  --white:#ffffff;
  --line:#e6e6e6;
  --container:1300px;
  --ff-body:"Assistant","Heebo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --ff-num:"Heebo","Assistant",sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
/* overflow-x:clip (not hidden) so it clips horizontal overflow WITHOUT creating a
   scroll container — that lets the sticky header keep sticking to the viewport. */
html{-webkit-text-size-adjust:100%;overflow-x:clip}
/* Smooth in-page navigation for header menu anchors (LP-scoped: this file loads only on the kablan-rashum LP). */
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* Offset anchored sections below the sticky white header (header height + breathing room). */
#why,#testimonials,#process,#about,#faq,#lead{scroll-margin-top:88px}
body{
  margin:0;
  font-family:var(--ff-body);
  color:var(--ink);
  direction:rtl;
  background:var(--white);
  line-height:1.5;
  overflow-x:clip;
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}
input{font-family:inherit}
h1,h2,h3,h4,p{margin:0}
ul{margin:0;padding:0;list-style:none}

.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}

.ts-02{transition:all .2s ease}
.ts-03{transition:all .3s ease}

/* gold diamond bullet (Figma REGULAR_POLYGON) */
.diamond{
  width:12px;height:12px;flex:0 0 12px;
  background:var(--gold);transform:rotate(45deg);
  border-radius:1px;
}

/* shared gold button */
.btn-gold{
  display:inline-flex;align-items:center;gap:0;
  background:var(--gold);color:#fff;font-weight:700;
  border-radius:4px;overflow:hidden;
}
.btn-gold__label{padding:0 22px;font-size:19px;white-space:nowrap}
.btn-gold__ico{
  width:48px;height:48px;flex:0 0 48px;
  display:grid;place-items:center;
  border-inline-start:1px solid rgba(255,255,255,.22);
}
.btn-gold__ico svg{width:22px;height:22px}
.btn-gold:hover{background:#9c7e37}

/* ===== Hebrew form validation (same mechanism as homepage) ===== */
.lead-form__field{position:relative}
.lead-form input.is-invalid{border-color:#d23b3b !important;background:#fff4f4}
.field-err{
  position:absolute;left:8px;top:-9px;background:#d23b3b;color:#fff;
  font-size:11px;font-weight:600;line-height:1;padding:4px 8px;border-radius:4px;
  white-space:nowrap;z-index:5;pointer-events:none;box-shadow:0 2px 6px rgba(210,59,59,.3);
}
.field-err::after{
  content:"";position:absolute;bottom:-4px;left:12px;width:8px;height:8px;
  background:#d23b3b;transform:rotate(45deg);
}
