/* ═══ אבטה נדל"ן · האתר v5 · "בין ערביים" · 10.11 ═══
   השלד: קו הגבעות, הבתים המאוירים ואור הערב. כל חלון הוא משפחה.
   מובייל קודם, RTL, יום ולילה. תנועה רק ב-transform ו-opacity.
   ⭐ הלוגו מוגדר רק כאן, בבלוק "הלוגו" למטה: --logo-mask, --logo-ratio, --logo-plate, --logo-ink. */

/* ── הגופן "אבטה" (Abta, גרסה 2, על בסיס Noto Sans Hebrew, OFL) · כותרות ולוגו ──
   ⭐ להחלפה בשורה אחת: --font-head למטה. (ינון עוד לא אישר את הגופן.) */
@font-face{font-family:"Abta";src:url("fonts/Abta-VF.woff2") format("woff2-variations"),url("fonts/Abta-VF.woff2") format("woff2");font-weight:100 900;font-stretch:62.5% 100%;font-display:swap}
:root{--font-head:"Abta"}
/* גופני הגוף מקומיים (@fontsource 5.x, OFL), חתוכים לעברית ולטינית ב-unicode-range. ⛔ בלי Google Fonts. */
@font-face{font-family:"Assistant";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/assistant/assistant-hebrew-400-normal.woff2") format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Assistant";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/assistant/assistant-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Assistant";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/assistant/assistant-hebrew-500-normal.woff2") format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Assistant";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/assistant/assistant-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Assistant";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/assistant/assistant-hebrew-600-normal.woff2") format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Assistant";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/assistant/assistant-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Assistant";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/assistant/assistant-hebrew-700-normal.woff2") format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Assistant";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/assistant/assistant-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/rubik/rubik-hebrew-400-normal.woff2") format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Rubik";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/rubik/rubik-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/rubik/rubik-hebrew-500-normal.woff2") format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Rubik";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/rubik/rubik-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/rubik/rubik-hebrew-600-normal.woff2") format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Rubik";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/rubik/rubik-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/rubik/rubik-hebrew-700-normal.woff2") format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Rubik";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/rubik/rubik-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}   /* ⭐ השורה האחת: "Abta" ⟵ "Rubik" כדי לחזור לגופן הקודם */

/* ── הלוגו · המקום היחיד להחלפה ─────────────────────────
   הצורה: assets/brand/logo.svg (שני סמלים: head לראש הדף, wide לפתיחה ולתחתית).
   כאן רק הצבעים והיחס. לגופן החדש "אבטה": מחליפים את הנתיבים ב-logo.svg ומעדכנים את היחסים. */
:root{
  --logo-ratio-head:452/202; --logo-ratio-wide:500/276;
  --lg-word:#4F6C73; --lg-roof:#E2AE2C; --lg-leaf:#8BA64A; --lg-sub:#5B7FA6;
  --font-logo:var(--font-head),"Rubik",sans-serif;
  --lg-text-d:inline; --lg-path-d:none;   /* ⭐ שורה אחת: "none; --lg-path-d:inline" מחזיר את הלוגו בקווי Suez One */
}

/* ── צבעים · יום · בז', כחלחל מאובק, צהוב חרדל וכחול רך. סגול וירוק רק כמבטא ── */
:root{
  --bg:#FAF6EC; --bg-2:#F2EBDA; --paper:#FFFDF7; --sand:#EFE6D0; --tealtint:#E7EEEE;
  --ink:#24292D; --muted:#525B5F; --line:#DDD4BE; --line-2:#C7BDA4;
  --head:#4A6E95; --teal:#7599A1; --teal-d:#4F6C73; --blue:#5B7FA6; --mustard:#F5C842;
  --plum:#3D2444; --lime:#BADA55; --amber:#E9A05A; --glow:#F7C35A;
  --link:#3C6087; --wa:#0B6B3A; --draw:#2F3437; --on-btn:#FFFDF7;
  --head-bg:rgba(250,246,236,.9);
  --shadow:0 1px 2px rgba(36,41,45,.06),0 14px 34px rgba(36,41,45,.10);
  --r:22px; --max:1180px;
  --font-display:var(--font-head),"Rubik","Assistant",system-ui,sans-serif;  /* ⭐ גופן הכותרות במשתנה אחד. הגופן החדש "אבטה" ייכנס כאן */
  --f-body:"Assistant","Heebo",system-ui,"Segoe UI",Arial,sans-serif;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --bar-h:0px;
  color-scheme:light;
}
/* ── לילה · כחול-אפור כהה וחמים, לא סגול. הלוגו והאיורים בהירים ── */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#161C22; --bg-2:#1D252C; --paper:#222B33; --sand:#1F272E; --tealtint:#1B262B;
  --ink:#F2EEE6; --muted:#C8CED0; --line:#334049; --line-2:#465460;
  --head:#B4CDE6; --teal:#9CC0C7; --teal-d:#9CC0C7; --blue:#A9C4E2; --link:#F5D27A; --draw:#E9E1D2; --on-btn:#161C22;
  --lg-word:#D9E8EB; --lg-roof:#F5C842; --lg-leaf:#B8D46A; --lg-sub:#B4CDE6;
  --head-bg:rgba(22,28,34,.88);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px rgba(0,0,0,.45);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#161C22; --bg-2:#1D252C; --paper:#222B33; --sand:#1F272E; --tealtint:#1B262B;
  --ink:#F2EEE6; --muted:#C8CED0; --line:#334049; --line-2:#465460;
  --head:#B4CDE6; --teal:#9CC0C7; --teal-d:#9CC0C7; --blue:#A9C4E2; --link:#F5D27A; --draw:#E9E1D2; --on-btn:#161C22;
  --lg-word:#D9E8EB; --lg-roof:#F5C842; --lg-leaf:#B8D46A; --lg-sub:#B4CDE6;
  --head-bg:rgba(22,28,34,.88);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px rgba(0,0,0,.45);
  color-scheme:dark;
}

/* ── בסיס ── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.75 var(--f-body);padding-bottom:var(--bar-h);-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto;display:block}
/* כל סרטון במסך מלא: נכנס למסך, ⛔ נחתך או גולש (ינון 10.11) */
video:fullscreen{object-fit:contain!important;width:100%!important;height:100%!important;max-width:100vw!important;max-height:100vh!important;max-height:100dvh!important;margin:auto;background:#000;border-radius:0!important;transform:none!important}
video:-webkit-full-screen{object-fit:contain!important;width:100%!important;height:100%!important;max-width:100vw!important;max-height:100vh!important;max-height:100dvh!important;margin:auto;background:#000;border-radius:0!important;transform:none!important}
a{color:var(--link);text-underline-offset:3px}
h1,h2,h3{font-family:var(--font-display);color:var(--head);line-height:1.22;margin:0 0 .5em;text-wrap:balance;letter-spacing:-.005em}
h1{font-size:clamp(32px,8.4vw,64px);font-weight:700}
h2{font-size:clamp(26px,6.2vw,42px);font-weight:600}
h3{font-size:clamp(20px,4.6vw,24px);font-weight:600}
p{margin:0 0 1em;text-wrap:pretty}
.nw{white-space:nowrap}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;inset-inline-start:12px;top:-90px;z-index:1000;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--link);outline-offset:3px;border-radius:6px}
main{display:block}
main:focus{outline:none}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 16px}
.narrow{max-width:760px}
section{padding:clamp(64px,12vw,120px) 0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 14px/1.2 var(--font-display);letter-spacing:.12em;color:var(--teal-d);margin:0 0 14px}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.lead{font-size:clamp(18px,4.4vw,21px);color:var(--muted);max-width:56ch}
.center{text-align:center}
.center .lead{margin-inline:auto}
.center .eyebrow{justify-content:center}

