/* ============================================================
   Simple China · Business — Design System
   כל צבעי המותג, הפונטים והמרווחים יושבים כאן בלבד.
   כדי להחליף מיתוג — לשנות רק את הבלוק :root למטה.
   ============================================================ */

:root{
  /* --- צבעי מותג (להחלפה) --- */
  --brand-ink:      #10243A;   /* כחול עמוק — טקסט וכהה ראשי */
  --brand-ink-2:    #1B3A57;   /* כחול משני */
  --brand-gold:     #C9A961;   /* זהב המותג — CTA והדגשות */
  --brand-gold-lt:  #D8BC7E;
  --brand-red:      #B3402F;   /* נגיעת אדום סיני, במשורה */

  /* --- ניטרליים --- */
  --bg:             #FBFAF7;
  --bg-alt:         #F2EFE8;
  --surface:        #FFFFFF;
  --line:           rgba(16,36,58,.10);
  --line-strong:    rgba(16,36,58,.18);
  --text:           #15202B;
  --text-soft:      #5A6570;
  --text-invert:    #FBFAF7;

  /* --- טיפוגרפיה --- */
  --font-body: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: "Frank Ruhl Libre", "Heebo", Georgia, serif;

  --fs-hero:  clamp(2.35rem, 8.5vw, 5.25rem);
  --fs-h2:    clamp(1.85rem, 5.6vw, 3.35rem);
  --fs-h3:    clamp(1.2rem,  3.4vw, 1.6rem);
  --fs-lead:  clamp(1.02rem, 2.9vw, 1.28rem);
  --fs-body:  clamp(.98rem,  2.4vw, 1.06rem);
  --fs-small: .875rem;

  /* --- מרווחים וקצב --- */
  --pad-x: clamp(1.15rem, 5vw, 2.5rem);
  --sec-y: clamp(4.5rem, 12vw, 9rem);
  --max:   1180px;
  --max-narrow: 760px;

  --r-sm: 10px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-pill: 999px;

  --shadow-sm: 0 2px 10px rgba(16,36,58,.06);
  --shadow-md: 0 10px 30px rgba(16,36,58,.09);
  --shadow-lg: 0 24px 60px rgba(16,36,58,.16);

  --ease: cubic-bezier(.22,.61,.36,1);
}

/* ============================================================ RESET */
*,*::before,*::after{ box-sizing:border-box; }
[hidden]{ display:none!important; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation-duration:.001ms!important; transition-duration:.001ms!important; }
}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font-body); font-size:var(--fs-body);
  line-height:1.65; direction:rtl; text-align:right;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,video{ max-width:100%; display:block; }
a{ color:inherit; }
button{ font:inherit; cursor:pointer; }
h1,h2,h3,h4{ font-family:var(--font-display); font-weight:700; line-height:1.12; margin:0 0 .5em; letter-spacing:-.01em; }
p{ margin:0 0 1em; }
:focus-visible{ outline:3px solid var(--brand-gold); outline-offset:3px; border-radius:4px; }
.sr-only{ position:absolute!important; width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0; }

/* ============================================================ LAYOUT */
.wrap{ width:100%; max-width:var(--max); margin-inline:auto; padding-inline:var(--pad-x); }
.wrap--narrow{ max-width:var(--max-narrow); }
section{ padding-block:var(--sec-y); position:relative; }
.sec--alt{ background:var(--bg-alt); }
.sec--dark{ background:var(--brand-ink); color:var(--text-invert); }
.sec--dark p{ color:rgba(251,250,247,.78); }

/* כותרת סקשן הסיפור — הסקשן היחיד בלי כותרת גדולה משלו */
.story__h{ font-size:var(--fs-h2); margin-bottom:.6em; }

.sec-head{ max-width:38ch; margin-bottom:clamp(2rem,5vw,3.5rem); }
.sec-head h2{ font-size:var(--fs-h2); }
.sec-head p{ font-size:var(--fs-lead); color:var(--text-soft); max-width:46ch; }
.sec--dark .sec-head p{ color:rgba(251,250,247,.72); }

