/* =========================================================
   פוליה · Vilchik Group
   פלטה מורחבת מהדף האיטלקי הקיים (/italy26.08) — אבן, טרקוטה, זית, זהב.
   ========================================================= */

:root{
  --stone:#EDE7D8;        /* רקע אבן/סיד */
  --stone-2:#F6F1E6;
  --card:#FFFDF6;
  --ink:#3B3327;          /* חום־דיו, לא שחור */
  --ink-soft:#5E5238;
  --terra:#AE5A3A;
  --terra-2:#C06A45;
  --olive:#6F7B4C;
  --olive-2:#59643E;
  --gold:#A9843F;
  --gold-2:#C2A566;
  --night:#221D16;        /* לרקעים כהים / נגן הרילים */
  --line:rgba(120,96,52,.24);
  --line-2:rgba(120,96,52,.12);

  --serif:"Frank Ruhl Libre","David Libre",Georgia,serif;
  --sans:"Assistant","Heebo","Segoe UI",Arial,system-ui,sans-serif;

  --maxw:1140px;
  --narrow:min(680px,92vw);
  --r:18px;
  --shadow:0 18px 44px rgba(59,51,39,.13);
  --shadow-sm:0 6px 18px rgba(59,51,39,.10);
}

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

html{scroll-behavior:smooth;scroll-padding-top:88px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;
  background:var(--stone);
  color:var(--ink);
  font-family:var(--sans);
  font-size:1.22rem;          /* טיפוגרפיה גדולה ונוחה — לאורך כל האתר */
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  /* clip ולא hidden: overflow-x:hidden על body הופך אותו למיכל גלילה,
     ואז החלון מפסיק להיגלל — אירועי scroll ו-IntersectionObserver לא
     נורים, position:sticky נשבר, וכל התוכן עם .rv נשאר בלתי נראה. */
  overflow-x:clip;
}

/* height:auto חובה — תכונות width/height ב-HTML (שנמצאות שם כדי למנוע
   קפיצת פריסה) גוברות אחרת על aspect-ratio ומותחות את התמונה לגובה מלא. */
img,video{max-width:100%;height:auto;display:block}
a{color:var(--terra);text-underline-offset:.22em}

h1,h2,h3,h4{font-family:var(--serif);line-height:1.16;margin:0 0 .5em;font-weight:700;color:var(--ink)}
h1{font-size:clamp(2.4rem,6.2vw,4.1rem)}
h2{font-size:clamp(2rem,4.6vw,3.05rem)}
h3{font-size:clamp(1.45rem,2.7vw,1.85rem)}
p{margin:0 0 1.15em}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:22px}
.narrow{max-width:var(--narrow);margin-inline:auto}
section{padding:clamp(64px,9vw,118px) 0}

/* ---------- אלמנטים חוזרים ---------- */

.eyebrow{
  font-family:var(--sans);font-weight:700;font-size:.95rem;
  letter-spacing:.16em;color:var(--terra);
  text-transform:uppercase;margin:0 0 .8rem;display:block;
}
.eyebrow::after{
  content:"";display:block;width:56px;height:2px;margin-top:.7rem;
  background:linear-gradient(90deg,var(--gold),transparent);
}
.center .eyebrow::after{margin-inline:auto;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.center{text-align:center}

.lead{font-size:clamp(1.32rem,2.5vw,1.6rem);line-height:1.72;color:var(--ink-soft)}

/* משפט־מפתח מודגש — הקצב הקצר של צביה, שורה בשורה */
.pull{
  font-family:var(--serif);
  font-size:clamp(1.6rem,3.6vw,2.35rem);
  line-height:1.42;font-weight:700;color:var(--olive-2);
  border-inline-start:4px solid var(--gold);
  padding-inline-start:1.1rem;margin:2.2rem 0;
}
.pull.center{border:0;padding:0;text-align:center;color:var(--ink)}

/* "פתק שטח" — הערה בכתב יד־ית, הקול האישי שלהן */
.note{
  font-family:var(--serif);font-style:italic;
  font-size:1.22rem;color:var(--olive);line-height:1.7;
}

.btn{
  display:inline-flex;align-items:center;gap:.6rem;
  background:var(--terra);color:#fff;text-decoration:none;
  font-weight:800;font-size:1.16rem;font-family:var(--sans);
  padding:1rem 2.1rem;border-radius:100px;border:0;cursor:pointer;
  box-shadow:0 10px 26px rgba(174,90,58,.30);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.btn:hover{background:var(--terra-2);transform:translateY(-2px);box-shadow:0 14px 32px rgba(174,90,58,.36)}
.btn--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
.btn--ghost:hover{background:rgba(169,132,63,.10);border-color:var(--gold);transform:translateY(-2px);box-shadow:none}

/* ---------- ניווט ---------- */

.nav{
  position:sticky;top:0;z-index:60;
  background:rgba(246,241,230,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line-2);
}
.nav__in{max-width:var(--maxw);margin-inline:auto;padding:.7rem 22px;
  display:flex;align-items:center;gap:1.2rem}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink);margin-inline-end:auto}
