/*
  יום לעצמך - SUNGAM, החממה במתחם ויטראז׳

  שפה גרפית: חממה. שלושה רעיונות בלבד, שחוזרים לאורך הדף:
  1. זיגוג  - תמונות יושבות ב"שמשות": פסי חלוקה דקים בצבע הדף, וגג משופע בתמונת הפתיחה.
  2. אור    - פסי אור אלכסוניים וחמים על משטחים ריקים, כמו אור שנופל דרך שמשות.
  3. קורות  - קווי חלוקה דקים בירוק (אנכיים ואופקיים) במקום כרטיסים ומסגרות.

  כלל צורות: רכיבים לחיצים הם גלולות (999px). תמונות, שמשות ומשטחים הם ישרי פינות.
  צבעים: glass = הדף, mist = משטח שקט, moss = כותרות וכפתורים, ink = טקסט,
  wood = הדגשה עדינה (טקסט גדול וקווים בלבד, לא טקסט קטן), sun = אור בלבד.
*/

@font-face { font-family: "Rubik"; font-weight: 300; font-display: swap; src: url("fonts/rubik-hebrew-300-normal.woff2") format("woff2"); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: "Rubik"; font-weight: 400; font-display: swap; src: url("fonts/rubik-hebrew-400-normal.woff2") format("woff2"); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: "Rubik"; font-weight: 500; font-display: swap; src: url("fonts/rubik-hebrew-500-normal.woff2") format("woff2"); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: "Rubik"; font-weight: 300; font-display: swap; src: url("fonts/rubik-latin-300-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2013-2014, U+2018-201D, U+2026; }
@font-face { font-family: "Rubik"; font-weight: 400; font-display: swap; src: url("fonts/rubik-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2013-2014, U+2018-201D, U+2026; }
@font-face { font-family: "Rubik"; font-weight: 500; font-display: swap; src: url("fonts/rubik-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2013-2014, U+2018-201D, U+2026; }

:root {
  color-scheme: light;
  --glass: #F4F4EC;
  --mist: #E6EBDD;
  --moss: #2C4435;
  --moss-deep: #223629;
  --ink: #1E2A23;
  --ink-soft: rgb(30 42 35 / 0.76);
  --sage: #8FA78D;
  --wood: #84532E;
  --sun: 244 224 172;               /* רכיבי RGB, לשימוש עם שקיפות */
  --beam: rgb(44 68 53 / 0.2);      /* קו "קורה" */

  --gutter: clamp(20px, 5vw, 72px);
  --wide: 1320px;
  --text: 34rem;
  --section: clamp(88px, 9.5vw, 144px);
  --pane-gap: clamp(5px, 0.55vw, 8px); /* עובי פס הזיגוג */

  --fs-body: clamp(1.125rem, 1.06rem + 0.3vw, 1.3rem);
  --fs-small: 1.0625rem;
  --fs-lead: clamp(1.3rem, 1.12rem + 0.75vw, 1.7rem);
  --fs-h2: clamp(2.6rem, 1.5rem + 4.6vw, 5.5rem);
  --fs-h3: clamp(1.45rem, 1.2rem + 1vw, 2.05rem);

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  font-family: "Rubik", system-ui, sans-serif;
  font-weight: 300;
  font-size: var(--fs-body);
  line-height: 1.75;
  color: var(--ink);
  background: var(--glass);
  overflow-x: clip;
  overflow-wrap: break-word;
}
img, picture { display: block; max-width: 100%; }
picture img { width: 100%; height: 100%; object-fit: cover; }
h1, h2, h3 { text-wrap: balance; }
h2 { font-size: var(--fs-h2); font-weight: 300; line-height: 1.04; letter-spacing: -0.022em; color: var(--moss); }
/* שתי מדרגות: סקשני הסיפור בכותרת גדולה ודקה, הסקשנים המעשיים בכותרת קטנה ויציבה יותר */
.day h2, .facts h2, .faq h2 { font-size: clamp(2.1rem, 1.5rem + 2.2vw, 3.5rem); font-weight: 400; letter-spacing: -0.015em; line-height: 1.1; }
h3 { font-size: var(--fs-h3); font-weight: 400; line-height: 1.2; letter-spacing: -0.01em; color: var(--moss); }
p { text-wrap: pretty; }
a { color: inherit; text-underline-offset: 0.22em; text-decoration-thickness: 1px; }
ol, ul { list-style: none; padding: 0; }
::selection { background: rgb(var(--sun) / 0.9); color: var(--ink); }
:focus-visible { outline: 3px solid var(--moss); outline-offset: 3px; }

.wrap { width: 100%; max-width: calc(var(--wide) + 2 * var(--gutter)); margin-inline: auto; padding-inline: var(--gutter); }
.prose { display: grid; gap: 1.05em; max-width: var(--text); }
.lead { font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; color: var(--ink); }
.soft { color: var(--ink-soft); }
.ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }
.skip { position: absolute; inset-inline-start: 12px; top: 0; transform: translateY(-140%); z-index: 30; background: var(--moss); color: var(--glass); padding: 10px 16px; }
.skip:focus { transform: translateY(12px); }

@media (max-width: 899px) {
  body { font-weight: 400; } /* משקל 300 דק מדי לקריאה רציפה במסך קטן */
}

/* ---------- כפתור ---------- */
.cta {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 58px; padding: 0.9em 2em;
  background: var(--moss); color: var(--glass);
  font: 500 1.1rem/1.2 "Rubik", system-ui, sans-serif; text-decoration: none; text-align: center; white-space: nowrap;
  border-radius: 999px;
  transition: background-color 0.3s ease, transform 0.3s var(--ease);
}
.cta:hover { background: var(--moss-deep); }
.cta:active { transform: translateY(1px); }
@media (max-width: 380px) { .cta { padding-inline: 1.3em; font-size: 1.02rem; } }
/* כפתור ראשי (תשלום) עם קישור משני לוואטסאפ. מופיע רק כשמוגדר קישור תשלום. */
.cta-pair { display: inline-grid; justify-items: start; gap: 6px; }
.cta-alt { display: inline-flex; align-items: center; min-height: 44px; font-weight: 500; color: var(--moss); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.3em; }
.cta-alt:hover { color: var(--moss-deep); }

/* ---------- פס עליון ---------- */
.top { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 18px; }
.top__logo { display: inline-flex; align-items: center; min-height: 48px; }
.top__logo img { width: clamp(118px, 11vw, 156px); height: auto; }

/* ---------- זיגוג: תמונה בשלוש שמשות, מתחת לגג משופע ---------- */
.glazed { position: relative; }
.glazed picture {
  height: 100%; overflow: clip;
  clip-path: polygon(0 var(--pitch), 50% 0, 100% var(--pitch), 100% 100%, 0 100%);
}
.glazed::before, .glazed::after { content: ""; position: absolute; top: 0; bottom: 0; width: var(--pane-gap); background: var(--glass); z-index: 1; }
/* מיקום הפסים נקבע לפי התמונה (images.hero.bars), כדי שיעברו בין הדמויות */
.glazed::before { left: calc(var(--bar-a, 34%) - var(--pane-gap) / 2); }
.glazed::after { left: calc(var(--bar-b, 67%) - var(--pane-gap) / 2); }

/* ---------- פתיחה ---------- */
.hero { display: grid; grid-template-columns: minmax(0, 1fr); padding-bottom: clamp(40px, 6vw, 72px); }
.hero__photo { --pitch: 13%; height: clamp(190px, 30svh, 340px); margin-inline: calc(-1 * var(--gutter)); }
/* מסגור קבוע לתמונת הפתיחה: אותו חלק מרוחב התמונה בכל מסך, כך שפסי הזיגוג נשארים במקומם ביחס לדמויות */
.hero__photo picture { position: relative; }
.hero__photo img[data-crop] {
  position: absolute; max-width: none; height: auto;
  width: calc(100% / var(--crop-w)); left: calc(-100% * var(--crop-l) / var(--crop-w));
  top: var(--fy); translate: 0 calc(-1 * var(--fy));
}
.hero__text { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; padding-top: 22px; }
.hero__title { display: grid; }
.hero__name { font-size: clamp(3.5rem, 17.6vw, 6rem); font-weight: 300; line-height: 0.98; letter-spacing: -0.035em; color: var(--moss); }
.hero__sub { font-size: clamp(1.06rem, 0.98rem + 0.5vw, 1.3rem); font-weight: 500; line-height: 1.4; color: var(--ink); margin-top: 0.9em; }
.hero__lead { font-size: clamp(1.3rem, 1.1rem + 0.9vw, 1.75rem); font-weight: 300; line-height: 1.45; margin-top: 0.7em; }
/* מתי: התאריך והשעות הם הפרט הבולט ביותר אחרי השם */
.hero__when { display: flex; flex-wrap: wrap; align-items: center; font-size: clamp(1.3rem, 1.16rem + 0.7vw, 1.6rem); font-weight: 500; color: var(--moss); line-height: 1.3; margin-top: 0.95em; }
.hero__date { font-weight: 500; }
.hero__where { font-size: 1.05rem; font-weight: 400; color: var(--ink-soft); line-height: 1.5; margin-top: 0.25em; }
.hero__sep { display: inline-block; width: 1px; height: 0.95em; background: var(--beam); margin-inline: 0.75em; vertical-align: -0.1em; }
.hero__actions { margin-top: 1.5em; }
@media (max-width: 899px) {
  .hero__photo img[data-crop] { top: var(--fy-m); translate: 0 calc(-1 * var(--fy-m)); }
  /* ריווח אנכי הדוק יותר, כדי שהכפתור יופיע מוקדם */
  .top { padding-block: 10px; }
  .hero__text { padding-top: 16px; }
  .hero__sub { margin-top: 0.6em; }
  .hero__lead { margin-top: 0.5em; line-height: 1.4; }
  .hero__when { margin-top: 0.7em; }
  .hero__actions { margin-top: 1.15em; }
}

@media (min-width: 900px) {
  .hero { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: clamp(32px, 4.5vw, 72px); min-height: min(820px, calc(100svh - 96px)); align-items: stretch; }
  /* ריבוע קבוע: החיתוך זהה בכל רוחב מסך, והפסים נשארים במקומם ביחס לתמונה */
  .hero__photo { grid-column: 2; grid-row: 1; height: auto; aspect-ratio: 1 / 1; width: min(100%, max(420px, calc(100svh - 150px))); justify-self: end; align-self: end; margin-inline: 0; --pitch: 15%; }
  .hero__text { grid-column: 1; grid-row: 1; align-content: end; padding: 0 0 clamp(8px, 3vh, 40px); }
  .hero__name { font-size: clamp(4.6rem, 7.3vw, 7.4rem); }
  .hero__lead { margin-top: 1em; }
  .hero__actions { margin-top: 2.2em; }
}

@media (prefers-reduced-motion: no-preference) {
  .hero__photo img { animation: settle 2s var(--ease) both; }
  .hero__text > * { animation: rise 1s var(--ease) both; }
  .hero__text > :nth-child(2) { animation-delay: 0.1s; }
  .hero__text > :nth-child(3) { animation-delay: 0.18s; }
  .hero__text > :nth-child(n + 4) { animation-delay: 0.26s; }
}
@keyframes settle { from { opacity: 0; transform: scale(1.04); } to { opacity: 1; transform: none; } }
@keyframes rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* ---------- אור: פסים אלכסוניים חמים על משטח ריק ---------- */
.invite, .end__text { position: relative; isolation: isolate; }
.invite::before, .end__text::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  inset-block: 0; inset-inline-start: 0; width: min(78vw, 880px);
  background: linear-gradient(112deg,
    transparent 0 22%,
    rgb(var(--sun) / 0.42) 22% 37%,
    transparent 37% 40%,
    rgb(var(--sun) / 0.3) 40% 52%,
    transparent 52% 55%,
    rgb(var(--sun) / 0.2) 55% 63%,
    transparent 63%);
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 70%, transparent);
}

/* ---------- הזמנה ---------- */
.invite { padding-block: var(--section); overflow: hidden; }
.invite__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 56px; }
.invite h2 { margin-bottom: 0.7em; }
.invite__sign { font-weight: 400; color: var(--moss); margin-top: 0.4em; }
.invite__photo { width: 62%; aspect-ratio: 4 / 5; justify-self: end; }
.invite__photo picture { height: 100%; }
@media (min-width: 900px) {
  .invite__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); column-gap: clamp(48px, 8vw, 128px); align-items: end; }
  .invite__text { padding-inline-start: clamp(0px, 6vw, 96px); }
  .invite__photo { width: 100%; max-width: 380px; aspect-ratio: 3 / 4; }
}