/* ============================================================ BUTTONS */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  padding:1rem 2rem; border-radius:var(--r-pill); border:1px solid transparent;
  font-weight:700; font-size:1rem; text-decoration:none; white-space:nowrap;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .25s, color .25s, border-color .25s;
}
.btn:hover{ transform:translateY(-2px); }
.btn:active{ transform:translateY(0); }
.btn--gold{ background:var(--brand-gold); color:var(--brand-ink); box-shadow:0 6px 20px rgba(201,169,97,.32); }
.btn--gold:hover{ background:var(--brand-gold-lt); box-shadow:0 12px 30px rgba(201,169,97,.42); }
.btn--ghost{ background:transparent; color:inherit; border-color:currentColor; opacity:.9; }
.btn--ghost:hover{ background:rgba(255,255,255,.08); opacity:1; }
.btn--ink{ background:var(--brand-ink); color:var(--text-invert); }
.btn--ink:hover{ background:var(--brand-ink-2); }
.btn--sm{ padding:.72rem 1.35rem; font-size:.93rem; }
.btn--block{ width:100%; }
.btn .arrow{ transition:transform .3s var(--ease); }
.btn:hover .arrow{ transform:translateX(-4px); }

/* ============================================================ HEADER */
.hdr{
  position:fixed; inset-block-start:0; inset-inline:0; z-index:90;
  transition:background .35s var(--ease), box-shadow .35s var(--ease), backdrop-filter .35s;
}
.hdr__in{
  display:flex; align-items:center; gap:1rem;
  max-width:var(--max); margin-inline:auto; padding:1rem var(--pad-x);
}
.hdr.is-stuck{ background:rgba(251,250,247,.86); backdrop-filter:blur(14px); box-shadow:0 1px 0 var(--line); }
.hdr__logo{ display:flex; align-items:center; gap:.6rem; text-decoration:none; flex:0 0 auto; }
.hdr__logo .brandlogo{ display:block; flex:0 0 auto; }
.hdr__logo .brandlogo img{ display:block; height:40px; width:40px; object-fit:contain; }
/* הלוגו על רקע לבן — כדי שיֵראה גם על ההירו הכהה */
.hdr:not(.is-stuck) .hdr__logo .brandlogo img{
  background:#fff; border-radius:50%; padding:2px;
}
.hdr__logo span{ font-family:var(--font-display); font-weight:700; font-size:1.05rem; color:var(--brand-ink); }
.hdr:not(.is-stuck) .hdr__logo span{ color:var(--text-invert); }

.nav{ display:none; margin-inline-start:auto; align-items:center; gap:1.75rem; }
.nav a{ text-decoration:none; font-size:.95rem; font-weight:500; color:var(--brand-ink); opacity:.82; transition:opacity .2s; }
.nav a:hover{ opacity:1; }
.hdr:not(.is-stuck) .nav a{ color:var(--text-invert); }
.nav__tours{ padding-inline-start:1.25rem; border-inline-start:1px solid currentColor; }
.hdr:not(.is-stuck) .nav__tours{ border-color:rgba(255,255,255,.3); }
.hdr__cta{ display:none; }

.burger{
  margin-inline-start:auto; width:44px; height:44px; display:grid; place-content:center;
  background:transparent; border:1px solid var(--line-strong); border-radius:var(--r-pill); color:var(--brand-ink);
}
.hdr:not(.is-stuck) .burger{ color:var(--text-invert); border-color:rgba(255,255,255,.35); }
.burger i{ display:block; width:18px; height:2px; background:currentColor; position:relative; transition:transform .3s var(--ease); }
.burger i::before,.burger i::after{ content:""; position:absolute; inset-inline:0; height:2px; background:currentColor; transition:transform .3s var(--ease); }
.burger i::before{ top:-6px; } .burger i::after{ top:6px; }
body.menu-open .burger i{ background:transparent; }
body.menu-open .burger i::before{ transform:translateY(6px) rotate(45deg); }
body.menu-open .burger i::after{ transform:translateY(-6px) rotate(-45deg); }

.drawer{
  position:fixed; inset:0; z-index:89; background:var(--brand-ink); color:var(--text-invert);
  display:flex; flex-direction:column; justify-content:center; gap:.25rem; padding:6rem var(--pad-x) 3rem;
  transform:translateY(-100%); transition:transform .45s var(--ease); visibility:hidden;
}
body.menu-open .drawer{ transform:translateY(0); visibility:visible; }
.drawer a{ text-decoration:none; font-family:var(--font-display); font-size:1.7rem; padding:.55rem 0; border-bottom:1px solid rgba(255,255,255,.1); }
.drawer .btn{ margin-top:1.75rem; }

@media (min-width:900px){
  .nav{ display:flex; }
  .hdr__cta{ display:inline-flex; }
  .burger{ display:none; }
}

