:root {
  /* ===== ברנד: כיוון "אינדקס" - קרם, לא כהה ===== */
  --cream: #f7f2e7;   /* רקע ראשי */
  --ink: #12100e;     /* טקסט ראשי / רצועות כהות */
  --mustard: #8a5e12; /* חרדל כהה - טקסט מבטא על קרם (עובר ניגודיות) */
  --mustard-br: #c98a1e; /* חרדל בהיר - רקעים/הדגשות בלבד, לא טקסט על קרם */
  --soft: #6b6154;    /* טקסט משני */
  --rule: rgba(18,16,14,.16);

  /* ===== design-standards.md ===== */
  --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;
  --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;
  --ease-out:cubic-bezier(.25,1,.5,1);
  --ease-out-expo:cubic-bezier(.16,1,.3,1);
  --r-sm:3px; --r-md:8px; --r-pill:999px;
  --measure:1180px;

  --font-display:'Karantina', cursive;
  --font-body:'Assistant', system-ui, -apple-system, sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important;
  }
}
body{
  font-family:var(--font-body);background:var(--cream);color:var(--ink);
  line-height:1.6;letter-spacing:var(--ls-base);
}
.js body{opacity:0;transition:opacity .28s var(--ease-out)}
.js body.is-ready{opacity:1}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.wrap{max-width:var(--measure);margin:0 auto;padding-inline:var(--sp-6)}

/* ===== קו עליון דק - לא הדר מלא ===== */
.topline{
  border-bottom:1px solid var(--ink);
  position:sticky;top:0;z-index:50;background:var(--cream);
}
.topline .in{
  max-width:var(--measure);margin:0 auto;padding:var(--sp-3) var(--sp-6);
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);
}
.brand{font-family:var(--font-display);font-weight:700;font-size:1.7rem;line-height:1;letter-spacing:.02em}
.topline nav{display:flex;gap:var(--sp-5);font-size:var(--fs-sm)}
.topline nav a{padding-bottom:2px;border-bottom:1.5px solid transparent;transition:border-color .2s var(--ease-out)}
.topline nav a:hover{border-color:var(--ink)}
.topline nav a[aria-current="page"]{border-color:var(--mustard);font-weight:600}
.nav-toggle{display:none;background:none;border:1px solid var(--rule);width:40px;height:40px;border-radius:var(--r-sm);cursor:pointer;font-size:1.1rem;line-height:1}

/* ===== אינדקס - גיבור העמוד, בלי תמונה ===== */
.index-head{padding-top:var(--sp-8);padding-bottom:var(--sp-5)}
.index-head .eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--ls-kicker);color:var(--mustard);display:block;margin-bottom:var(--sp-3)}
.index-head h1{
  font-family:var(--font-display);font-weight:700;
  font-size:clamp(2.6rem,9vw,5rem);line-height:.95;letter-spacing:.01em;
  max-width:16ch;
}
.index-head p{margin-top:var(--sp-4);color:var(--soft);font-size:var(--fs-md);max-width:40rem}

.idx{border-top:1px solid var(--ink)}
.irow{
  display:grid;grid-template-columns:2.6rem 1fr auto;gap:var(--sp-4);
  align-items:baseline;padding:var(--sp-4) var(--sp-2);
  border-bottom:1px solid var(--rule);
  transition:background .2s var(--ease-out);
}
.irow:hover{background:rgba(201,138,30,.13)}
.irow .n{font-size:var(--fs-xs);font-weight:700;color:var(--mustard);font-variant-numeric:tabular-nums}
.irow h3{font-family:var(--font-display);font-weight:700;font-size:clamp(1.7rem,5vw,2.6rem);line-height:1;margin:0}
.irow .d{display:block;font-size:var(--fs-sm);color:var(--soft);margin-top:var(--sp-1)}
.irow .pr{font-weight:700;font-size:var(--fs-md);font-variant-numeric:tabular-nums;white-space:nowrap}

/* ===== תוספת צילום קטנה - כפופה לטיפוגרפיה ===== */
.inset{
  display:grid;grid-template-columns:1.35fr 1fr;gap:var(--sp-7);align-items:center;
  padding-block:var(--sp-9);
}
.inset .ph{aspect-ratio:4/3;background-size:cover;background-position:center;border-radius:var(--r-sm)}
.inset .note h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1;margin-bottom:var(--sp-3);letter-spacing:var(--ls-display)}
.inset .note p{color:var(--soft);font-size:var(--fs-md);max-width:34rem}
.inset .note a{border-bottom:1px solid var(--mustard);color:var(--mustard);font-weight:600;display:inline-block;margin-top:var(--sp-4)}