.brand__mark{
  width:44px;height:44px;border-radius:11px;flex:0 0 auto;
  background:linear-gradient(140deg,var(--gold),var(--terra));
  color:#fff;font-family:var(--serif);font-weight:800;font-size:1.1rem;
  display:grid;place-items:center;letter-spacing:.04em;
}
.brand__txt{display:flex;flex-direction:column;line-height:1.2}
.brand__name{font-family:var(--serif);font-weight:800;font-size:1.12rem}
.brand__sub{font-size:.82rem;color:var(--ink-soft);letter-spacing:.04em}

.nav__links{display:flex;gap:.35rem;list-style:none;margin:0;padding:0}
.nav__links a{
  text-decoration:none;color:var(--ink);font-weight:600;font-size:1.06rem;
  padding:.5rem .85rem;border-radius:100px;display:block;transition:background .15s;
}
.nav__links a:hover{background:rgba(169,132,63,.13)}
.nav__links a[aria-current="page"]{color:var(--terra);background:rgba(174,90,58,.10)}

.nav__burger{display:none;background:none;border:0;cursor:pointer;padding:.5rem;
  flex-direction:column;gap:5px;width:44px;height:44px;justify-content:center;align-items:center}
.nav__burger span{display:block;width:24px;height:2px;background:var(--ink);transition:.25s}
.nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:880px){
  .nav__burger{display:flex}
  .nav__links{
    position:absolute;inset-inline:0;top:100%;flex-direction:column;gap:0;
    background:var(--stone-2);border-bottom:1px solid var(--line);
    box-shadow:var(--shadow);padding:.5rem 0;display:none;
  }
  .nav__links.open{display:flex}
  .nav__links a{padding:.9rem 22px;border-radius:0;font-size:1.16rem}
}

/* ---------- Hero ---------- */

.hero{position:relative;min-height:min(100svh,860px);display:grid;place-items:center;
  padding:0;overflow:hidden;background:var(--night)}
.hero__media{position:absolute;inset:0}
.hero__media video,.hero__media img{width:100%;height:100%;object-fit:cover}
/* שתי שכבות: אליפסה כהה מתחת לטקסט עצמו (הפתח המואר בתמונה בולע אותו),
   ומעליה מעבר אנכי שמחבר לתוכן שמתחת. */
.hero__scrim{position:absolute;inset:0;
  background:
    radial-gradient(ellipse 88% 62% at 50% 48%, rgba(30,24,17,.68) 0%, rgba(30,24,17,.30) 62%, rgba(30,24,17,0) 100%),
    linear-gradient(180deg,rgba(34,29,22,.52) 0%,rgba(34,29,22,.20) 40%,rgba(34,29,22,.88) 100%)}