/* ---------- מה מחכה לנו: חלון של ארבע שמשות, מחולק בצלב של קורות ---------- */
.inside { background: var(--mist); padding-block: var(--section) 0; }
.inside__motto { font-size: var(--fs-lead); font-weight: 400; color: var(--wood); margin-top: 0.9em; line-height: 1.4; }
.inside__list { display: grid; grid-template-columns: minmax(0, 1fr); margin-top: clamp(40px, 6vw, 80px); border-bottom: 1px solid var(--beam); }
.inside__item { padding-block: clamp(24px, 3.4vw, 48px); border-top: 1px solid var(--beam); display: grid; gap: 0.5em; align-content: start; }
.inside__item p { max-width: 27rem; }
.inside__photos { display: grid; grid-template-columns: minmax(0, 1fr); margin-top: clamp(56px, 8vw, 112px); }
.inside__photo picture { height: 100%; }
.inside__photo--a { aspect-ratio: 3 / 2; margin-inline: calc(-1 * var(--gutter)); }
.inside__photo--b { width: 68%; aspect-ratio: 1 / 1; justify-self: start; margin-top: var(--pane-gap); margin-inline-start: calc(-1 * var(--gutter)); margin-bottom: calc(-1 * clamp(48px, 9vw, 120px)); position: relative; z-index: 1; }
@media (min-width: 900px) {
  .inside__grid { padding-inline-start: calc(var(--gutter) + 25%); }
  .inside__list { grid-template-columns: 1fr 1fr; }
  .inside__item { padding-inline-end: clamp(32px, 5vw, 80px); min-height: 13rem; }
  .inside__item:nth-child(even) { border-inline-start: 1px solid var(--beam); padding-inline-start: clamp(32px, 5vw, 80px); padding-inline-end: 0; }
  .inside__photos { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); column-gap: var(--pane-gap); align-items: start; }
  .inside__photo--a { margin-inline: 0; aspect-ratio: 16 / 10; }
  .inside__photo--b { width: 100%; margin-inline-start: 0; margin-top: clamp(64px, 9vw, 140px); }
}