/* ============================================================ HERO */
.hero{
  position:relative; min-height:100svh; display:flex; align-items:flex-end;
  padding-block:8rem clamp(3rem,9vw,5.5rem); overflow:hidden; color:var(--text-invert);
  background:var(--brand-ink);
}
.hero__media{ position:absolute; inset:0; z-index:0; }
.hero__media img,.hero__media video{ width:100%; height:100%; object-fit:cover; }
.hero__media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(9,20,33,.94) 0%, rgba(9,20,33,.62) 42%, rgba(9,20,33,.38) 100%);
}
.hero__in{ position:relative; z-index:1; width:100%; max-width:var(--max); margin-inline:auto; padding-inline:var(--pad-x); }
.hero h1{ font-size:var(--fs-hero); max-width:14ch; margin-bottom:.35em; }
.hero h1 .line2{ display:block; color:var(--brand-gold); }
.hero__lead{ font-size:var(--fs-lead); max-width:44ch; color:rgba(251,250,247,.85); margin-bottom:2rem; }
.hero__cta{ display:flex; flex-wrap:wrap; gap:.75rem; }
.hero__cta .btn{ flex:1 1 auto; min-width:min(100%,230px); }
@media (min-width:640px){ .hero__cta .btn{ flex:0 0 auto; min-width:0; } }

.hero__badge{
  display:inline-flex; align-items:center; gap:.5rem; margin-bottom:1.4rem;
  padding:.45rem 1rem; border-radius:var(--r-pill);
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2);
  font-size:.85rem; font-weight:600; backdrop-filter:blur(6px);
}
.dot-live{ width:7px;height:7px;border-radius:50%; background:#5CD68A; box-shadow:0 0 0 0 rgba(92,214,138,.7); animation:pulse 2.4s infinite; }
@keyframes pulse{ 70%{ box-shadow:0 0 0 9px rgba(92,214,138,0);} 100%{ box-shadow:0 0 0 0 rgba(92,214,138,0);} }

/* המעבר לאתר הטיולים — כבר בהירו, לא רק בתחתית הדף */
.hero__alt{
  margin:1.5rem 0 0; padding-top:1.25rem;
  border-top:1px solid rgba(255,255,255,.16);
  font-size:.95rem; color:rgba(251,250,247,.72); max-width:44ch;
}
.hero__alt strong{ color:rgba(251,250,247,.95); font-weight:600; }
.hero__alt a{
  color:var(--brand-gold); font-weight:700; text-decoration:none;
  white-space:nowrap; border-bottom:1px solid transparent; transition:border-color .25s;
}
.hero__alt a:hover{ border-color:var(--brand-gold); }
.hero__alt .arrow{ display:inline-block; transition:transform .3s var(--ease); }
.hero__alt a:hover .arrow{ transform:translateX(-4px); }

.scroll-hint{ position:absolute; inset-block-end:1.25rem; inset-inline-start:50%; transform:translateX(50%); z-index:1; opacity:.5; }
.scroll-hint i{ display:block; width:1px; height:34px; background:linear-gradient(var(--brand-gold), transparent); animation:drop 2.2s var(--ease) infinite; }
@keyframes drop{ 0%{transform:scaleY(0); transform-origin:top;} 45%{transform:scaleY(1); transform-origin:top;} 55%{transform:scaleY(1); transform-origin:bottom;} 100%{transform:scaleY(0); transform-origin:bottom;} }

/* ============================================================ TRUST STRIP */
.trust{ background:var(--brand-ink); padding-block:0; }
.trust__in{ max-width:var(--max); margin-inline:auto; padding:0 var(--pad-x) clamp(2.5rem,6vw,4rem); }
.trust__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.12); border-radius:var(--r-md); overflow:hidden; }
.trust__item{ background:var(--brand-ink); padding:1.35rem 1.1rem; display:flex; flex-direction:column; gap:.3rem; }
.trust__item .ic{ display:block; color:var(--brand-gold); }
.trust__item .ic svg{ width:24px; height:24px; display:block; }
.trust__item b{ color:var(--text-invert); font-size:.98rem; }
.trust__item span{ color:rgba(251,250,247,.55); font-size:.82rem; }
@media (min-width:800px){ .trust__grid{ grid-template-columns:repeat(4,1fr); } }

