/* ==========================================================================
   Pure Marble — גיליון סגנון ראשי
   שפה עיצובית: "אבן עריכתית" — מסגרת כהה, טיפוגרפיה ענקית עם ריווח קיצוני,
   מדיה במסך מלא, ופסי צד אנכיים. RTL.
   ========================================================================== */

:root {
  /* ---- צבעים ---- */
  --ink:          #0E0C0A;   /* כמעט־שחור חמים. המסגרת והסקשנים הכהים */
  --ink-2:        #1A1613;
  --cream:        #F6F1E9;
  --cream-2:      #EDE5D8;
  --sand:         #DCCFBB;
  --sand-2:       #C9B79D;
  --stone:        #B9A88F;
  --bronze:       #A88C63;   /* דקורטיבי בלבד: קווים, מסגרות, ריחוף */
  --bronze-text:  #7E6236;   /* עובר AA על רקעים בהירים */
  --alert:        #9B3B2A;   /* אדום עמום שמתיישב עם הטרוורטין, עובר AA */
  --body:         #2A241E;
  --muted:        #6B6154;
  --muted-strong: #544C41;   /* תוויות טופס — צריכות להיקרא, לא רק לרמוז */
  --paper:        #FFFFFF;
  --line:         rgba(14, 12, 10, 0.14);
  --line-light:   rgba(246, 241, 233, 0.20);

  /* ---- טיפוגרפיה ---- */
  --font-display: 'Bellefair', 'Frank Ruhl Libre', serif;
  --font-body:    'Assistant', -apple-system, 'Segoe UI', sans-serif;

  /* ---- מידות ---- */
  --frame:        13px;      /* עובי המסגרת סביב המסך */
  --wrap:         1320px;
  --header-h:     84px;
  --rail:         46px;      /* רוחב פסי הצד האנכיים */

  --ease:         cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io:      cubic-bezier(0.65, 0, 0.35, 1);

  --shadow-sm:    0 2px 18px rgba(14, 12, 10, 0.05);
  --shadow-md:    0 18px 60px rgba(14, 12, 10, 0.12);
  --shadow-lg:    0 30px 90px rgba(14, 12, 10, 0.22);
}

/* ---------- איפוס ---------- */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: var(--frame);
  font-family: var(--font-body);
  font-size: 17px;
  font-weight: 300;
  line-height: 1.7;
  color: var(--body);
  background: var(--cream);
  overflow-x: hidden;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }

/* התכונה hidden מגיעה מגיליון הדפדפן, וכל display משלנו גובר עליה.
   הכלל הזה מחזיר לה את הבכורה — בלעדיו אלמנטים עם display מפורש
   (grid/flex) נשארים גלויים גם כשהם מסומנים hidden. */
[hidden] { display: none !important; }

/* ---------- מיקוד מקלדת ---------- */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--bronze-text);
  outline-offset: 3px;
  border-radius: 1px;
}
.hero :focus-visible, .cta-band :focus-visible, .section--dark :focus-visible,
.site-footer :focus-visible, .lightbox :focus-visible, .mobile-nav :focus-visible,
.has-hero .site-header:not(.is-solid) :focus-visible { outline-color: var(--cream); }

/* ---------- דילוג לתוכן ---------- */
.skip-link {
  position: fixed;
  inset-inline-start: 50%;
  top: -120px;
  transform: translateX(50%);
  z-index: 400;
  background: var(--ink);
  color: var(--cream);
  padding: 15px 28px;
  font-size: .85rem;
  letter-spacing: .1em;
  transition: top .3s var(--ease);
}
.skip-link:focus { top: var(--frame); }

/* ---------- נראה לקוראי מסך בלבד ---------- */
.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ==========================================================================
   המסגרת — ארבעה פסים קבועים שעוטפים את המסך
   ========================================================================== */
.frame span {
  position: fixed;
  background: var(--ink);
  z-index: 300;
  pointer-events: none;
}
.frame span:nth-child(1) { top: 0; left: 0; right: 0; height: var(--frame); }
.frame span:nth-child(2) { bottom: 0; left: 0; right: 0; height: var(--frame); }
.frame span:nth-child(3) { top: 0; bottom: 0; left: 0; width: var(--frame); }
.frame span:nth-child(4) { top: 0; bottom: 0; right: 0; width: var(--frame); }

/* ==========================================================================
   טיפוגרפיה
   ========================================================================== */
h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-weight: 400;
  color: var(--ink);
  line-height: 1.04;
  margin: 0 0 .4em;
}

h1 { font-size: clamp(2.2rem, 4.6vw, 3.9rem); letter-spacing: 0.035em; }
h2 { font-size: clamp(1.75rem, 3.2vw, 2.7rem); letter-spacing: 0.03em; }
h3 { font-size: clamp(1.2rem, 1.7vw, 1.45rem); letter-spacing: 0.02em; }

p { margin: 0 0 1.2em; }
p:last-child { margin-bottom: 0; }

/* מיקרו־תווית: קטנה, מרווחת מאוד, אותיות גדולות */
.eyebrow {
  font-family: var(--font-body);
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.36em;
  text-transform: uppercase;
  color: var(--bronze-text);
  margin: 0 0 22px;
  display: block;
}

.lead {
  font-size: clamp(1.05rem, 1.5vw, 1.28rem);
  font-weight: 300;
  color: var(--muted);
  line-height: 1.65;
}

/* ---------- עזרים ---------- */
.wrap { max-width: var(--wrap); margin-inline: auto; padding-inline: clamp(20px, 5vw, 64px); }

.section { padding: clamp(76px, 10vw, 140px) 0; }
.section--sand { background: var(--cream-2); }
.section--dark { background: var(--ink); color: var(--sand); }
.section--dark h2, .section--dark h3 { color: var(--cream); }
.section--dark .eyebrow { color: var(--sand-2); }
.section--dark p { color: rgba(220, 207, 187, .74); }

.section-head { max-width: 620px; margin-bottom: clamp(38px, 5vw, 64px); }
.section-head--center { margin-inline: 0; text-align: start; }
.section-head p { color: var(--muted); font-size: 1.08rem; }

.rule { width: 1px; height: 44px; background: var(--bronze); border: 0; margin: 0 0 30px; }
.section-head--center .rule { margin-inline: 0; }
.section--dark .rule { background: var(--sand-2); }

/* ==========================================================================
   כפתורים
   ========================================================================== */
.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 19px 42px;
  border: 1px solid var(--ink);
  color: var(--cream);
  font-size: 0.76rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  overflow: hidden;
  /* המילוי שנפתח מלמטה בריחוף הוא הרקע של הכפתור עצמו, ולא שכבת ::before.
     כפתור שהכיתוב שלו הוא טקסט חשוף, בלי <span> עוטף, לא מושפע מ-z-index,
     ולכן שכבה כזו כיסתה אותו והכיתוב נעלם לגמרי. */
  background-color: var(--ink);
  background-image: linear-gradient(var(--fill, var(--bronze)), var(--fill, var(--bronze)));
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 0;
  transition: background-size .5s var(--ease), color .5s var(--ease), border-color .5s var(--ease);
}
.btn > * { position: relative; }
.btn:hover { background-size: 100% 100%; border-color: var(--bronze); color: var(--paper); }

.btn--ghost { background-color: transparent; color: var(--ink); }
.btn--ghost:hover { color: var(--ink); }

.btn--light { background-color: transparent; border-color: var(--line-light); color: var(--cream); --fill: var(--cream); }
.btn--light:hover { color: var(--ink); border-color: var(--cream); }

/* הכפתור הראשי כהה כברירת מחדל. הגרסה בגוון השמנת נבנתה לפסים הכהים,
   ועל רקע בהיר היא כמעט נעלמת — בדיוק שם הוא הפעולה הראשית של העמוד. */
/* --fill יושב על הכפתור עצמו ולא על :hover. משתנה CSS לא עובר מעבר
   הדרגתי, אז אם הוא מוגדר רק בריחוף הוא קופץ חזרה לברונזה ברגע שהעכבר
   יורד — בזמן שהמילוי עוד מתכווץ. זה היה ההבזק הברונזי. */
.btn--wa { background-color: var(--ink); border-color: var(--ink); color: var(--cream); --fill: var(--cream); }
.btn--wa:hover { color: var(--ink); border-color: var(--ink); }
.hero .btn--wa, .section--dark .btn--wa {
  background-color: var(--cream); border-color: var(--cream); color: var(--ink); --fill: var(--bronze);
}
.hero .btn--wa:hover, .section--dark .btn--wa:hover { color: var(--paper); border-color: var(--bronze); }

.btn-row { display: flex; flex-wrap: wrap; gap: 16px; }