/* ── הלוגו (הרכיב) ── */
.lg-text{display:var(--lg-text-d)}
.lg-path{display:var(--lg-path-d)}   /* חל גם בתוך <use>, ולכן בלי סלקטור אב */
.brand-logo{display:block;width:118px;aspect-ratio:var(--logo-ratio-head);overflow:visible}
.brand-logo.wide{width:min(320px,74vw);aspect-ratio:var(--logo-ratio-wide)}
@media (min-width:1180px){.head-logo .brand-logo{width:120px}}

/* ── ראש הדף ── */
.site-head{position:sticky;top:0;z-index:60;background:var(--head-bg);-webkit-backdrop-filter:saturate(1.3) blur(10px);backdrop-filter:saturate(1.3) blur(10px);border-bottom:1px solid var(--line)}
.head-row{display:flex;align-items:center;gap:10px;min-height:66px}
.head-logo{display:block;text-decoration:none;padding:6px 0}
.head-tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line-2);background:transparent;color:var(--ink);cursor:pointer;text-decoration:none;transition:transform .16s var(--ease-out)}
.icon-btn:active{transform:scale(.96)}
.icon-btn svg{width:20px;height:20px}
.theme-btn .moon{display:none}
:root[data-theme="dark"] .theme-btn .sun{display:none}:root[data-theme="dark"] .theme-btn .moon{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-btn .sun{display:none}:root:not([data-theme="light"]) .theme-btn .moon{display:block}}
.head-wa{background:var(--wa);border-color:var(--wa);color:#fff}
.menu-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px;border-radius:999px;background:var(--teal-d);color:var(--on-btn);border:0;font:600 16px/1 var(--font-display);cursor:pointer;transition:transform .16s var(--ease-out)}
.menu-btn:active{transform:scale(.97)}
.bars{position:relative;width:16px;height:2px;background:currentColor;border-radius:2px}
.bars::before,.bars::after{content:"";position:absolute;inset-inline:0;height:2px;background:currentColor;border-radius:2px;transition:transform .2s var(--ease-out)}
.bars::before{top:-5px}.bars::after{top:5px}
.menu-btn[aria-expanded="true"] .bars{background:transparent}
.menu-btn[aria-expanded="true"] .bars::before{transform:translateY(5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .bars::after{transform:translateY(-5px) rotate(-45deg)}

/* התפריט · בטלפון גיליון מלא, במחשב שורה */
.site-nav{position:fixed;inset:66px 0 0;z-index:59;background:var(--bg);overflow:auto;padding:12px 16px calc(32px + var(--bar-h));visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out),visibility 0s .22s}
.site-nav.open{visibility:visible;opacity:1;transform:none;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}
.nav-list{list-style:none;margin:0;padding:0}
.nav-list>li{border-bottom:1px solid var(--line)}
.nav-list a,.nav-list .sub-btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:8px 2px;color:var(--ink);text-decoration:none;font:500 21px/1.2 var(--font-display);background:none;border:0;cursor:pointer;text-align:start}
.nav-list a[aria-current="page"]{color:var(--teal-d)}
.nav-list a[aria-current="page"]::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--mustard);box-shadow:0 0 0 3px rgba(245,200,66,.35)}
.caret{width:9px;height:9px;border-inline-start:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s var(--ease-out)}
.sub-btn[aria-expanded="true"] .caret{transform:rotate(135deg)}
.sub{list-style:none;margin:0;padding:0 14px 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sub[hidden]{display:none}
.sub a{min-height:48px;font-size:17px;justify-content:center;border-radius:14px;background:var(--bg-2);padding:10px}
.nav-global a{color:var(--ink)}
.nav-global a>span:first-child{font-size:.86em}
.ng-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(180deg,#efd8a8,#d0aa6d);box-shadow:0 0 0 3px rgba(26,54,84,.85)}
.nav-extra{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
@media (min-width:1180px){
  .ng-long{display:none}
  .nav-list a,.nav-list .sub-btn{white-space:nowrap}
  .menu-btn{display:none}
  .site-nav{position:static;inset:auto;visibility:visible;opacity:1;transform:none;background:none;overflow:visible;padding:0;margin-inline-start:20px}
  .nav-list{display:flex;align-items:center;gap:2px}
  .nav-list>li{border:0;position:relative}
  .nav-list a,.nav-list .sub-btn{font-size:15.5px;min-height:44px;padding:6px 9px;border-radius:999px;gap:6px}
  .nav-list a:hover,.nav-list .sub-btn:hover{background:var(--bg-2)}
  .nav-list a[aria-current="page"]::after{display:none}
  .nav-list a[aria-current="page"]{background:var(--bg-2)}
  .sub{position:absolute;inset-inline-start:0;top:calc(100% + 6px);display:block;min-width:230px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px}
  .sub a{justify-content:flex-start;background:none;min-height:44px;font-size:16px}
  .sub a:hover{background:var(--bg-2)}
  .nav-extra,.nav-only-m{display:none}
  .head-tools{margin-inline-start:12px}
}

/* ── כפתורים ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 24px;border-radius:999px;font:600 17px/1.2 var(--font-display);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .16s var(--ease-out),background-color .2s,box-shadow .2s}
.btn:active{transform:scale(.97)}
.btn svg{width:22px;height:22px;flex:none}
.btn-primary{background:var(--teal-d);color:var(--on-btn)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-wa{background:var(--wa);color:#fff}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-sun{background:var(--mustard);color:#2A2210}
.textlink{font-weight:700;color:var(--link);text-decoration:underline;text-decoration-thickness:1.5px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* ── כותרת עמוד פנימי · קו הגבעות הקטן ── */
.page-hero{position:relative;padding:clamp(40px,10vw,84px) 0 0;overflow:hidden;background:linear-gradient(180deg,var(--bg-2),var(--bg))}
.page-hero h1{font-size:clamp(30px,7.6vw,56px);max-width:18ch}
.page-hero .lead{margin-bottom:0}
.ridge{display:block;width:100%;height:auto;margin-top:clamp(18px,5vw,36px);color:var(--draw)}
.ridge .h-far{fill:#C9D5B4}.ridge .h-near{fill:#9DB68E}
.ridge .wall{fill:#F7F1E3}.ridge .win{fill:#F7C35A}
:root[data-theme="dark"] .ridge .h-far{fill:#2B3843}:root[data-theme="dark"] .ridge .h-near{fill:#232E37}:root[data-theme="dark"] .ridge .wall{fill:#303B45}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ridge .h-far{fill:#2B3843}:root:not([data-theme="light"]) .ridge .h-near{fill:#232E37}:root:not([data-theme="light"]) .ridge .wall{fill:#303B45}}
.crumbs{font-size:15px;color:var(--muted);margin:0 0 10px}
.crumbs a{color:var(--muted)}

/* ── תוכן כללי ── */
.content{padding-top:clamp(32px,7vw,64px);padding-bottom:clamp(48px,10vw,96px)}
.content.article{max-width:760px}
.content.article h2{margin-top:1.4em}
.content.article ul,.content.article ol{padding-inline-start:1.2em}
.content.article li{margin-bottom:.5em}
.content.article .photo{margin:0 0 28px}
.content.article .photo img{border-radius:var(--r)}
.links-list{list-style:none;padding:0!important;display:grid;gap:10px}
.links-list a{display:flex;align-items:center;min-height:52px;padding:12px 18px;border:1px solid var(--line);border-radius:16px;background:var(--paper);text-decoration:none;color:var(--ink);font-weight:600}
.links-list a:hover{border-color:var(--teal-d)}

/* ── נכסים ── */
.listing{display:grid;gap:clamp(28px,6vw,48px)}
.prop{display:grid;gap:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.prop .photo{margin:0}
.prop .photo img{width:100%;aspect-ratio:16/10;object-fit:cover}
.prop-body{padding:22px 20px 24px}
.prop-body h2{font-size:clamp(22px,5.4vw,28px);margin:0 0 .5em}
.prop-body p{color:var(--muted)}
.facts{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.facts li{font-size:15px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--bg-2);color:var(--ink)}
.prop .cta{margin:20px 0 0}
.prop.sold-mark .prop-body h2::after,.prop .tag-sold{display:inline-block}
.tag{display:inline-block;font:600 13px/1 var(--font-display);letter-spacing:.06em;padding:7px 10px;border-radius:999px;background:var(--mustard);color:#2A1E0C;margin-inline-end:8px;vertical-align:middle}
.tag.done{background:#B3261E;color:#fff;font-weight:700}  /* ינון 10.11: נמכר באדום, בולט */
@media (min-width:900px){
  .prop{grid-template-columns:1.25fr 1fr}
  .prop-body{padding:32px}
}
/* גלריה · גלילה אופקית עם כפתורים */
.gallery{position:relative;background:var(--bg-2)}
.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0;padding:0;list-style:none;scrollbar-width:none;overscroll-behavior-x:contain}
.track::-webkit-scrollbar{display:none}
.track li{flex:0 0 100%;scroll-snap-align:center}
.track img{width:100%;aspect-ratio:16/10;object-fit:cover}
.g-ctrl{position:absolute;inset-inline:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.g-ctrl button{pointer-events:auto;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,253,246,.92);color:#211A26;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.18);transition:transform .16s var(--ease-out)}
.g-ctrl button:active{transform:scale(.94)}
/* 10.11 · ינון: "משהו מוזר באזור הריק ואיפה שהחיצים... עדיף שהם יהיו על התמונה" · "החיצים צריכים להיות הפוכים"
   במחשב התמונה ממלאת את כל גובה הכרטיס, החיצים באמצע התמונה בצדדים, והמונה למטה. אותם חיצים כמו בהמלצות. */
.g-ctrl button{display:grid;place-items:center;font-size:0}
.gallery .g-count{position:absolute;bottom:14px;left:50%;transform:translateX(-50%)}
.g-ctrl{position:static;transform:none}
.g-ctrl button{position:absolute;top:50%;transform:translateY(-50%);z-index:2}
.g-ctrl button:active{transform:translateY(-50%) scale(.94)}
.g-ctrl .g-prev{inset-inline-start:12px}
.g-ctrl .g-next{inset-inline-end:12px}
@media (min-width:900px){
  .prop .gallery{min-height:440px}
  .prop .gallery .track{position:absolute;inset:0}
  .prop .gallery .track li{height:100%}
  .prop .gallery .track img{height:100%;aspect-ratio:auto}
}
.g-count{direction:ltr;unicode-bidi:isolate;pointer-events:none;font:600 14px/1 var(--font-display);color:#fff;background:rgba(33,26,38,.6);padding:7px 12px;border-radius:999px}

/* ── כרטיסי שער (יישובים, מדריכים) ── */
.tiles{display:grid;gap:14px;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}
.tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;border-radius:var(--r);overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;transition:transform .2s var(--ease-out)}
.tile:active{transform:scale(.98)}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,var(--tc,#3D2444) 92%)}
.tile b{font:700 clamp(22px,5.6vw,30px)/1.05 var(--font-display);padding:0 16px}
.tile span{font-size:15px;padding:4px 16px 16px;opacity:.95}
.tile.yellow{color:#2A1E0C}
@media (min-width:900px){.tiles{grid-template-columns:repeat(4,1fr)}.tile{min-height:300px}}
.guides{display:grid;gap:14px;list-style:none;margin:0;padding:0}
.guide{display:block;height:100%;padding:22px 20px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .2s var(--ease-out),border-color .2s}
.guide:hover{border-color:var(--teal-d);transform:translateY(-2px)}
.guide h3{margin:0 0 6px}
.guide p{margin:0;color:var(--muted);font-size:16px}
.guide .k{font:600 13px/1 var(--font-display);letter-spacing:.1em;color:var(--teal-d);margin-bottom:12px;display:block}
@media (min-width:760px){.guides{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.guides.four{grid-template-columns:repeat(4,1fr)}}

/* ── ההמלצות ── */
.rv-grid{list-style:none;margin:0;padding:0;columns:1;column-gap:16px}
@media (min-width:640px){.rv-grid{columns:2}}
@media (min-width:1100px){.rv-grid{columns:3}}
.rv{break-inside:avoid;margin:0 0 16px}
.rv-card{display:block;background:#fff;border-radius:16px;padding:12px 12px 10px;text-decoration:none;color:#1c1e21;box-shadow:var(--shadow);transform:rotate(var(--r,0deg));transition:transform .2s var(--ease-out)}
.rv-card:hover{transform:rotate(0) translateY(-2px)}
.rv-top{display:flex;align-items:center;gap:8px;font-size:13px;color:#65676b;margin-bottom:8px}
.rv-top svg{width:18px;height:18px;color:#1877F2}
.rv-top b{color:#1c1e21;font-weight:700}
.rv-card img{width:100%;border-radius:8px}
.rv-name{display:block;margin-top:8px;font:600 15px/1.2 var(--font-display);color:#3C6087}
.rv-dialog{border:0;padding:0;width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.4)}
.rv-dialog::backdrop{background:rgba(18,14,24,.62)}
.rv-dialog[open]{animation:dlg .26s var(--ease-out)}
@keyframes dlg{from{opacity:0;transform:translateY(10px) scale(.98)}}
.rvd-in{padding:22px 18px 24px;position:relative}
.rvd-close{position:absolute;top:10px;inset-inline-end:10px;width:44px;height:44px;border-radius:50%;border:0;background:var(--bg-2);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.rvd-k{font:600 14px/1.3 var(--font-display);color:var(--teal-d);margin:0 0 14px;padding-inline-end:48px}
.rvd-shot{background:#fff;border-radius:12px;padding:10px;overflow:auto}
.rvd-shot img{width:100%;max-width:var(--nw,680px)}
.rvd-q{margin:18px 0 0}
.rvd-q blockquote{margin:0;font-size:18px;line-height:1.7}
.rvd-q figcaption{margin-top:8px;font:600 16px var(--font-display);color:var(--head)}

/* ── פס יצירת הקשר בתחתית כל עמוד ── */
.contact-band{background:#3F5F67;color:#F4F8F8;padding:clamp(56px,10vw,96px) 0;position:relative;overflow:hidden}
:root[data-theme="dark"] .contact-band{background:#1E2A31}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .contact-band{background:#1E2A31}}
.eyebrow.on-dark{color:#F5D27A}
.contact-band h2{color:#fff}
.contact-band .lead{color:#DCE7E8}
.cb-grid{display:grid;gap:32px}
@media (min-width:900px){.cb-grid{grid-template-columns:1fr 1fr;align-items:start}}
.phones{list-style:none;margin:20px 0;padding:0;display:grid;gap:2px}
.phones li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.phones .who{font:600 18px var(--font-display)}
.phones a{color:#FFE7A8;font-weight:700;font-size:19px;text-decoration:none}
.addr{color:#DCE7E8}
.addr a{color:#FFE7A8}

/* ── טופס ── */
.form{background:var(--paper);color:var(--ink);border-radius:var(--r);padding:24px 20px;box-shadow:var(--shadow);display:grid;gap:14px}
.form h3,.form .form-h{margin:0}
.form .form-h{font-size:clamp(20px,4.6vw,24px)}
.field{display:grid;gap:6px}
.field label{font-weight:700;font-size:16px}
.req{font-weight:400;color:var(--muted);font-size:14px}
.field input,.field select,.field textarea{width:100%;min-height:52px;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--bg);color:var(--ink);font:inherit;font-size:17px}
.field textarea{min-height:96px}
.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--teal);outline-offset:1px;border-color:var(--teal)}
.err{color:#A1262F;font-size:15px;margin:0}
:root[data-theme="dark"] .err{color:#FFB4B4}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .err{color:#FFB4B4}}
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;padding:0;border:0}
.status{margin:0;font-weight:600;min-height:1em}
.form small{color:var(--muted);font-size:14px}

/* ── התחתית ── */
.site-foot{background:var(--bg-2);padding:48px 0 32px;font-size:16px;border-top:1px solid var(--line)}
.foot-grid{display:grid;gap:28px}
@media (min-width:900px){.foot-grid{grid-template-columns:1.2fr 1fr 1fr 1fr}}
.foot-grid h2{font-size:16px;letter-spacing:.08em;color:var(--teal-d);margin:0 0 10px;font-weight:600}
.foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.foot-grid a{color:var(--ink);text-decoration:none;display:inline-flex;min-height:40px;align-items:center}
.foot-grid a:hover{text-decoration:underline}
.foot-note{margin:28px 0 0;color:var(--muted);font-size:15px}
.foot-global{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border-radius:16px;background:linear-gradient(170deg,#1A3654,#0E2236);color:#EAF0F6!important;text-decoration:none!important;margin-top:12px}
.foot-global img{width:120px}

/* ── כפתור קבוע דק בתחתית · טלפון בלבד ── */
.bar{position:fixed;inset-inline:0;bottom:0;z-index:55;display:flex;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--head-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
.bar a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:999px;font:600 16px/1 var(--font-display);text-decoration:none;transition:transform .16s var(--ease-out)}
.bar a:active{transform:scale(.97)}
.bar svg{width:20px;height:20px}
.bar .b-wa{background:var(--wa);color:#fff}
.bar .b-call{border:1.5px solid var(--line-2);color:var(--ink)}
@media (max-width:899px){:root{--bar-h:64px} body #a11y-widget{bottom:calc(76px + env(safe-area-inset-bottom))!important}}
@media (min-width:900px){.bar{display:none}}

/* ── חשיפה עדינה · התוכן תמיד גלוי, רק תזוזה קטנה ── */
.js .lift{transform:translateY(14px);transition:transform .6s var(--ease-out)}
.js .lift.in{transform:none}

/* ── מעבר רך בין דפים · רק במחשב, ונופל בשקט ── */
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:.22s var(--ease-out) both vt-out}
  ::view-transition-new(root){animation:.34s var(--ease-out) both vt-in}
  .site-head{view-transition-name:head}
}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0;transform:translateY(8px)}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .js .lift{transform:none}
}
.a11y-still .lift{transform:none!important}

/* ═══ רכיבים משותפים לכמה דפים ═══ */
.sec-h{margin-top:1.6em}
.content > .sec-h:first-child{margin-top:0}
/* אריחי היישובים · אריח צבע ואריח תמונה, שחמט כמו ב-v4 */
.places{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.place{display:grid;grid-template-columns:1fr 1fr;text-decoration:none;min-height:clamp(150px,44vw,240px)}
.places li:nth-child(even) .place .sw{order:2}
.sw{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px 18px;background:var(--c);color:var(--on,#fff)}
.sw b{font-family:var(--font-display);font-weight:400;font-size:clamp(30px,9vw,50px);line-height:1;letter-spacing:-.01em}
.sw span{margin-top:10px;font-size:15px;font-weight:600;opacity:.95}
.place .ph{overflow:hidden;position:relative}
.place .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}
.place:hover .ph img{transform:scale(1.04)}
@media (min-width:900px){.places{grid-template-columns:1fr 1fr}.places li:nth-child(even) .place .sw{order:0}.places li:nth-child(3) .place .sw,.places li:nth-child(4) .place .sw{order:2}}
/* כרטיסי בית */
.cards{display:grid;gap:18px;margin:28px 0}
@media (min-width:760px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.card figure{position:relative;margin:0}
.card figure img{width:100%;aspect-ratio:3/2;object-fit:cover}
.chip{position:absolute;top:12px;inset-inline-start:12px;display:inline-flex;align-items:center;gap:8px;background:rgba(255,253,247,.94);color:#24292D;font:600 14px/1 var(--font-display);padding:8px 12px;border-radius:999px}
.chip i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.card-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.card-body h3{margin:0}
.card-body p{margin:0;color:var(--muted);font-size:16.5px}
.card-body .textlink{margin-top:auto;padding-top:8px}
.specs{display:flex;gap:18px;margin:8px 0 0}
.specs dt{font-size:13px;color:var(--muted)}.specs dd{margin:0;font:600 17px var(--font-display)}
.price{font:600 20px var(--font-display);color:var(--ink)!important;margin-top:6px!important}
.price small{font-size:15px;color:var(--muted);font-weight:500}
.card .facts{margin-top:6px}
.note-box{margin:36px 0;padding:24px 20px;border-radius:var(--r);background:var(--tealtint);border:1px solid var(--line)}
.note-box h3{margin:0 0 6px}
.chip-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--line-2);text-decoration:none;color:var(--ink);font-weight:600;margin:0 0 8px 8px}
.other-places{padding-bottom:48px}.other-places p{margin:0 0 10px;color:var(--muted)}
.photo.illus figcaption{font-size:14px;color:var(--muted);padding:8px 14px}
.done-prop{grid-template-columns:1fr!important}
/* רחובות */
.streets{list-style:none;margin:20px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.streets li{padding:8px 14px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font:500 16px var(--font-display)}
.streets.big{margin-top:28px}
/* שלבים */
.steps{list-style:none;counter-reset:s;margin:24px 0;padding:0;display:grid;gap:14px}
.steps li{counter-increment:s;position:relative;padding-inline-start:58px;min-height:44px}
.steps li::before{content:counter(s);position:absolute;inset-inline-start:0;top:0;width:42px;height:42px;border-radius:50%;background:var(--mustard);color:#2A2210;font:600 19px/42px var(--font-display);text-align:center}
.steps b{display:block;font:600 19px var(--font-display);color:var(--head)}
.steps span{color:var(--muted)}
.ticks{padding-inline-start:1.2em}
.sell-grid{display:grid;gap:32px}
@media (min-width:900px){.sell-grid{grid-template-columns:1.1fr 1fr;align-items:start}}
.wide-photo{margin:40px 0 0}.wide-photo img{border-radius:var(--r);width:100%;aspect-ratio:21/9;object-fit:cover}
/* צוות */
.team{list-style:none;margin:28px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (min-width:900px){.team{grid-template-columns:repeat(4,1fr);gap:20px}}
.person{margin:0;text-align:center}
.person .ph{border-radius:var(--r);overflow:hidden;background:var(--sand);aspect-ratio:380/500}
.person .ph.sketch{aspect-ratio:300/338}
.person .ph img{width:100%;height:100%;object-fit:cover}
.person .ph.sketch{position:relative;color:var(--draw);background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--c) 34%,transparent) 0 40%,transparent 41%),var(--paper);border:1px solid var(--line)}
.person .ph.sketch svg{width:100%;height:100%}
.person figcaption{margin-top:10px}
.person b{display:block;font:600 21px var(--font-display);color:var(--head)}
.person span{font-size:15px;color:var(--muted)}
.zq{margin:24px auto;max-width:640px;text-align:center}
.zq blockquote{margin:0;font:500 clamp(20px,4.6vw,26px)/1.5 var(--font-display);color:var(--ink)}
.zq figcaption{margin-top:10px;color:var(--muted);font-size:16px}
.story{max-width:760px;margin:40px auto 0}
/* המפה */
.map{margin:0}
.map svg{width:100%;height:auto;color:var(--draw)}
.map figcaption{font-size:14px;color:var(--muted);text-align:center;margin-top:8px}
.m-paper{fill:var(--paper);stroke:var(--line);stroke-width:2}
.m-hill{fill:#DCE5CC}
.m-road{stroke:#C9B98F;stroke-width:6;stroke-linecap:round;stroke-dasharray:1 0}
.m-road.thin{stroke-width:3;stroke-dasharray:6 8}
.m-tree{fill:#9DB68E;stroke:currentColor;stroke-width:1.2}
.m-orch{fill:#B8C98E}
.m-lab{font:600 30px var(--font-display);fill:currentColor;text-anchor:middle}
.m-lab.small{font-size:26px}
.m-sub{font:500 21px var(--f-body);fill:var(--muted);text-anchor:middle}
.m-ks circle{fill:var(--paper);stroke:currentColor;stroke-width:2}
.m-arrow,.m-n{stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.pin{color:var(--draw);cursor:pointer}
.pin-halo{fill:var(--mustard);opacity:0;transition:opacity .2s}
.pin:hover .pin-halo,.pin:focus-visible .pin-halo{opacity:.35}
.pin:focus{outline:none}
.pin:focus-visible .m-lab{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}
:root[data-theme="dark"] .m-hill{fill:#24302A}:root[data-theme="dark"] .m-tree{fill:#3E5640}:root[data-theme="dark"] .m-orch{fill:#4A5B3A}:root[data-theme="dark"] .m-road{stroke:#6D6550}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .m-hill{fill:#24302A}:root:not([data-theme="light"]) .m-tree{fill:#3E5640}:root:not([data-theme="light"]) .m-orch{fill:#4A5B3A}:root:not([data-theme="light"]) .m-road{stroke:#6D6550}}
.map-grid{display:grid;gap:28px;align-items:center}
@media (min-width:900px){.map-grid{grid-template-columns:1fr 1.15fr}}
.area-cards{display:grid;gap:12px}
.area-card{display:block;padding:18px 20px;border-radius:18px;background:var(--paper);border:1px solid var(--line);border-inline-start:6px solid var(--c);text-decoration:none;color:var(--ink)}
.area-card h2{font-size:24px;margin:0 0 4px}
.area-card p{margin:0 0 6px;color:var(--muted)}
.facts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:36px 0}
.facts-row div{padding:16px 10px;border-radius:18px;background:var(--sand);text-align:center}
.facts-row b{display:block;font:600 clamp(18px,4.6vw,26px) var(--font-display);color:var(--head)}
.facts-row span{font-size:14.5px;color:var(--muted)}
.contact-grid{display:grid;gap:32px}
@media (min-width:900px){.contact-grid{grid-template-columns:1fr 1fr;align-items:start}}
.phones.light li{border-color:var(--line)}
.phones.light a{color:var(--link)}
.addr-l{margin-top:18px}
.tiny{font-size:14px;color:var(--muted)}
.statement li{margin-bottom:.6em}

/* ═══ ההמלצות: קולאז' מטושטש בגוון כחלחל מאחור ═══ */
.reviews-sec{position:relative;isolation:isolate;overflow:hidden;color:#fff}
.rv-bg{position:absolute;inset:0;z-index:-1;background:url("../img/reviews-collage.webp") center/cover no-repeat}
.rv-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(64,98,110,.86),rgba(48,78,104,.9))}
.reviews-sec h2{color:#fff}
.reviews-sec .lead{color:#E3EDF1}
.eyebrow.on-blue{color:#F5D27A}
.textlink.light{color:#FFE7A8}
.reviews-sec.page{padding-top:40px}

.rv-quote{display:block;margin-top:10px;font-size:16.5px;line-height:1.6;color:#2B3237;font-family:var(--f-body)}

/* ═══ איורי הקו של הכרטיסים (tools/illus.py) · יום ולילה ═══ */
:root{--i-sky:#F4EEDC;--i-sky-2:#FBF7EC;--i-dot:rgba(79,108,115,.10);--i-wall:#FFFDF7;--i-hill:#CFDAB9;--i-tree:#9DB68E;--i-road:#E3D9C2;--i-dash:#FFFDF7;
  --i-roof-a:#7599A1;--i-roof-b:#F5C842;--i-roof-c:#4F6C73;--i-win:#F7D27A;--i-door:#B98A5E;--i-pin:#E2AE2C;--i-beam:rgba(245,200,66,.22);--i-sun:#F5C842;--i-heart:#E9A05A;--i-tag:#FFF6D6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--i-sky:#1C2630;--i-sky-2:#222D37;--i-dot:rgba(233,225,210,.09);--i-wall:#2E3943;--i-hill:#283540;--i-tree:#3E5446;--i-road:#33404A;--i-dash:#5A6772;
  --i-roof-a:#5E8189;--i-roof-b:#C9A23A;--i-roof-c:#86AAB2;--i-win:#F7C35A;--i-door:#8C6A4C;--i-pin:#F5C842;--i-beam:rgba(247,195,90,.14);--i-sun:#E9D9A8;--i-heart:#E9A05A;--i-tag:#3A4652}}
:root[data-theme="dark"]{--i-sky:#1C2630;--i-sky-2:#222D37;--i-dot:rgba(233,225,210,.09);--i-wall:#2E3943;--i-hill:#283540;--i-tree:#3E5446;--i-road:#33404A;--i-dash:#5A6772;
  --i-roof-a:#5E8189;--i-roof-b:#C9A23A;--i-roof-c:#86AAB2;--i-win:#F7C35A;--i-door:#8C6A4C;--i-pin:#F5C842;--i-beam:rgba(247,195,90,.14);--i-sun:#E9D9A8;--i-heart:#E9A05A;--i-tag:#3A4652}
.ill .i-wall{fill:var(--i-wall)}.ill .i-hill{fill:var(--i-hill)}.ill .i-tree{fill:var(--i-tree)}.ill .i-road{fill:var(--i-road)}.ill .i-dash{stroke:var(--i-dash)}
.ill .i-roof-a{fill:var(--i-roof-a)}.ill .i-roof-b{fill:var(--i-roof-b)}.ill .i-roof-c{fill:var(--i-roof-c)}.ill .i-win{fill:var(--i-win)}.ill .i-door,.ill .i-pot{fill:var(--i-door)}
.ill .i-doorbig{fill:var(--i-roof-a)}.ill .i-step,.ill .i-bench,.ill .i-fence{fill:var(--i-wall)}.ill .i-sun{fill:var(--i-sun)}.ill .i-beam{fill:var(--i-beam);stroke:none}
.ill .i-pinbody{fill:var(--i-pin)}.ill .i-pindot{fill:var(--i-wall)}.ill .i-shadow{fill:currentColor;opacity:.16}.ill .i-tagbody{fill:var(--i-tag)}.ill .i-taghole{fill:var(--i-sky)}
.ill .i-heartfill{fill:var(--i-heart)}.ill .i-heartline{fill:none;opacity:.5}.ill .i-arc{stroke:currentColor;opacity:.55}.ill .i-keyring{fill:none}.ill .i-steam{opacity:.5}.ill .i-spark{opacity:.5}
.ill .i-pin,.ill .i-tag,.ill .i-heart,.ill .i-key,.ill .i-rays,.ill .i-car,.ill .i-steam{transform-box:fill-box}
.ill .i-tag{transform-origin:0 0}.ill .i-pin{transform-origin:50% 100%}.ill .i-heart,.ill .i-key{transform-origin:50% 50%}
/* תנועה עדינה כשמגיעים לכרטיס · רק transform ו-opacity · ⛔ בהפחתת תנועה ובעצירת תנועה */
@media (prefers-reduced-motion:no-preference){
  html.js:not(.a11y-still) .lift:not(.in) :is(.i-pin,.i-heart,.i-rays,.i-key){opacity:0}
  html.js:not(.a11y-still) .lift.in .i-pin{animation:i-drop .9s var(--ease-out) .15s both}
  html.js:not(.a11y-still) .lift.in .i-tag{animation:i-swing 1.8s var(--ease-out) .15s both}
  html.js:not(.a11y-still) .lift.in .i-rays{animation:i-fade 1.6s ease-out .1s both}
  html.js:not(.a11y-still) .lift.in .i-steam{animation:i-rise 2.4s ease-in-out .4s 2 both}
  html.js:not(.a11y-still) .lift.in .i-heart{animation:i-pass 1.3s var(--ease-out) .2s both}
  html.js:not(.a11y-still) .lift.in .i-key{animation:i-fade 1s ease-out .9s both}
  html.js:not(.a11y-still) .lift.in .i-car{animation:i-drive 1.4s var(--ease-out) .1s both}
}
@keyframes i-drop{0%{opacity:0;transform:translateY(-26px)}60%{opacity:1;transform:translateY(3px)}100%{opacity:1;transform:none}}
@keyframes i-swing{0%{transform:rotate(16deg)}35%{transform:rotate(-9deg)}65%{transform:rotate(4deg)}100%{transform:none}}
@keyframes i-fade{from{opacity:0}to{opacity:1}}
@keyframes i-rise{0%{opacity:0;transform:translateY(4px)}50%{opacity:.6}100%{opacity:.5;transform:none}}
@keyframes i-pass{0%{opacity:0;transform:translate(-62px,26px) scale(.6)}100%{opacity:1;transform:none}}
@keyframes i-drive{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}

/* שורת העובדות של האזורים, עם איור קטן בכל קובייה */
.facts-row div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 10px 16px;color:var(--draw);
  background:radial-gradient(circle at 1px 1px,var(--i-dot) 1px,transparent 1.4px) 0 0/12px 12px,linear-gradient(180deg,var(--i-sky),var(--i-sky-2));border:1px solid var(--line)}
.ill.sm{width:min(100%,120px);height:auto;margin-bottom:4px}

/* ═══ הבתים מפייסבוק ═══ */
.track img.fit,.prop .photo img.fit,.card figure img.fit{object-fit:contain;background:var(--bg-2)}
.prop .photo img.fit{aspect-ratio:4/3}
.prop-body h2,.card-body h3{text-wrap:balance}
.track video{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#111}
.prop-body .price{margin:14px 0 0!important}
.fb-src{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0 0;font-size:14.5px;color:var(--muted)!important}
.fb-src svg{width:16px;height:16px;color:#1877F2;flex:none}
:root[data-theme="dark"] .fb-src svg{color:#8AB4F8}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fb-src svg{color:#8AB4F8}}
.fb-src a{color:var(--link)}

/* ═══ הצוות בדף הבית · צילום אמיתי במסגרת קשת, כמו פתח של בית ═══ */
/* הצוות בדף הבית: מלבן מעוגל וגב צבעוני מוסט. ⛔ קשת, חצי עיגול או פינות עליונות בלבד (ינון 10.11: "נראה כמו מצבה") */
.warm-team .person .ph.warm{position:relative;aspect-ratio:4/5;overflow:visible;background:none;border-radius:0}
.warm-team .ph.warm::before{content:"";position:absolute;inset:10px -8px -8px 10px;border-radius:22px;background:color-mix(in srgb,var(--c) 50%,var(--sand));transform:rotate(-2deg);z-index:0}
.warm-team .ph.warm img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%;border-radius:22px;border:4px solid var(--paper);box-shadow:0 10px 26px rgba(36,41,45,.16);filter:saturate(1.04) sepia(.06)}
.warm-team .person figcaption{margin-top:16px}

/* ═══ הגדרות הנגישות · חלות מהסקריפט המוקדם ב-head (מחלקות על html), ולכן בלי הבהוב ═══ */
html.a11y-contrast body > *:not(#a11y-widget){filter:contrast(160%) brightness(1.08)!important}
html.a11y-links a{text-decoration:underline!important;text-decoration-thickness:2px!important;outline:2px solid currentColor;outline-offset:2px}
html.a11y-readable body,html.a11y-readable body *:not(#a11y-widget *){font-family:Arial,"Heebo",sans-serif!important;letter-spacing:.06em!important;word-spacing:.16em!important;line-height:1.9!important}
html.a11y-readable p{margin-bottom:2em!important}
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-zoomed body{zoom:var(--a11y-z,1)}
html.a11y-zoomed #a11y-widget{zoom:calc(1 / var(--a11y-z,1))}
/* הגדלת התצוגה של הנגישות לא חלה על סרטון במסך מלא, אחרת הוא גולש מהמסך */
html.a11y-zoomed video:fullscreen,html.a11y-zoomed .film-frame:fullscreen{zoom:calc(1 / var(--a11y-z,1))}

/* ═══ טבעת מיקוד רק למקלדת: Tab מוסיף html.kbd-nav, לחיצה מורידה ═══ */
html:not(.kbd-nav) :focus-visible{outline:none!important}
html:not(.kbd-nav) #a11y-widget :focus-visible{box-shadow:none!important}

/* ═══ התחתית בטלפון: פס אחד (וואטסאפ והמשרד), וכפתור הנגישות מעליו בפינה, בלי להתחרות ═══ */
@media (max-width:899px){
  html{scroll-padding-bottom:calc(var(--bar-h) + 76px + env(safe-area-inset-bottom));scroll-padding-top:84px}
  body{padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom))}
  body #a11y-widget{bottom:calc(var(--bar-h) + 12px + env(safe-area-inset-bottom))!important;left:12px!important}
  #a11y-toggle{width:44px!important;height:44px!important;font-size:24px!important;border-width:1.5px!important;box-shadow:0 2px 10px rgba(0,0,0,.22)!important}
  #a11y-panel{bottom:54px!important}
  .bar{padding-inline:12px}
}

/* ═══ חלונות (המלצה, תמונת בית) · בטלפון גיליון מלמטה, במחשב מתממש מהכפתור ═══ */
.sheet-handle{display:none}
.rv-dialog[open],.ph-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.rv-dialog .rvd-close{z-index:4}
.rvd-in,.phd-in{overflow:auto;overscroll-behavior:contain;min-height:0}
.ph-dialog{border:0;padding:0;width:min(1040px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:hidden}
.ph-dialog::backdrop{background:rgba(18,14,24,.72)}
.phd-in{position:relative;display:flex;flex-direction:column}
.phd-shot{background:#111;display:flex;align-items:center;justify-content:center;min-height:200px}
.phd-shot img{width:100%;max-height:calc(100dvh - 170px);object-fit:contain}
.phd-bar{display:flex;align-items:center;gap:10px;padding:12px 16px 14px}
.phd-cap{flex:1;margin:0;font:600 17px/1.35 var(--font-display);color:var(--head)}
.phd-count{direction:ltr;unicode-bidi:isolate;font:600 14px var(--font-display);color:var(--muted)}
.phd-nav{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line-2);background:var(--paper);color:var(--ink);font-size:24px;line-height:1;cursor:pointer}
.phd-close{position:absolute;top:10px;inset-inline-end:10px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,253,246,.94);color:#211A26;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.prop .track img,.prop .photo img{cursor:zoom-in}
/* משוב לחיצה: מיד ב-pointerdown */
.pressable{transition:transform .14s var(--ease-out)}
.pressable.pressed{transform:scale(.97)}
.btn.pressed,.g-ctrl button.pressed,.phd-nav.pressed{transform:scale(.94)}
@media (prefers-reduced-motion:reduce){.pressable.pressed,.btn.pressed{transform:none;opacity:.72}}
@media (max-width:639px){
  .rv-dialog,.ph-dialog{margin:auto 0 0;width:100%;max-width:100%;max-height:92dvh;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}
  .rv-dialog[open]{animation:none}
  .sheet-handle{display:block;position:sticky;top:0;z-index:3;height:26px;margin:0;touch-action:none;cursor:grab;background:inherit}
  .sheet-handle::before{content:"";position:absolute;top:9px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:3px;background:var(--line-2)}
  .rv-dialog .rvd-close,.phd-close{top:8px}
  .rvd-in{padding-top:8px}
  .sheet-handle{position:relative}
}

/* ── נמכרו: זרם בתים שלא נגמר (ינון 10.11) ── */
.sold-flow .ghost{pointer-events:none;user-select:none;overflow:hidden;max-height:240px}
@media (min-width:760px){.sold-flow .ghost{max-height:200px}}
.sold-flow .ghost img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.6)}
.sold-flow .ghost .prop-body{display:block}
.sold-flow .ghost .prop-body .tag{display:inline-block;margin-bottom:12px}
.sold-flow .ghost .prop-body i{display:block;margin-bottom:10px;height:12px;border-radius:6px;background:var(--bg-2)}
.sold-flow .ghost .prop-body i+i{width:60%}
.sold-flow .g-top{-webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.35) 45%,transparent 100%);mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.35) 45%,transparent 100%);opacity:.7}
.sold-flow .g-bot{-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.3) 50%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.3) 50%,transparent 100%);opacity:.75}
.sold-flow .g-bot~.g-bot{opacity:.5}.sold-flow .g-bot~.g-bot~.g-bot{opacity:.3}
.sold-more b{display:block;font-weight:600;color:var(--head)}
.sold-more{text-align:center;color:var(--muted);font-size:clamp(17px,4.4vw,20px);margin:-40px 0 8px;position:relative}
@media (prefers-reduced-motion:no-preference){
  html:not(.a11y-still) .sold-flow .g-top{animation:sold-in 1.4s cubic-bezier(.2,.8,.2,1) both}
  @keyframes sold-in{from{opacity:0;transform:translateY(-18px)}}
}

/* ── זרימה בגלילה (ינון 10.11, פעמיים: "שיופיע ב-FADE in וכל מיני בזמן גלילת האתר"). site.js מסמן fl רק על מה שמתחת לקו המסך,
   בכל עמוד ובכל דפדפן. בלי JS הכל גלוי. הפחתת תנועה של המכשיר: הופעה רכה בלבד. ── */
html.flow-on .fl{opacity:0;transform:translateY(34px) scale(.98);transition:opacity .9s cubic-bezier(.2,.8,.2,1) var(--fl-d,0ms),transform 1.1s cubic-bezier(.16,1,.3,1) var(--fl-d,0ms);will-change:opacity,transform}
html.flow-on .fl.fl-in{opacity:1;transform:none}
html.flow-on.flow-soft .fl{transform:none;transition:opacity 1s ease var(--fl-d,0ms)}
html.flow-on :is(h2,h3).fl{transform:translateY(18px)}
html.flow-on :is(h2,h3).fl.fl-in{transform:none}
html.a11y-still .fl{opacity:1!important;transform:none!important}
@media print{html.flow-on .fl{opacity:1!important;transform:none!important}}

/* ── הזמנה לפייסבוק (ינון 10.11: "לוגו של פייסבוק... בואו! כיף כאן... כל הנכסים מתעדכנים שם") ── */
.fb-invite{display:inline-flex;align-items:center;gap:14px;text-align:start;padding:12px 18px 12px 14px;border-radius:18px;background:rgba(255,253,247,.94);color:#24292D;text-decoration:none;box-shadow:0 8px 24px rgba(10,20,30,.18);max-width:min(100%,460px);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.fb-invite:hover{transform:translateY(-2px)}
.fb-invite .fb-ico{flex:none;width:48px;height:48px;border-radius:50%;background:#1877F2;color:#fff;display:grid;place-items:center}
.fb-invite .fb-ico svg{width:30px;height:30px}
.fb-invite .fb-txt{display:grid;gap:2px;font-size:15px;line-height:1.45}
.fb-invite b{font-family:var(--font-display);font-size:18px;color:#1d3a5a}
@media (prefers-reduced-motion:no-preference){html:not(.a11y-still) .fb-invite .fb-ico{animation:fb-wave 3.6s ease-in-out 1}
  @keyframes fb-wave{0%,82%,100%{transform:none}88%{transform:rotate(-10deg) scale(1.06)}94%{transform:rotate(8deg)}}}

/* ── כפתור Play של הסרטונים (ינון 10.11: "play יפה מנצנץ... שלא יהיה כפל") ── */
.film-frame .play-btn{position:absolute;inset:0;margin:auto;width:92px;height:92px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;cursor:pointer;color:#24292D;
  background:radial-gradient(circle at 35% 30%,#FFFDF7,#F3E7C8 70%);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.6);transition:transform .25s cubic-bezier(.2,.8,.2,1);z-index:2}
.film-frame .play-btn svg{width:38px;height:38px;margin-inline-start:6px;margin-inline-end:0}
[dir="rtl"] .film-frame .play-btn svg{margin-inline-start:0;margin-inline-end:6px;transform:none}
.film-frame .play-btn:hover{transform:scale(1.06)}
.film-frame .play-btn:active{transform:scale(.96)}
.film-frame .play-btn:focus-visible{outline:3px solid #C99A1E;outline-offset:4px}
.film-frame .pb-ring{position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,236,190,.9);pointer-events:none}
.film-frame .play-btn::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.85) 48%,transparent 62%);background-size:250% 100%;background-position:120% 0;pointer-events:none;mix-blend-mode:soft-light}
@media (prefers-reduced-motion:no-preference){
  html:not(.a11y-still) .film-frame .pb-ring{animation:pb-pulse 2.4s ease-out 2}
  html:not(.a11y-still) .film-frame .play-btn::after{animation:pb-shine 3.2s ease-in-out 1}
}
@keyframes pb-pulse{0%{transform:scale(.92);opacity:.95}80%,100%{transform:scale(1.35);opacity:0}}
@keyframes pb-shine{0%,55%{background-position:120% 0}85%,100%{background-position:-60% 0}}
.film-frame.playing .play-btn{display:none}
.film-frame .play-btn{inset:0;margin:auto;width:max-content;height:58px;padding:0 24px 0 22px;border-radius:999px;gap:10px;display:inline-flex;align-items:center;font:700 18px/1 var(--font-display);white-space:nowrap}
.film-frame .play-btn svg{width:24px;height:24px;margin:0}
.film-frame .pb-ring{border-radius:999px;inset:-6px}
@keyframes pb-pulse{0%{transform:scale(.97);opacity:.95}80%,100%{transform:scale(1.18);opacity:0}}

/* ── עמוד ההמלצות: עוד שורה שנמוגה למטה, תחושה שאין סוף (ינון 10.11) ── */
.rv-more{position:relative;max-height:340px;overflow:hidden;pointer-events:none;margin-top:16px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 35%,transparent 92%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 35%,transparent 92%)}
.rv-more .rv-card{filter:blur(1.2px) saturate(.85)}

/* ── המפה: תנועה עדינה ונעימה כל הזמן (ינון 10.11: "הנפשה נעימה שכל הזמן זזה בעדינות ונועם") ── */
@media (prefers-reduced-motion:no-preference){
  html:not(.a11y-still) .map .pin > g > path:first-of-type,html:not(.a11y-still) .map .pin > g > path:nth-of-type(2){animation:pin-bob 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
  html:not(.a11y-still) .map .pin:nth-of-type(2) > g > path{animation-delay:-.9s}
  html:not(.a11y-still) .map .pin:nth-of-type(3) > g > path{animation-delay:-1.8s}
  html:not(.a11y-still) .map .pin:nth-of-type(4) > g > path{animation-delay:-2.7s}
  html:not(.a11y-still) .map .pin-halo{animation:pin-glow 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  html:not(.a11y-still) .map .m-tree{animation:tree-sway 5s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
  html:not(.a11y-still) .map .m-tree:nth-of-type(3n){animation-delay:-1.7s}
  html:not(.a11y-still) .map .m-tree:nth-of-type(3n+1){animation-delay:-3.1s}
  html:not(.a11y-still) .map .m-road.thin{stroke-dasharray:6 8;animation:road-flow 3s linear infinite}
}
@keyframes pin-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes pin-glow{0%,100%{opacity:0;transform:scale(.85)}50%{opacity:.22;transform:scale(1.08)}}
@keyframes tree-sway{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.07) rotate(2deg)}}
@keyframes road-flow{to{stroke-dashoffset:-28}}
/* 10.11 · ינון: "להשאיר ורק לשים אותו טיפטיפה יותר למטה" */
.film-frame .play-btn{inset:auto 0 20% 0;margin:0 auto}

/* 10.11 · ינון: "התפריט בצד ימין והלוגו בצד שמאל... מצב לילה לפי מצב הטלפון, הכפתור יכול להיות בתפריט" */
.nav-extra .theme-btn{display:inline-flex;align-items:center;gap:8px}
.nav-extra .theme-btn svg{width:20px;height:20px}
@media (max-width:1179px){
  .head-row{flex-direction:row-reverse;justify-content:space-between}
  .head-tools{flex-direction:row-reverse;margin:0!important}
  .head-logo{margin:0!important}
}
/* 10.11 · התפריט בטלפון נחתך: ה-blur של הכותרת הופך אותה למכל של התפריט הקבוע, ולכן הגובה נקבע במפורש */
@media (max-width:1179px){.site-nav{bottom:auto;height:calc(100dvh - 66px)}}
.head-fb{background:#1877f2;border-color:#1877f2;color:#fff}.head-fb svg{width:20px;height:20px}
/* הרחובות נמוגים בקצה, תחושה שאין להם סוף (ינון 10.11) */
.streets-fade{position:relative;max-height:236px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent);mask-image:linear-gradient(to bottom,#000 45%,transparent)}
.streets-fade.big{max-height:300px}
.streets-fade .streets{margin:20px 0 0}
@media (prefers-reduced-motion:no-preference){html:not(.a11y-still) .streets-fade:not(.big) .streets{animation:st-drift 60s linear infinite alternate}}
@keyframes st-drift{to{transform:translateY(-90px)}}
.streets-fade.big .streets{animation:none}

/* ── WCAG 2.2.2 · "עצירת תנועה" בכל אזור שזז לבד (10.11). שקט, באותה שפה של כפתור העצירה בהמלצות ── */
.mo-ctl{margin:10px 0 0;text-align:start}
.mo-stop{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;opacity:.85}
.mo-stop:hover{opacity:1}
.mo-stop .i-play{display:none}.mo-stop[aria-pressed="true"] .i-play{display:inline}.mo-stop[aria-pressed="true"] .i-pause{display:none}
.film .mo-ctl,.en-film .mo-ctl{text-align:center}
@media (prefers-reduced-motion:reduce){.mo-ctl{display:none}}
.film-tr{margin:12px 0 0;font-size:15px;line-height:1.7;text-align:start}
.film-tr summary{cursor:pointer;display:inline-flex;align-items:center;min-height:40px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.film-tr p{margin:8px 0 0}