/* לשם 770 — חלון יצירת קשר | סימולטור + השארת פרטים | כל העיצוב תחום תחת .l770c */
.l770c {
  --l770c-navy:#0c1722;
  --l770c-navy2:#172735;
  --l770c-gold:#d8b57a;
  --l770c-gold-light:#ecd3a4;
  --l770c-gold-dark:#88683a;
  --l770c-cream:#f8f6f1;
  --l770c-ivory:#fffdfa;
  --l770c-text:#172735;
  --l770c-muted:#63707a;
  --l770c-line:#e8e1d7;
  --l770c-ease:cubic-bezier(.22,.61,.36,1);
  position:fixed;
  z-index:99980;
  bottom:calc(22px + env(safe-area-inset-bottom,0px));
  right:22px;
  left:auto;
  direction:rtl;
  text-align:right;
  font:400 15px/1.6 'Heebo',Arial,sans-serif !important;
  color:var(--l770c-text);
  -webkit-font-smoothing:antialiased;
}
.l770c.l770c--left { right:auto;left:22px }
.l770c *, .l770c *::before, .l770c *::after { box-sizing:border-box }
.l770c [hidden] { display:none !important }
.l770c button, .l770c input, .l770c a { font-family:inherit !important;letter-spacing:normal !important;text-transform:none !important }
.l770c a { text-decoration:none !important }
.l770c button { cursor:pointer; margin:0 !important }
.l770c button:disabled { cursor:wait;opacity:.7 }
.l770c svg { display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round }
.l770c a:focus-visible, .l770c button:focus-visible, .l770c input:focus-visible {
  outline:3px solid var(--l770c-gold) !important;
  outline-offset:3px !important;
}

/* Launcher */
.l770c .l770c-launcher {
  appearance:none;
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  min-height:54px !important;
  padding:0 20px !important;
  border:1px solid var(--l770c-gold) !important;
  border-radius:12px !important;
  background:var(--l770c-navy) !important;
  color:var(--l770c-ivory) !important;
  font-size:14px !important;font-weight:700 !important;line-height:1.2 !important;
  box-shadow:0 10px 32px rgba(12,23,34,.24),inset 0 0 0 1px rgba(255,255,255,.035) !important;
  transition:transform .22s var(--l770c-ease),background .22s ease,box-shadow .22s ease;
}
.l770c .l770c-launcher:hover {
  transform:translateY(-2px);
  background:var(--l770c-navy2) !important;
  box-shadow:0 14px 34px rgba(12,23,34,.28) !important;
}
.l770c-launcher>svg { color:var(--l770c-gold);width:20px;height:20px }
.l770c-launcher-arrow { color:var(--l770c-gold);font-size:21px;line-height:1 }

/* Popover */
.l770c-panel {
  position:absolute;bottom:calc(100% + 13px);right:0;left:auto;
  display:flex;flex-direction:column;
  width:405px;max-width:calc(100vw - 28px);
  max-height:min(730px,calc(100dvh - 110px));
  overflow:hidden;
  background:var(--l770c-ivory);
  border:1px solid rgba(216,181,122,.5);
  border-radius:16px;
  box-shadow:0 26px 85px rgba(9,21,34,.3);
  animation:l770c-enter .24s var(--l770c-ease);
}
.l770c--left .l770c-panel { left:0;right:auto }