/* ============================================================ STORY */
.story{ background:var(--bg); }
.story__lines{ max-width:22ch; }
.story__lines p{
  font-family:var(--font-display); font-size:clamp(1.5rem,5.2vw,2.6rem);
  line-height:1.32; margin:0 0 .55em; color:var(--text);
}
.story__lines p.dim{ color:var(--text-soft); }
/* המשפט המסכם — כולו בזהב ומודגש */
.story__lines p.hi{ color:var(--brand-gold); font-weight:700; }
.story__lines p.hi em{ font-style:normal; color:inherit; }
.story__grid{ display:grid; gap:clamp(2rem,6vw,4rem); }
@media (min-width:900px){ .story__grid{ grid-template-columns:1.05fr .95fr; align-items:center; } .story__lines{ max-width:none; } }
.story__aside{ border-inline-start:2px solid var(--brand-gold); padding-inline-start:1.4rem; }
.story__aside p{ color:var(--text-soft); font-size:var(--fs-lead); }
.story__aside p:last-child{ margin-bottom:0; }
/* המשפט שנושא את הטיעון — מודגש ובצבע המותג */
.story__aside .aside-hi{ color:var(--brand-gold); font-weight:700; }
/* מה שאנחנו בפועל עושים בשטח — מודגש וכהה */
.story__aside .aside-strong{ color:var(--text); font-weight:700; }

/* ============================================================ SERVICES */
.cards{ display:grid; gap:1.25rem; }
@media (min-width:980px){ .cards{ grid-template-columns:repeat(3,1fr); } }
.card{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg);
  padding:clamp(1.5rem,4vw,2.15rem); display:flex; flex-direction:column;
  box-shadow:var(--shadow-sm);
  transition:transform .45s var(--ease), box-shadow .45s var(--ease), border-color .45s;
  position:relative; overflow:hidden;
}
.card::before{
  content:""; position:absolute; inset-block-start:0; inset-inline:0; height:3px;
  background:linear-gradient(to left, var(--brand-gold), transparent);
  transform:scaleX(0); transform-origin:right; transition:transform .55s var(--ease);
}
.card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:var(--line-strong); }
.card:hover::before{ transform:scaleX(1); }
.card__num{ font-family:var(--font-display); font-size:.9rem; color:var(--brand-gold); font-weight:700; letter-spacing:.1em; margin-bottom:.9rem; }
.card h3{ font-size:var(--fs-h3); margin-bottom:.55rem; }
.card > p{ color:var(--text-soft); }
.card ul{ list-style:none; margin:.6rem 0 1.6rem; padding:0; display:grid; gap:.55rem; }
.card li{ display:flex; gap:.6rem; align-items:flex-start; font-size:.96rem; color:var(--text); }
.card li .tick{ color:var(--brand-gold); flex:0 0 auto; font-weight:700; }
.card .btn{ margin-top:auto; align-self:flex-start; }

/* ============================================================ PATHS */
.paths{ display:grid; gap:1rem; }
@media (min-width:860px){ .paths{ grid-template-columns:repeat(3,1fr); } }
.path{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md);
  padding:1.5rem 1.4rem; transition:border-color .35s, transform .35s var(--ease);
}
.path:hover{ border-color:var(--brand-gold); transform:translateY(-4px); }
.path__q{ font-family:var(--font-display); font-size:1.18rem; font-weight:700; margin-bottom:.7rem; color:var(--brand-ink); }
.path__a{ display:flex; align-items:center; gap:.55rem; color:var(--text-soft); font-size:.96rem; margin:0; }
.path__a .ar{ color:var(--brand-gold); font-weight:700; }

/* ============================================================ TIMELINE */
.tl{ position:relative; display:grid; gap:0; margin-top:1rem; }
.tl::before{
  content:""; position:absolute; inset-block:12px 12px; inset-inline-start:11px; width:2px;
  background:rgba(255,255,255,.14);
}
.tl__fill{ position:absolute; inset-block-start:12px; inset-inline-start:11px; width:2px; background:var(--brand-gold); height:0; transition:height .2s linear; }
.tl__step{ position:relative; padding:0 3rem 2.25rem 0; }
.tl__step:last-child{ padding-bottom:0; }
.tl__dot{
  position:absolute; inset-inline-start:0; inset-block-start:4px; width:24px; height:24px; border-radius:50%;
  background:var(--brand-ink); border:2px solid rgba(255,255,255,.25); color:rgba(255,255,255,.5);
  display:grid; place-content:center; font-size:.78rem; font-weight:700; font-family:var(--font-body);
  transition:background .4s, border-color .4s, color .4s, transform .4s var(--ease);
}
.tl__step.is-on .tl__dot{ background:var(--brand-gold); border-color:var(--brand-gold); color:var(--brand-ink); transform:scale(1.12); }
.tl__step h3{ font-size:1.22rem; margin-bottom:.25rem; }
.tl__step p{ margin:0; font-size:.98rem; }
@media (min-width:900px){
  .tl{ grid-template-columns:repeat(5,1fr); gap:1.25rem; }
  .tl::before{ inset-block:auto; inset-block-start:11px; inset-inline:12px; width:auto; height:2px; }
  .tl__fill{ inset-block-start:11px; inset-inline-start:12px; height:2px; width:0; }
  .tl__step{ padding:3.25rem 0 0 0; }
  .tl__dot{ inset-block-start:0; inset-inline-start:0; }
}

