/* ═══════════════════════════════════════════════════════════════════
   refactor.css — סבב העבודה של 16.10.2026
   ───────────────────────────────────────────────────────────────────
   נטען LAST (אחרי desktop.css) ודורס בכוונה כללים משכבת
   from-marcus.css. הסדר כאן:
     1. טיפוגרפיה: Frank Ruhl Libre לכותרות · Assistant לגוף
        + תיקוני חיתוך אותיות עבריות
     2. עצירות הסרט (4 stations) — טיפוגרפיה מסונכרנת לכל שוט
     3. השולחן האיטלקי: תמונה + אייקון לכל קטגוריה
     4. סוגי אירועים: אייקוני קו במקום תמונות
     5. גלריית אווירה
     6. שאלות נפוצות (אקורדיון)
     7. טופס, מידע ונגישות, פוטר
     8. דסקטופ 900 / 1280 / 1440 / 1920
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1. טיפוגרפיה ─────────────────────────────────────────────── */

/* ── Bona Nova SC — הפונט של מילות הסרטון (מקומי, כולל עברית) ──
   Google Fonts מגיש לחבילה הזו תת-קבוצת עברית (27 אותיות) — לכן
   היא מתאימה גם לכיתובים העבריים ולא נופלת חזרה לסריף אחר. */