.link-arrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 0.76rem; font-weight: 500;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--ink);
  padding-bottom: 7px;
  background-image: linear-gradient(var(--bronze), var(--bronze));
  background-size: 100% 1px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition: background-size .5s var(--ease), color .3s var(--ease), gap .4s var(--ease);
}
.link-arrow:hover { color: var(--bronze-text); gap: 18px; background-size: 0% 1px; }

/* ==========================================================================
   כותרת עליונה
   ========================================================================== */
.site-header {
  position: fixed;
  inset-inline: var(--frame); top: var(--frame);
  z-index: 200;
  height: var(--header-h);
  display: flex; align-items: center;
  transition: background .5s var(--ease), box-shadow .5s var(--ease);
}
.site-header.is-solid {
  background: rgba(246, 241, 233, 0.88);
  backdrop-filter: saturate(180%) blur(18px);
  -webkit-backdrop-filter: saturate(180%) blur(18px);
  box-shadow: 0 1px 0 var(--line);
}
.site-header .wrap { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 24px; }

.brand { display: flex; flex-direction: row-reverse; align-items: center; gap: 14px; line-height: 1; flex: none; }
.brand__logo { flex: none; width: auto; height: 42px; transition: filter .5s var(--ease); }
.brand__wordmark { display: flex; flex-direction: column; }
.brand__name {
  font-family: var(--font-display);
  font-size: clamp(1.3rem, 3.6vw, 1.65rem);
  white-space: nowrap;
  letter-spacing: 0.2em;
  color: var(--ink);
  text-transform: uppercase;
}
.brand__tag {
  font-size: 0.6rem; font-weight: 500;
  letter-spacing: 0.4em;
  color: var(--bronze-text);
  text-transform: uppercase;
  margin-top: 7px;
}

/* ניווט */
.nav { display: flex; align-items: center; gap: 42px; }
.nav a {
  position: relative;
  font-size: 0.76rem; font-weight: 500;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink);
  padding: 8px 0;
  transition: color .4s var(--ease);
}
.nav a::after {
  content: '';
  position: absolute; inset-inline: 0; bottom: 0;
  height: 1px; background: currentColor;
  transform: scaleX(0); transform-origin: right;
  transition: transform .5s var(--ease);
}
.nav a:hover::after, .nav a.is-active::after { transform: scaleX(1); }
.nav a.is-active { color: var(--bronze-text); }

.header-cta { display: flex; align-items: center; gap: 18px; }

.icon-link {
  display: grid; place-items: center;
  width: 44px; height: 44px;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--ink);
  transition: background .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease);
}
.icon-link:hover { background: var(--ink); color: var(--cream); border-color: var(--ink); }
.icon-link svg { width: 18px; height: 18px; }

/* כותרת שקופה מעל מדיה כהה */
.has-hero .site-header:not(.is-solid) .brand__name,
.has-hero .site-header:not(.is-solid) .nav a { color: var(--cream); }
.has-hero .site-header:not(.is-solid) .brand__tag,
.has-hero .site-header:not(.is-solid) .nav a.is-active { color: var(--sand-2); }
.has-hero .site-header:not(.is-solid) .brand__logo { filter: invert(1); }
.has-hero .site-header:not(.is-solid) .icon-link { color: var(--cream); border-color: var(--line-light); }
.has-hero .site-header:not(.is-solid) .icon-link:hover { background: var(--cream); color: var(--ink); border-color: var(--cream); }
.has-hero .site-header:not(.is-solid) .btn--ghost { color: var(--cream); border-color: var(--line-light); }
.has-hero .site-header:not(.is-solid) .btn--ghost:hover { color: var(--ink); }
.has-hero .site-header:not(.is-solid) .burger span { background: var(--cream); }

/* המבורגר */
.burger { display: none; flex: none; width: 46px; height: 46px; background: none; border: 0; padding: 0; position: relative; }
.burger span { position: absolute; inset-inline: 10px; height: 1px; background: var(--ink); transition: transform .45s var(--ease), opacity .3s var(--ease); }
.burger span:nth-child(1) { top: 17px; }
.burger span:nth-child(2) { top: 23px; }
.burger span:nth-child(3) { top: 29px; }
.burger.is-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.burger.is-open span:nth-child(2) { opacity: 0; }
.burger.is-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* תפריט נייד — רשימה מסודרת באותו סגנון של הניווט הראשי (אותיות רישיות
   קטנות עם מרווח תווים), ולא כרזה של מילים ענקיות שלא תואמת את שאר
   האתר. כל קישור הוא שורה מלאה עם קו מפריד וחץ, כמו תפריט חנות בוטיק. */
.mobile-nav {
  position: fixed; inset: var(--frame);
  background: var(--ink);
  z-index: 199;
  display: flex; flex-direction: column;
  padding: calc(var(--header-h) + 26px) 26px 40px;
  overflow-y: auto;
  opacity: 0; visibility: hidden;
  transition: opacity .5s var(--ease), visibility .5s;
}
.mobile-nav.is-open { opacity: 1; visibility: visible; }
.mobile-nav > a {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  font-family: var(--font-body);
  font-size: .92rem; font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--cream);
  padding: 19px 2px;
  border-bottom: 1px solid var(--line-light);
  transition: color .3s var(--ease);
}
.mobile-nav > a:first-of-type { border-top: 1px solid var(--line-light); }
.mobile-nav > a::after { content: '‹'; flex: none; font-size: .95rem; color: var(--sand-2); }
.mobile-nav > a:hover { color: var(--bronze); }
.mobile-nav__meta { margin-top: 30px; display: flex; justify-content: center; gap: 24px; }
.mobile-nav__meta .contact-link { display: flex; flex-direction: column; align-items: center; gap: 9px; font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; color: var(--sand-2); }
.mobile-nav__meta .contact-ico {
  box-sizing: border-box; width: 44px; height: 44px; padding: 13px;
  border: 1px solid var(--line-light); border-radius: 50%; color: var(--cream);
  transition: background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);
}
.mobile-nav__meta .contact-link:hover .contact-ico { background: var(--cream); color: var(--ink); border-color: var(--cream); }

/* ==========================================================================
   פסי צד אנכיים
   ========================================================================== */
.rail {
  position: fixed;
  top: var(--frame); bottom: var(--frame);
  width: var(--rail);
  z-index: 150;
  display: flex; flex-direction: column; align-items: center; justify-content: space-between;
  padding: calc(var(--header-h) + 30px) 0 34px;
  pointer-events: none;
  font-size: .6rem; font-weight: 500;
  letter-spacing: .3em; text-transform: uppercase;
  color: var(--muted);
  transition: color .5s var(--ease);
}
.rail--start { inset-inline-start: var(--frame); }
.rail--end   { inset-inline-end: var(--frame); }
.rail span { writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; }
.rail i { display: block; width: 1px; flex: 1; background: var(--line); margin: 20px 0; font-style: normal; }
.has-hero .rail { color: var(--sand-2); }
.has-hero .rail i { background: var(--line-light); }
.has-hero.is-past-hero .rail { color: var(--muted); }
.has-hero.is-past-hero .rail i { background: var(--line); }

/* ==========================================================================
   גיבור — וידאו במסך מלא
   ========================================================================== */
.hero {
  position: relative;
  height: 100svh;
}
.hero__sticky {
  position: sticky; top: var(--frame);
  height: calc(100svh - var(--frame) * 2);
  display: flex; align-items: flex-end;
  overflow: hidden;
}
.hero__media { position: absolute; inset: 0; z-index: 0; overflow: hidden; background: var(--ink); }
.hero__media video,
.hero__media img {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  will-change: transform;
}
.hero__media::after {
  content: '';
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(14,12,10,.5) 0%, rgba(14,12,10,0) 26%),
    linear-gradient(0deg,   rgba(14,12,10,.8) 0%, rgba(14,12,10,.1) 60%);
}

.hero__inner { position: relative; z-index: 2; width: 100%; padding-bottom: clamp(76px, 9vw, 124px); }
.hero__content { color: var(--cream); max-width: 560px; }
.hero__content .crumbs { color: rgba(246, 241, 233, .72); }
.hero__content .crumbs a { color: inherit; }
.hero__content .crumbs a:hover { color: var(--sand-2); }
.hero__content .rule { background: var(--sand-2); }
.hero__content .eyebrow { color: var(--sand-2); margin-bottom: 26px; }
.hero__content h1 { color: var(--cream); margin-bottom: 22px; }
.hero__content p {
  font-size: clamp(1.02rem, 1.5vw, 1.22rem);
  font-weight: 300;
  color: rgba(246, 241, 233, .82);
  max-width: 540px;
  margin-bottom: 40px;
}