/* ============================================================ GALLERY */
.gal{ margin-top:clamp(1.5rem,4vw,2.5rem); }
.gal__track{
  display:flex; gap:1rem; overflow-x:auto; overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory; padding-block-end:1rem;
  padding-inline:var(--pad-x);
  scrollbar-width:thin;
}
.gal__track::-webkit-scrollbar{ height:5px; }
.gal__track::-webkit-scrollbar-thumb{ background:var(--line-strong); border-radius:99px; }
.gal__item{
  flex:0 0 min(78vw, 330px); scroll-snap-align:center;
  aspect-ratio:3/4; border-radius:var(--r-md); overflow:hidden; position:relative;
  background:var(--bg-alt); border:0; padding:0; color:inherit; text-align:right;
}
.gal__item img{ width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease); }
.gal__item:hover img{ transform:scale(1.05); }
.gal__item figcaption{
  position:absolute; inset-block-end:0; inset-inline:0; padding:2.5rem 1.1rem 1.1rem;
  background:linear-gradient(transparent, rgba(9,20,33,.85)); color:#fff; font-size:.92rem; font-weight:600;
}
.gal__item .play{
  position:absolute; inset:0; margin:auto; width:52px; height:52px; border-radius:50%;
  background:rgba(255,255,255,.92); color:var(--brand-ink); display:grid; place-content:center; font-size:1rem;
}
@media (min-width:900px){ .gal__item{ flex:0 0 320px; } }

/* placeholder למדיה שעדיין לא הועלתה */
.ph{
  width:100%; height:100%; display:grid; place-content:center; gap:.4rem; text-align:center;
  background:
    linear-gradient(135deg, rgba(201,169,97,.14), rgba(27,58,87,.14)),
    repeating-linear-gradient(45deg, transparent 0 12px, rgba(16,36,58,.04) 12px 24px);
  color:var(--text-soft); font-size:.85rem; padding:1rem;
}
.ph b{ display:block; color:var(--brand-ink); font-size:.95rem; }