@font-face{
  font-family:'Bona Nova SC';
  src:url('../fonts/bona-nova-sc-400-hebrew.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
  unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
@font-face{
  font-family:'Bona Nova SC';
  src:url('../fonts/bona-nova-sc-400-latin.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
  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:'Bona Nova SC';
  src:url('../fonts/bona-nova-sc-700-hebrew.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
  unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
@font-face{
  font-family:'Bona Nova SC';
  src:url('../fonts/bona-nova-sc-700-latin.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
  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:'Bona Nova SC';
  src:url('../fonts/bona-nova-sc-400-hebrew-italic.woff2') format('woff2');
  font-weight:400; font-style:italic; font-display:swap;
  unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
@font-face{
  font-family:'Bona Nova SC';
  src:url('../fonts/bona-nova-sc-400-latin-italic.woff2') format('woff2');
  font-weight:400; font-style:italic; font-display:swap;
  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;
}

:root{
  --display: 'Frank Ruhl Libre', 'David Libre', Georgia, serif;
  --body:    'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --film:    'Bona Nova SC', 'Frank Ruhl Libre', Georgia, serif;
  --hair-2:  rgba(42, 35, 32, .14);
  --measure: 34rem;
}

/* כותרות — סריף קלאסי, משקל 700, בלי letter-spacing שלילי
   (הצפיפות השלילית היא מה שחתך אותיות בקצוות בשורות קצרות) */
h1, h2, h3,
.sec__title,
.hero-copy__title,
.menu__title,
.mcard__t,
.ed__title,
.site-footer__name,
.legal__t,
.faq__q,
.legal__cell h3{
  font-family: var(--display) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.28 !important;
  overflow: visible !important;
}

/* מרווח ביטחון אנכי — מונע חיתוך של ascender/descender בתיבות grid */
.sec__title,
.hero-copy__title,
.menu__title,
.mcard__t,
.ed__title,
.film__line,
.film__half{
  padding-block: .06em !important;
}

.sec__kicker,
.eyebrow,
.mcard__n,
.menu__hint,
.sign{
  font-family: var(--body) !important;
  letter-spacing: .2em !important;
  line-height: 1.7 !important;
}

.hero-copy__sub,
.inquiry__sub,
.mcard__p,
.ed__text,
.faq__a p,
.legal__cell p,
.site-footer__line,
.site-footer__staging,
.story__text p{
  font-family: var(--body) !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  color: var(--ink-soft) !important;
  text-wrap: pretty;
}

/* החתימה נשארת בכתב יד — היא החתימה, לא כותרת */
.sign{
  font-family: 'Gveret Levin', var(--body) !important;
  letter-spacing: .02em !important;
  font-size: clamp(26px, 7vw, 34px) !important;
  color: var(--ink) !important;
}

/* שורת הפתיחה של הסיפור היא תווית, לא גוף טקסט */
.story__text .eyebrow{
  font-weight: 500 !important;
  font-size: clamp(11px, 3vw, 12.5px) !important;
  color: var(--ink-soft) !important;
}

/* חץ "גלול" — גבולות פיזיים, אחרת ב-RTL הוא מצביע שמאלה במקום למטה */
.chev{
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg);
}

/* "גללו" בשחור (בקשת אביתר) */
.film__hint{
  color: #241E1A !important;
  font-weight: 600 !important;
  letter-spacing: .22em !important;
}

/* ── 2. עצירות הסרט — טיפוגרפיה לכל שוט ───────────────────────── */

/* ברירת מחדל: Bona Nova SC — הפונט של מילות הסרטון */
.film__line,
.film__caption .film__line,
.film__half{
  font-family: var(--film) !important;
  font-weight: 400 !important;
  letter-spacing: .01em !important;
  line-height: 1.45 !important;
  overflow: visible !important;
}

/* שוט 1 — במובייל אין כותרת על השף (לבקשת אביתר). בדסקטופ היא
   מוגדרת מחדש כשכבת-על בהמשך. */
@media (max-width: 899px){
  .film__caption[data-cap="0"]{ display: none !important; }
}

/* "עגבנייה בשלה ומבריכה," — מוצג רק בדסקטופ; במובייל נשאר
   המשפט הקצר "מוצרלה טרייה שנמתחת באהבה." */
@media (max-width: 899px){
}

/* עצירות 2–4 — הכיתוב יושב על הקיר שמעל הפיצה, לא על הפיצה עצמה */
.film__caption[data-cap="1"],
.film__caption[data-cap="2"]{
  inset-block-start: 4vh !important;
}

/* עצירה 3 — משפט אחד, גדול וברור, מעל הפיצה */
.film__caption[data-cap="1"] .film__line,
.film__caption[data-cap="2"] .film__line{
  font-size: clamp(1.42rem, 5.9vw, 2.05rem) !important;
  line-height: 1.42 !important;
  max-width: min(19ch, 76vw) !important;
  text-shadow: 0 1px 3px rgb(20 14 10 / 60%), 0 3px 18px rgb(20 14 10 / 45%) !important;
}

/* עצירה אחרונה — במרכז המגש הריק, גדול וברור */
.film__caption[data-cap="3"]{
  inset-block-start: 40vh !important;
  inset-block-end: auto !important;
  inset-inline: var(--gutter) !important;
}
.film__caption[data-cap="3"] .film__line{
  font-size: clamp(1.32rem, 5.4vw, 1.9rem) !important;
  font-weight: 400 !important;
  letter-spacing: .012em !important;
  line-height: 1.5 !important;
  max-width: min(22ch, 80vw) !important;
  color: #F8EEE0 !important;
  text-shadow: 0 1px 3px rgb(40 24 12 / 70%), 0 2px 16px rgb(40 24 12 / 50%) !important;
}

/* ── 3. השולחן האיטלקי: תמונה + אייקון לכל קטגוריה ───────────── */

.menu__title{
  padding-inline: var(--rail) !important;
  font-size: clamp(26px, 7vw, 40px) !important;
  margin-block-end: clamp(18px, 3.4vh, 32px) !important;
}

/* חלון הקרוסלה: הקיטוע בקצוות מרוכך בדהייה, בלי לחתוך מילים באמצע */
.menu__viewport{
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right,
      rgba(0,0,0,0) 0, #000 3rem, #000 calc(100% - 2rem), rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to right,
      rgba(0,0,0,0) 0, #000 3rem, #000 calc(100% - 2rem), rgba(0,0,0,0) 100%);
}

.mcard{
  display: flex !important;
  flex-direction: column;
  flex: 0 0 76vw !important;
  max-width: 320px !important;
  border-top: 0 !important;
  padding-top: 0 !important;
}

.mcard__media{
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: 3px;
  background: var(--paper-soft, #E9DFD1);
  box-shadow: 0 22px 44px -30px rgba(74, 52, 34, .62);
}
.mcard__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 55%;
  display: block;
}
/* כרטיס הקינוח: אין תמונה — אריח "תפריט" כהה בכוונה, לא תמונה חסרה */
.mcard__media--plain{
  aspect-ratio: 16 / 11;
  display: grid;
  place-items: center;
  background: linear-gradient(160deg, #43301F 0%, #2B1F17 100%);
  box-shadow: inset 0 0 0 1px rgba(243, 231, 214, .22);
  position: relative;
}
.mcard__media--plain::after{
  content: "DOLCI";
  position: absolute;
  inset-block-end: 18px;
  inset-inline: 0;
  text-align: center;
  font-family: var(--body);
  font-size: 9.5px;
  font-weight: 500;
  letter-spacing: .42em;
  color: rgba(243, 231, 214, .62);
}
.mcard__media--plain .mcard__ico{
  stroke: #F3E7D6;
  opacity: .8;
}

.mcard__ico{
  width: 26px;
  height: 26px;
  margin-block: 12px 10px;
  fill: none;
  stroke: var(--accent, #3D2B1F);
  stroke-width: 1.15;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
}
.mcard__ico--xl{
  width: 64px;
  height: 64px;
  margin: 0;
  stroke-width: .85;
  opacity: .72;
}

.mcard__body{ padding-block-start: 14px; }
.mcard__n{
  display: block;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  letter-spacing: .3em !important;
  color: var(--accent, #3D2B1F) !important;
  opacity: .78;
  margin-block-end: 8px;
}
.mcard__t{
  font-size: clamp(19px, 5vw, 24px) !important;
  margin-block: 0 8px !important;
}
.mcard__p{ font-size: 15.5px !important; max-width: 30ch; }

/* ── 4. סוגי אירועים: אייקוני קו ─────────────────────────────── */

.events{ padding-inline: var(--rail) !important; }
.events__grid{
  display: grid;
  gap: 0;
  max-width: 40rem;
  margin-inline: auto;
}

.ed--icon{
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
  max-width: none !important;
  margin: 0 !important;
  padding-block: clamp(22px, 3.4vh, 32px) !important;
  border-top: 1px solid var(--hair-2) !important;
}
.ed--icon:first-child{ border-top: 0 !important; padding-block-start: 0 !important; }
.ed--icon .ed__ph{ display: none !important; }

.ed__ico{
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(42, 35, 32, .22);
  border-radius: 50%;
  color: var(--accent, #3D2B1F);
}
.ed__ico svg{
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ed__title{
  font-size: clamp(21px, 5.4vw, 28px) !important;
  margin-block: 0 8px !important;
}
.ed__text{
  font-size: 16px !important;
  max-width: 40ch;
}

/* ── 5. גלריית אווירה ────────────────────────────────────────── */

.atmos{ padding: clamp(56px, 11vh, 110px) var(--rail) 0; }

.atmos__grid{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
  max-width: 62rem;
  margin-inline: auto;
  align-items: start;
}
.atmos__fig{
  margin: 0;
  grid-column: span 7;
  overflow: hidden;
  border-radius: 3px;
  background: var(--paper-soft, #E9DFD1);
}
.atmos__fig--wide{ grid-column: span 12; }
.atmos__fig:nth-child(3){ grid-column: span 5; margin-block-start: 26px; }
.atmos__fig:nth-child(4){ grid-column: span 12; }
.atmos__fig img{
  width: 100%;
  object-fit: cover;
  aspect-ratio: 4 / 5;
  display: block;
  box-shadow: 0 24px 48px -34px rgba(74, 52, 34, .6);
}
.atmos__fig--wide img{ aspect-ratio: 16 / 9; }
.atmos__fig:nth-child(3) img{ aspect-ratio: 3 / 4; }
.atmos__fig:nth-child(4) img{ aspect-ratio: 16 / 10; }

/* ── 6. שאלות נפוצות — אקורדיון קווי, בלי קופסאות ───────────── */

.faq{ padding-inline: var(--rail) !important; }
.faq__list{
  max-width: 44rem;
  margin-inline: auto;
  display: block;
}
.faq__item{
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-top: 1px solid var(--hair-2) !important;
  padding-inline: 0 !important;
}
.faq__item:first-child{ border-top: 0 !important; }
.faq__q{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 60px;
  padding-block: 16px;
  font-size: clamp(17px, 4.6vw, 21px) !important;
  font-weight: 500 !important;
  cursor: pointer;
  list-style: none;
  color: var(--ink);
}
.faq__q::-webkit-details-marker{ display: none; }
.faq__q::after{
  content: "";
  flex: 0 0 auto;
  width: 9px; height: 9px;
  /* גבולות פיזיים (ימין+תחתון) ולא לוגיים: בעמוד RTL גבול לוגי
     היה הופך את החץ למשולש שמצביע שמאלה */
  border-right: 1.5px solid var(--ink-soft);
  border-bottom: 1.5px solid var(--ink-soft);
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg) translate(-1px, -1px);
  transition: transform .22s var(--ease-out, ease);
}
.faq__item[open] .faq__q::after{ transform: rotate(-135deg) translate(-1px, -1px); }
.faq__a{
  padding-block: 0 22px;
  max-width: 46ch;
}
.faq__a p{
  font-size: 16.5px !important;
  margin: 0;
}

/* ── 7. טופס · מידע · פוטר ──────────────────────────────────── */

/* הקיר הוא רצף אחד: בלי פסי רקע שטוחים שמייצרים תפר בין מקטעים */
.gallery,
.inquiry{ background: transparent !important; }

.inquiry{ padding-inline: var(--rail) !important; }
.lead{
  max-width: 30rem;
  margin-inline: auto;
  display: grid;
  gap: 14px;
}
.lead__f{ display: grid; gap: 7px; }
.lead__f label,
.lead__f span{
  font-family: var(--body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: .02em;
  color: var(--ink-soft) !important;
}
.lead__f input,
.lead__f select,
.lead__f .field__control{
  font-family: var(--body) !important;
  font-size: 17px !important;
  color: var(--ink);
  background: rgba(255, 255, 255, .66);
  border: 1px solid rgba(42, 35, 32, .2);
  border-radius: 10px;
  padding: 14px 15px;
  min-height: 52px;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
}
.lead__f select{
  background-image:
    linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%),
    linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);
  background-position: left 18px top 51%, left 13px top 51%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.lead__f input:focus-visible,
.lead__f select:focus-visible{
  outline: 2px solid var(--accent, #3D2B1F);
  outline-offset: 1px;
  background: #fff;
}
.lead .btn{ justify-self: stretch; }
.lead__alt{
  font-family: var(--body);
  font-size: 14px;
  color: var(--ink-soft);
  text-align: center;
}
.wa-link{
  color: var(--ink) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(42, 35, 32, .4);
}
.form-error{
  font-family: var(--body);
  font-weight: 500;
  font-size: 14.5px;
  color: #7A2E17;
}
.note--staging{ font-family: var(--body); }

/* מידע ונגישות */
.legal{
  margin-block-start: clamp(56px, 10vh, 110px);
  padding: clamp(34px, 6vh, 60px) var(--rail);
  border-top: 1px solid var(--hair-2);
}
.legal__t{
  font-size: clamp(20px, 4.6vw, 26px) !important;
  margin-block: 0 clamp(20px, 3vh, 30px) !important;
}
.legal__grid{
  display: grid;
  gap: clamp(22px, 3vh, 34px);
  max-width: 62rem;
}
.legal__cell h3{
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: var(--body) !important;
  letter-spacing: .01em !important;
  margin-block: 0 8px;
  color: var(--ink);
}
.legal__cell p{
  font-size: 15px !important;
  max-width: 52ch;
  margin: 0;
}
.legal__foot{
  margin-block-start: clamp(22px, 4vh, 40px);
  font-family: var(--body);
  font-size: 13px;
  color: var(--ink-soft);
}

/* פוטר */
.site-footer{ padding-inline: 0; }
.site-footer__inner{
  padding-inline: var(--rail);
  gap: 10px;
}
.site-footer__name{
  font-size: 1.4rem !important;
  margin-block: 6px 0;
}
.site-footer__by{ font-family: var(--body); font-size: .9375rem; }

/* ── 8. דסקטופ ──────────────────────────────────────────────── */

@media (min-width: 900px){

  /* ── עצירות הסרט בדסקטופ ───────────────────────────────────── */

  /* ההדר בזמן הסרט: לא תופס מקום קבוע בתמונה.
     הוא מופיע לרגע בכניסה, נעלם, וחוזר כשמזיזים את העכבר לשפה העליונה
     (או מנווטים אליו במקלדת). header-auto.js מנהל את is-nav-peek. */
  html.is-film .site-header{
    opacity: 0 !important;
    transform: translateY(-104%) !important;
    pointer-events: none !important;
    transition: opacity .26s ease, transform .34s cubic-bezier(.22,.61,.36,1) !important;
  }
  html.is-film.is-nav-peek .site-header,
  html.is-film .site-header:focus-within{
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  /* שוט 1 — "איטליה אצלך בבית" כגוש אחד, גדול, בצד של השף:
     שני החצאים יושבים באותה שורה, צמודים, מיושרים לקו הבסיס. */
  /* הכותרת יושבת על אותו קו אופקי כמו שפת הפיצה — כך היא "נשענת"
     על התמונה ולא מרחפת באמצע הקיר הריק. מיושרת לימין, נגמרת מול השף. */
  .film__caption[data-cap="0"]{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: .28em !important;
    inset-block-start: auto !important;
    inset-block-end: 13vh !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    left: 5.2vw !important;
    right: auto !important;
    width: max-content !important;
    margin: 0 !important;
    text-align: right !important;
    grid-template-columns: none !important;
  }
  .film__caption[data-cap="0"] .film__half,
  .film__caption[data-cap="0"] .film__kicker.film__half{
    font-family: var(--film) !important;
    font-weight: 700 !important;
    font-size: clamp(2.3rem, 4vw, 4.1rem) !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    color: #241E1A !important;
    text-shadow: 0 1px 3px rgb(245 239 229 / 70%) !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    text-align: right !important;
  }

  /* עצירות 2–5: העמודה השמאלית הפנויה (קיר קרם) — טקסט שחור,
     ממורכז אנכית על קו המגש. */
  .film__caption[data-cap="1"],
  .film__caption[data-cap="2"]{
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    left: clamp(24px, 3.2vw, 64px) !important;
    right: auto !important;
    bottom: auto !important;
    top: 6.5vh !important;
    transform: none;
    margin: 0 !important;
    width: min(19vw, 282px) !important;
    text-align: right !important;
  }
  .film__caption[data-cap="1"] .film__line,
  .film__caption[data-cap="2"] .film__line{
    max-width: 100% !important;
    margin: 0 !important;
    text-align: right !important;
    font-size: clamp(1.2rem, 1.55vw, 1.7rem) !important;
    line-height: 1.5 !important;
    color: #241E1A !important;
    text-shadow: 0 1px 3px rgb(245 239 229 / 80%) !important;
  }

  /* עצירה אחרונה — הכיתוב יושב במרכז המגש הריק עצמו */
  .film__caption[data-cap="3"]{
    inset-inline: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    top: 41% !important;
    transform: none;
    margin: 0 auto !important;
    width: min(56vw, 780px) !important;
    text-align: center !important;
  }
  .film__caption[data-cap="3"] .film__line{
    max-width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: clamp(1.6rem, 2.35vw, 2.6rem) !important;
    line-height: 1.45 !important;
    /* המגש בפריים האחרון עץ בהיר — כיתוב קרם עליו נעלם.
       צבע עץ כהה עם הילה שמנת נותן קריאות ונראה כמו חריטה. */
    color: #241A11 !important;
    font-weight: 700 !important;
    text-shadow:
      0 0 2px rgb(250 242 230 / 85%),
      0 0 10px rgb(250 242 230 / 80%),
      0 0 26px rgb(250 242 230 / 60%) !important;
  }

  /* כותרות מקטעים */
  .sec__title{ font-size: clamp(34px, 3.4vw, 54px) !important; }
  .hero-copy__title{ font-size: clamp(44px, 4.6vw, 76px) !important; }
  .hero-copy__sub{ font-size: 19px !important; max-width: 40rem; }
  .sec__kicker{ font-size: 12.5px !important; }

  /* השולחן */
  .menu__title{ padding-inline: var(--rail) !important; font-size: clamp(32px, 3vw, 46px) !important; }
  .mcard{ flex: 0 0 24vw !important; max-width: 300px !important; }
  .mcard__media{ aspect-ratio: 4 / 5; }
  .mcard__t{ font-size: 23px !important; }
  .mcard__p{ font-size: 15.5px !important; }

  /* אירועים — שלושה טורים, אייקון מעל הכותרת.
     desktop.css הופך את .events עצמו לגריד תלת-טורי (מהמרק-אפ הישן);
     המרק-אפ החדש עוטף את הכרטיסים ב-.events__grid, ולכן מבטלים שם. */
  .events{ display: block !important; }
  .events__grid{
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(26px, 3.4vw, 64px);
    max-width: 74rem;
    align-items: start;
  }
  .ed--icon{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding-block: 0 !important;
    border-top: 0 !important;
  }
  .ed--icon::before{
    content: "";
    display: block;
    height: 1px;
    background: var(--hair-2);
    margin-block-end: 26px;
  }
  .ed__ico{ width: 54px; height: 54px; }
  .ed__ico svg{ width: 27px; height: 27px; }
  .ed__title{ font-size: clamp(22px, 1.7vw, 30px) !important; }
  .ed__text{ font-size: 16.5px !important; }

  /* גלריית אווירה — קומפוזיציה א-סימטרית */
  .atmos__grid{
    max-width: 74rem;
    gap: clamp(14px, 1.4vw, 26px);
    align-items: start;
  }
  .atmos__fig--wide{ grid-column: 1 / span 7; grid-row: 1; }
  /* התמונה הגבוהה מיושרת לתחתית של הרחבה — קו אחד, לא שני מבטים */
  .atmos__fig:nth-child(2){
    grid-column: 9 / span 4; grid-row: 1;
    align-self: end; margin-block-start: 0;
  }
  .atmos__fig:nth-child(3){ grid-column: 2 / span 4; grid-row: 2; margin-block-start: clamp(20px, 3vw, 48px); }
  .atmos__fig:nth-child(4){ grid-column: 7 / span 6; grid-row: 2; margin-block-start: clamp(34px, 4.5vw, 72px); }
  .atmos__fig--wide img{ aspect-ratio: 16 / 10; }
  .atmos__fig:nth-child(2) img,
  .atmos__fig:nth-child(3) img{ aspect-ratio: 3 / 4; }
  .atmos__fig:nth-child(4) img{ aspect-ratio: 1 / 1; }

  /* שאלות */
  .faq__q{ font-size: clamp(18px, 1.4vw, 22px) !important; padding-block: 20px; }
  .faq__a p{ font-size: 17px !important; }

  /* טופס */
  .lead{ max-width: 46rem; grid-template-columns: 1fr 1fr; }
  .lead__f{ grid-column: span 1; }
  .lead .btn{ grid-column: 1 / -1; justify-self: start; padding-inline: 34px; }
  .lead__alt{ grid-column: 1 / -1; }
  .form-error{ grid-column: 1 / -1; }
  .note--staging{ grid-column: 1 / -1; }

  /* מידע */
  .legal__grid{ grid-template-columns: 1fr 1fr; gap: clamp(28px, 4vw, 72px); }
  .legal__t{ font-size: 26px !important; }
}

/* 1280 ומעלה — עוד אוויר, גדלים גדולים יותר */
@media (min-width: 1280px){
  .events__grid,
  .atmos__grid{ max-width: 78rem; }
  .mcard{ flex: 0 0 22vw !important; }
  .mcard__t{ font-size: 24px !important; }
  .sec__title{ font-size: clamp(38px, 3vw, 58px) !important; }
}

/* 1920 — לא למתוח את הטקסט לרוחב מסך מלא */
@media (min-width: 1920px){
  .events__grid,
  .atmos__grid,
  .legal__grid{ max-width: 86rem; }
  .gallery__grid{ max-width: 76rem; }
  .hero-copy__sub{ max-width: 44rem; }
  .mcard{ flex: 0 0 20vw !important; max-width: 340px !important; }
}

/* ── נגישות: תנועה מופחתת ──────────────────────────────────── */
@media (prefers-reduced-motion: reduce){
  .faq__q::after{ transition: none; }
  .atmos__fig img,
  .mcard__media img{ transition: none !important; }
}

/* ═══ 10. סבב 2 — תוכן ══════════════════════════════════════════ */

/* הסיפור — פונט כתב יד עברי (Gveret Levin), אותו פונט שהיה בגרסאות
   הראשונות. גודל נדיב, גובה שורה אוורירי — כדי שיהיה קריא ולא "כתב יד זעיר". */
.story__text p,
.story__text .hand{
  font-family: var(--hand) !important;
  font-size: clamp(19px, 5.3vw, 25px) !important;
  font-weight: 400 !important;
  line-height: 1.85 !important;
  letter-spacing: 0 !important;
  color: #2A2320 !important;
  margin-block: 0 1.15em !important;
  max-width: 34ch !important;
}
.story__text .hand--last{ margin-block-end: 0 !important; }

/* "השולחן האיטלקי השלם" — שחור, קריא, מעל הקרוסלה */
.menu__title{
  color: #171210 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.sec__kicker{ color: #4A3B31 !important; }

/* מתכננים אירוע — כפתור וואטסאפ אחד, בלי שדות */
.inquiry__cta{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-block-start: clamp(26px, 6vw, 42px);
}
.inquiry__wa{
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 16px 32px !important;
  font-size: clamp(17px, 2.1vw, 20px) !important;
}
.inquiry__wa svg{ flex: none; }
.inquiry__alt{
  font-family: var(--body) !important;
  font-size: .95rem;
  color: var(--ink-muted);
  margin: 0 !important;
}
.inquiry__sub{ margin-block-end: 0 !important; }

@media (min-width: 900px){
  .story__text p,
  .story__text .hand{
    font-size: clamp(23px, 1.95vw, 31px) !important;
    max-width: 32ch !important;
  }
  .inquiry__wa{ padding: 18px 40px !important; }
}

/* דסקטופ: מקטע הפנייה הופך לעמודה אחת ממורכזת (אין יותר טופס) */
@media (min-width: 900px){
  .inquiry{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .inquiry > .sec__kicker,
  .inquiry > .sec__title,
  .inquiry > .inquiry__sub{
    grid-column: auto !important;
    text-align: center !important;
    margin-inline: auto !important;
  }
  .inquiry > .inquiry__sub{ max-width: 42ch !important; margin-block: 0 0 !important; }
  .inquiry__cta{ margin-block-start: clamp(30px, 4vh, 48px) !important; }
  .inquiry .note--staging{ margin-block-start: 18px; }
}

/* ═══ 11. עמוד נגישות ומידע (עמוד נפרד) ═════════════════════════ */

.doc-body{ background: #DDD0BB; }

.doc{
  max-width: 82ch;
  margin: 0 auto;
  padding: clamp(92px, 13vh, 150px) var(--rail) clamp(56px, 9vh, 100px);
  font-family: var(--body) !important;
  color: #2A2320;
  font-size: clamp(16px, 1.02vw, 18px);
  line-height: 1.85;
  text-align: start;
}
.doc__kicker{
  margin: 0 0 10px;
  font-size: .78rem; letter-spacing: .22em;
  color: #6B5B4D;
}
.doc__title{
  font-family: var(--display) !important;
  font-size: clamp(30px, 4.2vw, 52px) !important;
  line-height: 1.15; margin: 0 0 16px;
  color: #171210;
}
.doc__lede{
  font-size: clamp(17px, 1.2vw, 20px) !important;
  color: #43352B; margin: 0 0 clamp(20px, 3vh, 32px);
  max-width: 60ch;
}
.doc__toc{
  display: flex; flex-wrap: wrap; gap: 8px 24px;
  padding-block: 16px;
  border-block: 1px solid var(--hair-2);
  margin-block: 0 clamp(10px, 3vh, 20px);
  font-size: .95rem;
}
.doc h2{
  font-family: var(--display) !important;
  font-size: clamp(23px, 2.3vw, 32px) !important;
  line-height: 1.3;
  margin: clamp(34px, 5vh, 56px) 0 10px;
  color: #171210;
  scroll-margin-top: 90px;
}
.doc h3{
  font-size: clamp(16.5px, 1.25vw, 19px) !important;
  font-weight: 600 !important;
  margin: 22px 0 6px;
  color: #241C16;
}
.doc p, .doc li{ max-width: none; margin-block: 0 .9em; }
.doc ul{ margin: 0 0 1em; padding-inline-start: 1.15em; display: grid; gap: 7px; }
.doc li{ margin: 0; }
.doc a{
  color: #6B3A22;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.doc a:hover{ color: #4A2415; }
.doc a:focus-visible,
.doc .btn:focus-visible{
  outline: 3px solid #6B3A22;
  outline-offset: 3px;
  border-radius: 4px;
}
.doc__note{
  font-size: .95rem;
  color: #4A3B31;
  border-inline-start: 3px solid #B98A62;
  padding-inline-start: 14px;
  margin-block: 18px 0;
}
.doc__cta{
  display: flex; flex-direction: column; align-items: flex-start;
  gap: 12px; margin-block-start: 20px;
}
.doc__updated{
  margin-block-start: clamp(36px, 6vh, 66px) !important;
  font-size: .9rem; color: #5A4A3C;
}
.doc__foot{
  border-top: 1px solid var(--hair-2);
  padding: clamp(28px, 5vh, 48px) var(--rail);
  display: grid; gap: 8px; justify-items: start;
  max-width: 82ch; margin: 0 auto;
  font-family: var(--body) !important;
}
.doc__foot-brand{
  font-family: var(--display) !important;
  font-size: 1.15rem; margin: 0; color: #171210;
}
.doc__foot-links{ display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: .92rem; }
.doc__foot-links a{ color: #6B3A22; }
.doc__foot-copy{ margin: 4px 0 0 !important; font-size: .85rem; color: #5A4A3C; }

@media (min-width: 900px){
  .doc{ padding-inline: clamp(40px, 6vw, 90px); }
}

/* קישור "נגישות ומידע" בניווט העליון — נוכח אבל לא מתחרה בפריטי הניווט */
.site-nav__link--util{
  font-size: .82em !important;
  opacity: .78;
  letter-spacing: .02em !important;
}
.site-nav__link--util:hover{ opacity: 1; }
@media (max-width: 899px){
  .site-nav__link--util{ display: inline-flex !important; font-size: .74em !important; }
}

/* עמוד הנגישות: כפתור הוואטסאפ חייב להישאר בהיר על הרקע הכהה,
   אחרת צבע הקישור של .doc דורס אותו. */
.doc .btn,
.doc .btn:visited{ color: #F8EEE0 !important; }
.doc .btn svg{ fill: currentColor; }
.doc__kicker{ color: #594A3D !important; }

/* קישור חזרה לאתר — גלוי בכל רוחב, כולל מובייל שבו הניווט מוסתר */
.doc__back{ margin: 0 0 14px !important; }
.doc__back a{
  display: inline-flex; align-items: center;
  min-height: 44px;
  font-size: .9rem;
  color: #6B3A22;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* "גלול" יושב מתחת לכותרת הפתיחה, על אותו קו אנכי — לא כסימן תועה בפינה */
@media (min-width: 900px){
  html.is-film .film__hint{
    inset-block-end: 6.2vh !important;
    inset-inline-end: auto !important;
    left: 5.2vw !important;
    right: auto !important;
    font-size: 11px !important;
    letter-spacing: .26em !important;
  }
  html.is-film .film__hint .chev{
    width: 10px !important; height: 10px !important;
    margin-block-start: 10px !important;
  }
}

/* ── תפריט בדסקטופ: ארבעה כרטיסים על קו אחד ─────────────────────
   ה-stagger המקורי (margin-top שונה לכל כרטיס) יצר גבהים לא אחידים
   ונראה כמו תקלה. עכשיו: אותו ראש, אותה תמונה, אותו מרווח. */
@media (min-width: 900px){
  .menu__track{
    align-items: start !important;
    grid-auto-rows: auto !important;
  }
  .menu__track > .mcard,
  .menu__track > .mcard:nth-child(2),
  .menu__track > .mcard:nth-child(3),
  .menu__track > .mcard:nth-child(4){
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .mcard__media{
    aspect-ratio: 4 / 5 !important;
    overflow: hidden;
    border-radius: 2px;
  }
  .mcard__media img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
  }
  .mcard__n{
    margin-block: 14px 4px !important;
    font-size: 11px !important;
    letter-spacing: .18em !important;
    color: #55463A !important;
  }
  .mcard__ico{ margin-block-end: 8px !important; }
  .mcard__t{ margin-block: 0 8px !important; }
  .mcard__p{ margin: 0 !important; }
}

/* ── פוטר בדסקטופ: שלושה אזורים על שורה אחת ─────────────────────
   קודם הכול נערם בעמודה אחת מימין והחצי השמאלי נשאר ריק. */
@media (min-width: 900px){
  .site-footer__inner{
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) auto minmax(0, .9fr) !important;
    align-items: start !important;
    column-gap: clamp(28px, 4vw, 72px) !important;
    row-gap: 10px !important;
    padding-block: clamp(44px, 6vh, 76px) !important;
  }
  .site-footer__logo{ grid-column: 1; justify-self: start; height: 44px; width: auto; }
  .site-footer__name{
    grid-column: 1; justify-self: start; text-align: start;
    margin: 2px 0 0 !important; font-size: 1.5rem !important;
  }
  .site-footer__line{
    grid-column: 1; justify-self: start; text-align: start;
    margin: 0 !important; max-width: 34ch;
  }
  .site-footer__nav{
    grid-column: 2; justify-self: center;
    display: flex !important; flex-wrap: wrap; gap: 6px 24px;
    justify-content: center;
  }
  .site-footer__by{
    grid-column: 3; justify-self: end; text-align: end;
    margin: 0 !important;
  }
  .site-footer__staging{
    grid-column: 1 / -1; justify-self: start;
    margin: clamp(18px, 2.5vh, 28px) 0 0 !important;
    font-size: .8rem !important; opacity: .85;
  }
}

/* ── שאלות נפוצות: רוחב קריא ─────────────────────────────────────
   הרשימה נמתחה על כל המסך, והחץ ברח לשמאל הרחוק. עכשיו היא בעמודה
   ממורכזת, והחץ קרוב לשאלה. */
@media (min-width: 900px){
  .faq__list{
    max-width: 680px !important;
    margin-inline: auto !important;
    width: 100%;
  }
}

/* ── דסקטופ: חץ עצירות במקום גלילה ─────────────────────────────
   אביתר ביקש שבמחשב לא תהיה גלילה אלא חץ גדול מעל "איטליה אצלך בבית".
   כל לחיצה מקדמת עצירה אחת; בעצירה האחרונה החץ נהפך לכניסה לאתר. */
/* ניווט הסרט בדסקטופ — קיים ב-DOM תמיד, מוצג רק כש-desk-stops פעיל */
.fnav{ display: none; }

@media (min-width: 900px){
  html.desk-stops .fnav{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
    position: absolute;
    inset-inline-start: 5.2vw;
    inset-inline-end: auto;
    left: 5.2vw;
    right: auto;
    inset-block-end: calc(13vh + 4.9vw + 30px);
    z-index: 7;
    margin: 0;
  }

  /* "לאתר" — הכניסה לעמוד, מעל החצים */
  .fnav__enter{
    font-family: var(--body);
    font-size: 13px;
    letter-spacing: .14em;
    color: #241E1A;
    text-decoration: none;
    border-bottom: 1px solid rgb(36 30 26 / 32%);
    padding-block-end: 3px;
    transition: border-color .25s ease, opacity .25s ease;
  }
  .fnav__enter:hover,
  .fnav__enter:focus-visible{ opacity: .72; border-color: #241E1A; }
  .fnav__enter:focus-visible{ outline: 2px solid #3D2B1F; outline-offset: 5px; }

  .fnav__row{ display: flex; align-items: center; gap: 16px; }

  .fnav__btn{
    display: inline-flex;
    padding: 0;
    border: 0;
    background: none;
    color: #241E1A;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .fnav__btn[hidden]{ display: none !important; }

  .fnav__ring{
    display: grid;
    place-items: center;
    border: 1px solid rgb(36 30 26 / 45%);
    border-radius: 50%;
    transition: background .28s ease, border-color .28s ease, color .28s ease, transform .28s ease;
  }
  .fnav__btn--next{ position: relative; }
  .fnav__btn--next .fnav__ring{ width: clamp(78px, 6.3vw, 98px); height: clamp(78px, 6.3vw, 98px); }
  .fnav__btn--back .fnav__ring{ width: clamp(64px, 5.1vw, 80px); height: clamp(64px, 5.1vw, 80px); }

  .fnav__ring svg{
    width: 40%; height: 40%;
    fill: none; stroke: currentColor; stroke-width: 1.5;
    stroke-linecap: round; stroke-linejoin: round;
  }
  /* התווית שמתגלה בעצירה האחרונה: החץ ממשיך "קדימה" אבל מוביל לאתר */
  .fnav__lbl{
    position: absolute;
    top: calc(100% + 9px);
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--body);
    font-size: 13px;
    letter-spacing: .12em;
    color: #241E1A;
    white-space: nowrap;
  }
  .fnav__btn--next.is-enter .fnav__ring{
    border-color: #3D2B1F;
    background: #3D2B1F;
    color: #F8EEE0;
  }

  .fnav__btn:hover .fnav__ring,
  .fnav__btn:focus-visible .fnav__ring{
    background: #3D2B1F;
    border-color: #3D2B1F;
    color: #F8EEE0;
  }
  .fnav__btn:focus-visible{ outline: 2px solid #3D2B1F; outline-offset: 6px; border-radius: 50%; }
  .fnav__btn:active .fnav__ring{ transform: scale(.96); }

  /* אין "גלול" כשיש חצים */
  html.desk-stops .film__hint{ display: none !important; }
}

/* בעצירה האחרונה "לאתר" כבר כתוב על החץ — מסתירים את הקישור העליון
   בלי להזיז את השורה (visibility ולא display) */
.fnav__enter.is-hidden{ visibility: hidden; }

/* ── מובייל: כיתובי הסרט כמו שאר האתר ─────────────────────────
   אביתר ביקש שהמילים שעל הפריימים יהיו בפונט של האתר ובמקום של
   האתר. לכן: פונט הכותרות (Frank Ruhl Libre), משקל 700 כמו כותרות
   המקטעים, יישור לימין אל שולי הטקסט וגובה שורה של האתר.
   הצבע נשאר לפי הרקע: שמנת על הפריימים הכהים, כהה על המגש הבהיר. */
@media (max-width: 899px){
  .film__caption{
    inset-inline-start: var(--rail) !important;
    inset-inline-end: var(--rail) !important;
    text-align: right !important;
    justify-items: start !important;
    padding: 0 !important;
  }
  .film__caption[data-cap] .film__line,
  .film__caption[data-cap] .film__half{
    font-family: var(--display) !important;
    font-weight: 700 !important;
    font-size: clamp(1.45rem, 6vw, 2.05rem) !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    color: #F8EEE0 !important;
    text-shadow:
      0 1px 2px rgb(20 14 10 / 75%),
      0 2px 6px rgb(20 14 10 / 65%),
      0 4px 26px rgb(20 14 10 / 55%) !important;
  }
  /* עצירות 3–4 — הרקע מאחורי הכיתוב הוא קיר בהיר: כהה, בלי צל */
  .film__caption[data-cap="2"] .film__line{
    color: #241E1A !important;
    text-shadow: none !important;
  }

  /* עצירה אחרונה — במרכז המגש, על עץ בהיר: כהה וקריא */
  .film__caption[data-cap="3"]{
    text-align: center !important;
    justify-items: center !important;
  }
  .film__caption[data-cap="3"] .film__line{
    text-align: center !important;
    color: #241E1A !important;
    text-shadow: 0 0 2px rgb(250 242 230 / 80%), 0 0 14px rgb(250 242 230 / 60%) !important;
  }
}

/* ── רמז לחיצה על החץ (דסקטופ) ─────────────────────────────────
   אנשים לא מבינים שצריך ללחוץ. החץ מקבל תנועת "דחיפה" עדינה,
   הילה שנושמת מסביבו, וכיתוב "לחצו כאן" שנכנס לכמה שניות.
   הכל נעצר אחרי הלחיצה הראשונה — כדי שזה לא יהפוך להציק. */
@media (min-width: 900px){
  .fnav__btn--next .fnav__ring{ position: relative; }

  /* הילה מתרחבת מסביב לטבעת */
  .fnav__btn--next .fnav__ring::after{
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 50%;
    border: 1px solid rgb(36 30 26 / 40%);
    animation: fnavHalo 2.8s cubic-bezier(.2,.6,.3,1) infinite;
    pointer-events: none;
  }
  @keyframes fnavHalo{
    0%   { transform: scale(1);    opacity: .5; }
    70%  { transform: scale(1.42); opacity: 0; }
    100% { transform: scale(1.42); opacity: 0; }
  }

  /* דחיפה קלה שמאלה — כיוון ההתקדמות */
  .fnav__btn--next .fnav__ring svg{
    animation: fnavNudge 2.8s cubic-bezier(.35,0,.25,1) infinite;
  }
  @keyframes fnavNudge{
    0%, 55%, 100% { transform: translateX(0); }
    22%           { transform: translateX(-6px); }
  }

  /* כיתוב הרמז */
  .fnav__btn--next{ position: relative; }
  .fnav__hint{
    position: absolute;
    top: 50%;
    left: calc(100% + 18px);
    transform: translateY(-50%) translateX(-8px);
    font-family: var(--body);
    font-size: 13px;
    letter-spacing: .06em;
    color: #241E1A;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .45s ease, transform .45s ease;
  }
  .fnav.is-hint .fnav__hint{ opacity: .85; transform: translateY(-50%); }

  /* אחרי הלחיצה הראשונה — שקט */
  .fnav.is-used .fnav__btn--next .fnav__ring::after{ animation: none; opacity: 0; }
  .fnav.is-used .fnav__btn--next .fnav__ring svg{ animation: none; }
  .fnav.is-used .fnav__hint{ opacity: 0; }

  .fnav__btn:hover .fnav__ring{ transform: scale(1.04); }
  .fnav__btn--next:hover .fnav__ring svg{ animation-play-state: paused; }

  @media (prefers-reduced-motion: reduce){
    .fnav__btn--next .fnav__ring::after,
    .fnav__btn--next .fnav__ring svg{ animation: none !important; }
  }
}

/* מובייל — עצירה 3: הכיתוב מוגבה מעט מעל המגש כדי שלא ייחתך עליו.
   עצירה 4: אין כיתוב בכלל (אביתר ביקש למחוק). */
@media (max-width: 899px){
  .film__caption[data-cap="1"],
  .film__caption[data-cap="2"]{
    inset-block-start: 5.2vh !important;
  }
  html[data-station="3"] .film__caption{
    opacity: 0 !important;
    visibility: hidden !important;
  }
}

/* כיתובי עצירות 2 ו-3 בדסקטופ — אותו משקל בדיוק.
   cap2 יצא 400 בעוד cap1 יצא 700, ולכן הם נראו כמו שני סגנונות שונים. */
@media (min-width: 900px){
  .film__caption[data-cap="1"] .film__line,
  .film__caption[data-cap="2"] .film__line{
    font-weight: 700 !important;
  }
}

/* ═══ מובייל — סבב אחרון ═══════════════════════════════════════ */
@media (max-width: 899px){
  /* 1. הכיתוב בעצירה 3: רק "עגבנייה בשלה ומבריקה." (ההמשך בדסקטופ) */
  .cap-more{ display: none !important; }

  /* 2. הכיתוב גבוה יותר, מתחת ל-notch, כדי שיהיה רואים בבירור */
  .film__caption[data-cap="1"],
  .film__caption[data-cap="2"]{
    inset-block-start: calc(env(safe-area-inset-top, 0px) + 4.5vh) !important;
  }

  /* 3. רמז גלילה במובייל — כמו החץ בדסקטופ: תנועה שמסבירה את הפעולה */
  /* רמז הגלילה: כפתור-גלולה בפינה הימנית-תחתונה — עבה, ברור, קריא על כל רקע */
  .film__hint{
    display: inline-flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    inset-inline-start: auto !important;
    inset-inline-end: var(--rail) !important;
    left: auto !important;
    right: var(--rail) !important;
    transform: none !important;
    bottom: calc(clamp(24px, 5vh, 56px) + env(safe-area-inset-bottom, 0px) + 44px) !important;
    padding: 11px 18px !important;
    border-radius: 999px;
    background: rgb(248 238 224 / 52%);
    -webkit-backdrop-filter: blur(4px) saturate(120%);
    backdrop-filter: blur(4px) saturate(120%);
    box-shadow: 0 3px 14px rgb(40 26 16 / 12%);
    color: #000 !important;
  }
  .film__hint span{
    color: #000;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
    text-shadow: none !important;
  }
  .film__hint .chev{
    width: 11px !important; height: 11px !important;
    border-width: 2.5px !important;
    filter: none !important;
    margin: 0 !important;
    border-color: #000 !important;
    animation: swipeHint 2.2s cubic-bezier(.4,0,.2,1) infinite;
  }
  @media (prefers-reduced-motion: reduce){
    .film__hint .chev{ animation: none !important; }
  }

  /* 4. "השולחן האיטלקי השלם" — בלי נעילת גלילה. מי שרוצה גולל לצד. */
  .menu{ height: auto !important; }
  .menu__pin{
    position: static !important;
    height: auto !important;
    overflow: visible !important;
    padding-block: 9vh 6vh !important;
  }
  .menu__viewport{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--gutter);
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    padding-block-end: 4px;
  }
  .menu__viewport::-webkit-scrollbar{ display: none; }
  .menu__track{
    transform: none !important;
    will-change: auto !important;
  }
  .mcard{ scroll-snap-align: center; }
}

/* דסקטופ — עצירות 4 ו-5 בלי כיתוב בצד.
   המשפט "עגבנייה בשלה ומבריקה, בזיליקום טרי ורענן" מופיע רק בעצירה 3
   (הקלוז-אפ). בעצירות שאחריה התמונה מדברת בעד עצמה. */
@media (min-width: 900px){
  html[data-station="3"] .film__caption,
  html[data-station="4"] .film__caption{
    opacity: 0 !important;
  }
}

/* ── קרדיט: נבנה על ידי אביתר רון אוטומציות ─────────────────── */
.credit{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin: clamp(18px, 3vh, 30px) 0 0 !important;
  font-family: var(--body);
  font-size: 12.5px;
  font-weight: 400;
  letter-spacing: .04em;
  color: #4E3F33;
  text-align: center;
}
.credit__logo{
  height: 26px;
  width: auto;
  display: block;
  opacity: .92;
  flex: none;
}
@media (min-width: 900px){
  .site-footer .credit{ grid-column: 1 / -1; justify-self: center; }
  .credit{ font-size: 13px; }
  .credit__logo{ height: 28px; }
}