/* ---------- למי זה מתאים ---------- */
.fit { padding-block: calc(var(--section) + clamp(48px, 9vw, 120px)) var(--section); }
.fit__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; margin-top: clamp(36px, 5vw, 72px); }
.fit__photo { aspect-ratio: 3 / 2; margin-inline: calc(-1 * var(--gutter)); }
.fit__photo picture { height: 100%; }
.fit__text { display: grid; gap: clamp(28px, 3.4vw, 44px); align-content: start; }
.fit__col { display: grid; gap: 0.55em; }
.fit__col p { max-width: 28rem; }
.fit__alone { font-size: var(--fs-lead); font-weight: 400; line-height: 1.4; color: var(--wood); }
@media (min-width: 900px) {
  .fit__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: clamp(40px, 6vw, 96px); align-items: end; }
  .fit__photo { grid-column: 2; grid-row: 1; margin-inline: 0; }
  .fit__text { grid-column: 1; grid-row: 1; padding-bottom: 0.4em; }
}

/* ---------- תוכנית היום: שלושה חלקים, והרקע עובר מאור בוקר קריר לאור אחר צהריים חם ---------- */
.day { padding-block: var(--section) clamp(64px, 6.5vw, 100px); background: linear-gradient(to bottom, var(--mist) 0%, #EFEBD6 55%, #F3E4C2 100%); }
.day__head { display: grid; gap: 0.9em; }
.day__intro { font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; max-width: 26rem; }
.day__caveat { font-size: var(--fs-small); color: var(--ink-soft); max-width: 26rem; }
.day__parts { display: grid; grid-template-columns: minmax(0, 1fr); margin-top: clamp(40px, 6vw, 88px); }
.day__part { display: grid; gap: 10px; align-content: start; padding-block: clamp(24px, 3vw, 36px); border-top: 1px solid var(--beam); }
.day__name { font-size: clamp(2rem, 1.5rem + 1.9vw, 3.1rem); font-weight: 300; letter-spacing: -0.02em; line-height: 1.1; }
.day__item { display: grid; grid-template-columns: 3.6em minmax(0, 1fr); column-gap: 0.5em; padding-block: 0.45em; align-items: baseline; }
.day__time { direction: ltr; text-align: right; font-variant-numeric: tabular-nums; font-weight: 400; color: var(--ink-soft); font-size: 0.94em; }
.day__what { font-weight: 400; color: var(--ink); line-height: 1.45; }
.day__note { display: block; font-weight: 300; font-size: 0.92em; color: var(--ink-soft); }
.day__item--quiet .day__what { font-weight: 300; color: var(--ink-soft); }
@media (max-width: 899px) { .day__note, .day__item--quiet .day__what { font-weight: 400; } }
@media (min-width: 900px) {
  .day__head { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(40px, 6vw, 96px); align-items: end; }
  .day__head h2 { grid-row: 1 / 3; }
  .day__caveat { padding-bottom: 0.5em; }
  .day__parts { grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--beam); }
  .day__part { border-top: 0; padding: clamp(32px, 3.6vw, 52px) clamp(24px, 3vw, 48px) clamp(16px, 2vw, 32px); gap: 22px; }
  .day__part:first-child { padding-inline-start: 0; }
  .day__part:last-child { padding-inline-end: 0; }
  .day__part + .day__part { border-inline-start: 1px solid var(--beam); }
}

/* ---------- המרחב: שמשות ---------- */
.place { padding-block: var(--section); }
.place__head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; margin-bottom: clamp(40px, 6vw, 80px); }
.place h2 { font-size: clamp(4.2rem, 2rem + 12vw, 12rem); line-height: 0.92; letter-spacing: -0.04em; }
.place__where { font-weight: 400; color: var(--ink-soft); line-height: 1.5; }
.place__line { font-size: var(--fs-lead); font-weight: 300; line-height: 1.45; color: var(--ink); }
@media (min-width: 900px) {
  .place__head { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(40px, 6vw, 96px); align-items: end; }
  .place h2 { grid-row: 1 / 3; }
  .place__where { align-self: end; }
  .place__line { align-self: start; padding-bottom: 0.6em; }
}
.panes { display: grid; gap: var(--pane-gap); grid-template-columns: 1fr 1fr; }
.pane { overflow: hidden; min-height: 0; }
.pane img { width: 100%; height: 100%; object-fit: cover; }
.pane--1 { grid-column: 1 / -1; aspect-ratio: 4 / 3; }
.pane--2, .pane--3 { aspect-ratio: 3 / 4; }
.pane--4 { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.pane--5 { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.pane--empty {
  display: grid; place-items: end start; padding: 14px 16px;
  background:
    linear-gradient(118deg, transparent 0 46%, rgb(var(--sun) / 0.38) 46% 62%, transparent 62% 66%, rgb(var(--sun) / 0.22) 66% 76%, transparent 76%),
    var(--mist);
  box-shadow: inset 0 0 0 1px var(--beam);
}
.pane--empty span { font-size: 0.82rem; font-weight: 400; line-height: 1.4; color: var(--ink-soft); display: grid; }
.pane--empty b { font-weight: 500; color: var(--moss); font-size: 0.95rem; }
@media (min-width: 900px) {
  .panes { grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(3, clamp(150px, 16.5vw, 250px)); }
  .pane { aspect-ratio: auto; }
  .pane--1 { grid-column: 1 / 8; grid-row: 1 / 3; }
  .pane--2 { grid-column: 8 / 13; grid-row: 1 / 2; }
  .pane--3 { grid-column: 8 / 11; grid-row: 2 / 4; }
  .pane--4 { grid-column: 11 / 13; grid-row: 2 / 4; }
  .pane--5 { grid-column: 1 / 8; grid-row: 3 / 4; }
}

/* ---------- קצת עלינו ---------- */
.us { padding-block: 0 var(--section); }
.us__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 44px; }
.us__photo { width: 76%; aspect-ratio: 4 / 5; }
.us__photo picture { height: 100%; }
.us__photo { position: relative; margin-bottom: 1.6em; }
.us__photo figcaption { position: absolute; top: 100%; inset-inline-start: 0; padding-top: 0.55em; font-size: 0.95rem; font-weight: 400; color: var(--ink-soft); }
.us h2 { margin-bottom: 0.6em; }
@media (min-width: 900px) {
  .us__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); column-gap: clamp(48px, 8vw, 128px); align-items: center; }
  .us__photo { width: 100%; aspect-ratio: 3 / 4; }
}