.hero__in{position:relative;z-index:2;text-align:center;color:#fff;padding:120px 22px 96px;max-width:900px}
.hero__kicker{
  font-weight:700;letter-spacing:.2em;font-size:.98rem;color:var(--gold-2);
  text-transform:uppercase;margin-bottom:1.1rem;
}
.hero h1{color:#fff;margin-bottom:.35em;text-shadow:0 3px 30px rgba(0,0,0,.42)}
.hero h1 em{font-style:italic;color:var(--gold-2);display:block}
.hero__sub{
  font-family:var(--serif);font-size:clamp(1.35rem,2.9vw,1.9rem);
  line-height:1.55;color:#F3EADA;max-width:24ch;margin:0 auto 2rem;
  text-shadow:0 2px 16px rgba(0,0,0,.4);
}
.hero__cue{position:absolute;bottom:26px;inset-inline:0;z-index:2;display:grid;place-items:center;gap:.4rem;
  color:rgba(255,255,255,.72);font-size:.9rem;letter-spacing:.12em}
.hero__cue i{display:block;width:1px;height:38px;background:linear-gradient(180deg,transparent,var(--gold-2));animation:cue 2.2s ease-in-out infinite}
@keyframes cue{0%,100%{opacity:.25;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

/* Hero פנימי לעמודי המשנה */
.phero{position:relative;background:var(--night);color:#fff;text-align:center;overflow:hidden}
.phero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.phero__in{position:relative;z-index:2;padding:clamp(80px,12vw,150px) 22px clamp(56px,8vw,96px)}
.phero h1{color:#fff}
.phero p{color:#EFE5D4;font-size:clamp(1.25rem,2.4vw,1.5rem);max-width:34ch;margin-inline:auto}
.phero .eyebrow{color:var(--gold-2)}
.phero .eyebrow::after{margin-inline:auto;background:linear-gradient(90deg,transparent,var(--gold-2),transparent)}

/* ---------- בלוקים ---------- */

.band{background:var(--stone-2)}
.band--dark{background:var(--night);color:#EFE6D6}
.band--dark h2,.band--dark h3{color:#fff}
.band--dark .lead,.band--dark p{color:#D9CDB8}
.band--dark .eyebrow{color:var(--gold-2)}
.band--olive{background:linear-gradient(160deg,#5C6742,#414A2E);color:#F2EEE2}
.band--olive h2,.band--olive h3{color:#fff}
.band--olive p{color:#E3DDCB}
.band--olive .eyebrow{color:var(--gold-2)}

/* שתי עמודות: תמונה + טקסט */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,68px);align-items:center}
.split--flip{direction:ltr}
.split--flip>*{direction:rtl}
.split img{border-radius:var(--r);box-shadow:var(--shadow);width:100%;aspect-ratio:4/5;object-fit:cover}
@media (max-width:820px){.split{grid-template-columns:1fr}.split img{aspect-ratio:4/3}}

/* רשת נושאים */
.grid{display:grid;gap:26px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){.grid--3{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.grid--3,.grid--2{grid-template-columns:1fr}}

.card{
  background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);
  overflow:hidden;box-shadow:var(--shadow-sm);
  display:flex;flex-direction:column;
  transition:transform .2s ease,box-shadow .2s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card__b{padding:1.5rem 1.5rem 1.7rem}
.card__b h3{margin-bottom:.4em}
.card__b p{font-size:1.12rem;color:var(--ink-soft);margin:0}
.card__tag{
  display:inline-block;font-size:.9rem;font-weight:700;letter-spacing:.1em;
  color:var(--olive);margin-bottom:.55rem;
}

/* ---------- פס הרילים ---------- */

.reels{
  display:flex;gap:18px;overflow-x:auto;padding:6px 22px 26px;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:var(--gold) transparent;
}
.reels::-webkit-scrollbar{height:8px}
.reels::-webkit-scrollbar-thumb{background:var(--gold);border-radius:100px}
.reel{
  flex:0 0 clamp(210px,54vw,264px);scroll-snap-align:center;
  position:relative;border:0;padding:0;cursor:pointer;background:var(--night);
  border-radius:16px;overflow:hidden;aspect-ratio:9/16;
  box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;
  font-family:inherit;
}
.reel:hover,.reel:focus-visible{transform:translateY(-5px);box-shadow:var(--shadow);outline:none}
.reel:focus-visible{box-shadow:0 0 0 3px var(--gold),var(--shadow)}
.reel img{width:100%;height:100%;object-fit:cover;opacity:.92}
.reel__t{
  position:absolute;inset-inline:0;bottom:0;padding:2.6rem .9rem .95rem;text-align:center;
  background:linear-gradient(180deg,transparent,rgba(20,16,11,.88));
  color:#fff;font-family:var(--serif);font-weight:700;font-size:1.22rem;line-height:1.3;
}
.reel__play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.22);
  backdrop-filter:blur(4px);border:1.5px solid rgba(255,255,255,.6);
  display:grid;place-items:center;color:#fff;font-size:1.1rem;padding-inline-start:.18em;
}
.reels-hint{text-align:center;color:var(--ink-soft);font-size:1.02rem;margin:.2rem 0 0}

/* נגן מסך מלא — חוויית סטוריז */
.player[hidden]{display:none!important}
.player{
  position:fixed;inset:0;z-index:200;background:rgba(18,14,10,.97);
  display:grid;place-items:center;padding:14px;
}
.player__stage{position:relative;width:min(430px,100%);aspect-ratio:9/16;max-height:94svh}
.player__stage video{width:100%;height:100%;object-fit:contain;border-radius:14px;background:#000}
.player__bars{position:absolute;top:10px;inset-inline:10px;display:flex;gap:4px;z-index:3}
.player__bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.28)}
.player__bars i.on{background:var(--gold-2)}
.player__cap{
  position:absolute;bottom:14px;inset-inline:0;text-align:center;color:#fff;z-index:3;
  font-family:var(--serif);font-size:1.4rem;font-weight:700;
  text-shadow:0 2px 14px rgba(0,0,0,.8);padding-inline:56px;
}
.player button{
  position:absolute;z-index:4;background:rgba(255,255,255,.14);color:#fff;
  border:1px solid rgba(255,255,255,.3);border-radius:50%;
  width:46px;height:46px;font-size:1.35rem;cursor:pointer;display:grid;place-items:center;
  backdrop-filter:blur(4px);font-family:inherit;line-height:1;
}
.player button:hover{background:rgba(255,255,255,.28)}
.player__x{top:-4px;inset-inline-end:-4px}
@media (max-width:520px){.player__x{top:14px;inset-inline-end:8px}}
.player__prev{top:50%;transform:translateY(-50%);inset-inline-end:-58px}
.player__next{top:50%;transform:translateY(-50%);inset-inline-start:-58px}
@media (max-width:600px){
  .player__prev{inset-inline-end:6px}
  .player__next{inset-inline-start:6px}
}

/* ---------- מפת המסלול ---------- */

.map{position:relative;max-width:760px;margin-inline:auto}
.map img{border-radius:var(--r);box-shadow:var(--shadow);width:100%}
.map svg{position:absolute;inset:0;width:100%;height:100%}
.map .hot{fill:rgba(174,90,58,0);stroke:none;cursor:pointer;transition:fill .18s}
.map .hot:hover,.map .hot:focus{fill:rgba(174,90,58,.30);outline:none}
.map .hot.sel{fill:rgba(174,90,58,.38)}
.map__out{
  margin-top:1.4rem;background:var(--card);border:1px solid var(--line-2);
  border-radius:var(--r);padding:1.4rem 1.6rem;box-shadow:var(--shadow-sm);
  min-height:118px;
}
.map__out h3{margin-bottom:.3em;color:var(--terra)}
.map__out p{margin:0;font-size:1.12rem;color:var(--ink-soft)}
.map__list{
  display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;
  list-style:none;margin:1.6rem 0 0;padding:0;
}
.map__list button{
  font-family:inherit;font-size:1.02rem;font-weight:600;cursor:pointer;
  background:var(--card);color:var(--ink);border:1px solid var(--line);
  border-radius:100px;padding:.45rem 1rem;transition:.15s;
}
.map__list button:hover,.map__list button[aria-pressed="true"]{
  background:var(--terra);color:#fff;border-color:var(--terra);
}

/* ---------- רשימות ---------- */

.ticks{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}
.ticks li{position:relative;padding-inline-start:2.1rem;font-size:1.16rem;line-height:1.7}
.ticks li::before{
  content:"";position:absolute;inset-inline-start:0;top:.62em;
  width:11px;height:11px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 0 4px rgba(169,132,63,.18);
}
.ticks--x li::before{background:var(--terra);box-shadow:0 0 0 4px rgba(174,90,58,.16)}
.band--dark .ticks li,.band--olive .ticks li{color:#E7E0CE}

/* שלבים ממוספרים (עמוד הנדל"ן) */
.steps{counter-reset:s;display:grid;gap:1.6rem;margin:0;padding:0;list-style:none}
.step{
  counter-increment:s;position:relative;
  background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);
  padding:1.7rem 1.8rem 1.7rem 1.8rem;box-shadow:var(--shadow-sm);
  padding-inline-start:5.2rem;
}
.step::before{
  content:counter(s,decimal-leading-zero);
  position:absolute;inset-inline-start:1.5rem;top:1.5rem;
  font-family:var(--serif);font-size:2.1rem;font-weight:800;
  color:var(--gold);line-height:1;
}
.step h3{margin-bottom:.35em}
.step p:last-child{margin-bottom:0}
@media (max-width:560px){
  .step{padding-inline-start:1.4rem;padding-top:3.6rem}
  .step::before{top:1.1rem}
}

/* טבלה */
.tbl{width:100%;border-collapse:collapse;background:var(--card);
  border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);font-size:1.1rem}
.tbl th,.tbl td{padding:1rem 1.15rem;text-align:start;border-bottom:1px solid var(--line-2);vertical-align:top}
.tbl th{background:rgba(169,132,63,.13);font-family:var(--serif);font-size:1.16rem}
.tbl tr:last-child td{border-bottom:0}
.tbl-scroll{overflow-x:auto}

/* אקורדיון */
details{
  background:var(--card);border:1px solid var(--line-2);border-radius:14px;
  padding:0 1.4rem;margin-bottom:.85rem;box-shadow:var(--shadow-sm);
}
summary{
  cursor:pointer;list-style:none;padding:1.15rem 0;
  font-family:var(--serif);font-weight:700;font-size:1.32rem;
  display:flex;align-items:center;gap:.7rem;
}
summary::-webkit-details-marker{display:none}
summary::before{content:"+";color:var(--terra);font-size:1.5rem;font-weight:400;line-height:1}
details[open] summary::before{content:"–"}
details>*:last-child{padding-bottom:1.2rem;margin-bottom:0}

/* ---------- גלריה ---------- */

.gal{columns:3;column-gap:16px}
@media (max-width:860px){.gal{columns:2}}
@media (max-width:520px){.gal{columns:1}}
.gal button{
  display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;
  margin:0 0 16px;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);
  break-inside:avoid;transition:transform .2s ease;
}
.gal button:hover{transform:scale(1.015)}
.gal img{width:100%;height:auto}

.lb[hidden]{display:none!important}
.lb{position:fixed;inset:0;z-index:200;background:rgba(18,14,10,.96);
  display:grid;place-items:center;padding:20px}
.lb img{max-width:95vw;max-height:92svh;width:auto;border-radius:10px}
.lb button{position:absolute;top:18px;inset-inline-end:18px;
  background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.3);
  border-radius:50%;width:46px;height:46px;font-size:1.4rem;cursor:pointer;font-family:inherit}

/* ---------- טופס ---------- */

.form{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(26px,4vw,44px);box-shadow:var(--shadow);
}
.band--dark .form,.band--olive .form{border-color:rgba(255,255,255,.2)}
.field{margin-bottom:1.15rem}
.field label{display:block;font-weight:700;margin-bottom:.4rem;font-size:1.1rem;color:var(--ink)}
.field input,.field textarea,.field select{
  width:100%;font-family:inherit;font-size:1.14rem;color:var(--ink);
  padding:.85rem 1rem;border:1.5px solid var(--line);border-radius:12px;
  background:#fff;transition:border-color .15s,box-shadow .15s;
}
.field input:focus,.field textarea:focus,.field select:focus{
  outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(169,132,63,.2);
}
.field textarea{min-height:118px;resize:vertical}
.consent{display:flex;gap:.7rem;align-items:flex-start;font-size:1.02rem;color:var(--ink-soft);line-height:1.6}
.consent input{width:20px;height:20px;flex:0 0 auto;margin-top:.3rem;accent-color:var(--terra)}
.form .btn{width:100%;justify-content:center;margin-top:.4rem}
.form__after{text-align:center;font-size:1rem;color:var(--ink-soft);margin:.9rem 0 0}

/* ---------- וואטסאפ צף ---------- */

.wa{position:fixed;inset-inline-end:18px;bottom:18px;z-index:70;display:grid;gap:10px}
.wa a{
  width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;
  display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.26);
  text-decoration:none;transition:transform .18s;position:relative;
}
.wa a:hover{transform:scale(1.08)}
.wa a span{
  position:absolute;inset-inline-end:64px;background:var(--night);color:#fff;
  font-size:.92rem;font-weight:700;padding:.3rem .75rem;border-radius:100px;
  white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s;
}
.wa a:hover span,.wa a:focus span{opacity:1}
@media (max-width:520px){.wa a{width:50px;height:50px}}

/* ---------- פוטר ---------- */

.foot{background:var(--night);color:#CFC4B0;padding:60px 0 30px;font-size:1.06rem}
.foot a{color:var(--gold-2);text-decoration:none}
.foot a:hover{text-decoration:underline}
.foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}
@media (max-width:760px){.foot__grid{grid-template-columns:1fr;gap:26px}}
.foot h4{color:#fff;font-size:1.18rem;margin-bottom:.55em}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.foot__bot{
  border-top:1px solid rgba(255,255,255,.13);margin-top:38px;padding-top:20px;
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
  font-size:.96rem;color:#9C917E;
}

/* ---------- הופעה בגלילה ---------- */

.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* ---------- נגישות ---------- */

.skip{
  position:absolute;inset-inline-start:-9999px;top:0;z-index:300;
  background:var(--terra);color:#fff;padding:.8rem 1.3rem;border-radius:0 0 12px 0;
  font-weight:700;text-decoration:none;
}
.skip:focus{inset-inline-start:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}

body.a11y-contrast{--stone:#fff;--stone-2:#fff;--card:#fff;--ink:#000;--ink-soft:#1a1a1a;
  --terra:#9A3B18;--olive:#3E4A22;--gold:#6B4E12;--line:rgba(0,0,0,.5);--line-2:rgba(0,0,0,.3)}
body.a11y-contrast .band--dark,body.a11y-contrast .band--olive,body.a11y-contrast .foot{background:#000;color:#fff}
body.a11y-big{font-size:1.42rem}
body.a11y-links a{text-decoration:underline!important}
body.a11y-nomotion *{animation:none!important;transition:none!important}
body.a11y-nomotion .rv{opacity:1;transform:none}

.a11y-btn{
  position:fixed;inset-inline-start:18px;bottom:18px;z-index:70;
  width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;
  background:var(--night);color:#fff;font-size:1.4rem;
  box-shadow:0 8px 22px rgba(0,0,0,.26);display:grid;place-items:center;
}
.a11y-panel[hidden]{display:none!important}
.a11y-panel{
  position:fixed;inset-inline-start:18px;bottom:82px;z-index:71;
  background:var(--card);border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow);padding:1.1rem;width:min(290px,84vw);
}
.a11y-panel h4{margin:0 0 .7em;font-size:1.16rem}
.a11y-panel button{
  display:block;width:100%;text-align:start;font-family:inherit;font-size:1.04rem;
  background:var(--stone-2);border:1px solid var(--line-2);border-radius:10px;
  padding:.6rem .85rem;margin-bottom:.45rem;cursor:pointer;color:var(--ink);
}
.a11y-panel button:hover{background:rgba(169,132,63,.16)}
.a11y-panel button[aria-pressed="true"]{background:var(--terra);color:#fff;border-color:var(--terra)}
.a11y-panel a{display:block;text-align:center;margin-top:.6rem;font-size:.98rem}

/* ===== נגן וובינר (facade) =====
   פוסטר סטטי שנטען עצל, וה-iframe של יוטיוב נבנה רק בלחיצה. בלי זה
   כל כניסה לדף גוררת ~700KB ועוגיות צד־שלישי לפני שבכלל ביקשו לצפות. */
.vid{display:block;width:100%;padding:0;border:0;cursor:pointer;position:relative;
  border-radius:var(--r);overflow:hidden;background:#000;box-shadow:var(--shadow);
  aspect-ratio:16/9}
.vid img{width:100%;height:100%;object-fit:cover;opacity:.86;transition:opacity .3s,transform .5s}
.vid:hover img,.vid:focus-visible img{opacity:1;transform:scale(1.02)}
.vid__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;
  transform:translate(50%,-50%);width:84px;height:84px;border-radius:50%;
  background:rgba(174,90,58,.94);color:#fff;font-size:2rem;line-height:84px;
  text-align:center;padding-inline-start:6px;box-shadow:0 8px 30px rgba(0,0,0,.4);
  transition:transform .25s,background .25s}
.vid:hover .vid__play{transform:translate(50%,-50%) scale(1.08);background:var(--terra)}
.vid__cap{position:absolute;inset-inline:0;inset-block-end:0;padding:1.1rem 1.3rem;
  background:linear-gradient(180deg,transparent,rgba(20,16,11,.86));color:#fff;
  font-weight:700;font-size:1.12rem;text-align:start}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:600px){.vid__play{width:64px;height:64px;line-height:64px;font-size:1.5rem}
  .vid__cap{font-size:1rem;padding:.9rem 1rem}}