/* אינדיקטור גלילה */
.hero__scroll {
  position: absolute; z-index: 3;
  bottom: 34px; inset-inline-end: clamp(20px, 5vw, 64px);
  color: rgba(246, 241, 233, .7);
  font-size: .6rem; letter-spacing: .3em; text-transform: uppercase;
  display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.hero__scroll::after {
  content: ''; width: 1px; height: 58px;
  background: linear-gradient(var(--sand-2), transparent);
  animation: scrollLine 2.6s var(--ease-io) infinite;
}
@keyframes scrollLine {
  0%   { transform: scaleY(0); transform-origin: top; }
  55%  { transform: scaleY(1); transform-origin: top; }
  56%  { transform: scaleY(1); transform-origin: bottom; }
  100% { transform: scaleY(0); transform-origin: bottom; }
}

/* כפתור קול */
.hero__sound {
  position: absolute; z-index: 3;
  bottom: 34px; inset-inline-start: clamp(20px, 5vw, 64px);
  display: inline-flex; align-items: center; gap: 10px;
  background: none; border: 1px solid var(--line-light);
  color: var(--cream);
  padding: 11px 20px;
  font-size: .6rem; letter-spacing: .22em; text-transform: uppercase;
  transition: background .4s var(--ease), color .4s var(--ease);
}
.hero__sound:hover { background: var(--cream); color: var(--ink); }

/* ---------- גיבור פנימי ---------- */
.page-hero {
  padding: calc(var(--header-h) + clamp(58px, 7vw, 100px)) 0 clamp(46px, 5vw, 72px);
  background: var(--cream-2);
  position: relative; overflow: hidden;
}
.page-hero__inner { max-width: 900px; position: relative; z-index: 2; }
.page-hero p { color: var(--muted); font-size: clamp(1.02rem, 1.4vw, 1.2rem); margin-bottom: 0; }

.crumbs { font-size: .75rem; letter-spacing: .24em; text-transform: uppercase; color: var(--muted); margin-bottom: 26px; }
.crumbs a { display: inline-block; padding-block: 5px; }
.crumbs a:hover { color: var(--bronze-text); }
.crumbs span { margin-inline: 10px; opacity: .45; }

/* ==========================================================================
   רצועת ערכים
   ========================================================================== */
.values { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); }
.value { background: var(--cream); padding: clamp(40px, 5vw, 64px) clamp(24px, 3vw, 38px); }
.value__icon { width: 30px; height: 30px; margin-bottom: 26px; color: var(--bronze-text); }
.value__icon svg { width: 100%; height: 100%; }
.value h3 { font-size: 1.15rem; margin-bottom: 12px; }
.value p { font-size: .95rem; color: var(--muted); line-height: 1.65; }

/* ==========================================================================
   פיצול תמונה/טקסט
   ========================================================================== */
.split { display: grid; grid-template-columns: 1.08fr 1fr; gap: clamp(40px, 7vw, 110px); align-items: center; }
.split--reverse .split__media { order: 2; }
.split__media { position: relative; }
.split__media img { width: 100%; aspect-ratio: 4/5; object-fit: cover; }
.split__media--stack { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.split__media--stack img:nth-child(1) { aspect-ratio: 3/4; }
.split__media--stack img:nth-child(2) { aspect-ratio: 3/4; margin-top: 60px; }

.badge-note {
  position: absolute; bottom: -30px; inset-inline-start: -30px;
  background: var(--ink); color: var(--cream);
  padding: 26px 32px; max-width: 230px;
}
.badge-note strong { display: block; font-family: var(--font-display); font-size: 2rem; line-height: 1; color: var(--cream); margin-bottom: 8px; }
.badge-note span { font-size: .75rem; letter-spacing: .18em; text-transform: uppercase; color: var(--sand-2); }

.signature { font-family: var(--font-display); font-size: 1.35rem; letter-spacing: .04em; color: var(--ink); margin-top: 34px; }
.signature small { display: block; font-family: var(--font-body); font-size: .75rem; letter-spacing: .24em; text-transform: uppercase; color: var(--muted); margin-top: 10px; }

/* ==========================================================================
   מוצרים
   ========================================================================== */
.filters { display: flex; flex-wrap: wrap; gap: 0; margin-bottom: 60px; border-bottom: 1px solid var(--line); }
.filter {
  padding: 16px 26px 18px;
  border: 0; border-bottom: 1px solid transparent;
  background: none;
  font-size: .75rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  color: var(--muted);
  margin-bottom: -1px;
  transition: color .35s var(--ease), border-color .35s var(--ease);
}
.filter:hover { color: var(--ink); }
.filter.is-active { color: var(--ink); border-bottom-color: var(--ink); }

.grid-products { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(26px, 3.4vw, 52px); }

.card { display: flex; flex-direction: column; background: none; }
.card.is-hidden { display: none; }
.card__media { position: relative; aspect-ratio: 4/5; overflow: hidden; background: var(--sand); cursor: zoom-in; }
.card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--ease); }
.card:hover .card__media img { transform: scale(1.05); }
.card__zoom { position: absolute; inset: 0; background: rgba(14,12,10,.3); display: grid; place-items: center; opacity: 0; transition: opacity .5s var(--ease); }
.card__zoom span { color: var(--cream); font-size: .75rem; letter-spacing: .28em; text-transform: uppercase; border: 1px solid var(--line-light); padding: 12px 22px; }
.card__media:hover .card__zoom { opacity: 1; }

.card__body { padding: 26px 0 0; display: flex; flex-direction: column; flex: 1; }
.card__cat { font-size: .75rem; letter-spacing: .28em; text-transform: uppercase; color: var(--bronze-text); margin-bottom: 12px; }
.card__body h3 { font-size: 1.32rem; margin-bottom: 10px; }
.card__body p { font-size: .95rem; color: var(--muted); line-height: 1.65; margin-bottom: 22px; }
.card__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 20px; border-top: 1px solid var(--line); }
.card__price { font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.card__price b { display: block; font-family: var(--font-display); font-size: 1.15rem; letter-spacing: .04em; color: var(--ink); font-weight: 400; text-transform: none; margin-top: 3px; }

.card__wa {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: .75rem; letter-spacing: .18em; text-transform: uppercase;
  color: var(--ink);
  border: 1px solid var(--line);
  padding: 12px 18px;
  transition: background .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease);
}
.card__wa:hover { background: var(--ink); border-color: var(--ink); color: var(--cream); }
.card__wa svg { width: 14px; height: 14px; }

/* ==========================================================================
   גלריה
   ========================================================================== */
.gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.gallery a { display: block; overflow: hidden; aspect-ratio: 1; background: var(--sand); cursor: zoom-in; }
.gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--ease); }
.gallery a:hover img { transform: scale(1.07); }
.gallery a:nth-child(1) { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }

/* ==========================================================================
   תהליך
   ========================================================================== */
.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(24px, 3.4vw, 52px); }
.step { padding-top: 32px; border-top: 1px solid var(--line-light); }
.step__num { font-family: var(--font-display); font-size: 2.5rem; line-height: 1; color: var(--sand-2); margin-bottom: 22px; }
.step h3 { font-size: 1.18rem; margin-bottom: 12px; }
.step p { font-size: .95rem; line-height: 1.65; }

/* ==========================================================================
   רצועת קריאה לפעולה
   ========================================================================== */
/* רצועת סיום רגילה, באותו נייר של שאר העמוד. */
.cta-band { padding: clamp(90px, 12vw, 150px) 0; text-align: center; background: var(--cream); }
.cta-band h2 { max-width: 900px; margin-inline: auto; }
.cta-band p { color: var(--muted); max-width: 580px; margin: 0 auto 40px; font-weight: 300; }
.cta-band .eyebrow { color: var(--bronze-text); }
.cta-band .btn-row { justify-content: center; }

/* ==========================================================================
   יצירת קשר
   ========================================================================== */