/* ---------- המלצות ---------- */
.voices { padding-block: 0 var(--section); }
.voices__list { display: grid; gap: clamp(32px, 5vw, 64px); margin-top: clamp(32px, 5vw, 64px); }
.voice { max-width: 40rem; display: grid; gap: 0.8em; padding-top: 28px; border-top: 1px solid var(--beam); }
.voice:nth-child(even) { justify-self: end; }
.voice blockquote p { font-size: var(--fs-lead); font-weight: 300; line-height: 1.55; }
.voice figcaption { font-weight: 500; color: var(--moss); font-size: var(--fs-small); }

/* ---------- פרטים ---------- */
.facts { background: var(--mist); padding-block: var(--section); }
.facts__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; }
.facts__head { display: grid; gap: 1.4em; justify-items: start; align-content: start; }
.facts__head p { max-width: 24rem; font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; }
.facts__row { display: grid; grid-template-columns: 5.5em minmax(0, 1fr); column-gap: 1em; padding-block: clamp(18px, 2.2vw, 26px); border-top: 1px solid var(--beam); align-items: baseline; }
.facts__row:last-child { border-bottom: 1px solid var(--beam); }
.facts__row dt { font-size: var(--fs-small); font-weight: 400; color: var(--ink-soft); }
.facts__row dd { font-size: clamp(1.3rem, 1.1rem + 0.9vw, 1.8rem); font-weight: 400; line-height: 1.35; color: var(--moss); }
.facts__row dd .soft { font-size: 0.72em; font-weight: 300; }
.facts__list { font-size: 0.78em; display: grid; gap: 0.2em; color: var(--ink); }
.facts__text { display: block; font-size: 0.78em; color: var(--ink); max-width: 26rem; }
/* המחיר: הפרט הבולט ביותר בטבלה, באותה שפה טיפוגרפית של הכותרות */
.facts__price { display: block; font-size: clamp(2.7rem, 2.1rem + 2.6vw, 4.2rem); font-weight: 300; line-height: 1; letter-spacing: -0.02em; color: var(--moss); }
.facts__price-note { display: block; margin-top: 0.5em; font-size: 0.72em; font-weight: 400; color: var(--ink-soft); }
@media (min-width: 900px) {
  .facts__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: clamp(40px, 6vw, 96px); align-items: start; }
  .facts__head { position: sticky; top: 48px; }
  .facts__row { grid-template-columns: 8em minmax(0, 1fr); }
}

