/* =========================================================
   אשד נכסים - כיוון עיצובי "לוח"
   סרגל ניווט אנכי כהה + פיד נכסים. אין הדר עליון ואין הירו שיווקי.
   הצבעים נטענים מ-config.js אל :root דרך script.js
   ========================================================= */

:root{
  /* --- צבעים (ברירת מחדל; נדרסים מ-config.js) --- */
  --paper:#f4f6f8;
  --card:#ffffff;
  --panel:#eef2f5;
  --ink:#0f1e2b;
  --sec:#55606d;
  --blue:#16557f;
  --sold:#2f6d54;

  --on-ink:#f4f6f8;
  --on-ink-muted:#9fb2c0;
  --on-ink-link:#c7d6e0;
  --on-ink-hi:#6fa6cc;

  --line:rgba(15,30,43,.12);
  --line-strong:rgba(15,30,43,.2);
  --line-dark:rgba(244,246,248,.14);

  /* --- טיפוגרפיה --- */
  --font-display:"Rubik","Heebo",system-ui,sans-serif;
  --font-body:"Heebo","Assistant",system-ui,sans-serif;

  --fs-xs:.75rem;
  --fs-sm:.875rem;
  --fs-base:1rem;
  --fs-md:1.125rem;
  --fs-lg:1.375rem;
  --fs-xl:2.125rem;
  --fs-display:3rem;

  --ls-display:-.015em;
  --ls-xl:-.01em;
  --ls-lg:-.005em;
  --ls-base:0;
  --ls-sm:.01em;
  --ls-kicker:.08em;

  --lh-display:1.1;
  --lh-heading:1.3;
  --lh-body:1.6;
  --lh-tight:1.2;

  /* --- מרווחים --- */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px;
  --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;
  --sp-9:96px; --sp-10:128px;

  --max-container:1160px;
  --content-padding:24px;
  --rail-w:244px;

  /* --- פינות --- */
  --r-sm:4px;
  --r-md:10px;
  --r-pill:999px;

  /* --- צללים בגוון המותג --- */
  --shadow-sm:0 1px 2px rgba(15,30,43,.06), 0 2px 6px rgba(15,30,43,.06);
  --shadow-md:0 4px 8px -4px rgba(15,30,43,.12), 0 12px 24px -12px rgba(15,30,43,.18);
  --shadow-lg:0 12px 25px -11px rgba(15,30,43,.25), 0 7px 15px -7px rgba(15,30,43,.12);

  /* --- עקומות --- */
  --ease-out:cubic-bezier(.25,1,.5,1);
  --ease-out-expo:cubic-bezier(.16,1,.3,1);
  --ease-standard:cubic-bezier(.4,0,.2,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:var(--fs-base);
  line-height:var(--lh-body);
  letter-spacing:var(--ls-base);
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%; display:block}

a{color:var(--blue); text-decoration:none}
a:hover{text-decoration:underline}

h1,h2,h3,h4{margin:0; font-family:var(--font-display); font-weight:700; text-wrap:balance}
h1{font-size:clamp(var(--fs-xl),5vw,var(--fs-display)); letter-spacing:var(--ls-display); line-height:var(--lh-display)}
h2{font-size:var(--fs-xl); letter-spacing:var(--ls-xl); line-height:var(--lh-display)}
h3{font-size:var(--fs-lg); letter-spacing:var(--ls-lg); line-height:var(--lh-heading)}
h4{font-size:var(--fs-md); letter-spacing:var(--ls-lg); line-height:var(--lh-heading)}
p{margin:0; max-width:40rem}

:focus-visible{outline:2px solid var(--blue); outline-offset:2px; border-radius:var(--r-sm)}

.sr-only{
  position:absolute; 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-block-start:0; inset-inline-start:-9999px; z-index:80;
  background:var(--ink); color:#fff; padding:var(--sp-3) var(--sp-5);
  font-size:var(--fs-sm); border-radius:0 0 var(--r-sm) var(--r-sm);
}
.skip:focus{inset-inline-start:0; text-decoration:none}

.num{font-variant-numeric:tabular-nums}

/* =========================================================
   סרגל הניווט האנכי
   ========================================================= */

.rail{
  position:fixed;
  inset-block:0;
  inset-inline-start:0;
  width:var(--rail-w);
  background:var(--ink);
  color:var(--on-ink);
  display:flex;
  flex-direction:column;
  gap:var(--sp-7);
  padding:var(--sp-6) var(--sp-5);
  z-index:40;
  overflow-y:auto;
}

.rail-brand{display:flex; flex-direction:column; gap:var(--sp-1); color:var(--on-ink); text-decoration:none}
.rail-brand:hover{text-decoration:none}
.rail-brand b{font-family:var(--font-display); font-weight:700; font-size:var(--fs-lg); letter-spacing:var(--ls-lg); line-height:var(--lh-tight)}
.rail-brand span{font-size:var(--fs-xs); letter-spacing:var(--ls-kicker); color:var(--on-ink-muted)}

.rail-nav{display:flex; flex-direction:column; gap:var(--sp-1)}
.rail-nav a{
  color:var(--on-ink-link);
  font-size:var(--fs-sm);
  padding:var(--sp-2) var(--sp-3);
  border-inline-start:2px solid transparent;
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  transition:color .2s var(--ease-out), background-color .2s var(--ease-out);
}
.rail-nav a:hover{color:#fff; background:rgba(255,255,255,.06); text-decoration:none}
.rail-nav a[aria-current="page"]{
  color:#fff;
  font-weight:500;
  border-inline-start-color:var(--on-ink-hi);
  background:rgba(255,255,255,.06);
}

.rail-foot{margin-block-start:auto; display:flex; flex-direction:column; gap:var(--sp-4)}
.rail-tel{
  border-top:1px solid var(--line-dark);
  padding-block-start:var(--sp-4);
  display:flex; flex-direction:column; gap:var(--sp-1);
}
.rail-tel span{font-size:var(--fs-xs); letter-spacing:var(--ls-sm); color:var(--on-ink-muted)}
.rail-tel a{font-family:var(--font-display); font-weight:500; font-size:var(--fs-md); color:#fff}
.rail-licence{font-size:var(--fs-xs); color:var(--on-ink-muted); letter-spacing:var(--ls-sm)}

.burger{display:none}

/* --- מובייל: הסרגל הופך לסרגל עליון + תפריט המבורגר --- */
@media (max-width:980px){
  .rail{
    inset-block-end:auto;
    width:auto;
    height:56px;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:var(--sp-4);
    padding:0 var(--sp-4);
    overflow:visible;
  }
  .rail-brand span{display:none}
  .rail-nav{
    position:fixed;
    inset-block-start:56px;
    inset-inline:0;
    background:var(--ink);
    border-top:1px solid var(--line-dark);
    padding:var(--sp-3) var(--sp-4) var(--sp-5);
    gap:var(--sp-1);
    opacity:0;
    transform:translateY(-8px);
    pointer-events:none;
    transition:opacity .3s var(--ease-in-out), transform .3s var(--ease-in-out);
    box-shadow:var(--shadow-md);
  }
  .rail.is-open .rail-nav{opacity:1; transform:none; pointer-events:auto}
  .rail-nav a{font-size:var(--fs-base); padding:var(--sp-3)}
  .rail-foot{margin:0}
  .rail-tel{border:0; padding:0}
  .rail-tel span,.rail-licence{display:none}
  .rail-tel a{font-size:var(--fs-base)}

  .burger{
    display:flex; flex-direction:column; justify-content:center; gap:5px;
    width:40px; height:36px; padding:0 8px; flex:none;
    background:transparent; border:1px solid var(--line-dark); border-radius:var(--r-sm);
    cursor:pointer;
  }
  .burger i{display:block; height:2px; background:var(--on-ink); border-radius:2px; transition:transform .3s var(--ease-in-out), opacity .2s var(--ease-out)}
  .rail.is-open .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .rail.is-open .burger i:nth-child(2){opacity:0}
  .rail.is-open .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* =========================================================
   שלד ראשי
   ========================================================= */

.main{margin-inline-start:var(--rail-w); min-height:100vh; display:flex; flex-direction:column}
@media (max-width:980px){
  .main{margin-inline-start:0; padding-block-start:56px}
}

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

.section{padding-block:clamp(56px,8vw,112px)}
.section--panel{background:var(--panel)}
.section--tight{padding-block:clamp(40px,5vw,64px)}

.section-head{display:flex; flex-direction:column; gap:var(--sp-3); margin-block-end:var(--sp-7)}
.kicker{
  font-size:var(--fs-xs); letter-spacing:var(--ls-kicker); font-weight:500;
  color:var(--blue); text-transform:none;
}
.section-head p{color:var(--sec); font-size:var(--fs-md)}

/* --- שורת הפתיחה של כל עמוד (במקום הירו) --- */
.toolbar{
  padding-block:var(--sp-7) var(--sp-5);
  display:flex; flex-direction:column; gap:var(--sp-3);
  border-block-end:1px solid var(--line);
}
.toolbar h1{max-width:22ch}
.toolbar-meta{
  display:flex; flex-wrap:wrap; gap:var(--sp-2) var(--sp-5);
  font-size:var(--fs-sm); color:var(--sec); letter-spacing:var(--ls-sm);
}
.toolbar-meta b{color:var(--ink); font-weight:500}

/* =========================================================
   כפתורים ותגיות
   ========================================================= */

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-2);
  font-family:var(--font-display); font-weight:500; font-size:var(--fs-sm);
  line-height:var(--lh-tight); letter-spacing:var(--ls-base);
  padding:var(--sp-3) var(--sp-5);
  border-radius:var(--r-sm); border:1px solid transparent;
  cursor:pointer; text-decoration:none;
  transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), background-color .2s var(--ease-out);
}
.btn:hover{text-decoration:none; transform:translateY(-2px); box-shadow:var(--shadow-md)}
.btn--primary{background:var(--blue); color:#fff}
.btn--dark{background:var(--ink); color:#fff}
.btn--ghost{background:transparent; color:var(--blue); border-color:var(--line-strong)}
.btn--ghost:hover{background:var(--card)}

.badge{
  display:inline-flex; align-items:center;
  font-size:var(--fs-xs); font-weight:500; letter-spacing:var(--ls-sm);
  padding:var(--sp-1) var(--sp-2);
  border-radius:var(--r-sm);
  line-height:var(--lh-tight);
}
.badge--new{background:var(--blue); color:#fff}
.badge--exclusive{background:var(--ink); color:#fff}
.badge--sold{background:var(--sold); color:#fff}
.badge--quiet{background:var(--panel); color:var(--sec); border:1px solid var(--line)}

/* =========================================================
   סינון
   ========================================================= */

.chips{display:flex; flex-wrap:wrap; gap:var(--sp-2); margin-block-end:var(--sp-6)}
.chip{
  font-family:var(--font-body);
  font-size:var(--fs-sm); color:var(--sec);
  background:var(--card); border:1px solid var(--line);
  border-radius:var(--r-pill); padding:var(--sp-2) var(--sp-4);
  cursor:pointer; line-height:var(--lh-tight);
  transition:background-color .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out);
}
.chip:hover{border-color:var(--line-strong); color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--blue); border-color:var(--blue); color:#fff}

.filterbar{
  display:flex; flex-wrap:wrap; gap:var(--sp-4);
  align-items:flex-end;
  padding-block:var(--sp-5);
  margin-block-end:var(--sp-6);
  border-block-end:1px solid var(--line);
}
.field{display:flex; flex-direction:column; gap:var(--sp-1); min-width:150px; flex:1 1 150px}
.field label{font-size:var(--fs-xs); letter-spacing:var(--ls-sm); color:var(--sec)}
.field select,.field input,.field textarea{
  font-family:var(--font-body); font-size:var(--fs-sm); color:var(--ink);
  background:var(--card); border:1px solid var(--line); border-radius:var(--r-sm);
  padding:var(--sp-3); line-height:var(--lh-tight); width:100%;
  transition:border-color .2s var(--ease-out);
}
.field select:hover,.field input:hover,.field textarea:hover{border-color:var(--line-strong)}
.field textarea{min-height:120px; line-height:var(--lh-body); resize:vertical}

.result-count{font-size:var(--fs-sm); color:var(--sec); margin-block-end:var(--sp-5)}
.result-count b{color:var(--ink); font-weight:500}

/* =========================================================
   כרטיס נכס ראשי
   ========================================================= */

.lead{
  display:grid;
  grid-template-columns:1.25fr 1fr;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  overflow:hidden;
  margin-block:var(--sp-6);
  box-shadow:var(--shadow-sm);
  transition:box-shadow .2s var(--ease-out);
}
.lead:hover{box-shadow:var(--shadow-md)}
.lead-media{position:relative; background:var(--panel)}
.lead-media img{width:100%; height:100%; aspect-ratio:4/3; object-fit:cover}
.lead-body{padding:var(--sp-6); display:flex; flex-direction:column; gap:var(--sp-3)}
.lead-body h2{font-size:var(--fs-lg)}
.lead-body .price{font-size:var(--fs-xl)}
.lead-body .short{color:var(--sec); font-size:var(--fs-sm)}
.lead-actions{display:flex; gap:var(--sp-3); flex-wrap:wrap; margin-block-start:var(--sp-2)}

.card-top{display:flex; align-items:center; gap:var(--sp-2); flex-wrap:wrap}
.card-area{font-size:var(--fs-xs); letter-spacing:var(--ls-kicker); color:var(--sec)}

.price{font-family:var(--font-display); font-weight:700; letter-spacing:var(--ls-lg); font-variant-numeric:tabular-nums; line-height:var(--lh-tight)}

.specs{display:flex; flex-wrap:wrap; gap:var(--sp-2) var(--sp-4); font-size:var(--fs-sm); color:var(--sec); margin:0; padding:0; list-style:none}
.specs li{display:flex; align-items:baseline; gap:var(--sp-1)}
.specs b{color:var(--ink); font-weight:500; font-variant-numeric:tabular-nums}

.hl{display:flex; flex-wrap:wrap; gap:var(--sp-2); list-style:none; margin:0; padding:0}
.hl li{
  font-size:var(--fs-xs); color:var(--sec);
  border:1px solid var(--line); border-radius:var(--r-pill);
  padding:var(--sp-1) var(--sp-3); line-height:var(--lh-tight);
}

/* =========================================================
   רשת נכסים
   ========================================================= */

.grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:var(--sp-5)}

.pcard{
  display:flex; flex-direction:column;
  background:var(--card); border:1px solid var(--line); border-radius:var(--r-md);
  overflow:hidden;
  transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);
}
.pcard:hover{transform:translateY(-2px); box-shadow:var(--shadow-md)}
.pcard-media{position:relative}
.pcard-media img{width:100%; aspect-ratio:4/3; object-fit:cover}
.pcard-media .badge{position:absolute; inset-block-start:var(--sp-3); inset-inline-start:var(--sp-3)}
.pcard-body{padding:var(--sp-4); display:flex; flex-direction:column; gap:var(--sp-2); flex:1}
.pcard-body h3{font-size:var(--fs-md)}
.pcard-body h3 a{color:inherit}
.pcard-body h3 a:hover{color:var(--blue); text-decoration:none}
.pcard-body .price{font-size:var(--fs-lg)}
.pcard-foot{margin-block-start:auto; padding-block-start:var(--sp-3); border-top:1px solid var(--line)}
.pcard-foot a{font-size:var(--fs-sm); font-weight:500}

.empty{
  grid-column:1 / -1;
  max-width:none;
  padding:var(--sp-8) var(--sp-5); text-align:center; color:var(--sec);
  background:var(--card); border:1px dashed var(--line-strong); border-radius:var(--r-md);
}
.empty.is-loading{border-style:solid; border-color:var(--line)}

/* עוטפי התמונה - בלוק, כדי שגם משבצת "אין תמונה" תמלא את המקום */
.pcard-media > a{display:block; line-height:0}
.lead-media > a{display:block; height:100%; line-height:0}

/* נכס שהגיע מהגיליון בלי תמונה - משבצת ניטרלית במקום תמונה שבורה */
.media-empty{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:var(--sp-2);
  width:100%; height:100%; aspect-ratio:4/3;
  background:var(--panel); color:var(--sec);
}
.media-empty svg{width:34px; height:34px; opacity:.45}
.media-empty span{font-size:var(--fs-xs); letter-spacing:var(--ls-kicker)}

/* =========================================================
   אזורי פעילות - אריחים בגדלים שונים
   ========================================================= */

.areas{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-5)}
.area{
  position:relative; border-radius:var(--r-md); overflow:hidden;
  min-height:220px; display:flex; align-items:flex-end;
  color:#fff;
}
.area:first-child{grid-column:span 2; min-height:320px}
.area img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.area::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(15,30,43,.92) 0 55%, rgba(15,30,43,.10) 100%);
}
.area-text{
  position:relative; z-index:1; padding:var(--sp-5);
  width:100%;
  display:flex; flex-direction:column; gap:var(--sp-2);
}
.area-text h3{color:#fff}
.area-text p{color:#d5dee5; font-size:var(--fs-sm)}

@media (max-width:860px){
  .areas{grid-template-columns:1fr}
  .area:first-child{grid-column:span 1}
}

/* =========================================================
   ציטוטים
   ========================================================= */

.quotes{display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-7)}
.quote{display:flex; flex-direction:column; gap:var(--sp-3); border-inline-start:2px solid var(--blue); padding-inline-start:var(--sp-5)}
.quote p{font-size:var(--fs-md)}
.quote footer{font-size:var(--fs-sm); color:var(--sec)}
.quote footer b{color:var(--ink); font-weight:500}
@media (max-width:760px){.quotes{grid-template-columns:1fr; gap:var(--sp-6)}}

/* =========================================================
   רצועת CTA
   ========================================================= */

.cta{
  background:var(--ink); color:var(--on-ink);
  border-radius:var(--r-md);
  padding:var(--sp-7);
  display:flex; align-items:center; justify-content:space-between; gap:var(--sp-6); flex-wrap:wrap;
}
.cta h2{color:#fff}
.cta p{color:var(--on-ink-muted); margin-block-start:var(--sp-2)}
.cta .btn--primary{background:#fff; color:var(--ink)}

/* =========================================================
   עמוד נכס
   ========================================================= */

.backlink{display:inline-flex; align-items:center; gap:var(--sp-2); font-size:var(--fs-sm); margin-block-end:var(--sp-4)}
.backlink svg{width:14px; height:14px}

.prop-head{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:var(--sp-5); padding-block-end:var(--sp-5)}
.prop-head .price{font-size:var(--fs-xl)}

.gallery{display:grid; grid-template-columns:2fr 1fr; gap:var(--sp-3); margin-block-end:var(--sp-7)}
.gallery-main{
  border-radius:var(--r-md); overflow:hidden; background:var(--panel);
  display:block; width:100%; padding:0; border:0; cursor:zoom-in;
}
.gallery-main img{width:100%; aspect-ratio:4/3; object-fit:cover}
.gallery-thumbs{display:grid; gap:var(--sp-3); align-content:start}
.gallery-thumbs button{
  padding:0; border:1px solid var(--line); border-radius:var(--r-sm); overflow:hidden;
  background:none; cursor:pointer; display:block;
  transition:border-color .2s var(--ease-out), transform .2s var(--ease-out);
}
.gallery-thumbs button:hover{transform:translateY(-2px)}
.gallery-thumbs button[aria-current="true"]{border-color:var(--blue); border-width:2px}
.gallery-thumbs img{width:100%; aspect-ratio:4/3; object-fit:cover}
@media (max-width:760px){
  .gallery{grid-template-columns:1fr}
  .gallery-thumbs{grid-template-columns:repeat(4,1fr)}
}

.prop-cols{display:grid; grid-template-columns:1.6fr 1fr; gap:var(--sp-8); align-items:start}
@media (max-width:900px){.prop-cols{grid-template-columns:1fr; gap:var(--sp-7)}}

.prop-body{display:flex; flex-direction:column; gap:var(--sp-5)}
.prop-body p{color:var(--sec)}

.spec-table{width:100%; border-collapse:collapse; font-size:var(--fs-sm)}
.spec-table th,.spec-table td{text-align:start; padding:var(--sp-3) 0; border-block-end:1px solid var(--line)}
.spec-table th{color:var(--sec); font-weight:400; width:45%}
.spec-table td{font-weight:500; font-variant-numeric:tabular-nums}

.prop-side{
  position:sticky; top:var(--sp-5);
  background:var(--card); border:1px solid var(--line); border-radius:var(--r-md);
  padding:var(--sp-5); display:flex; flex-direction:column; gap:var(--sp-4);
  box-shadow:var(--shadow-sm);
}
@media (max-width:900px){.prop-side{position:static}}
.prop-side img{width:56px; height:56px; border-radius:var(--r-pill); object-fit:cover}
.agentline{display:flex; align-items:center; gap:var(--sp-3)}
.agentline b{display:block; font-family:var(--font-display); font-weight:500}
.agentline span{font-size:var(--fs-sm); color:var(--sec)}

/* =========================================================
   נמכרו
   ========================================================= */

.sold-list{display:flex; flex-direction:column; gap:var(--sp-5)}
.sold-row{
  display:grid; grid-template-columns:200px 1fr auto; gap:var(--sp-5); align-items:center;
  background:var(--card); border:1px solid var(--line); border-radius:var(--r-md);
  overflow:hidden; padding-inline-end:var(--sp-5);
}
.sold-media{display:block; line-height:0}
.sold-row img{width:100%; aspect-ratio:4/3; object-fit:cover}
.sold-info{display:flex; flex-direction:column; gap:var(--sp-2); padding-block:var(--sp-4)}
.sold-info h3 a{color:inherit}
.sold-info h3 a:hover{color:var(--blue); text-decoration:none}
.sold-info p{font-size:var(--fs-sm); color:var(--sec)}
.sold-fig{text-align:start; display:flex; flex-direction:column; gap:var(--sp-1); padding-block:var(--sp-4)}
.sold-fig .price{font-size:var(--fs-lg); color:var(--sold)}
.sold-fig span{font-size:var(--fs-xs); color:var(--sec); letter-spacing:var(--ls-sm)}
@media (max-width:760px){
  .sold-row{grid-template-columns:1fr; padding-inline-end:0}
  .sold-info,.sold-fig{padding-inline:var(--sp-4)}
  .sold-fig{padding-block-end:var(--sp-5)}
}

/* =========================================================
   עליי
   ========================================================= */

.about-top{display:grid; grid-template-columns:1fr 340px; gap:var(--sp-8); align-items:start}
@media (max-width:900px){.about-top{grid-template-columns:1fr; gap:var(--sp-6)}}
.about-text{display:flex; flex-direction:column; gap:var(--sp-5)}
.about-text .lead-p{font-size:var(--fs-md); color:var(--ink)}
.about-text p{color:var(--sec)}
.about-portrait{border-radius:var(--r-md); overflow:hidden; box-shadow:var(--shadow-sm)}
.about-portrait img{width:100%; aspect-ratio:3/4; object-fit:cover}

.creds{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--sp-5); margin-block-start:var(--sp-6); padding-block-start:var(--sp-6); border-top:1px solid var(--line)}
.creds div{display:flex; flex-direction:column; gap:var(--sp-1)}
.creds dt{font-size:var(--fs-xs); letter-spacing:var(--ls-sm); color:var(--sec)}
.creds dd{margin:0; font-family:var(--font-display); font-weight:500; font-size:var(--fs-md)}
@media (max-width:760px){.creds{grid-template-columns:1fr 1fr; gap:var(--sp-4)}}

.steps{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--sp-6); counter-reset:step; list-style:none; margin:0; padding:0}
.steps li{display:flex; flex-direction:column; gap:var(--sp-2); counter-increment:step}
.steps li::before{
  content:counter(step);
  font-family:var(--font-display); font-weight:700; font-size:var(--fs-lg);
  color:var(--blue); line-height:1;
  padding-block-end:var(--sp-2); border-block-end:1px solid var(--line);
}
.steps h3{font-size:var(--fs-base)}
.steps p{font-size:var(--fs-sm); color:var(--sec)}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps{grid-template-columns:1fr; gap:var(--sp-5)}}