.contact-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(40px, 6vw, 90px); align-items: start; }
.contact-cards { display: grid; gap: 0; }
.contact-card {
  display: flex; gap: 22px; align-items: flex-start;
  padding: 30px 0;
  border-bottom: 1px solid var(--line);
  transition: padding-inline-start .4s var(--ease);
}
.contact-cards > :first-child { border-top: 1px solid var(--line); }
a.contact-card:hover { padding-inline-start: 12px; }
.contact-card__icon { flex: none; width: 26px; height: 26px; margin-top: 5px; color: var(--bronze-text); }
.contact-card__icon svg { width: 100%; height: 100%; }
.contact-card h3 { font-size: .75rem; font-family: var(--font-body); font-weight: 500; letter-spacing: .24em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.contact-card p { font-size: .95rem; color: var(--muted); margin: 8px 0 0; }
.contact-card strong { display: block; font-family: var(--font-display); font-size: 1.25rem; letter-spacing: .04em; color: var(--ink); font-weight: 400; direction: ltr; text-align: start; }

/* טופס */
.form { background: var(--paper); padding: clamp(32px, 4.5vw, 56px); }
.form h2 { font-size: clamp(1.5rem, 2.2vw, 1.95rem); }
.form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.field { margin-bottom: 22px; }
.field label { display: block; font-size: .75rem; letter-spacing: .2em; text-transform: uppercase; color: var(--muted-strong); margin-bottom: 10px; }
.field input, .field select, .field textarea {
  width: 100%;
  padding: 14px 0;
  border: 0; border-bottom: 1px solid var(--line);
  background: transparent;
  font-family: inherit; font-size: 1rem; font-weight: 300; color: var(--ink);
  transition: border-color .4s var(--ease);
}
.field input::placeholder, .field textarea::placeholder { color: var(--muted); opacity: .85; }
.field input:focus, .field select:focus, .field textarea:focus { outline: none; border-bottom-color: var(--ink); }
.field textarea { resize: vertical; min-height: 120px; }
.form .btn { width: 100%; justify-content: center; margin-top: 8px; }
.form__note { font-size: .75rem; letter-spacing: .08em; color: var(--muted); text-align: center; margin-top: 18px; }
/* הערה קטנה מתחת לשדה, לפני השדה הבא. */
.form__hint { font-size: .78rem; color: var(--muted); margin: -14px 0 26px; }

/* שאלות נפוצות */
.faq { max-width: 900px; margin-inline: auto; }
.faq__item { border-bottom: 1px solid var(--line); }
.faq__q {
  width: 100%; text-align: start; background: none; border: 0;
  padding: 30px 0;
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  font-family: var(--font-display); font-size: clamp(1.02rem, 1.4vw, 1.22rem); letter-spacing: .02em; color: var(--ink);
}
.faq__q i { flex: none; font-style: normal; font-size: 1.5rem; color: var(--bronze-text); transition: transform .45s var(--ease); }
.faq__item.is-open .faq__q i { transform: rotate(45deg); }
.faq__a { max-height: 0; overflow: hidden; transition: max-height .55s var(--ease); }
.faq__a p { padding-bottom: 30px; color: var(--muted); font-size: 1rem; margin: 0; max-width: 70ch; }

/* ==========================================================================
   כותרת תחתונה
   ========================================================================== */
.site-footer { background: var(--ink); color: rgba(220,207,187,.7); padding: clamp(70px, 10vw, 120px) 0 0; font-size: .95rem; font-weight: 300; }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.25fr 1.1fr; gap: clamp(32px, 5vw, 70px); padding-bottom: 70px; }
.site-footer h3 { font-family: var(--font-body); font-size: .75rem; letter-spacing: .28em; text-transform: uppercase; color: var(--sand-2); margin-bottom: 26px; font-weight: 500; }
.site-footer .brand { margin-bottom: 8px; }
.site-footer .brand__name { color: var(--cream); }
.site-footer .brand__tag { color: var(--sand-2); }
.site-footer .brand__logo { height: 50px; filter: invert(1); }
.site-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.site-footer ul a { display: inline-block; padding-block: 6px; transition: color .3s var(--ease); }
.site-footer a:hover { color: var(--bronze); }
.footer-social { display: flex; gap: 14px; margin-top: 26px; }
.footer-social a { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line-light); display: grid; place-items: center; color: var(--sand-2); transition: all .4s var(--ease); }
.footer-social a:hover { background: var(--cream); border-color: var(--cream); color: var(--ink); }
.footer-social svg { width: 18px; height: 18px; }
.footer-bottom {
  border-top: 1px solid var(--line-light);
  padding: 28px 0;
  display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between;
  font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(220,207,187,.45);
}

/* ==========================================================================
   וואטסאפ צף
   ========================================================================== */
.wa-float {
  position: fixed;
  inset-inline-end: calc(var(--frame) + 20px); bottom: calc(var(--frame) + 20px);
  z-index: 190;
  width: 58px; height: 58px; border-radius: 50%;
  background: var(--cream-2);
  border: 1px solid var(--ink);
  color: var(--ink);
  display: grid; place-items: center;
  box-shadow: 0 10px 34px rgba(14,12,10,.26);
  transition: transform .45s var(--ease), background .4s var(--ease), color .4s var(--ease);
}
.wa-float:hover { transform: scale(1.08); background: var(--ink); color: var(--cream); }
.wa-float svg { width: 28px; height: 28px; }

/* ==========================================================================
   לייטבוקס
   ========================================================================== */
.lightbox {
  position: fixed; inset: 0; z-index: 400;
  background: rgba(14,12,10,.96);
  display: grid; place-items: center;
  padding: 60px 24px;
  opacity: 0; visibility: hidden;
  /* בסגירה visibility מחכה לסוף ההעלמות, ובפתיחה הוא מתהפך מיד.
     בלי זה החלון עדיין מוסתר כשמנסים להעביר אליו פוקוס, וניווט במקלדת נשבר. */
  transition: opacity .45s var(--ease), visibility 0s .45s;
}
.lightbox.is-open { opacity: 1; visibility: visible; transition: opacity .45s var(--ease), visibility 0s; }
.lightbox img { max-width: min(92vw, 980px); max-height: 82vh; width: auto; object-fit: contain; }
.lightbox__cap { color: var(--sand-2); text-align: center; margin-top: 22px; font-size: .75rem; letter-spacing: .22em; text-transform: uppercase; }
.lightbox__close, .lightbox__nav {
  position: absolute;
  background: none; border: 1px solid var(--line-light); color: var(--cream);
  width: 52px; height: 52px; border-radius: 50%;
  display: grid; place-items: center; font-size: 1.2rem;
  transition: background .35s var(--ease), color .35s var(--ease);
}
.lightbox__close:hover, .lightbox__nav:hover { background: var(--cream); color: var(--ink); }
/* display: grid למעלה גובר על ברירת המחדל של [hidden], ולכן במפורש. */
.lightbox__nav[hidden] { display: none; }
.lightbox__close { top: 28px; inset-inline-end: 28px; }
.lightbox__nav--prev { inset-inline-end: 28px; top: 50%; transform: translateY(-50%); }
.lightbox__nav--next { inset-inline-start: 28px; top: 50%; transform: translateY(-50%); }

/* ==========================================================================
   חשיפה בגלילה
   ========================================================================== */
.reveal { opacity: 0; transform: translateY(38px); transition: opacity 1s var(--ease), transform 1s var(--ease); }
.reveal.is-visible { opacity: 1; transform: none; }

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

/* ==========================================================================
   רספונסיביות
   ========================================================================== */
@media (max-width: 1180px) {
  .rail { display: none; }
  .values { grid-template-columns: repeat(2, 1fr); }
  .grid-products { grid-template-columns: repeat(2, 1fr); }
  .steps { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .nav { display: none; }
  .burger { display: block; }
  .header-cta .icon-link, .header-cta .btn { display: none; }
  .split { grid-template-columns: 1fr; }
  .split--reverse .split__media { order: 0; }
  .badge-note { inset-inline-start: 16px; bottom: -22px; }
  .gallery { grid-template-columns: repeat(2, 1fr); }
  .gallery a:nth-child(1) { grid-column: span 2; grid-row: span 1; aspect-ratio: 16/10; }
  .hero__sound { display: none; }
}

@media (max-width: 620px) {
  :root { --frame: 8px; --header-h: 70px; }
  body { font-size: 16px; }
  .brand__logo { height: 34px; }
  .brand__name { letter-spacing: .14em; }
  /* שני מוצרים בשורה גם בטלפון — תמונה אחת ענקית לכל גלילה מסתירה
     את הקולקציה במקום להראות אותה. */
  .grid-products { grid-template-columns: repeat(2, 1fr); gap: 18px 14px; }
  .grid-products .card__title { font-size: 1.14rem; margin-top: 14px; letter-spacing: .03em; }
  .grid-products .card__cat { font-size: .6rem; letter-spacing: .16em; }
  .values { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .form__row { grid-template-columns: 1fr; }
  .btn-row { flex-direction: column; }
  .btn-row .btn { width: 100%; justify-content: center; }
  .filters { overflow-x: auto; flex-wrap: nowrap; }
  .filter { white-space: nowrap; }
  .hero__media::after {
    background:
      linear-gradient(180deg, rgba(14,12,10,.7) 0%, rgba(14,12,10,0) 22%),
      linear-gradient(0deg,   rgba(14,12,10,.88) 4%, rgba(14,12,10,.15) 60%);
  }
}

/* ==========================================================================
   הפסקת וידאו — הסרטון נעוץ במקומו והגלילה מריצה אותו קדימה
   ========================================================================== */
.reel {
  position: relative;
  height: calc(100svh + var(--reel-scroll, 150svh));
  background: var(--ink);
}
.reel__sticky {
  position: sticky;
  top: var(--frame);
  height: calc(100svh - var(--frame) * 2);
  overflow: hidden;
  background: var(--ink);
}
.reel__video {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
/* וינייטה עדינה כדי שהמסגרת והכותרת יישבו על משהו */
.reel__sticky::after {
  content: '';
  position: absolute; inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(14,12,10,.45) 0%, rgba(14,12,10,0) 18%),
    linear-gradient(0deg,   rgba(14,12,10,.45) 0%, rgba(14,12,10,0) 18%);
}

/* במסך צר מקצרים את מרחק הגלילה — הסקיל ממליץ לא למתוח נעיצה במובייל */
@media (max-width: 900px) {
  .reel { --reel-scroll: 95svh; }
}

@media (prefers-reduced-motion: reduce) {
  .reel { height: 100svh; }
}

/* ==========================================================================
   עגלת קניות
   ========================================================================== */

/* אייקון בכותרת */
.cart-link {
  position: relative;
  display: grid; place-items: center;
  width: 44px; height: 44px;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--ink);
  transition: background .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease);
}
.cart-link:hover, .cart-link.is-active { background: var(--ink); color: var(--cream); border-color: var(--ink); }
.cart-link svg { width: 19px; height: 19px; }
.cart-link__count {
  position: absolute; top: -3px; inset-inline-start: -3px;
  min-width: 19px; height: 19px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--bronze);
  color: var(--paper);
  font-size: .66rem; font-weight: 600;
  display: grid; place-items: center;
  line-height: 1;
}
.has-hero .site-header:not(.is-solid) .cart-link { color: var(--cream); border-color: var(--line-light); }
.has-hero .site-header:not(.is-solid) .cart-link:hover { background: var(--cream); color: var(--ink); border-color: var(--cream); }