/* ---------- שאלות ---------- */
.faq { padding-block: var(--section); }
.faq__list { display: grid; grid-template-columns: minmax(0, 1fr); margin-top: clamp(36px, 5vw, 72px); }
.qa { border-top: 1px solid var(--beam); }
.qa summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr) 18px; column-gap: 20px; align-items: center; min-height: 68px; padding-block: 18px; font-size: clamp(1.18rem, 1.08rem + 0.45vw, 1.42rem); font-weight: 400; line-height: 1.4; color: var(--moss); }
.qa summary::-webkit-details-marker { display: none; }
/* סימן פלוס משני קווים. הקו האנכי נעלם כשהתשובה פתוחה */
.qa summary::after { content: ""; width: 18px; height: 18px; background: linear-gradient(var(--moss), var(--moss)) center / 100% 1.5px no-repeat, linear-gradient(var(--moss), var(--moss)) center / 1.5px 100% no-repeat; transition: transform 0.35s var(--ease); }
.qa[open] summary::after { background: linear-gradient(var(--moss), var(--moss)) center / 100% 1.5px no-repeat; transform: rotate(180deg); }
.qa p { padding-bottom: 26px; max-width: 32rem; }
@media (min-width: 900px) {
  .faq__list { display: block; columns: 2; column-gap: clamp(40px, 6vw, 96px); }
  .qa { break-inside: avoid; }
}