/* =========================================================
   יצירת קשר
   ========================================================= */

.contact-cols{display:grid; grid-template-columns:1.2fr 1fr; gap:var(--sp-8); align-items:start}
@media (max-width:900px){.contact-cols{grid-template-columns:1fr; gap:var(--sp-7)}}

.form{display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-4)}
.form .field--full{grid-column:1 / -1}
.form .form-actions{grid-column:1 / -1; display:flex; align-items:center; gap:var(--sp-4); flex-wrap:wrap}
.form-note{font-size:var(--fs-xs); color:var(--sec)}
@media (max-width:560px){.form{grid-template-columns:1fr}}

.form-status{
  grid-column:1 / -1;
  background:var(--panel); border:1px solid var(--line); border-radius:var(--r-sm);
  padding:var(--sp-3) var(--sp-4); font-size:var(--fs-sm);
}

.info-block{display:flex; flex-direction:column; gap:var(--sp-5)}
.info-item{display:flex; flex-direction:column; gap:var(--sp-1)}
.info-item dt{font-size:var(--fs-xs); letter-spacing:var(--ls-kicker); color:var(--sec)}
.info-item dd{margin:0; font-size:var(--fs-md)}
.hours{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--sp-2); font-size:var(--fs-sm)}
.hours li{display:flex; justify-content:space-between; gap:var(--sp-4); max-width:20rem; color:var(--sec)}
.hours b{color:var(--ink); font-weight:400}