/* כפתור הוספה בכרטיס מוצר */
.card__foot { flex-wrap: wrap; }
.card__add {
  position: relative;
  flex: 1 1 auto;
  border: 1px solid var(--ink);
  background: var(--ink);
  color: var(--cream);
  padding: 13px 20px;
  font-size: .75rem; font-weight: 500;
  letter-spacing: .18em; text-transform: uppercase;
  overflow: hidden;
  transition: background .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease);
}
.card__add:hover { background: var(--bronze); border-color: var(--bronze); color: var(--paper); }
.card__add.is-added { background: var(--bronze); border-color: var(--bronze); color: var(--paper); }

/* עמוד העגלה */
.cart-empty { text-align: center; padding: clamp(40px, 8vw, 90px) 0; }

.cart-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: clamp(36px, 5vw, 70px); align-items: start; }
.cart-main { min-width: 0; }

/* שורת התראה מעל רשימת הפריטים */
.cart-alert {
  margin: 0 0 22px;
  padding: 14px 18px;
  border: 1px solid var(--alert);
  border-inline-start-width: 4px;
  background: color-mix(in srgb, var(--alert) 8%, transparent);
  color: var(--alert);
  font-size: .9rem; line-height: 1.6; font-weight: 600;
}

/* פרטי הלקוח, מתחת לפריטים */
.cart-details { margin-top: clamp(34px, 4vw, 52px); }
.cart-details h3 { font-size: 1.45rem; margin-bottom: 26px; }
.cart-details .cart-form { max-width: 640px; }

.cart-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.cart-row {
  display: grid;
  grid-template-columns: 96px 1fr auto auto auto;
  gap: 22px;
  align-items: center;
  padding: 24px 0;
  border-bottom: 1px solid var(--line);
}
.cart-row__media { position: relative; width: 96px; }
.cart-row__img { display: block; width: 96px; height: 116px; object-fit: cover; }

/* תווית שיושבת על ראש התמונה כשמשהו בפריט לא תקין */
.cart-row__flag {
  position: absolute; inset-inline: 0; top: 0; z-index: 1;
  background: var(--alert); color: #FFF;
  font-size: .68rem; font-weight: 600; letter-spacing: .12em;
  text-align: center; padding: 4px 2px;
}
.cart-row__warn { color: var(--alert) !important; font-weight: 600; }
.cart-row__info h3 { font-size: 1.35rem; margin: 0 0 4px; }
.cart-row__info p { font-size: .9rem; color: var(--muted); margin: 0; }
.cart-row__info .card__cat { margin-bottom: 6px; }

.cart-row__qty { display: flex; align-items: center; gap: 4px; border: 1px solid var(--line); }
.cart-row__qty button {
  width: 40px; height: 40px;
  border: 0; background: none;
  color: var(--ink); font-size: 1.1rem;
  transition: background .3s var(--ease);
}
.cart-row__qty button:hover { background: var(--cream-2); }
.cart-row__qty span { min-width: 30px; text-align: center; font-size: .98rem; }

.cart-row__sum { font-family: var(--font-display); font-size: 1.3rem; letter-spacing: .03em; color: var(--ink); min-width: 90px; text-align: start; }

.cart-row__remove {
  width: 36px; height: 36px;
  border: 0; background: none;
  color: var(--muted); font-size: .95rem;
  transition: color .3s var(--ease);
}
.cart-row__remove:hover { color: var(--ink); }

/* סיכום */
.cart-summary { background: var(--cream-2); padding: clamp(28px, 3.5vw, 42px); position: sticky; top: calc(var(--header-h) + var(--frame) + 20px); }
.cart-summary h3 { font-size: 1.45rem; margin-bottom: 26px; }
.cart-summary__rows { margin: 0 0 22px; padding: 0; display: grid; gap: 14px; }

/* טופס כתובת */
.field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
@media (max-width: 420px) { .field-pair { grid-template-columns: 1fr; } }
.field__opt { text-transform: none; letter-spacing: .04em; opacity: .92; }
.field input[readonly] { color: var(--muted); cursor: default; }

/* בחירת אזור הובלה */
.field--zone { margin-bottom: 12px; }
.field--zone select { background: transparent; }
.cart-summary__ship {
  margin: 0 0 18px; font-size: .82rem; line-height: 1.55; color: var(--bronze-text);
}
.cart-summary__ship:empty { display: none; margin: 0; }
.cart-summary__rows > div { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; }
.cart-summary__rows dt { font-size: .75rem; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); margin: 0; }
.cart-summary__rows dd { margin: 0; font-size: .95rem; text-align: start; }
.cart-summary__total {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 22px 0;
  border-top: 1px solid var(--line);
  margin-bottom: 22px;
}
.cart-summary__total span { font-size: .75rem; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); }
.cart-summary__total b { font-family: var(--font-display); font-size: 2rem; font-weight: 400; letter-spacing: .03em; color: var(--ink); }
.cart-summary .btn { width: 100%; justify-content: center; }

.cart-clear {
  display: block; width: 100%;
  margin-top: 18px; padding: 10px;
  border: 0; background: none;
  font-size: .75rem; letter-spacing: .16em; text-transform: uppercase;
  color: var(--muted);
  transition: color .3s var(--ease);
}
.cart-clear:hover { color: var(--ink); }

@media (max-width: 1180px) {
  .cart-grid { grid-template-columns: 1fr; }
  .cart-summary { position: static; }
}

@media (max-width: 620px) {
  .cart-row {
    grid-template-columns: 76px 1fr auto;
    grid-template-areas: "img info remove" "img qty sum";
    gap: 12px 16px;
  }
  .cart-row__media { grid-area: img; width: 76px; }
  .cart-row__img  { width: 76px; height: 92px; }
  .cart-row__info { grid-area: info; }
  .cart-row__qty  { grid-area: qty; }
  .cart-row__sum  { grid-area: sum; text-align: end; }
  .cart-row__remove { grid-area: remove; justify-self: end; }
  .card__foot { gap: 12px; }
  .card__add { flex: 1 1 100%; }
}

/* ==========================================================================
   אישור הזמנה — מה שהלקוח רואה מיד אחרי השליחה
   ========================================================================== */
.receipt {
  max-width: 780px;
  margin: 0 auto;
  outline: none;
}

.receipt__head { text-align: center; }

.receipt__seal {
  display: block;
  width: clamp(74px, 10vw, 92px);
  height: clamp(74px, 10vw, 92px);
  margin: 0 auto 26px;
  color: var(--bronze-text);
}
.receipt__seal svg { display: block; width: 100%; height: 100%; }
.receipt__sealring { opacity: .45; }

.receipt__head .eyebrow { display: block; margin-bottom: 14px; }

.receipt__head h2 {
  margin: 0;
  font-size: clamp(2.5rem, 6vw, 3.6rem);
  letter-spacing: .02em;
}