/* ===== רצועה כהה ===== */
.strip{background:var(--ink);color:var(--cream);padding-block:var(--sp-7)}
.strip .in{max-width:var(--measure);margin:0 auto;padding-inline:var(--sp-6);display:flex;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;align-items:center}
.strip b{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1}
.strip span{font-size:var(--fs-sm);color:#d8d0c0}
.strip a.cta{
  background:var(--mustard-br);color:var(--ink);font-weight:700;font-size:var(--fs-sm);
  padding:12px 24px;border-radius:var(--r-pill);transition:transform .2s var(--ease-out);
}
.strip a.cta:hover{transform:translateY(-2px)}

/* ===== עמודי משנה ===== */
.page-head{padding-block:var(--sp-8) var(--sp-6);border-bottom:1px solid var(--ink)}
.page-head .eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--ls-kicker);color:var(--mustard);display:block;margin-bottom:var(--sp-3)}
.page-head h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.2rem,8vw,4rem);line-height:.98;letter-spacing:.01em}
.page-head p{margin-top:var(--sp-4);color:var(--soft);font-size:var(--fs-md);max-width:40rem}

.spec{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3) var(--sp-6);max-width:44rem;margin-top:var(--sp-6)}
.spec dt{color:var(--mustard);font-size:var(--fs-sm);font-weight:600}
.spec dd{font-size:var(--fs-md);border-bottom:1px solid var(--rule);padding-bottom:var(--sp-3)}
.closing{margin-top:var(--sp-7);color:var(--soft);max-width:40rem;font-size:var(--fs-md)}
.section{padding-block:var(--sp-9)}

.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-4);padding-block:var(--sp-8)}
.gal button{position:relative;aspect-ratio:4/3;border:none;padding:0;cursor:pointer;background-size:cover;background-position:center;border-radius:var(--r-sm);overflow:hidden;transition:transform .2s var(--ease-out)}
.gal button:hover{transform:translateY(-2px)}
.gal .cap{position:absolute;inset-inline:0;bottom:0;padding:var(--sp-3);background:linear-gradient(to top,rgba(18,16,14,.85),transparent);color:var(--cream);font-size:var(--fs-sm);text-align:start}
.lightbox{position:fixed;inset:0;z-index:90;background:rgba(18,16,14,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-6)}
.lightbox[hidden]{display:none}
.lightbox img{max-width:min(92vw,900px);max-height:76vh;object-fit:contain;border-radius:var(--r-sm)}
.lightbox p{color:#d8d0c0;font-size:var(--fs-sm)}
.lightbox .close{position:absolute;top:var(--sp-5);inset-inline-end:var(--sp-5);width:44px;height:44px;border-radius:50%;background:rgba(247,242,231,.16);border:none;color:var(--cream);font-size:1.3rem;cursor:pointer}

.hours{display:grid;gap:var(--sp-2);max-width:26rem;margin-top:var(--sp-5)}
.hours div{display:flex;justify-content:space-between;padding:var(--sp-2) 0;border-bottom:1px solid var(--rule)}
.hours b{color:var(--mustard);font-variant-numeric:tabular-nums}
.mapwrap{margin-top:var(--sp-6);border-radius:var(--r-md);overflow:hidden;min-height:280px}
.mapwrap iframe{width:100%;min-height:280px;border:0;display:block}

.form{display:grid;gap:var(--sp-4);max-width:34rem;margin-top:var(--sp-6)}
.form label{display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--soft)}
.form input{font-family:inherit;font-size:var(--fs-base);padding:12px 14px;background:#fff;border:1px solid var(--rule);border-radius:var(--r-sm);color:var(--ink)}
.form button{background:var(--ink);color:var(--cream);border:none;font-family:inherit;font-weight:700;font-size:var(--fs-base);padding:14px 30px;border-radius:var(--r-sm);cursor:pointer;justify-self:start;transition:transform .2s var(--ease-out)}
.form button:hover{transform:translateY(-2px)}
/* טקסט ב---ink ולא ב---mustard: חרדל על הרקע המגוון נותן 4.34:1 בלבד */
.form-ok{background:rgba(201,138,30,.18);border:1px solid var(--mustard);color:var(--ink);padding:var(--sp-3);border-radius:var(--r-sm);font-weight:600}

.endline{border-top:1px solid var(--ink);padding-block:var(--sp-6) var(--sp-8);display:flex;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;font-size:var(--fs-sm);color:var(--soft)}
.endline .built{opacity:.6;font-size:var(--fs-xs);width:100%;text-align:center;margin-top:var(--sp-4)}

/* חשיפה - דרגה ב׳ */
.rv{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out)}
.rv.is-in{opacity:1;transform:none}
.mask{clip-path:inset(0 0 0 100%);transition:clip-path .8s var(--ease-out-expo)}
.mask.is-in{clip-path:inset(0 0 0 0)}
.w{display:inline-block;overflow:hidden;vertical-align:bottom}
.w-i{display:inline-block;transform:translateY(105%);transition:transform .7s var(--ease-out-expo)}
.is-in .w-i{transform:none}

@media (max-width:760px){
  .inset{grid-template-columns:1fr;gap:var(--sp-5)}
  .topline nav{
    position:absolute;inset-inline:0;top:100%;background:var(--cream);
    border-bottom:1px solid var(--ink);flex-direction:column;gap:0;
    padding:var(--sp-3) var(--sp-6) var(--sp-5);display:none;
  }
  .topline nav.open{display:flex}
  .topline nav a{padding:var(--sp-3) 0;border-bottom:1px solid var(--rule)}
  .nav-toggle{display:block}
  .irow{grid-template-columns:1.8rem 1fr auto;gap:var(--sp-3)}
}