.map{border-radius:var(--r-md); overflow:hidden; border:1px solid var(--line); background:var(--panel)}
.map iframe{display:block; width:100%; height:320px; border:0}

/* =========================================================
   פוטר - שורה אחת, לא שלוש עמודות
   ========================================================= */

.footline{
  margin-block-start:auto;
  border-top:1px solid var(--line);
  padding-block:var(--sp-5);
  display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-3) var(--sp-5);
  font-size:var(--fs-sm); color:var(--sec);
}
.footline b{color:var(--ink); font-weight:500; font-family:var(--font-display)}
.footline .spacer{margin-inline-start:auto}

/* =========================================================
   כפתור חיוג צף במובייל
   ========================================================= */

.callfab{display:none}
@media (max-width:980px){
  .callfab{
    display:inline-flex; align-items:center; gap:var(--sp-2);
    position:fixed; inset-block-end:var(--sp-4); inset-inline-end:var(--sp-4);
    z-index:35;
    background:var(--blue); color:#fff;
    font-family:var(--font-display); font-weight:500; font-size:var(--fs-sm);
    padding:var(--sp-3) var(--sp-5); border-radius:var(--r-pill);
    box-shadow:var(--shadow-lg);
  }
  .callfab:hover{text-decoration:none}
}

/* =========================================================
   לייטבוקס
   ========================================================= */