.receipt__lead {
  max-width: 46ch;
  margin: 16px auto 0;
  font-size: 1.08rem;
  line-height: 1.75;
  color: var(--muted);
}

/* המייל שלנו נשלח מחשבון חדש, ולפעמים נוחת בספאם. */
.receipt__spam {
  max-width: 46ch;
  margin: 14px auto 0;
  font-size: .86rem;
  line-height: 1.7;
  color: var(--muted);
}

.receipt__reflabel {
  margin: 34px 0 0;
  font-size: .74rem; letter-spacing: .2em; text-transform: uppercase;
  color: var(--muted);
}
.receipt__ref {
  display: inline-block;
  margin: 12px 0 0;
  padding: 10px 30px;
  border: 1px solid var(--bronze);
  background: color-mix(in srgb, var(--bronze) 8%, transparent);
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 2.7rem);
  font-weight: 400;
  letter-spacing: .2em;
  color: var(--ink);
}

.receipt__card {
  margin-top: clamp(34px, 4vw, 48px);
  padding: clamp(24px, 3.4vw, 40px);
  border: 1px solid var(--line);
  background: var(--paper);
  box-shadow: var(--shadow-sm);
}

.receipt__h {
  margin: 0 0 22px;
  font-size: .78rem; letter-spacing: .2em; text-transform: uppercase;
  font-family: var(--font-body); font-weight: 600;
  color: var(--muted);
}
.receipt__h--split {
  margin-top: clamp(30px, 3.6vw, 42px);
  padding-top: clamp(26px, 3.2vw, 34px);
  border-top: 1px solid var(--line);
}

.receipt__items { list-style: none; margin: 0; padding: 0; }
.receipt__item {
  display: grid;
  grid-template-columns: 72px 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 16px 0;
  border-top: 1px solid var(--line);
}
.receipt__item:first-child { border-top: 0; padding-top: 0; }

.receipt__thumb {
  width: 72px; height: 88px;
  object-fit: cover;
  display: block;
}
.receipt__itemtext h4 {
  margin: 0;
  font-size: 1.28rem;
  letter-spacing: .03em;
}
.receipt__size, .receipt__qty {
  margin: 5px 0 0;
  font-size: .92rem;
  color: var(--muted);
}
.receipt__size { direction: ltr; unicode-bidi: isolate; text-align: right; }
.receipt__price {
  font-family: var(--font-display);
  font-size: 1.4rem;
  letter-spacing: .03em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.receipt__rows {
  margin: 22px 0 0;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
.receipt__rows div {
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 18px;
  padding: 7px 0;
}
.receipt__rows dt { color: var(--muted); font-size: .98rem; }
.receipt__rows dd { margin: 0; font-size: 1.05rem; font-variant-numeric: tabular-nums; }

.receipt__total {
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 18px;
  margin-top: 16px;
  padding-top: 18px;
  border-top: 1px solid var(--ink);
}
.receipt__total span { font-size: .78rem; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); }
.receipt__total b {
  font-family: var(--font-display);
  font-size: clamp(2rem, 4.4vw, 2.5rem);
  font-weight: 400; letter-spacing: .03em;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

.receipt__facts { margin: 0; }
.receipt__facts div {
  display: grid;
  grid-template-columns: 108px 1fr;
  gap: 6px 20px;
  padding: 9px 0;
  border-top: 1px solid var(--line);
}
.receipt__facts div:first-child { border-top: 0; padding-top: 0; }
.receipt__facts dt { color: var(--muted); font-size: .92rem; }
.receipt__facts dd { margin: 0; font-size: 1.05rem; line-height: 1.6; }

.receipt__foot {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 14px;
  margin-top: clamp(30px, 3.6vw, 42px);
}

/* פתיחה: החותם נמשך, ואחריו הכרטיס עולה. */
@media (prefers-reduced-motion: no-preference) {
  .receipt__seal { animation: receipt-seal .8s var(--ease) both; }
  .receipt__sealtick {
    stroke-dasharray: 46; stroke-dashoffset: 46;
    animation: receipt-tick .55s var(--ease) .32s both;
  }
  .receipt__head h2, .receipt__lead, .receipt__spam, .receipt__reflabel, .receipt__ref,
  .receipt__card, .receipt__foot { animation: receipt-rise .7s var(--ease) both; }
  .receipt__head h2   { animation-delay: .16s; }
  .receipt__lead      { animation-delay: .24s; }
  .receipt__spam      { animation-delay: .28s; }
  .receipt__reflabel  { animation-delay: .32s; }
  .receipt__ref       { animation-delay: .38s; }
  .receipt__card      { animation-delay: .48s; }
  .receipt__foot      { animation-delay: .58s; }
}
@keyframes receipt-seal { from { opacity: 0; transform: scale(.72); } to { opacity: 1; transform: none; } }
@keyframes receipt-tick { to { stroke-dashoffset: 0; } }
@keyframes receipt-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }

@media (max-width: 620px) {
  .receipt__item { grid-template-columns: 60px 1fr; gap: 14px; }
  .receipt__thumb { width: 60px; height: 74px; }
  .receipt__price { grid-column: 2; text-align: end; }
  .receipt__facts div { grid-template-columns: 1fr; gap: 2px; }
  .receipt__foot .btn { flex: 1 1 100%; text-align: center; }
}

/* ==========================================================================
   כרטיס רזה ברשת — תמונה ושם בלבד
   ========================================================================== */
.card__link { display: block; }
.card__media { display: block; }
.card__title {
  margin: 20px 0 0;
  font-size: 1.5rem;
  letter-spacing: .04em;
  text-align: center;
  transition: color .35s var(--ease);
}
.card__link:hover .card__title { color: var(--bronze-text); }

/* ==========================================================================
   עמוד מוצר
   ========================================================================== */
.pdp__crumbs { padding-top: calc(var(--header-h) + clamp(34px, 5vw, 60px)); }

.pdp {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: clamp(36px, 5vw, 80px);
  align-items: start;
  padding-bottom: clamp(70px, 10vw, 130px);
}
.pdp__media { position: sticky; top: calc(var(--header-h) + var(--frame) + 20px); }
.pdp__media img { width: 100%; aspect-ratio: 4/5; object-fit: cover; cursor: zoom-in; background: var(--sand); }

/* תג AR: קישור קטן מתחת לתמונה הראשית, שפותח את הפריט במציאות רבודה באייפון */
.pdp__ar {
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 12px; padding: 10px 16px;
  border: 1px solid var(--line); border-radius: 14px;
  color: var(--ink); text-decoration: none;
  font-size: .86rem; letter-spacing: .01em;
  transition: border-color .3s var(--ease), color .3s var(--ease);
}
.pdp__ar:hover { border-color: var(--bronze); color: var(--bronze-text); }
.pdp__ar-icon { width: 18px; height: 18px; flex: none; }
.pdp__ar-text { display: flex; flex-direction: column; gap: 2px; }
.pdp__ar-text small { color: var(--muted); font-size: .78rem; }

/* גלריה: התמונות הנוספות של הפריט, מתחת לתמונה הראשית. */
.pdp__thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 8px; }
.pdp__thumb {
  padding: 0; line-height: 0; cursor: pointer;
  background: none; border: 1px solid var(--line); opacity: .7;
  transition: opacity .3s var(--ease), border-color .3s var(--ease);
}
.pdp__media .pdp__thumb img { aspect-ratio: 1; cursor: pointer; }
.pdp__thumb:hover { opacity: 1; border-color: var(--stone); }
.pdp__thumb.is-active { opacity: 1; border-color: var(--ink); }
.pdp__thumb:focus-visible { outline: 2px solid var(--bronze-text); outline-offset: 3px; }

.pdp__info h1 { margin: 6px 0 14px; }
.pdp__tagline { font-size: clamp(1.02rem, 1.4vw, 1.18rem); color: var(--muted); margin-bottom: 22px; }
.pdp__price {
  font-family: var(--font-display);
  font-size: 2.4rem; letter-spacing: .03em; color: var(--ink);
  margin: 0 0 10px;
}
/* המחיר הוא לפריט. ההובלה נקבעת לפי אזור, ולכן היא מחושבת בעגלה. */
.pdp__ship {
  max-width: 44ch;
  margin: 0 0 28px; padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
  font-size: .84rem; line-height: 1.65; color: var(--muted);
}