/* ---------- סיום ---------- */
.end__photo { aspect-ratio: 4 / 3; }
.end__photo picture { height: 100%; }
.end__text { display: grid; justify-items: start; gap: 1.2em; padding-block: clamp(64px, 9vw, 128px) var(--section); }
.end__text p { font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; margin-bottom: 0.6em; }
@media (min-width: 900px) {
  .end__photo { aspect-ratio: 21 / 9; max-height: 64svh; width: 100%; }
  .end__text { padding-inline-start: calc(var(--gutter) + 25%); }
}

/* ---------- תחתית ---------- */
.foot { display: grid; gap: 10px; justify-items: start; padding-block: 40px 48px; border-top: 1px solid var(--beam); font-size: 0.98rem; font-weight: 400; color: var(--ink-soft); }
.foot img { width: 120px; height: auto; margin-bottom: 6px; }
@media (max-width: 899px) { .foot { padding-bottom: 120px; } }

/* ---------- כפתור קבוע במובייל ---------- */
.foot a { display: inline-flex; align-items: center; min-height: 44px; }
.dock { position: fixed; inset-inline: 0; bottom: 0; z-index: 20; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgb(244 244 236 / 0.96); border-top: 1px solid var(--beam); transform: translateY(110%); visibility: hidden; transition: transform 0.45s var(--ease), visibility 0s 0.45s; }
.dock.is-on { transform: none; visibility: visible; transition: transform 0.45s var(--ease); }
.cta--dock { width: 100%; min-height: 52px; }
@media (min-width: 900px) { .dock { display: none; } }
@media (prefers-reduced-motion: reduce) { .dock, .cta, .qa summary::after { transition: none; } html { scroll-behavior: auto; } }

/* ---------- גרסת סקירה בלבד ---------- */
.review-bar { background: var(--moss); color: var(--glass); font-size: 0.92rem; font-weight: 400; text-align: center; padding: 8px 16px; line-height: 1.4; }
.pending { background: rgb(var(--sun) / 0.75); box-shadow: 0 0 0 0.18em rgb(var(--sun) / 0.75); }
.review-note { font-size: 0.9rem; font-weight: 400; line-height: 1.5; color: var(--ink-soft); border-inline-start: 2px solid var(--wood); padding-inline-start: 12px; max-width: 30rem; }
.review-note--hero { margin-top: 1.4em; }
.voices--empty { padding-block: 0 var(--section); }