.lightbox{
  position:fixed; inset:0; z-index:60;
  background:rgba(15,30,43,.92);
  display:flex; align-items:center; justify-content:center; padding:var(--sp-5);
  opacity:0; pointer-events:none;
  transition:opacity .3s var(--ease-out);
}
.lightbox.is-open{opacity:1; pointer-events:auto}
.lightbox img{max-width:min(1100px,100%); max-height:86vh; width:auto; border-radius:var(--r-md)}
.lightbox-close{
  position:absolute; inset-block-start:var(--sp-5); inset-inline-end:var(--sp-5);
  width:44px; height:44px; border-radius:var(--r-pill);
  background:rgba(255,255,255,.12); color:#fff; border:0; cursor:pointer;
  font-size:var(--fs-lg); line-height:1;
}
.lightbox-close:hover{background:rgba(255,255,255,.2)}

/* =========================================================
   חשיפה בגלילה (דרגה א' - פעם אחת, עדין)
   ========================================================= */

/* משתמש ב-translate (תכונה עצמאית) ולא ב-transform, כדי שלא יתנגש
   עם transform של ריחוף על אותו אלמנט (למשל .pcard). */
.reveal{
  opacity:0; translate:0 14px;
  transition:opacity .5s var(--ease-out), translate .5s var(--ease-out);
}
.reveal.is-in{opacity:1; translate:none}

/* כרטיס נכס הוא גם .reveal וגם בעל ריחוף - מאחדים את שתי ההצהרות */
.pcard.reveal{
  transition:opacity .5s var(--ease-out), translate .5s var(--ease-out),
             transform .2s var(--ease-out), box-shadow .2s var(--ease-out);
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* =========================================================
   התאמות רוחב ביניים
   ========================================================= */

@media (max-width:1180px){
  :root{--rail-w:212px}
}
@media (max-width:820px){
  .lead{grid-template-columns:1fr}
  .lead-media img{aspect-ratio:16/10}
  .lead-body{padding:var(--sp-5)}
}