/* בחירת מידה */
.pdp__sizes { border: 0; padding: 0; margin: 0 0 28px; }
.pdp__sizes legend {
  padding: 0; margin-bottom: 14px;
  font-size: .75rem; font-weight: 500;
  letter-spacing: .22em; text-transform: uppercase; color: var(--muted);
}
.pdp__sizegrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.pdp__size { position: relative; display: block; }
.pdp__size input {
  position: absolute; opacity: 0;
  width: 100%; height: 100%; margin: 0; cursor: pointer;
}
/* משבצות נמוכות וצפופות: ארבע מידות נכנסות לשדה ראייה אחד עם המחיר,
   בלי שהבחירה תשתלט על העמוד. */
.pdp__size span {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: 10px 10px 9px;
  border: 1px solid var(--line);
  line-height: 1.35;
  transition: border-color .3s var(--ease), background .3s var(--ease), color .3s var(--ease);
}
.pdp__size b { font-weight: 400; font-size: .84rem; letter-spacing: .01em; }
.pdp__size em {
  font-style: normal; font-size: .74rem; letter-spacing: .04em; color: var(--muted);
  transition: color .3s var(--ease);
}
.pdp__size input:hover + span { border-color: var(--stone); }
.pdp__size input:checked + span { border-color: var(--ink); background: var(--ink); color: var(--cream); }
.pdp__size input:checked + span em { color: var(--stone); }
.pdp__size input:focus-visible + span { outline: 2px solid var(--bronze-text); outline-offset: 3px; }
.pdp__size--custom span { border-style: dashed; }
.pdp__size--custom input:checked + span { border-style: solid; }
.pdp__sizenote { font-size: .88rem; color: var(--muted); margin: 12px 0 0; }
/* רוחב/אורך (או קוטר) אחרי בחירת "התאמה אישית" — אותה שפה כמו שדה השם. */
.pdp__customsize { display: flex; gap: 18px; margin: 14px 0 0; }
.pdp__customsize label { flex: 1; display: block; }
.pdp__customsize span { display: block; font-size: .75rem; letter-spacing: .2em; text-transform: uppercase; color: var(--muted-strong); margin-bottom: 10px; }
.pdp__customsize input {
  width: 100%; padding: 12px 0;
  border: 0; border-bottom: 1px solid var(--line);
  background: transparent;
  font-family: inherit; font-size: 1rem; font-weight: 300; color: var(--ink);
  transition: border-color .4s var(--ease);
}
.pdp__customsize input:focus { outline: none; border-bottom-color: var(--ink); }

/* בחירת גימור — אותה שפה כמו המידות, אבל בעברית ולכן בלי היפוך כיוון. */
.pdp__opts { border: 0; padding: 0; margin: 0 0 24px; }
.pdp__opts legend {
  padding: 0; margin-bottom: 12px;
  font-size: .75rem; font-weight: 500;
  letter-spacing: .22em; text-transform: uppercase; color: var(--muted);
}
.pdp__optgrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.pdp__opt { position: relative; display: block; }
.pdp__opt input {
  position: absolute; opacity: 0;
  width: 100%; height: 100%; margin: 0; cursor: pointer;
}
.pdp__opt span {
  display: block; text-align: center;
  padding: 10px 10px 9px;
  border: 1px solid var(--line);
  font-size: .84rem; line-height: 1.35;
  transition: border-color .3s var(--ease), background .3s var(--ease), color .3s var(--ease);
}
.pdp__opt input:hover + span { border-color: var(--stone); }
.pdp__opt input:checked + span { border-color: var(--ink); background: var(--ink); color: var(--cream); }
.pdp__opt input:focus-visible + span { outline: 2px solid var(--bronze-text); outline-offset: 3px; }

/* שם הפונה, לפני כפתור הוואטסאפ — כדי שהפנייה תירשם עם שם בלוח הניהול. */
.pdp__customer { display: block; margin-bottom: 18px; }
.pdp__customer span { display: block; font-size: .75rem; letter-spacing: .2em; text-transform: uppercase; color: var(--muted-strong); margin-bottom: 10px; }
.pdp__customer input {
  width: 100%; padding: 14px 0;
  border: 0; border-bottom: 1px solid var(--line);
  background: transparent;
  font-family: inherit; font-size: 1rem; font-weight: 300; color: var(--ink);
  transition: border-color .4s var(--ease);
}
.pdp__customer input::placeholder { color: var(--muted); opacity: .85; }
.pdp__customer input:focus { outline: none; border-bottom-color: var(--ink); }

/* הכפתור הראשי בעמוד הפריט: קבלת מחיר בוואטסאפ.
   הסמל קטן ויושב לפני הכיתוב, בלי לגנוב ממנו את תשומת הלב. */
.pdp__quote { width: 100%; justify-content: center; margin-bottom: 16px; }
.btn__wa { width: 17px; height: 17px; flex: none; fill: currentColor; }
.pdp__info > .btn { width: 100%; justify-content: center; margin-bottom: 16px; }

.pdp__wa {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: .8rem; letter-spacing: .1em;
  color: var(--muted);
  padding: 8px 0;
  transition: color .3s var(--ease);
}
.pdp__wa:hover { color: var(--ink); }
.pdp__wa svg { width: 16px; height: 16px; }

.pdp__story { margin: 32px 0 8px; }
.pdp__story p { color: var(--muted); line-height: 1.75; }

.pdp__details { margin-top: 20px; max-width: none; }
.pdp__details .faq__q { font-size: 1.1rem; padding: 22px 0; }
.pdp__details .faq__a p { font-size: .95rem; line-height: 1.8; }
.pdp__details .faq__a b { font-weight: 500; color: var(--ink); }
/* פאנל עם כמה פסקאות: הריווח עובר לפסקאות עצמן, והרווח התחתון נשאר על האחרונה. */
.pdp__details .faq__a > p { padding-bottom: 0; margin-bottom: 15px; }
.pdp__details .faq__a > :last-child { margin-bottom: 0; padding-bottom: 30px; }

@media (max-width: 900px) {
  .pdp { grid-template-columns: 1fr; }
  .pdp__media { position: static; }
}
@media (max-width: 620px) {
  .card__title { font-size: 1.28rem; margin-top: 16px; }
  /* המשבצות מספיק קטנות כדי להישאר שתיים בשורה גם בטלפון. */
  .pdp__size b { font-size: .8rem; }
  .pdp__price { font-size: 2rem; }
}
.cart-row__size {
  font-size: .82rem !important;
  letter-spacing: .06em;
  color: var(--bronze-text) !important;
  margin: 2px 0 4px !important;
}
.cart-row__finish {
  font-size: .8rem !important;
  color: var(--muted) !important;
  margin: 0 0 6px !important;
}
.minicart__finish { font-size: .76rem; color: var(--muted); margin: 1px 0 0; }
.receipt__finish { font-size: .82rem; color: var(--muted); margin: 2px 0 0; }

/* ---------- קישורי יצירת קשר בפוטר ---------- */
/* בסידור RTL הפריט הראשון יושב בצד ימין, ולכן האייקון מופיע מימין לכיתוב. */
.contact-link { display: inline-flex; align-items: center; gap: 8px; }
.contact-ico { width: 15px; height: 15px; flex: none; }

/* ---------- כיוון קריאה של מידות ---------- */
/* מידה נכתבת משמאל לימין: "2.60 × 1.20 מ׳". בלי בידוד כיווני האלגוריתם
   הדו-כיווני מציב את המספר הראשון בצד ימין, וקורא שסורק את הזוג משמאל
   לימין רואה קודם דווקא את המידה הקטנה. */
.pdp__size span,
.cart-row__size { direction: ltr; unicode-bidi: isolate; }
/* שורת הגימור היא עברית רגילה ונשארת מימין לשמאל. */
.cart-row__finish, .minicart__finish, .receipt__finish { direction: rtl; unicode-bidi: isolate; }
.cart-row__size { text-align: right; }

/* ==========================================================================
   חלון עגלה מהיר — נפתח בהוספת פריט
   ========================================================================== */
.minicart { position: fixed; inset: 0; z-index: 350; display: flex; justify-content: flex-end; }

.minicart__scrim {
  position: absolute; inset: 0;
  background: rgba(14, 12, 10, .5);
  opacity: 0;
  transition: opacity .56s var(--ease);
}
.minicart.is-open .minicart__scrim { opacity: 1; }

.minicart__panel {
  position: relative;
  display: flex; flex-direction: column;
  width: min(410px, 100%); height: 100%;
  background: var(--paper);
  box-shadow: 0 0 90px rgba(14, 12, 10, .28);
  /* הפאנל יושב בקצה ההתחלתי-נגדי, כלומר משמאל בעברית, מתחת לאייקון העגלה. */
  transform: translateX(-100%);
  transition: transform .69s cubic-bezier(.16, 1, .3, 1);
}
.minicart.is-open .minicart__panel { transform: none; }