/* lightbox */
.lb{ position:fixed; inset:0; z-index:120; background:rgba(6,14,24,.93); display:none; place-content:center; padding:1rem; }
.lb.is-open{ display:grid; }
.lb__inner{ max-width:min(94vw,900px); max-height:88svh; }
.lb__inner img,.lb__inner video{ max-height:88svh; width:auto; border-radius:var(--r-md); }
.lb__close{ position:absolute; inset-block-start:1rem; inset-inline-end:1rem; width:46px;height:46px;border-radius:50%;
  background:rgba(255,255,255,.14); color:#fff; border:0; font-size:1.3rem; }

/* ============================================================ REASONS */
.reasons{ display:grid; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; }
@media (min-width:700px){ .reasons{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1000px){ .reasons{ grid-template-columns:repeat(3,1fr); } }
.reason{ background:var(--surface); padding:1.6rem 1.4rem; transition:background .35s; }
.reason:hover{ background:var(--bg-alt); }
.reason .ic{ display:block; color:var(--brand-gold); margin-bottom:.7rem; }
.reason .ic svg{ width:26px; height:26px; display:block; }
.reason h3{ font-size:1.1rem; margin-bottom:.3rem; }
.reason p{ margin:0; font-size:.94rem; color:var(--text-soft); }

/* ============================================================ NOT-US */
.notus{ display:grid; gap:clamp(1.5rem,4vw,3rem); }
@media (min-width:880px){ .notus{ grid-template-columns:1fr 1fr; align-items:start; } }
.notus__list{ list-style:none; margin:0; padding:0; display:grid; gap:.65rem; }
.notus__list li{
  display:flex; gap:.75rem; align-items:center; background:var(--surface);
  border:1px solid var(--line); border-radius:var(--r-sm); padding:.85rem 1.1rem; font-size:.98rem;
}
.notus__list .x{ color:var(--text-soft); font-weight:700; flex:0 0 auto; }
.notus__note{ font-size:.94rem; color:var(--text-soft); margin-top:1rem; }

/* ============================================================ FAQ */
.faq{ border-top:1px solid var(--line); }
.faq__q{
  width:100%; background:none; border:0; border-bottom:1px solid var(--line);
  display:flex; gap:1rem; align-items:flex-start; justify-content:space-between;
  padding:1.35rem 0; text-align:right; font-family:var(--font-display);
  font-size:clamp(1.02rem,3vw,1.2rem); font-weight:700; color:var(--brand-ink);
}
.faq__q .pm{ flex:0 0 auto; width:26px;height:26px; border-radius:50%; border:1px solid var(--line-strong);
  display:grid; place-content:center; font-size:1.05rem; color:var(--brand-gold); transition:transform .35s var(--ease), background .35s; font-family:var(--font-body); }
.faq__q[aria-expanded="true"] .pm{ transform:rotate(135deg); background:var(--brand-gold); color:#fff; border-color:var(--brand-gold); }
.faq__a{ overflow:hidden; height:0; transition:height .4s var(--ease); border-bottom:1px solid var(--line); }
.faq__a > div{ padding:.2rem 0 1.5rem; color:var(--text-soft); max-width:62ch; }
.faq__a a{ color:var(--brand-ink); text-decoration-color:var(--brand-gold); text-underline-offset:3px; }

/* ============================================================ FORM */
.form-sec{ background:var(--brand-ink); color:var(--text-invert); }
.form-card{
  background:var(--surface); color:var(--text); border-radius:var(--r-lg);
  padding:clamp(1.35rem,4.5vw,2.6rem); box-shadow:var(--shadow-lg); margin-top:2rem;
}
.prog{ margin-bottom:1.6rem; }
.prog__bar{ height:4px; background:var(--bg-alt); border-radius:99px; overflow:hidden; }
.prog__fill{ height:100%; width:0; background:var(--brand-gold); border-radius:99px; transition:width .45s var(--ease); }
.prog__txt{ display:flex; justify-content:space-between; font-size:.82rem; color:var(--text-soft); margin-top:.55rem; }

.step{ display:none; animation:stepIn .45s var(--ease); }
.step.is-active{ display:block; }
@keyframes stepIn{ from{ opacity:0; transform:translateY(10px);} to{ opacity:1; transform:none;} }
.step h3{ font-size:1.35rem; margin-bottom:.3rem; }
.step > p.hint{ color:var(--text-soft); margin-bottom:1.4rem; font-size:.95rem; }

.opts{ display:grid; gap:.65rem; }
@media (min-width:620px){ .opts--2{ grid-template-columns:repeat(2,1fr); } }
.opt{ position:relative; }
.opt input{ position:absolute; opacity:0; inset:0; width:100%; height:100%; margin:0; cursor:pointer; }
.opt span{
  display:flex; align-items:center; gap:.75rem; padding:1rem 1.1rem;
  border:1.5px solid var(--line); border-radius:var(--r-md); background:var(--surface);
  font-weight:600; transition:border-color .25s, background .25s, transform .25s var(--ease);
}
.opt input:hover + span{ border-color:var(--line-strong); }
.opt input:checked + span{ border-color:var(--brand-gold); background:rgba(201,169,97,.09); }
.opt input:focus-visible + span{ outline:3px solid var(--brand-gold); outline-offset:2px; }
.opt .ic{ font-size:1.2rem; }

.field{ margin-bottom:1.1rem; }
.field label{ display:block; font-weight:600; font-size:.94rem; margin-bottom:.4rem; }
.field .req{ color:var(--brand-red); }
.field input,.field textarea,.field select{
  width:100%; padding:.9rem 1rem; border:1.5px solid var(--line); border-radius:var(--r-sm);
  background:var(--surface); font:inherit; color:inherit; transition:border-color .25s;
}
.field input:focus,.field textarea:focus{ border-color:var(--brand-gold); outline:none; }
.field textarea{ min-height:110px; resize:vertical; }
.field.has-error input,.field.has-error textarea{ border-color:var(--brand-red); }
.err{ display:none; color:var(--brand-red); font-size:.84rem; margin-top:.35rem; }
.field.has-error .err{ display:block; }
.grid-2{ display:grid; gap:0 1rem; }
@media (min-width:620px){ .grid-2{ grid-template-columns:1fr 1fr; } }

.step__nav{ display:flex; gap:.75rem; margin-top:1.75rem; flex-wrap:wrap; }
.step__nav .btn{ flex:1 1 auto; }
.btn--back{ background:var(--bg-alt); color:var(--text); flex:0 0 auto!important; }

.spin{ width:17px;height:17px;border-radius:50%;border:2px solid rgba(0,0,0,.2); border-top-color:currentColor; animation:spin .8s linear infinite; display:none; }
.is-loading .spin{ display:block; }
.is-loading .lbl{ opacity:.6; }
@keyframes spin{ to{ transform:rotate(360deg);} }

.done{ display:none; text-align:center; padding:1rem 0 .5rem; }
.done.is-active{ display:block; }
.done__ic{ width:72px;height:72px;margin:0 auto 1.2rem; border-radius:50%; background:rgba(201,169,97,.15);
  display:grid; place-content:center; color:var(--brand-gold); font-size:2rem; animation:pop .55s var(--ease); }
@keyframes pop{ 0%{transform:scale(.5); opacity:0;} 60%{transform:scale(1.08);} 100%{transform:scale(1); opacity:1;} }
.done h3{ font-size:1.5rem; }
.done p{ color:var(--text-soft); max-width:44ch; margin-inline:auto; }
.form-error{ display:none; background:rgba(179,64,47,.08); border:1px solid rgba(179,64,47,.3); color:var(--brand-red);
  padding:.9rem 1.1rem; border-radius:var(--r-sm); font-size:.92rem; margin-top:1rem; }
.form-error.is-on{ display:block; }

/* ============================================================ TOURS TEASER */
.tours{ background:var(--bg-alt); }
.tours__card{
  display:grid; gap:1.5rem; align-items:center; background:var(--surface);
  border:1px solid var(--line); border-radius:var(--r-lg); padding:clamp(1.5rem,4vw,2.5rem);
}
@media (min-width:800px){ .tours__card{ grid-template-columns:1fr auto; } }
.tours__card h2{ font-size:clamp(1.5rem,4vw,2.1rem); margin-bottom:.35rem; }
.tours__card p{ margin:0; color:var(--text-soft); }

/* ============================================================ FOOTER */
.ftr{ background:var(--brand-ink); color:rgba(251,250,247,.7); padding-block:clamp(3rem,7vw,4.5rem) 6.5rem; }
.ftr__top{ display:grid; gap:2rem; }
@media (min-width:780px){ .ftr__top{ grid-template-columns:1.2fr 1fr 1fr; } }
.ftr a{ color:inherit; text-decoration:none; }
.ftr a:hover{ color:var(--brand-gold); }
.ftr h4{ color:var(--text-invert); font-size:1rem; margin-bottom:.8rem; font-family:var(--font-body); letter-spacing:.04em; }
.ftr ul{ list-style:none; margin:0; padding:0; display:grid; gap:.55rem; font-size:.94rem; }
.ftr__logo{ display:flex; align-items:center; gap:.7rem; margin-bottom:.9rem; }
.ftr__logo .brandlogo img{ display:block; height:46px; width:46px; object-fit:contain;
  background:#fff; border-radius:50%; padding:3px; }
.ftr__logo b{ font-family:var(--font-display); font-size:1.15rem; color:var(--text-invert); }
.ftr__bottom{ margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.1);
  display:flex; flex-wrap:wrap; gap:.75rem 1.5rem; justify-content:space-between; font-size:.85rem; }

/* ============================================================ STICKY MOBILE CTA */
.sticky-cta{
  position:fixed; inset-block-end:0; inset-inline:0; z-index:80;
  padding:.7rem var(--pad-x) calc(.7rem + env(safe-area-inset-bottom));
  background:rgba(251,250,247,.92); backdrop-filter:blur(14px); border-top:1px solid var(--line);
  transform:translateY(110%); transition:transform .4s var(--ease);
}
.sticky-cta.is-on{ transform:translateY(0); }
@media (min-width:900px){ .sticky-cta{ display:none; } }

/* ============================================================ REVEAL */
[data-reveal]{ opacity:0; transform:translateY(22px); transition:opacity .75s var(--ease), transform .75s var(--ease); }
[data-reveal].is-in{ opacity:1; transform:none; }
[data-reveal][data-d="1"]{ transition-delay:.08s; }
[data-reveal][data-d="2"]{ transition-delay:.16s; }
[data-reveal][data-d="3"]{ transition-delay:.24s; }
[data-reveal][data-d="4"]{ transition-delay:.32s; }
@media (prefers-reduced-motion: reduce){ [data-reveal]{ opacity:1; transform:none; } }

/* התאמת שבירת שורות בכותרת ההירו */
@media (min-width:900px){ .hero h1{ max-width:19ch; } }

/* בלוק קביעת שיחה במסך התודה (קלנדלי) */
.done__book{
  margin-top:1.5rem; padding-top:1.6rem; border-top:1px solid var(--line);
  animation:stepIn .5s var(--ease) .15s both;
}
.done__book h4{ font-family:var(--font-display); font-size:1.25rem; margin-bottom:.3rem; color:var(--brand-ink); }
.done__book p{ margin-bottom:1.2rem; }
.done__book .cta-button{ background:var(--brand-gold); color:var(--brand-ink); }
.done__book .cta-button:hover{ background:var(--brand-gold-lt); }

/* סרטון אישי במסך התודה */
.done__video{
  margin-top:1.6rem; padding-top:1.5rem; border-top:1px solid var(--line);
  animation:stepIn .5s var(--ease) .1s both;
}
.done__video h4{ font-family:var(--font-display); font-size:1.12rem; margin-bottom:.25rem; color:var(--brand-ink); }
.done__video p{ margin-bottom:.9rem; font-size:.94rem; }
.done__video video{
  width:100%; max-width:420px; margin-inline:auto; border-radius:var(--r-md);
  background:#000; box-shadow:var(--shadow-md);
}
/* כשיש גם סרטון וגם כפתור — לא צריך שני קווים מפרידים */
.done__video + .done__book{ border-top:0; padding-top:1.4rem; }

/* ============================================================ CTA BUTTON — קביעת שיחה בקלנדלי
   קישור רגיל שנפתח בלשונית חדשה. בלי widget ובלי סקריפט חיצוני.
   ============================================================ */
.cta-button{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  padding:1rem 2rem; border-radius:var(--r-pill);
  border:1.5px solid var(--brand-gold); background:transparent; color:var(--brand-gold);
  font-family:var(--font-body); font-weight:700; font-size:1rem; text-decoration:none; white-space:nowrap;
  transition:transform .35s var(--ease), background .25s, color .25s, box-shadow .35s var(--ease);
}
.cta-button:hover{
  transform:translateY(-2px); background:var(--brand-gold); color:var(--brand-ink);
  box-shadow:0 10px 26px rgba(201,169,97,.35);
}
.cta-button:active{ transform:translateY(0); }
.cta-button .arrow{ transition:transform .3s var(--ease); }
.cta-button:hover .arrow{ transform:translateX(-4px); }

/* בהירו — שורה משנית מתחת לכפתורים הראשיים */
.hero__note{ margin:.95rem 0 0; font-size:.87rem; color:rgba(251,250,247,.6); }

/* רצועת ה-CTA הסופית בתחתית הדף */
.book-band{ background:var(--brand-ink); color:var(--text-invert); text-align:center; }
.book-band h2{ font-size:var(--fs-h2); margin-bottom:.5rem; }
.book-band p{ color:rgba(251,250,247,.75); max-width:52ch; margin-inline:auto; margin-bottom:1.8rem; font-size:var(--fs-lead); }

/* ============================================================ שקיפות */
.trans-p{ font-size:var(--fs-lead); color:var(--text-soft); }
.trans-p strong{ color:var(--brand-gold); font-weight:700; }

/* מי משלם לנו — נקודת האמון החזקה ביותר בדף */
.paywho{
  margin-top:clamp(1.75rem,4vw,2.5rem);
  background:var(--surface); border:1px solid var(--line);
  border-inline-start:3px solid var(--brand-gold);
  border-radius:var(--r-md); padding:clamp(1.3rem,3.5vw,1.9rem);
  box-shadow:var(--shadow-sm);
}
.paywho h3{ font-size:1.15rem; margin-bottom:.8rem; color:var(--brand-ink); }
.paywho p{ margin:0 0 .6rem; color:var(--text-soft); font-size:1rem; }
.paywho p:last-child{ margin-bottom:0; }
.paywho strong{ color:var(--brand-ink); font-weight:700; }