.l770c-header {
  flex:0 0 auto;
  position:relative;
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  padding:16px 19px 15px;
  background:linear-gradient(128deg,#0b1825 0%,#182c3e 100%);
  border-bottom:2px solid var(--l770c-gold);
  overflow:hidden;
}
.l770c-header::before { content:"";position:absolute;z-index:0;width:170px;height:170px;border:1px solid rgba(216,181,122,.1);border-radius:50%;left:-80px;top:-110px;pointer-events:none }
.l770c-brand { min-width:0;position:relative;z-index:1 }
.l770c-brand-logo {min-height:42px;display:flex;align-items:center;color:var(--l770c-gold-light)}
.l770c-brand-logo img { display:block;width:auto !important;height:auto !important;max-width:160px !important;max-height:54px !important;object-fit:contain !important;object-position:right center !important;border:0 !important;border-radius:0 !important;margin:0 !important;box-shadow:none !important }
.l770c-brand-logo strong {font-weight:700;font-size:19px;color:var(--l770c-gold-light)}
.l770c-brand>span {display:block;margin-top:3px;font-size:11px;color:#c6d0d7;font-weight:400}
.l770c .l770c-close {
  position:relative;z-index:1;display:grid;place-items:center;flex:0 0 35px;
  width:35px;height:35px;min-height:35px !important;padding:0 !important;
  border:1px solid rgba(236,211,164,.34) !important;border-radius:10px !important;
  color:#fff !important;background:rgba(255,255,255,.035) !important;
  transition:background .2s,color .2s;
}
.l770c-close svg {width:17px;height:17px}
.l770c .l770c-close:hover {background:rgba(236,211,164,.13) !important;color:var(--l770c-gold-light) !important}

.l770c-scroll { flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:21px 21px 18px;background:var(--l770c-ivory) }
.l770c-intro {margin-bottom:20px}
.l770c-kicker {display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--l770c-gold-dark);font-size:11px;font-weight:700}
.l770c-kicker>span {width:19px;height:1px;background:var(--l770c-gold-dark)}
.l770c .l770c-intro h2 {
  margin:0 0 8px !important;padding:0 !important;
  font-family:inherit !important;font-size:25px !important;font-weight:800 !important;
  line-height:1.28 !important;color:var(--l770c-navy) !important;letter-spacing:-.025em !important;
}
.l770c .l770c-intro p {margin:0 !important;padding:0 !important;font-size:13px !important;line-height:1.8 !important;color:#4b5864 !important}
.l770c .l770c-prompt {margin:0 0 10px !important;color:var(--l770c-navy) !important;font-size:13px !important;font-weight:700 !important}

/* Action links and buttons */
.l770c-actions {display:grid;gap:9px}
.l770c .l770c-action {
  width:100%;min-height:67px !important;
  display:flex;align-items:center;gap:11px;
  padding:10px 12px !important;
  background:#fff !important;
  color:var(--l770c-navy) !important;
  border:1px solid #e1e3e2 !important;border-radius:11px !important;
  box-shadow:0 2px 8px rgba(14,32,46,.025) !important;
  text-align:right !important;line-height:1.35 !important;
  transition:transform .22s var(--l770c-ease),border-color .22s,background .22s,box-shadow .22s;
}
.l770c .l770c-action:hover {
  transform:translateY(-1px);
  background:#fffdf8 !important;border-color:#ccb48d !important;
  box-shadow:0 6px 15px rgba(14,32,46,.055) !important;
}
.l770c .l770c-action--primary {
  min-height:76px !important;
  color:#fff !important;
  background:linear-gradient(120deg,#0b1825,#1b3246) !important;
  border-color:#37516a !important;
}
.l770c .l770c-action--primary:hover {background:linear-gradient(120deg,#112438,#1f3a50) !important;border-color:#b99a66 !important}
.l770c-action-symbol {width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:10px;background:#f5f1ea;color:var(--l770c-gold-dark)}
.l770c-action--primary .l770c-action-symbol {color:var(--l770c-gold-light);background:rgba(216,181,122,.12);border:1px solid rgba(216,181,122,.22)}
.l770c-action-symbol svg {width:21px;height:21px}
.l770c-action-copy {min-width:0;flex:1;display:block}
.l770c .l770c-action-copy strong {display:block;color:inherit !important;font-family:inherit !important;font-size:13.7px !important;font-weight:700 !important;line-height:1.5 !important}
.l770c .l770c-action-copy small {display:block;margin-top:2px;color:#67737b;font-size:11px !important;font-weight:400 !important;line-height:1.5 !important}
.l770c .l770c-action--primary .l770c-action-copy small {color:#d4dbe1}
.l770c-action-arrow {font-size:20px;color:var(--l770c-gold-dark)}
.l770c-action--primary .l770c-action-arrow {color:var(--l770c-gold-light)}

/* Callback form */
.l770c-callout {display:flex;flex-direction:column;gap:5px;background:#f6f1e9;border-right:3px solid var(--l770c-gold);padding:12px 14px;border-radius:7px;margin:3px 0 15px}
.l770c-callout strong {font-size:14px;color:var(--l770c-navy);font-weight:700}
.l770c-callout span {color:#596571;font-size:12px;line-height:1.6}
.l770c .l770c-form>label:not(.l770c-consent) {display:block;margin:14px 0 5px !important;font-size:12px !important;font-weight:700 !important;color:#273b4b !important;line-height:1.5}
.l770c .l770c-form label span {font-weight:400;color:#697580}
.l770c .l770c-form label .l770c-required {color:#9f6536}
.l770c .l770c-form>input {
  display:block;width:100%;height:47px !important;min-height:47px !important;
  margin:0 !important;padding:10px 13px !important;
  border-radius:8px !important;border:1px solid #d8dde0 !important;
  background:#fff !important;color:var(--l770c-navy) !important;
  font-family:inherit !important;font-size:16px !important;font-weight:400 !important;
  box-shadow:none !important;outline-offset:2px;
}
.l770c .l770c-form>input:focus {border-color:#a78959 !important;box-shadow:0 0 0 3px rgba(216,181,122,.13) !important}
.l770c .l770c-form>input::placeholder {color:#88949b}
.l770c .l770c-consent {display:flex !important;align-items:flex-start;gap:9px;margin:15px 0 0 !important;line-height:1.55 !important;color:#52616c !important;font-size:11px !important;font-weight:400 !important;cursor:pointer}
.l770c-consent input {appearance:auto !important;flex:0 0 17px;width:17px !important;height:17px !important;margin:1px 0 0 !important;padding:0 !important;accent-color:var(--l770c-navy);box-shadow:none !important}
.l770c .l770c-consent>span {font-size:11px;line-height:1.7;color:#52616c}
.l770c .l770c-consent a {color:#825f32 !important;text-decoration:underline !important;text-underline-offset:3px}
.l770c .l770c-error {margin:13px 0 0 !important;padding:9px 11px !important;border-radius:8px;color:#8b2a21 !important;border:1px solid #e9b9b1;background:#fff3f1;font-size:12px !important;line-height:1.6 !important}
.l770c-honeypot {position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}
.l770c .l770c-submit {
  display:flex;align-items:center;justify-content:center;gap:14px;
  width:100%;min-height:49px !important;padding:11px 20px !important;
  margin-top:18px !important;border:1px solid #e0c28a !important;border-radius:9px !important;
  background:linear-gradient(180deg,#ecd09e,#d8b57a) !important;
  color:var(--l770c-navy) !important;font-family:inherit !important;font-size:14px !important;font-weight:800 !important;line-height:1.2 !important;
  transition:filter .2s,transform .2s;
}
.l770c .l770c-submit:hover {filter:brightness(1.04);transform:translateY(-1px)}
.l770c .l770c-back {display:block;background:transparent !important;border:0 !important;border-radius:0 !important;color:#64717b !important;font-size:12px !important;font-weight:500 !important;padding:9px 2px !important;margin:12px auto 0 !important;line-height:1.6 !important}
.l770c .l770c-back:hover {color:var(--l770c-navy) !important;text-decoration:underline !important}

.l770c-success {text-align:center;padding:25px 0 15px}
.l770c-success-icon {display:grid;place-items:center;margin:0 auto 14px;width:52px;height:52px;border:1px solid rgba(216,181,122,.65);border-radius:50%;background:#f7f0e3;color:#7a612e;font-size:25px}
.l770c .l770c-success h3 {margin:0 0 6px !important;padding:0 !important;color:var(--l770c-navy) !important;font:800 20px/1.4 'Heebo',Arial,sans-serif !important}
.l770c .l770c-success p {margin:0 !important;padding:0 !important;font-size:13px !important;line-height:1.8 !important;color:#52616c !important}

.l770c-footer {display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;flex:0 0 auto;padding:11px 17px;border-top:1px solid var(--l770c-line);background:#f8f6f1;font-size:10px;line-height:1.45;color:#61717d}

@keyframes l770c-enter { from {opacity:0;transform:translateY(7px) scale(.99)} to {opacity:1;transform:none} }

@media (max-width:767px) {
  .l770c {right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  .l770c.l770c--right {right:14px;left:auto}
  .l770c.l770c--left {left:14px;right:auto}
  .l770c-panel {max-height:calc(100dvh - 100px);max-width:calc(100vw - 28px);width:390px;bottom:calc(100% + 11px)}
  .l770c-scroll {padding:18px 17px 15px}
  .l770c-header {padding:13px 16px 12px}
  .l770c .l770c-launcher {min-height:49px !important;padding:0 17px !important;font-size:13px !important;gap:8px}
  .l770c .l770c-intro h2 {font-size:22px !important}
  .l770c-intro {margin-bottom:15px}
  .l770c .l770c-action {min-height:62px !important}
  .l770c .l770c-action--primary {min-height:68px !important}
}
@media (max-width:360px) {
  .l770c {right:9px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}
  .l770c.l770c--right {right:9px;left:auto}
  .l770c.l770c--left {left:9px;right:auto}
  .l770c-panel {max-width:calc(100vw - 18px)}
  .l770c .l770c-launcher {min-height:46px !important;padding:0 13px !important}
}
@media (prefers-reduced-motion:reduce) {
  .l770c *, .l770c *::before, .l770c *::after {animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

/* ===== סימולטור בתוך חלונית הקשר | v1.1.1 ===== */
.l770c.l770c--sim .l770c-panel {
  width: min(756px, calc(100vw - 48px));
  max-height: min(820px, calc(100dvh - 100px));
}
.l770c.l770c--sim .l770c-intro { display: none; }
.l770c.l770c--sim .l770c-scroll {
  padding: 0;
  background: #F8F6F1;
  overscroll-behavior: contain;
}
.l770c-sim-toolbar {
  position: sticky; top: 0; z-index: 5;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 12px 19px;
  background: #f5eee3;
  border-bottom: 1px solid #e6d6be;
}
.l770c-sim-toolbar > div { display:flex;flex-wrap:wrap;gap:4px 11px;align-items:baseline; }
.l770c-sim-toolbar strong { font-size:14px;font-weight:800;color:#0C1722; }
.l770c-sim-toolbar span { font-size:12px;color:#52616e; }
.l770c .l770c-sim-back {
  flex:0 0 auto; padding:6px 9px !important; min-height:34px !important;
  border:1px solid #b89c70 !important; border-radius:8px !important;
  background:#fff !important; color:#4d3b22 !important;
  font-size:12px !important; font-weight:700 !important;
}
.l770c-step--simulator .l770sim {
  --l770sim-navy: #0C1722;
  --l770sim-navy-2: #172735;
  --l770sim-ink: #0C1722;
  --l770sim-gold: #B68C4F;
  --l770sim-gold-2: #D8B57A;
  --l770sim-cream: #F8F6F1;
  --l770sim-paper: #fffdfa;
  --l770sim-radius: 0px;
  max-width:100%; margin:0;
}
.l770c-step--simulator .l770sim__card {
  border:0;border-radius:0;
  background:#fffdfa;
  box-shadow:none;
}
.l770c-step--simulator .l770sim__card::before {display:none;}
.l770c-step--simulator .l770sim__head {padding:20px 24px 0;}
.l770c-step--simulator .l770sim__body {padding:18px 24px 24px;}
.l770c-step--simulator .l770sim__title,
.l770c-step--simulator .l770sim__q {font-size:clamp(21px,2.4vw,25px) !important;line-height:1.4 !important;}
.l770c-step--simulator .l770sim__sub {font-size:14px !important;line-height:1.7 !important;}
.l770c-step--simulator .l770sim__dot {width:18px;height:5px;}
.l770c-step--simulator .l770sim__dot.is-current {width:26px;}
.l770c-step--simulator .l770sim__input {height:48px !important;min-height:48px !important;border-radius:9px !important;}
.l770c-step--simulator .l770sim__opt {min-height:52px !important;border-radius:10px !important;font-size:15px !important;}
.l770c-step--simulator .l770sim__btn {border-radius:9px !important;}
.l770c-sim-legal {margin:0 !important;padding:13px 23px 16px !important;border-top:1px solid #e7e0d7;font-size:11px !important;line-height:1.7 !important;color:#5f6b74 !important;background:#f8f6f1;}
@media(max-width:767px){
  .l770c.l770c--sim .l770c-panel {
    position:fixed;
    top:calc(10px + env(safe-area-inset-top,0px));
    bottom:calc(10px + env(safe-area-inset-bottom,0px));
    left:10px;right:10px;
    width:auto; max-width:none; max-height:none;
    border-radius:14px;
  }
  .l770c.l770c--sim .l770c-header {padding:10px 15px;}
  .l770c.l770c--sim .l770c-brand-logo {min-height:28px;}
  .l770c.l770c--sim .l770c-brand-logo img {max-height:39px !important;}
  .l770c-step--simulator .l770sim__head {padding:16px 16px 0;}
  .l770c-step--simulator .l770sim__body {padding:14px 16px 20px;}
  .l770c-sim-toolbar {padding:10px 15px;}
  .l770c.l770c--sim .l770c-footer {padding:9px 12px;}
  .l770c-step--simulator .l770sim__q {font-size:20px !important;}
}
@media(max-height:580px){
  .l770c.l770c--sim .l770c-panel {
    max-height:calc(100dvh - 14px);
  }
}