.minicart__head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
  padding: 26px 28px 20px;
  border-bottom: 1px solid var(--line);
}
.minicart__head h2 { font-size: 1.35rem; letter-spacing: .03em; margin: 0; }
.minicart__count { margin: 4px 0 0; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.minicart__x {
  flex: none; width: 38px; height: 38px; border: 1px solid var(--line);
  background: none; color: var(--ink); font-size: 1rem; line-height: 1; cursor: pointer;
  transition: border-color .3s var(--ease), background .3s var(--ease);
}
.minicart__x:hover { border-color: var(--ink); background: var(--cream); }

.minicart__body { flex: 1; overflow-y: auto; padding: 8px 28px; }
.minicart__empty { padding: 40px 0; text-align: center; color: var(--muted); }

.minicart__row {
  display: grid; grid-template-columns: 66px 1fr auto; gap: 16px; align-items: center;
  padding: 18px 0; border-bottom: 1px solid var(--line);
  opacity: 0; transform: translateY(16px);
  transition: opacity .69s var(--ease), transform .69s var(--ease);
}
.minicart.is-open .minicart__row {
  opacity: 1; transform: none;
  transition-delay: calc(.25s + var(--i, 0) * .088s);
}
.minicart__row:last-child { border-bottom: 0; }

/* ציור מחדש אחרי שינוי כמות לא אמור להריץ שוב את אנימציית הכניסה. */
.minicart.is-still .minicart__row { opacity: 1; transform: none; transition: none; }
.minicart.is-still .minicart__row.is-new,
.minicart.is-still .minicart__row.is-new .minicart__thumb { animation: none; }

.minicart__end { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.minicart__qtybox { display: flex; align-items: center; gap: 2px; border: 1px solid var(--line); }
.minicart__qtybox button {
  width: 28px; height: 28px; border: 0; background: none; cursor: pointer;
  color: var(--ink); font-size: .95rem; line-height: 1;
  transition: background .25s var(--ease);
}
.minicart__qtybox button:hover { background: var(--cream); }
.minicart__qtybox span { min-width: 22px; text-align: center; font-size: .85rem; }
.minicart__drop {
  border: 0; background: none; cursor: pointer; padding: 2px;
  font-size: .72rem; letter-spacing: .1em; color: var(--muted);
  text-decoration: underline; text-underline-offset: 3px;
  transition: color .25s var(--ease);
}
.minicart__drop:hover { color: var(--ink); }
.minicart__thumb { width: 66px; height: 66px; object-fit: cover; }
.minicart__info h3 { font-size: 1rem; margin: 0 0 3px; letter-spacing: .02em; }
.minicart__size { margin: 0 0 3px; font-size: .8rem; color: var(--bronze-text); direction: ltr; unicode-bidi: isolate; text-align: right; }
.minicart__qty { margin: 0; font-size: .8rem; color: var(--muted); }
.minicart__line { font-size: .95rem; white-space: nowrap; }

/* הפריט שזה עתה נוסף — הבזק רך ותמונה שנפתחת */
@keyframes minicart-flash { from { background: rgba(168, 140, 99, .2); } to { background: transparent; } }
@keyframes minicart-pop { 0% { transform: scale(.8); } 60% { transform: scale(1.05); } 100% { transform: scale(1); } }
.minicart.is-open .minicart__row.is-new { animation: minicart-flash 2.25s var(--ease) .56s both; }
.minicart.is-open .minicart__row.is-new .minicart__thumb { animation: minicart-pop .94s cubic-bezier(.16, 1, .3, 1) .56s both; }

.minicart__foot { padding: 22px 28px 28px; border-top: 1px solid var(--line); background: var(--cream); }
.minicart__sum { display: flex; justify-content: space-between; align-items: baseline; }
.minicart__sum span { font-size: .78rem; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); }
.minicart__sum b { font-size: 1.3rem; font-weight: 400; font-family: var(--font-display); }
.minicart__note { margin: 6px 0 18px; font-size: .78rem; color: var(--muted); }
.minicart__go { width: 100%; justify-content: center; }
.minicart__more {
  display: block; width: 100%; margin-top: 12px; padding: 12px;
  background: none; border: 0; cursor: pointer;
  font-size: .78rem; letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted); text-decoration: underline; text-underline-offset: 4px;
}
.minicart__more:hover { color: var(--ink); }

@media (max-width: 480px) {
  .minicart__panel { width: 100%; }
  .minicart__head, .minicart__body, .minicart__foot { padding-inline: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .minicart__panel, .minicart__scrim, .minicart__row { transition: none; }
  .minicart__row { opacity: 1; transform: none; }
  .minicart.is-open .minicart__row.is-new,
  .minicart.is-open .minicart__row.is-new .minicart__thumb { animation: none; }
}

/* ==========================================================================
   עמודי מסמך — שירות, תקנון, פרטיות ונגישות
   טור קריאה צר, כי אלה עמודים שקוראים ולא סורקים.
   ========================================================================== */
.doc { max-width: 74ch; margin-inline: auto; }
.doc > :first-child { margin-top: 0; }
.doc h2 {
  font-size: clamp(1.55rem, 2.6vw, 2.1rem);
  margin: clamp(52px, 6vw, 76px) 0 18px;
  padding-top: clamp(24px, 3vw, 34px);
  border-top: 1px solid var(--line);
}
.doc h3 {
  font-family: var(--font-body);
  font-size: 1.06rem; font-weight: 600; letter-spacing: 0;
  color: var(--ink);
  margin: 34px 0 10px;
}
.doc p, .doc li { color: var(--body); line-height: 1.9; }
.doc p { margin: 0 0 16px; }
.doc ul { margin: 0 0 20px; padding-inline-start: 1.15em; }
.doc li { margin-bottom: 9px; }
.doc li::marker { color: var(--stone); }
.doc a { color: var(--bronze-text); text-decoration: underline; text-underline-offset: 4px; }
.doc a:hover { color: var(--ink); }

/* ניווט מהיר בראש העמוד */
.doc__toc { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }
.doc__toc a {
  padding: 8px 15px; border: 1px solid var(--line);
  font-size: .82rem; color: var(--muted); text-decoration: none;
  transition: border-color .3s var(--ease), color .3s var(--ease), background .3s var(--ease);
}
.doc__toc a:hover { border-color: var(--ink); background: var(--ink); color: var(--cream); }

/* התקציר שבראש עמוד השירות */
.doc__card {
  padding: clamp(24px, 3.4vw, 36px);
  border: 1px solid var(--line);
  background: var(--cream-2);
}
.doc__card h2 { border-top: 0; padding-top: 0; margin: 0 0 14px; font-size: 1.3rem; }
.doc__card ul { margin-bottom: 0; }

/* טבלאות תנאים */
.doc__scroll { overflow-x: auto; margin: 0 0 22px; }
.doc__table { width: 100%; border-collapse: collapse; font-size: .95rem; min-width: 480px; }
.doc__table th, .doc__table td {
  text-align: right; vertical-align: top;
  padding: 13px 4px 13px 18px;
  border-bottom: 1px solid var(--line);
  line-height: 1.65;
}
.doc__table th {
  font-weight: 600; font-size: .74rem; letter-spacing: .16em;
  text-transform: uppercase; color: var(--muted); white-space: nowrap;
}
.doc__table td:first-child { color: var(--ink); }
.doc__table tr:last-child td { border-bottom: 0; }
.doc__caption { caption-side: bottom; margin-top: 12px; font-size: .85rem; color: var(--muted); text-align: right; }

.doc__note {
  margin-top: 24px; padding: 16px 18px;
  border-inline-start: 2px solid var(--bronze);
  background: var(--cream-2);
  font-size: .9rem; color: var(--muted-strong);
}
.doc__updated {
  margin-top: clamp(48px, 6vw, 70px); padding-top: 22px;
  border-top: 1px solid var(--line);
  font-size: .84rem; color: var(--muted);
}

/* עוגן שלא נחתך מתחת לכותרת הדביקה */
.doc [id] { scroll-margin-top: calc(var(--header-h) + var(--frame) + 24px); }

@media (max-width: 620px) {
  .doc__table { font-size: .88rem; }
  .doc h3 { font-size: 1rem; }
}

/* חמש עמודות בפוטר: שתיים בטלפון רחב, אחת במסך צר */
@media (max-width: 560px) {
  .footer-grid { grid-template-columns: 1fr; }
}

/* בין 900 ל-1150 הכותרת צפופה: חמישה קישורי ניווט, סל וכפתור.
   הכפתור "דברו איתנו" חוזר על קישור "צור קשר" שבניווט, ולכן הוא זה
   שיורד — ולא פריט ניווט. */
@media (max-width: 1150px) and (min-width: 901px) {
  .nav { gap: 30px; }
  .header-cta .btn--ghost { display: none; }
}