@charset "UTF-8";
/* ==========================================================================
   Relief — גיליון סגנון ראשי
   כל המידות ביחידות rem (בסיס 16px = 1rem). RTL. נגישות WCAG 2.1 AA.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. טוקנים
   -------------------------------------------------------------------------- */
:root {
  /* צבעים — כל צמד טקסט/רקע נבדק לניגודיות AA (4.5:1 לטקסט רגיל, 3:1 לגדול) */
  --c-bg: #f6f3ec;
  --c-bg-alt: #efede3;
  --c-surface: #ffffff;
  --c-surface-soft: #fcfcfa;

  --c-ink: #1e2a22;        /* 13.9:1 על --c-bg */
  --c-ink-soft: #46564b;   /* 7.03:1 על --c-bg */
  --c-ink-muted: #5f6e64;  /* 4.86:1 על --c-bg */

  --c-green: #14472f;      /* 10.3:1 על --c-bg */
  --c-green-deep: #0e3322;
  --c-green-mid: #1b5a3c;
  --c-green-2: #2a6647;
  --c-green-light: #8fbe9b;
  --c-green-pale: #a8d0b2;

  --c-gold: #c9a85c;       /* 4.69:1 על --c-green — טקסט על כהה */
  --c-gold-deep: #a8863f;  /* דקורטיבי בלבד */
  --c-gold-ink: #806224;   /* 5.13:1 על --c-bg — טקסט זהב על בהיר */
  --c-gold-light: #e0c078;

  --c-cream: #ede8dc;
  --c-cream-2: #f6f3ec;
  --c-wa: #1f8f5f;
  --c-wa-hover: #17784f;

  --c-line: rgba(20, 71, 47, 0.16);
  --c-line-soft: rgba(20, 71, 47, 0.09);
  --c-line-dark: rgba(255, 255, 255, 0.14);

  /* טיפוגרפיה */
  --f-display: "Bellefair", "David Libre", "Frank Ruhl Libre", Georgia, serif;
  --f-body: "Assistant", "Heebo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  --fs-hero: 4.25rem;      /* 68 */
  --fs-h2: 2.625rem;       /* 42 */
  --fs-h2-lg: 2.875rem;    /* 46 */
  --fs-h3: 2rem;           /* 32 */
  --fs-lead: 1.3125rem;    /* 21 */
  --fs-body-lg: 1.1875rem; /* 19 */
  --fs-body: 1.0625rem;    /* 17 */
  --fs-base: 1rem;         /* 16 */
  --fs-sm: 0.9375rem;      /* 15 */
  --fs-xs: 0.875rem;       /* 14 */
  --fs-2xs: 0.8125rem;     /* 13 */
  --fs-3xs: 0.75rem;       /* 12 */

  /* מרווחים */
  --wrap: 77.5rem;         /* 1240 */
  --gut: 1.75rem;          /* 28 */
  --r-lg: 1.25rem;         /* 20 */
  --r-md: 0.875rem;        /* 14 */
  --r-sm: 0.75rem;         /* 12 */
  --r-pill: 62.4375rem;

  --sh-card: 0 1.5rem 3.125rem -2.5rem rgba(20, 71, 47, 0.5);
  --sh-card-hover: 0 1.875rem 3.5rem -2.375rem rgba(20, 71, 47, 0.55);
  --sh-btn: 0 0.75rem 1.875rem -0.875rem rgba(20, 71, 47, 0.65);
  --sh-deep: 0 2.5rem 4.375rem -2.75rem rgba(20, 71, 47, 0.45);

  --ring: 0.1875rem solid var(--c-gold-ink);
  --ring-dark: 0.1875rem solid var(--c-gold-light);
}

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

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

body {
  margin: 0;
  padding: 0;
  direction: rtl;
  background: var(--c-bg);
  color: var(--c-ink);
  font-family: var(--f-body);
  font-size: var(--fs-base);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img,
svg,
video { max-width: 100%; height: auto; display: block; }

h1, h2, h3, h4, h5, h6 { font-family: var(--f-display); font-weight: 400; letter-spacing: 0.005em; }

p { margin: 0; }

ul { margin: 0; padding: 0; }

button { font: inherit; }

/* --------------------------------------------------------------------------
   3. נגישות
   -------------------------------------------------------------------------- */
:focus-visible {
  outline: var(--ring);
  outline-offset: 0.1875rem;
  border-radius: 0.25rem;
}

.on-dark :focus-visible,
.rl-footer :focus-visible,
.rl-faq :focus-visible,
.rl-cta :focus-visible { outline: var(--ring-dark); }

.screen-reader-text,
.rl-sr {
  position: absolute !important;
  width: 0.0625rem; height: 0.0625rem;
  margin: -0.0625rem; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0);
  clip-path: inset(50%); white-space: nowrap; border: 0;
}

.rl-skip {
  position: absolute;
  inset-inline-start: 50%;
  top: 0.5rem;
  transform: translate(50%, -200%);
  z-index: 999;
  background: var(--c-green);
  color: var(--c-bg);
  padding: 0.75rem 1.5rem;
  border-radius: var(--r-pill);
  font-weight: 700;
  font-size: var(--fs-base);
  transition: transform 0.2s ease;
}
.rl-skip:focus { transform: translate(50%, 0); color: var(--c-bg); }

/* טקסט קישור מובחן גם ללא צבע */
.rl-prose a,
.rl-inline-link {
  color: var(--c-green);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
  text-decoration-thickness: 0.0625rem;
}
.rl-prose a:hover,
.rl-inline-link:hover { color: var(--c-gold-ink); text-decoration-thickness: 0.125rem; }

a { color: var(--c-green); text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

@media (forced-colors: active) {
  .rl-btn, .rl-btn-ghost { border: 0.0625rem solid ButtonText; }
}

/* --------------------------------------------------------------------------
   4. עוטפים וכלים
   -------------------------------------------------------------------------- */
.rl-wrap { max-width: var(--wrap); margin-inline: auto; }

.rl-section { padding-inline: var(--gut); scroll-margin-top: 5.625rem; }

.rl-eyebrow {
  font-size: var(--fs-xs);
  font-weight: 700;
  letter-spacing: 0.16em;
  color: var(--c-gold-ink);
  margin: 0;
}
.rl-eyebrow--sm { font-size: var(--fs-3xs); letter-spacing: 0.16em; }

.rl-rule { width: 2.125rem; height: 0.125rem; background: var(--c-gold-deep); border-radius: 0.125rem; }

/* --------------------------------------------------------------------------
   5. כפתורים
   -------------------------------------------------------------------------- */
.rl-btn,
.rl-btn-ghost,
.rl-btn-gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  border-radius: var(--r-pill);
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.2;
  cursor: pointer;
  border: 0.09375rem solid transparent;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
  text-align: center;
}

.rl-btn {
  background: var(--c-green);
  color: var(--c-bg);
  padding: 1.0625rem 2.125rem;
  box-shadow: var(--sh-btn);
}
.rl-btn:hover { background: var(--c-green-deep); color: #fff; }
.rl-btn:active { transform: translateY(0.0625rem); }

.rl-btn-ghost {
  background: transparent;
  color: var(--c-green);
  padding: 1rem 2.125rem;
  border-color: rgba(20, 71, 47, 0.35);
}
.rl-btn-ghost:hover { background: rgba(20, 71, 47, 0.08); color: var(--c-green-deep); border-color: var(--c-green); }

.rl-btn-ghost--light {
  background: var(--c-surface);
  border-color: rgba(20, 71, 47, 0.3);
}
.rl-btn-ghost--light:hover { background: var(--c-bg-alt); }

.rl-btn-ghost--onDark { color: var(--c-bg); border-color: rgba(237, 232, 220, 0.5); }
.rl-btn-ghost--onDark:hover { background: rgba(237, 232, 220, 0.14); color: #fff; border-color: rgba(237, 232, 220, 0.85); }

.rl-btn-gold {
  background: var(--c-gold-light);
  color: var(--c-green-deep);
  padding: 1.125rem 2.375rem;
  font-size: 1.125rem;
}
.rl-btn-gold:hover { background: var(--c-gold); color: var(--c-green-deep); }

.rl-btn--lg { padding: 1.1875rem 2.625rem; font-size: 1.125rem; }
.rl-btn-ghost--lg { padding: 1.125rem 2.625rem; font-size: 1.125rem; }

.rl-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
  justify-content: center;
  margin-top: 2.125rem;
}

/* --------------------------------------------------------------------------
   6. הדר
   -------------------------------------------------------------------------- */
.rl-header {
  position: fixed;
  top: 0;
  inset-inline: 0;
  z-index: 50;
  background: transparent;
  border-bottom: 0.0625rem solid transparent;
  transition: background-color 0.35s ease, border-color 0.35s ease, backdrop-filter 0.35s ease, box-shadow 0.35s ease;
}
.rl-header.is-solid {
  background: rgba(246, 243, 236, 0.94);
  backdrop-filter: blur(0.875rem);
  -webkit-backdrop-filter: blur(0.875rem);
  border-bottom-color: rgba(20, 71, 47, 0.12);
  box-shadow: 0 0.625rem 1.875rem -1.625rem rgba(20, 71, 47, 0.5);
}

/* --wrap-outer: רוחב שמייצר עמודת תוכן פנימית זהה ל-.rl-wrap בסקשנים,
   כדי שהלוגו והתפריט יתיישרו בדיוק עם שאר האתר. */
.rl-header__bar {
  max-width: calc(var(--wrap) + var(--gut) * 2);
  margin-inline: auto;
  padding: 0.875rem var(--gut);
  display: flex;
  align-items: center;
  gap: 1.75rem;
}

.rl-logo { display: flex; align-items: center; gap: 0.625rem; flex-shrink: 0; }
.rl-logo img { height: 2.875rem; width: auto; }

.rl-nav {
  display: flex;
  gap: 1.625rem;
  align-items: center;
  font-size: var(--fs-base);
  font-weight: 600;
}
.rl-nav ul { display: flex; gap: 1.625rem; align-items: center; list-style: none; }
.rl-nav a {
  color: var(--c-green);
  text-decoration: none;
  text-underline-offset: 0.4375rem;
  text-decoration-thickness: 0.125rem;
  text-decoration-color: var(--c-gold-deep);
  transition: color 0.2s ease;
}
.rl-nav a:hover,
.rl-nav a:focus-visible { color: var(--c-gold-ink); text-decoration: underline; }

.rl-head-phone {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--c-green);
  color: var(--c-bg);
  padding: 0.6875rem 1.25rem;
  border-radius: var(--r-pill);
  font-weight: 700;
  font-size: var(--fs-sm);
  letter-spacing: 0.02em;
  flex-shrink: 0;
  margin-inline-start: auto;
  transition: background-color 0.25s ease;
}
.rl-head-phone:hover { background: var(--c-green-deep); color: #fff; }
.rl-head-phone__dot { width: 0.4375rem; height: 0.4375rem; border-radius: 50%; background: var(--c-gold); display: block; }

.rl-burger {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.3125rem;
  width: 2.875rem;
  height: 2.875rem;
  border-radius: var(--r-pill);
  background: var(--c-green);
  border: none;
  cursor: pointer;
  margin-inline-start: auto;
  flex-shrink: 0;
}
.rl-burger span { display: block; width: 1.25rem; height: 0.125rem; border-radius: 0.125rem; background: var(--c-bg); transition: transform 0.25s ease, opacity 0.2s ease, width 0.25s ease; }
.rl-burger span:last-child { width: 0.8125rem; background: var(--c-gold); }
.rl-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(0.4375rem) rotate(45deg); }
.rl-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.rl-burger[aria-expanded="true"] span:nth-child(3) { width: 1.25rem; transform: translateY(-0.4375rem) rotate(-45deg); }

.rl-mobile-menu {
  display: none;
  background: rgba(246, 243, 236, 0.98);
  backdrop-filter: blur(0.875rem);
  -webkit-backdrop-filter: blur(0.875rem);
  border-bottom: 0.0625rem solid rgba(20, 71, 47, 0.12);
  padding: 0.5rem 1.5rem 1.25rem;
  flex-direction: column;
}
.rl-mobile-menu[data-open="true"] { display: flex; }
.rl-mobile-menu ul { list-style: none; display: flex; flex-direction: column; }
.rl-mobile-menu a {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--c-green);
  padding: 0.8125rem 0.25rem;
  border-bottom: 0.0625rem solid rgba(20, 71, 47, 0.12);
  display: block;
}
.rl-mobile-menu__cta {
  margin-top: 1rem;
  text-align: center;
  background: var(--c-green);
  color: var(--c-bg) !important;
  border-radius: var(--r-pill);
  padding: 0.875rem 1.375rem !important;
  font-size: var(--fs-base);
  font-weight: 700;
  border-bottom: 0 !important;
}

/* --------------------------------------------------------------------------
   7. הירו
   -------------------------------------------------------------------------- */
.rl-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 7.25rem var(--gut) 4.5rem;
  background: linear-gradient(180deg, var(--c-bg) 0%, var(--c-bg-alt) 100%);
  overflow: hidden;
}
.rl-hero__deco { position: absolute; inset: 0; pointer-events: none; }
.rl-hero__dots {
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(20, 71, 47, 0.16) 0.0625rem, rgba(20, 71, 47, 0) 0.075rem);
  background-size: 1.625rem 1.625rem;
  opacity: 0.5;
  mask-image: radial-gradient(ellipse at 20% 30%, #000, transparent 72%);
  -webkit-mask-image: radial-gradient(ellipse at 20% 30%, #000, transparent 72%);
}
.rl-blob { position: absolute; border-radius: 50%; pointer-events: none; }
.rl-blob--a { top: -22%; left: -14%; width: 38.75rem; height: 38.75rem; background: radial-gradient(circle, rgba(111, 170, 132, 0.22), rgba(111, 170, 132, 0) 68%); animation: rlBreathe 16s ease-in-out infinite; }
.rl-blob--b { bottom: -30%; right: -10%; width: 33.75rem; height: 33.75rem; background: radial-gradient(circle, rgba(201, 168, 92, 0.16), rgba(201, 168, 92, 0) 66%); animation: rlBreathe 20s ease-in-out infinite 2s; }

.rl-leaf { position: absolute; aspect-ratio: 1; border-radius: 100% 0 100% 0; pointer-events: none; }
.rl-leaf--v1 { top: 4%; left: 4%; width: 21.25rem; border: 0.0625rem solid rgba(20, 71, 47, 0.16); transform: rotate(-52deg); animation: rlVeil 18s ease-in-out infinite; }
.rl-leaf--v2 { top: 11%; left: 9%; width: 15.625rem; border: 0.0625rem solid rgba(201, 168, 92, 0.28); transform: rotate(-44deg); animation: rlVeil 18s ease-in-out infinite 1.4s; }
.rl-leaf--v3 { bottom: 6%; right: 5%; width: 14.375rem; border: 0.0625rem solid rgba(20, 71, 47, 0.1); transform: rotate(-16deg); animation: rlVeil 22s ease-in-out infinite 2s; }
.rl-leaf--d1 { top: 14%; left: 38%; width: 4.125rem; opacity: 0.5; background-image: repeating-linear-gradient(41deg, rgba(20, 71, 47, 0.16) 0 0.0625rem, rgba(20, 71, 47, 0) 0.0625rem 0.5625rem), linear-gradient(135deg, rgba(143, 190, 155, 0.55), rgba(42, 102, 71, 0.5)); animation: rlDriftA 17s ease-in-out infinite; }
.rl-leaf--d2 { top: 62%; left: 30%; width: 2.75rem; opacity: 0.42; background-image: repeating-linear-gradient(41deg, rgba(20, 71, 47, 0.14) 0 0.0625rem, rgba(20, 71, 47, 0) 0.0625rem 0.5rem), linear-gradient(135deg, rgba(143, 190, 155, 0.5), rgba(42, 102, 71, 0.42)); animation: rlDriftB 23s ease-in-out infinite 2.5s; }
.rl-leaf--d3 { top: 34%; left: 20%; width: 2.125rem; opacity: 0.36; background: linear-gradient(135deg, rgba(201, 168, 92, 0.5), rgba(168, 134, 63, 0.35)); animation: rlDriftC 29s ease-in-out infinite 1.2s; }
.rl-leaf--d4 { top: 78%; left: 54%; width: 1.75rem; opacity: 0.32; background: linear-gradient(135deg, rgba(143, 190, 155, 0.6), rgba(42, 102, 71, 0.4)); animation: rlDriftD 21s ease-in-out infinite 3.4s; }

.rl-hero__grid {
  max-width: var(--wrap);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 3.5rem;
  align-items: center;
  position: relative;
  width: 100%;
}

.rl-badge { display: inline-flex; align-items: center; gap: 0.875rem; }
.rl-badge__line { display: block; width: 2.125rem; height: 0.0625rem; background: linear-gradient(to left, var(--c-gold-deep), rgba(201, 168, 92, 0.15)); }
.rl-badge__text { font-size: var(--fs-2xs); font-weight: 700; letter-spacing: 0.16em; color: var(--c-ink-soft); }

.rl-h1 {
  font-size: var(--fs-hero);
  line-height: 1.05;
  color: var(--c-green);
  margin: 1.375rem 0 0;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
.rl-hero__lead {
  font-size: var(--fs-lead);
  line-height: 1.6;
  color: var(--c-ink-soft);
  max-width: 30em;
  margin: 1.25rem 0 0;
  font-weight: 300;
}

.rl-usp {
  list-style: none;
  margin: 1.625rem 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.375rem;
}
.rl-usp li {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  font-size: var(--fs-base);
  font-weight: 600;
  color: var(--c-green);
  letter-spacing: 0.01em;
  padding-inline-end: 1.375rem;
  border-inline-end: 0.0625rem solid var(--c-line);
}
.rl-usp li:last-child { padding-inline-end: 0; border-inline-end: 0; }
.rl-usp svg { flex-shrink: 0; }

.rl-hero__cta { display: flex; flex-wrap: wrap; gap: 0.875rem; margin-top: 2rem; }

.rl-hero__media { position: relative; }
.rl-hero__media::before {
  content: "";
  position: absolute;
  inset: 8% 6%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(20, 71, 47, 0.1), rgba(20, 71, 47, 0) 70%);
}
.rl-hero__media img {
  position: relative;
  width: 100%;
  border-radius: var(--r-lg);
  box-shadow: var(--sh-deep);
}

/* --------------------------------------------------------------------------
   8. פס יתרונות
   -------------------------------------------------------------------------- */
.rl-marquee { background: var(--c-green); color: var(--c-cream); }
.rl-marquee__inner {
  max-width: calc(var(--wrap) + var(--gut) * 2);
  margin-inline: auto;
  padding: 1.375rem var(--gut);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.875rem 3rem;
  font-size: var(--fs-base);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: center;
}
.rl-marquee__sep {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: var(--c-gold);
  flex-shrink: 0;
  /* התו "·" שבתוך התגית מוסתר כדי שתישאר נקודה אחת אחידה בזהב */
  font-size: 0;
  line-height: 0;
  color: transparent;
  overflow: hidden;
}

/* --------------------------------------------------------------------------
   9. כותרות סקשן ומוצרים
   -------------------------------------------------------------------------- */
.rl-cat { padding: 6rem var(--gut) 0; }
.rl-cat--last { padding-bottom: 6.25rem; }

.rl-cat__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
  border-bottom: 0.0625rem solid var(--c-line);
  padding-bottom: 1.375rem;
}
.rl-cat__title { font-size: var(--fs-h2-lg); line-height: 1.1; color: var(--c-green); margin: 0.625rem 0 0; }
.rl-cat__intro { font-size: var(--fs-body-lg); line-height: 1.6; color: var(--c-ink-soft); max-width: 34em; margin: 0; font-weight: 300; }

.rl-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.625rem; margin-top: 2.125rem; }

.rl-prod {
  position: relative;
  background: var(--c-surface);
  border-radius: var(--r-lg);
  padding: 1.875rem;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  border: 0.0625rem solid var(--c-line-soft);
  box-shadow: var(--sh-card);
  overflow: hidden;
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.rl-prod:hover { border-color: rgba(201, 168, 92, 0.55); transform: translateY(-0.25rem); box-shadow: var(--sh-card-hover); }
.rl-prod::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline: 0;
  height: 0.1875rem;
  background: linear-gradient(to left, rgba(201, 168, 92, 0.9), rgba(201, 168, 92, 0));
}
.rl-prod__media {
  position: relative;
  width: 38%;
  max-width: 11.125rem;
  flex-shrink: 0;
  aspect-ratio: 4 / 5;
  border-radius: var(--r-md);
  overflow: hidden;
  background: var(--c-surface-soft);
}
.rl-prod__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rl-prod__name { font-size: var(--fs-h3); color: var(--c-green); margin: 0.5rem 0 0.75rem; line-height: 1.15; }
.rl-prod__desc { font-size: var(--fs-body); line-height: 1.6; color: var(--c-ink-soft); margin: 0.875rem 0 1rem; font-weight: 300; }
.rl-prod__meta {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: var(--fs-2xs);
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--c-ink-muted);
}
.rl-dot { width: 0.25rem; height: 0.25rem; border-radius: 50%; background: var(--c-gold-deep); flex-shrink: 0; }

/* --------------------------------------------------------------------------
   10. אופן השימוש
   -------------------------------------------------------------------------- */
.rl-how { background: var(--c-bg-alt); padding: 5.5rem var(--gut); }
.rl-how__title { font-size: 2.5rem; color: var(--c-green); margin: 0; text-align: center; }
.rl-how__sub { text-align: center; font-size: 1.125rem; color: var(--c-ink-soft); margin: 0.75rem 0 2.75rem; font-weight: 300; }
.rl-steps-wrap { position: relative; padding-top: 0.5rem; }
.rl-steps-line {
  position: absolute;
  top: 2.8125rem;
  inset-inline: 14%;
  height: 0.0625rem;
  background: repeating-linear-gradient(to left, rgba(20, 71, 47, 0.28) 0 0.375rem, rgba(20, 71, 47, 0) 0.375rem 0.75rem);
}
.rl-steps { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem; }
.rl-step { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1rem; }
.rl-step__num {
  position: relative;
  width: 4.625rem; height: 4.625rem;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--c-bg);
  border: 0.0625rem solid var(--c-line);
  box-shadow: 0 0 0 0.5rem var(--c-bg-alt);
  flex-shrink: 0;
}
.rl-step__num::before { content: ""; position: absolute; inset: 0.4375rem; border-radius: 50%; border: 0.0625rem dashed rgba(201, 168, 92, 0.55); }
.rl-step__num span { font-family: var(--f-display); font-size: 1.75rem; color: var(--c-green); line-height: 1; }
.rl-step h3 { font-size: 1.625rem; color: var(--c-green); margin: 0 0 0.5rem; }
.rl-step p { font-size: var(--fs-base); line-height: 1.7; color: var(--c-ink-soft); margin-inline: auto; font-weight: 300; max-width: 22em; }

.rl-note {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  background: var(--c-bg);
  border: 0.0625rem solid rgba(20, 71, 47, 0.14);
  border-radius: var(--r-pill);
  padding: 0.6875rem 1.375rem;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--c-green);
}
.rl-note__leaf { width: 0.875rem; height: 0.875rem; border-radius: 100% 0 100% 0; background: linear-gradient(135deg, var(--c-green-light), var(--c-green-2)); transform: rotate(-45deg); flex-shrink: 0; }

/* --------------------------------------------------------------------------
   11. הסיפור שלנו
   -------------------------------------------------------------------------- */
.rl-story { padding: 5.75rem var(--gut); }
.rl-story__grid { max-width: var(--wrap); margin-inline: auto; display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 3.75rem; align-items: center; }
.rl-story__art {
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: var(--r-lg);
  background: radial-gradient(circle at 50% 45%, var(--c-green-mid) 0%, var(--c-green) 45%, var(--c-green-deep) 100%);
  overflow: hidden;
  box-shadow: 0 2.5rem 4.375rem -2.75rem rgba(20, 71, 47, 0.7);
}
.rl-story__art > .rl-art-glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 20%, rgba(201, 168, 92, 0.16), rgba(201, 168, 92, 0) 55%); }
.rl-art-blur-a { position: absolute; top: 6%; left: -12%; width: 58%; aspect-ratio: 1; border-radius: 100% 0 100% 0; background: linear-gradient(135deg, rgba(143, 190, 155, 0.22), rgba(20, 71, 47, 0)); transform: rotate(-62deg); filter: blur(0.125rem); }
.rl-art-blur-b { position: absolute; bottom: -8%; right: -10%; width: 52%; aspect-ratio: 1; border-radius: 100% 0 100% 0; background: linear-gradient(135deg, rgba(143, 190, 155, 0.16), rgba(20, 71, 47, 0)); transform: rotate(-14deg); filter: blur(0.1875rem); }
.rl-art-scene { position: absolute; inset: 0; }
.rl-art-sway { position: absolute; inset: 0; animation: rlSway 12s ease-in-out infinite; }
.rl-art-leaf { position: absolute; aspect-ratio: 1; border-radius: 100% 0 100% 0; background-image: repeating-linear-gradient(41deg, rgba(14, 51, 34, 0.3) 0 0.075rem, rgba(14, 51, 34, 0) 0.075rem 0.75rem), linear-gradient(135deg, var(--c-green-pale), var(--c-green-2)); box-shadow: 0 1.125rem 1.875rem -1.375rem rgba(0, 0, 0, 0.7); }
.rl-art-leaf--a { top: 12%; left: 16%; width: 30%; animation: rlLeafA 7.5s ease-in-out infinite; }
.rl-art-leaf--b { top: 8%; left: 44%; width: 26%; animation: rlLeafB 9s ease-in-out infinite 0.7s; }
.rl-art-leaf--c { top: 22%; left: 62%; width: 20%; animation: rlLeafC 8.2s ease-in-out infinite 1.4s; }
.rl-art-stem { position: absolute; top: 6%; left: 30%; width: 34%; height: 0.125rem; background: linear-gradient(to left, rgba(111, 170, 132, 0.7), rgba(111, 170, 132, 0.1)); border-radius: 0.125rem; transform: rotate(6deg); }
.rl-drop { position: absolute; border-radius: 50% 50% 50% 50% / 62% 62% 38% 38%; background: linear-gradient(180deg, rgba(240, 246, 240, 0.95), var(--c-gold)); }
.rl-drop--1 { top: 30%; left: 50%; width: 0.5625rem; height: 0.8125rem; margin-inline-start: -0.28125rem; box-shadow: 0 0 0.75rem rgba(201, 168, 92, 0.6); animation: rlDrip 3.6s cubic-bezier(0.5, 0, 0.9, 0.6) infinite; }
.rl-drop--2 { top: 30%; left: 41%; width: 0.4375rem; height: 0.6875rem; margin-inline-start: -0.21875rem; box-shadow: 0 0 0.625rem rgba(201, 168, 92, 0.5); animation: rlDrip2 4.4s cubic-bezier(0.5, 0, 0.9, 0.6) infinite 1.5s; }
.rl-ripple { position: absolute; top: 50.5%; left: 50%; width: 26%; height: 0.625rem; margin-inline-start: -13%; border-radius: 50%; border: 0.0625rem solid rgba(201, 168, 92, 0.5); animation: rlRipple 3.6s ease-out infinite 1.1s; }
.rl-bottle-neck { position: absolute; top: 45%; left: 50%; width: 9%; height: 9%; margin-inline-start: -4.5%; border-radius: 0.25rem 0.25rem 0 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.06) 40%, rgba(255, 255, 255, 0.2)); border: 0.0625rem solid rgba(255, 255, 255, 0.22); border-bottom: none; }
.rl-bottle-cap { position: absolute; top: 42%; left: 50%; width: 12%; height: 3.5%; margin-inline-start: -6%; border-radius: 0.1875rem; background: linear-gradient(180deg, var(--c-gold-light), var(--c-gold-deep)); box-shadow: 0 0.25rem 0.625rem -0.25rem rgba(0, 0, 0, 0.6); }
.rl-bottle {
  position: absolute; top: 53%; left: 50%; width: 30%; height: 31%; margin-inline-start: -15%;
  border-radius: 0.75rem 0.75rem 1rem 1rem;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05) 45%, rgba(255, 255, 255, 0.14));
  border: 0.0625rem solid rgba(255, 255, 255, 0.26);
  overflow: hidden;
  box-shadow: 0 1.375rem 2.5rem -1.375rem rgba(0, 0, 0, 0.75), inset 0 0 1.5rem rgba(255, 255, 255, 0.08);
}
.rl-bottle__fill { position: absolute; inset-inline: 0; bottom: 0; height: 62%; background: linear-gradient(180deg, rgba(224, 192, 120, 0.85), rgba(168, 134, 63, 0.95)); animation: rlFill 3.6s ease-in-out infinite; }
.rl-bottle__fill::before { content: ""; position: absolute; inset-inline: 0; top: -0.1875rem; height: 0.375rem; background: rgba(255, 255, 255, 0.35); border-radius: 50%; }
.rl-bottle__shine { position: absolute; top: 6%; right: 12%; width: 10%; height: 78%; border-radius: 0.375rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); }
.rl-bottle__label { position: absolute; inset-inline: 12%; top: 34%; height: 26%; border-radius: 0.25rem; background: rgba(246, 243, 236, 0.94); display: grid; place-items: center; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.22em; color: var(--c-green); font-family: var(--f-body); }
.rl-spark { position: absolute; border-radius: 50%; }
.rl-spark--a { top: 40%; left: 24%; width: 0.375rem; height: 0.375rem; background: rgba(201, 168, 92, 0.7); animation: rlFloat 9s ease-in-out infinite; }
.rl-spark--b { top: 66%; left: 76%; width: 0.3125rem; height: 0.3125rem; background: rgba(237, 232, 220, 0.5); animation: rlFloat 11s ease-in-out infinite 1.6s; }
.rl-story__caption {
  position: absolute; inset-inline: 0; bottom: 0;
  padding: 1.625rem 1.75rem;
  background: linear-gradient(to top, rgba(14, 51, 34, 0.92), rgba(14, 51, 34, 0));
  color: rgba(237, 232, 220, 0.92);
  font-size: var(--fs-sm);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-align: center;
}
.rl-story__title { font-size: var(--fs-h2); line-height: 1.12; color: var(--c-green); margin: 0.75rem 0 1.25rem; }
.rl-story__text { font-size: 1.125rem; line-height: 1.75; color: var(--c-ink-soft); margin: 0 0 1rem; font-weight: 300; }
.rl-quote {
  margin: 1.75rem 0 0;
  border-inline-start: 0.1875rem solid var(--c-gold-deep);
  padding-inline-start: 1.25rem;
  font-family: var(--f-display);
  font-size: 1.8125rem;
  line-height: 1.35;
  color: var(--c-green);
}
.rl-quote cite {
  display: block;
  font-family: var(--f-body);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--c-gold-ink);
  letter-spacing: 0.1em;
  margin-top: 0.75rem;
  font-style: normal;
}

/* --------------------------------------------------------------------------
   12. המלצות
   -------------------------------------------------------------------------- */
.rl-reviews { padding: 5.75rem var(--gut); background: var(--c-bg-alt); }
.rl-reviews__head { text-align: center; max-width: 44em; margin: 0 auto 2.875rem; }
.rl-reviews__title { font-size: var(--fs-h2); color: var(--c-green); margin: 0.75rem 0 0; }
.rl-reviews__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(21.25rem, 100%), 1fr)); gap: 1.375rem; align-items: start; }
.rl-review {
  margin: 0;
  background: var(--c-surface);
  border-radius: var(--r-lg);
  padding: 0.75rem;
  border: 0.0625rem solid rgba(20, 71, 47, 0.1);
  box-shadow: 0 1.375rem 2.75rem -2.375rem rgba(20, 71, 47, 0.55);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.rl-review:hover { transform: translateY(-0.25rem); box-shadow: 0 1.75rem 3.125rem -2.125rem rgba(20, 71, 47, 0.55); }
.rl-review img { width: 100%; border-radius: var(--r-md); }
.rl-reviews__foot { text-align: center; font-size: var(--fs-sm); color: var(--c-ink-muted); margin: 1.25rem 0 0; }

/* --------------------------------------------------------------------------
   13. שאלות ותשובות
   -------------------------------------------------------------------------- */
.rl-faq { background: var(--c-green); color: var(--c-cream); padding: 5.25rem var(--gut); }
.rl-faq__title { font-size: 2.5rem; margin: 0 0 2.5rem; text-align: center; color: var(--c-bg); }
.rl-faq__list { display: grid; gap: 0.75rem; max-width: 56.25rem; margin-inline: auto; }
.rl-faq__item {
  background: rgba(255, 255, 255, 0.07);
  border: 0.0625rem solid var(--c-line-dark);
  border-radius: var(--r-lg);
  padding: 1.25rem 1.5rem;
}
.rl-faq__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  list-style: none;
  font-size: 1.1875rem;
  font-weight: 600;
  color: var(--c-bg);
}
.rl-faq__q::-webkit-details-marker { display: none; }
.rl-faq__plus { font-size: 1.5rem; color: var(--c-gold); transition: transform 0.25s ease; line-height: 1; flex-shrink: 0; }
.rl-faq__item[open] .rl-faq__plus { transform: rotate(45deg); }
.rl-faq__a { font-size: var(--fs-body); line-height: 1.7; color: rgba(237, 232, 220, 0.88); margin: 0.875rem 0 0; font-weight: 300; }

/* --------------------------------------------------------------------------
   14. CTA + טופס
   -------------------------------------------------------------------------- */
.rl-cta { position: relative; padding: 6rem var(--gut) 11rem; background: var(--c-green); overflow: hidden; }
.rl-cta__deco-a { position: absolute; top: -18%; right: -6%; width: 21.25rem; aspect-ratio: 1; border-radius: 100% 0 100% 0; border: 0.0625rem solid rgba(237, 232, 220, 0.14); transform: rotate(-46deg); pointer-events: none; }
.rl-cta__deco-b { position: absolute; bottom: -22%; left: -4%; width: 17.5rem; aspect-ratio: 1; border-radius: 100% 0 100% 0; border: 0.0625rem solid rgba(201, 168, 92, 0.22); transform: rotate(-18deg); pointer-events: none; }
.rl-cta__inner { position: relative; max-width: 62.5rem; margin-inline: auto; text-align: center; }
.rl-cta__title { font-size: 2.75rem; color: var(--c-bg); margin: 0; line-height: 1.15; }
.rl-cta__lead { font-size: var(--fs-body-lg); line-height: 1.65; color: rgba(237, 232, 220, 0.88); margin: 0.875rem auto 2.125rem; font-weight: 300; max-width: 34em; }

.rl-form-shell { position: relative; z-index: 2; padding-inline: var(--gut); margin-top: -7rem; margin-bottom: -5.75rem; }
.rl-form-card {
  max-width: 58.75rem;
  margin-inline: auto;
  background: var(--c-surface);
  border: 0.0625rem solid rgba(20, 71, 47, 0.1);
  border-radius: var(--r-lg);
  padding: 2.5rem 2.75rem;
  box-shadow: 0 2.5rem 4.375rem -2.75rem rgba(14, 51, 34, 0.75);
}
.rl-form-card__head { display: flex; align-items: baseline; gap: 0.875rem; flex-wrap: wrap; margin-bottom: 1.625rem; }
.rl-form-card__title { font-size: 2.125rem; color: var(--c-green); margin: 0; }
.rl-form-card__sub { font-size: var(--fs-base); color: var(--c-ink-muted); font-weight: 300; }

.rl-form { display: grid; gap: 1.125rem; }
.rl-field { display: grid; gap: 0.4375rem; }
.rl-field > span,
.rl-field__label { font-size: var(--fs-xs); font-weight: 700; color: var(--c-green); letter-spacing: 0.02em; }
.rl-req { color: var(--c-gold-ink); }
.rl-field input,
.rl-field textarea {
  font-family: var(--f-body);
  font-size: var(--fs-base);
  color: var(--c-ink);
  background: var(--c-surface-soft);
  border: 0.0625rem solid rgba(20, 71, 47, 0.28);
  border-radius: var(--r-sm);
  padding: 0.8125rem 0.9375rem;
  width: 100%;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.rl-field textarea { resize: vertical; min-height: 6.5rem; }
.rl-field input:focus,
.rl-field textarea:focus {
  outline: none;
  border-color: var(--c-gold-ink);
  box-shadow: 0 0 0 0.1875rem rgba(128, 98, 36, 0.25);
}
.rl-field input:focus-visible,
.rl-field textarea:focus-visible { outline: none; }
.rl-field input[aria-invalid="true"],
.rl-field textarea[aria-invalid="true"] { border-color: #9a2b1f; box-shadow: 0 0 0 0.1875rem rgba(154, 43, 31, 0.18); }
.rl-field__error { font-size: var(--fs-xs); color: #8a2418; font-weight: 600; min-height: 0; }

.rl-consent {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: var(--fs-sm);
  line-height: 1.55;
  color: var(--c-ink-soft);
  font-weight: 400;
  cursor: pointer;
}
/* עיגול מושלם: ריבוע קבוע עם רדיוס 50%, וסימן הווי כתמונת רקע ממורכזת.
   רקע עובד על input בכל הדפדפנים, בשונה מ-::after שלא נתמך בספארי. */
.rl-consent input[type="checkbox"] {
  flex: 0 0 auto;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 1.625rem;
  height: 1.625rem;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  border: 0.125rem solid rgba(20, 71, 47, 0.3);
  background-color: var(--c-surface);
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0.8125rem 0.8125rem;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.rl-consent input[type="checkbox"]:hover { border-color: var(--c-green); }
.rl-consent input[type="checkbox"]:checked {
  border-color: var(--c-green-deep);
  background-color: var(--c-green-mid);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 6.5'/%3E%3C/svg%3E"), linear-gradient(160deg, var(--c-green-mid), var(--c-green-deep));
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
  background-size: 0.8125rem 0.8125rem, cover;
  box-shadow: 0 0.5rem 1.25rem -0.5rem rgba(20, 71, 47, 0.75);
  animation: rl-check-pop 0.22s ease;
}
.rl-consent input[type="checkbox"]:focus-visible { outline: var(--ring); outline-offset: 0.1875rem; }

@keyframes rl-check-pop {
  0% { transform: scale(0.86); }
  60% { transform: scale(1.06); }
  100% { transform: scale(1); }
}

.rl-form__foot { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 0.25rem; }
.rl-form__hint { font-size: var(--fs-xs); color: var(--c-ink-muted); }
/* מלכודת ספאם — מוסתרת מבני אדם בלי לנפח את שטח הציור של השכבה */
.rl-hp {
  position: absolute !important;
  width: 0.0625rem; height: 0.0625rem;
  margin: -0.0625rem; padding: 0;
  overflow: hidden; clip-path: inset(50%);
  white-space: nowrap; border: 0;
}

.rl-form__status { font-size: var(--fs-base); font-weight: 600; border-radius: var(--r-sm); padding: 0.75rem 1rem; }
.rl-form__status:empty { display: none; }
.rl-form__status--err { background: #fbeceb; color: #8a2418; border: 0.0625rem solid #e2b6b1; }
.rl-form__status--ok { background: #e9f2ec; color: #14472f; border: 0.0625rem solid #a9c8b6; }

.rl-form.is-busy .rl-btn { opacity: 0.65; pointer-events: none; }

/* --------------------------------------------------------------------------
   15. פוטר
   -------------------------------------------------------------------------- */
.rl-footer { background: var(--c-green-deep); color: rgba(237, 232, 220, 0.82); padding: 9.25rem var(--gut) 6rem; }
.rl-footer__grid { max-width: var(--wrap); margin-inline: auto; display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 2.5rem; align-items: start; }
.rl-footer__logo { height: 3.375rem; width: auto; filter: brightness(0) invert(1); opacity: 0.92; }
.rl-footer__about { font-size: var(--fs-base); line-height: 1.75; margin: 1.125rem 0 0; font-weight: 300; max-width: 34em; }
.rl-footer__col { display: grid; gap: 0.625rem; font-size: var(--fs-base); align-content: start; }
.rl-footer__col ul { list-style: none; display: grid; gap: 0.625rem; }
.rl-footer__h { color: var(--c-gold); font-weight: 700; letter-spacing: 0.1em; font-size: var(--fs-2xs); margin: 0; }
.rl-footer a { color: rgba(237, 232, 220, 0.82); }
.rl-footer a:hover,
.rl-footer a:focus-visible { color: var(--c-gold-light); text-decoration: underline; text-underline-offset: 0.1875rem; }
.rl-footer__bar {
  max-width: var(--wrap);
  margin: 2.125rem auto 0;
  padding-top: 1.25rem;
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.14);
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
  justify-content: space-between;
  align-items: center;
  font-size: var(--fs-xs);
}
.rl-footer__legal { display: flex; flex-wrap: wrap; gap: 1.25rem; }
.rl-credits { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; color: rgba(237, 232, 220, 0.75); }
.rl-credits a { color: var(--c-gold-light); font-weight: 600; }
.rl-credits__sep { opacity: 0.45; }

/* --------------------------------------------------------------------------
   16. כפתורים צפים
   -------------------------------------------------------------------------- */
/* RTL: flex-start = הקצה הימני, כך שכל הכפתורים מיושרים לימין */
.rl-fabs { position: fixed; bottom: 1.375rem; right: 1.375rem; z-index: 90; display: flex; flex-direction: column; gap: 0.75rem; align-items: flex-start; }
.rl-fab {
  display: flex;
  align-items: center;
  border-radius: var(--r-pill);
  box-shadow: 0 0.875rem 1.75rem -0.75rem rgba(14, 51, 34, 0.7);
  transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}
.rl-fab:hover { box-shadow: 0 1.125rem 2.125rem -0.75rem rgba(14, 51, 34, 0.8); transform: translateY(-0.125rem); }
.rl-fab--wa { background: var(--c-wa); color: #fff; padding: 0.8125rem; border: 0.0625rem solid rgba(255, 255, 255, 0.28); }
.rl-fab--wa:hover { background: var(--c-wa-hover); color: #fff; }
.rl-fab--tel { background: var(--c-green); color: var(--c-bg); padding: 0.5625rem 1rem 0.5625rem 0.75rem; gap: 0.5rem; border: 0.0625rem solid rgba(201, 168, 92, 0.55); }
.rl-fab--tel:hover { background: var(--c-green-deep); color: #fff; }
.rl-fab__icon { display: flex; color: var(--c-gold); flex-shrink: 0; }
.rl-fab__text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.2; }
.rl-fab__label { font-size: 0.8125rem; font-weight: 400; letter-spacing: 0.01em; white-space: nowrap; }
.rl-fab__num { font-size: 0.9375rem; font-weight: 700; letter-spacing: 0.03em; font-variant-numeric: tabular-nums; }

/* --------------------------------------------------------------------------
   17. עמודי תוכן / תודה / 404
   -------------------------------------------------------------------------- */
.rl-page { padding: 9.5rem var(--gut) 5rem; min-height: 60vh; }
.rl-page__inner { max-width: 50rem; margin-inline: auto; }
.rl-page__title { font-size: 3rem; line-height: 1.12; color: var(--c-green); margin: 0 0 0.75rem; }
.rl-page__meta { font-size: var(--fs-sm); color: var(--c-ink-muted); margin: 0 0 2rem; }

.rl-prose { font-size: 1.0625rem; line-height: 1.8; color: var(--c-ink-soft); }
.rl-prose > * + * { margin-top: 1.125rem; }
.rl-prose h2 { font-size: 2rem; color: var(--c-green); margin-top: 2.5rem; margin-bottom: 0.5rem; }
.rl-prose h3 { font-size: 1.5rem; color: var(--c-green); margin-top: 1.75rem; margin-bottom: 0.375rem; }
.rl-prose ul, .rl-prose ol { padding-inline-start: 1.375rem; display: grid; gap: 0.5rem; }
.rl-prose ul { list-style: disc; }
.rl-prose ol { list-style: decimal; }
.rl-prose strong { color: var(--c-ink); font-weight: 700; }
.rl-prose table { width: 100%; border-collapse: collapse; }
.rl-prose td, .rl-prose th { border: 0.0625rem solid var(--c-line); padding: 0.625rem; text-align: start; }

.rl-thanks { padding: 10rem var(--gut) 6rem; background: linear-gradient(180deg, var(--c-bg) 0%, var(--c-bg-alt) 100%); min-height: 80vh; display: flex; align-items: center; }
.rl-thanks__card {
  max-width: 46.25rem;
  margin-inline: auto;
  background: var(--c-surface);
  border: 0.0625rem solid rgba(20, 71, 47, 0.1);
  border-radius: var(--r-lg);
  padding: 3rem 2.75rem;
  box-shadow: var(--sh-deep);
  text-align: center;
}
.rl-thanks__mark { width: 4.5rem; height: 4.5rem; margin: 0 auto 1.5rem; border-radius: 50%; background: var(--c-bg-alt); border: 0.0625rem solid var(--c-line); display: grid; place-items: center; }
.rl-thanks__title { font-size: 2.75rem; line-height: 1.15; color: var(--c-green); margin: 0 0 0.875rem; }
.rl-thanks__text { font-size: 1.1875rem; line-height: 1.7; color: var(--c-ink-soft); margin: 0 auto 1.75rem; font-weight: 300; max-width: 34em; }
.rl-thanks__phone { font-weight: 700; color: var(--c-green); font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: embed; display: inline-block; }

.rl-404 { padding: 10rem var(--gut) 6rem; text-align: center; min-height: 75vh; display: flex; align-items: center; }
.rl-404__inner { max-width: 44rem; margin-inline: auto; }
.rl-404__num { font-family: var(--f-display); font-size: 8rem; line-height: 1; color: var(--c-green); margin: 0; letter-spacing: 0.02em; }
.rl-404__url { font-size: var(--fs-xs); color: var(--c-ink-muted); direction: ltr; word-break: break-all; background: var(--c-bg-alt); border-radius: var(--r-sm); padding: 0.5rem 0.75rem; display: inline-block; margin-top: 1rem; max-width: 100%; }
.rl-404__links { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; justify-content: center; margin-top: 2rem; font-size: var(--fs-base); font-weight: 600; }

/* --------------------------------------------------------------------------
   18. אנימציות
   -------------------------------------------------------------------------- */
@keyframes rlFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.875rem); } }
@keyframes rlBreathe { 0%, 100% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.035) rotate(2deg); } }
@keyframes rlVeil { 0%, 100% { transform: rotate(-52deg) scale(1); opacity: 1; } 50% { transform: rotate(-46deg) scale(1.04); opacity: 0.6; } }
@keyframes rlSway { 0%, 100% { transform: rotate(-1.6deg); } 50% { transform: rotate(1.6deg); } }
@keyframes rlDriftA { 0%, 100% { transform: translate3d(0, 0, 0) rotate(-58deg); } 33% { transform: translate3d(1.75rem, -2.125rem, 0) rotate(-48deg); } 66% { transform: translate3d(-1.125rem, -0.875rem, 0) rotate(-64deg); } }
@keyframes rlDriftB { 0%, 100% { transform: translate3d(0, 0, 0) rotate(-18deg); } 40% { transform: translate3d(-2.125rem, -1.625rem, 0) rotate(-6deg); } 70% { transform: translate3d(1rem, 1.125rem, 0) rotate(-28deg); } }
@keyframes rlDriftC { 0%, 100% { transform: translate3d(0, 0, 0) rotate(24deg); } 45% { transform: translate3d(2.5rem, 1.375rem, 0) rotate(38deg); } 75% { transform: translate3d(-0.75rem, -1.25rem, 0) rotate(14deg); } }
@keyframes rlDriftD { 0%, 100% { transform: translate3d(0, 0, 0) rotate(-70deg); } 50% { transform: translate3d(-1.625rem, -2.5rem, 0) rotate(-56deg); } }
@keyframes rlLeafA { 0%, 100% { transform: rotate(-58deg) scale(1, 1.22); } 50% { transform: rotate(-53deg) scale(1.02, 1.24); } }
@keyframes rlLeafB { 0%, 100% { transform: rotate(-32deg) scale(1, 1.2); } 50% { transform: rotate(-27deg) scale(1.02, 1.22); } }
@keyframes rlLeafC { 0%, 100% { transform: rotate(-14deg) scale(1, 1.18); } 50% { transform: rotate(-9deg) scale(1.02, 1.2); } }
@keyframes rlDrip { 0% { top: 28%; opacity: 0; transform: scaleY(0.8); } 10% { opacity: 1; } 60% { top: 49%; opacity: 1; transform: scaleY(1.35); } 68% { top: 50%; opacity: 0; transform: scaleY(0.5); } 100% { opacity: 0; } }
@keyframes rlDrip2 { 0% { top: 28%; opacity: 0; transform: scaleY(0.8); } 14% { opacity: 1; } 62% { top: 49%; opacity: 1; transform: scaleY(1.3); } 70% { top: 50%; opacity: 0; } 100% { opacity: 0; } }
@keyframes rlRipple { 0% { transform: scale(0.5); opacity: 0; } 12% { opacity: 0.9; } 60% { transform: scale(1.1); opacity: 0; } 100% { opacity: 0; } }
@keyframes rlFill { 0%, 100% { height: 60%; } 50% { height: 63%; } }

/* --------------------------------------------------------------------------
   19. רספונסיביות
   -------------------------------------------------------------------------- */
@media (max-width: 65rem) { /* 1040 */
  .rl-nav { display: none; }
  .rl-head-phone { display: none; }
  .rl-burger { display: flex; }
  .rl-hero__grid { grid-template-columns: 1fr; gap: 2.25rem; }
  .rl-story__grid { grid-template-columns: 1fr; gap: 2.125rem; }
  .rl-grid-2 { grid-template-columns: 1fr; }
  .rl-footer__grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .rl-footer__grid > :first-child { grid-column: 1 / -1; }
}

@media (max-width: 53.75rem) { /* 860 */
  .rl-steps-line { display: none; }
  .rl-steps { grid-template-columns: 1fr; gap: 0; position: relative; }
  .rl-steps::before {
    content: "";
    position: absolute;
    top: 0.75rem;
    bottom: 2.625rem;
    right: 2.3125rem;
    width: 0.0625rem;
    background: repeating-linear-gradient(to bottom, rgba(20, 71, 47, 0.3) 0 0.375rem, rgba(20, 71, 47, 0) 0.375rem 0.75rem);
  }
  .rl-step { flex-direction: row; align-items: flex-start; text-align: right; gap: 1.25rem; padding-bottom: 1.875rem; }
  .rl-step p { margin: 0; max-width: none; }
  .rl-story__grid { gap: 2.5rem; }
}

@media (max-width: 45rem) { /* 720 */
  :root { --gut: 1.125rem; }
  .rl-h1 { font-size: 2.75rem; }
  .rl-cat__title { font-size: 2.25rem; }
  .rl-story__title,
  .rl-reviews__title { font-size: 2rem; }
  .rl-how__title,
  .rl-faq__title { font-size: 2rem; }
  .rl-cta__title { font-size: 2.125rem; }
  .rl-page__title { font-size: 2.25rem; }
  .rl-thanks__title { font-size: 2rem; }
  .rl-404__num { font-size: 5.5rem; }
  .rl-prod { flex-direction: column; align-items: stretch; padding: 1.375rem; gap: 1.125rem; }
  .rl-prod__media { width: 100%; max-width: none; aspect-ratio: 16 / 10; }
  .rl-form-card { padding: 1.75rem 1.375rem; }
  .rl-form-card__title { font-size: 1.75rem; }
  .rl-footer { padding-bottom: 9.5rem; }
  .rl-footer__grid { grid-template-columns: 1fr; }
  .rl-footer__bar { justify-content: flex-start; gap: 1rem; }
  .rl-fabs { bottom: 0.875rem; right: 0.875rem; }
  .rl-marquee__inner { flex-direction: column; gap: 0.625rem; }
  .rl-marquee__sep { width: 0.3125rem; height: 0.3125rem; }
  .rl-thanks__card { padding: 2rem 1.375rem; }
  .rl-quote { font-size: 1.5rem; }
  .rl-hero { min-height: 0; padding-top: 6.5rem; }
  .rl-usp li { padding-inline-end: 0; border-inline-end: 0; }
  .rl-btn,
  .rl-btn-ghost,
  .rl-btn-gold { width: 100%; }
  .rl-hero__cta,
  .rl-actions { width: 100%; }
}

@media (max-width: 30rem) { /* 480 */
  .rl-fab--tel { padding: 0.5rem 0.8125rem 0.5rem 0.625rem; }
  .rl-fab__label { font-size: 0.75rem; }
  .rl-fab__num { font-size: 0.875rem; }
  .rl-fab--wa { padding: 0.6875rem; }
}

@media print {
  .rl-header, .rl-fabs, .rl-form-shell, .rl-cta { display: none !important; }
  body { background: #fff; color: #000; }
}

/* --------------------------------------------------------------------------
   20. בלוג — רשימה, כרטיסים, פירורי לחם
   -------------------------------------------------------------------------- */
.rl-blog { padding: 9.5rem var(--gut) 5rem; }
.rl-blog__head { text-align: center; max-width: 44em; margin: 0 auto 2.5rem; }
.rl-blog__title { font-size: 3rem; line-height: 1.12; color: var(--c-green); margin: 0.75rem 0 0; }
.rl-blog__intro { font-size: 1.125rem; line-height: 1.7; color: var(--c-ink-soft); margin: 1rem 0 0; font-weight: 300; }
.rl-blog__empty { text-align: center; font-size: 1.125rem; color: var(--c-ink-soft); }

/* פירורי לחם */
.rl-crumbs { margin: 0 0 1.5rem; }
.rl-crumbs__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--fs-xs);
  color: var(--c-ink-muted);
}
.rl-crumbs__item { display: inline-flex; align-items: center; gap: 0.375rem; }
.rl-crumbs__link { color: var(--c-gold-ink); font-weight: 600; text-decoration: none; border-bottom: 0.0625rem solid rgba(128, 98, 36, 0.3); }
.rl-crumbs__link:hover { color: var(--c-green); border-bottom-color: var(--c-green); }
.rl-crumbs__arrow { opacity: 0.45; flex-shrink: 0; }
.rl-crumbs__item--current {
  color: var(--c-ink-muted);
  max-width: 34ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rl-blog .rl-crumbs__list { justify-content: center; }

/* רשת הכרטיסים */
.rl-posts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr)); gap: 1.625rem; align-items: stretch; }
.rl-posts--compact { grid-template-columns: repeat(auto-fit, minmax(min(15.5rem, 100%), 1fr)); gap: 1.25rem; }

.rl-post-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--c-surface);
  border: 0.0625rem solid var(--c-line-soft);
  border-radius: var(--r-lg);
  overflow: hidden;
  box-shadow: var(--sh-card);
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.rl-post-card:hover { border-color: rgba(201, 168, 92, 0.55); transform: translateY(-0.25rem); box-shadow: var(--sh-card-hover); }
.rl-post-card__media { display: block; aspect-ratio: 16 / 10; background: var(--c-bg-alt); overflow: hidden; position: relative; }
.rl-post-card__media img { width: 100%; height: 100%; object-fit: cover; }
.rl-post-card__placeholder {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 50% 45%, var(--c-green-mid) 0%, var(--c-green) 45%, var(--c-green-deep) 100%);
}
.rl-post-card__placeholder::after {
  content: "";
  position: absolute; top: 50%; left: 50%;
  width: 3.5rem; height: 3.5rem; margin: -1.75rem 0 0 -1.75rem;
  border-radius: 100% 0 100% 0;
  background: linear-gradient(135deg, var(--c-green-pale), var(--c-green-2));
  transform: rotate(-45deg);
}
.rl-post-card__badge {
  position: absolute;
  inset-inline-start: 0.875rem;
  inset-block-start: 0.875rem;
  padding: 0.3125rem 0.75rem;
  border-radius: var(--r-pill);
  background: var(--c-green);
  color: var(--c-bg);
  font-size: var(--fs-3xs);
  font-weight: 700;
  letter-spacing: 0.06em;
}
.rl-post-card__body { display: flex; flex-direction: column; gap: 0.625rem; padding: 1.5rem; flex: 1; }
.rl-post-card__meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--c-ink-muted);
}
.rl-post-card__title { font-family: var(--f-display); font-size: 1.5rem; font-weight: 400; line-height: 1.25; color: var(--c-green); margin: 0; }
.rl-post-card__link { color: inherit; text-decoration: none; }
.rl-post-card__link::after { content: ""; position: absolute; inset: 0; }
.rl-post-card__link:hover { color: var(--c-gold-ink); }
.rl-post-card__link:focus-visible { outline: none; }
.rl-post-card:has(.rl-post-card__link:focus-visible) { outline: var(--ring); outline-offset: 0.1875rem; }
.rl-post-card__excerpt { font-size: var(--fs-base); line-height: 1.65; color: var(--c-ink-soft); font-weight: 300; margin: 0; }
.rl-post-card__more { margin-top: auto; padding-top: 0.5rem; display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--fs-sm); font-weight: 700; color: var(--c-gold-ink); }
.rl-post-card:hover .rl-post-card__more svg { transform: translateX(-0.1875rem); }
.rl-post-card__more svg { transition: transform 0.25s ease; }

.rl-blog .pagination,
.rl-blog .navigation { margin-top: 2.5rem; text-align: center; }
.rl-blog .page-numbers {
  display: inline-block;
  min-width: 2.5rem;
  padding: 0.5rem 0.75rem;
  margin: 0 0.1875rem;
  border-radius: var(--r-sm);
  border: 0.0625rem solid var(--c-line);
  color: var(--c-green);
  font-weight: 600;
  text-decoration: none;
}
.rl-blog .page-numbers.current,
.rl-blog .page-numbers:hover { background: var(--c-green); color: var(--c-bg); border-color: var(--c-green); }

/* --------------------------------------------------------------------------
   21. עמוד מאמר — תוכן עניינים, שיתוף, טבלאות, שאלות נפוצות
   -------------------------------------------------------------------------- */
.rl-article { padding: 9.5rem var(--gut) 4rem; }
.rl-article__inner { max-width: 50rem; margin-inline: auto; }
.rl-article__head { margin-bottom: 1.75rem; }
.rl-cat-badge {
  display: inline-block;
  padding: 0.3125rem 0.875rem;
  border-radius: var(--r-pill);
  background: rgba(201, 168, 92, 0.18);
  color: var(--c-gold-ink);
  font-size: var(--fs-3xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-decoration: none;
  border: 0.0625rem solid rgba(128, 98, 36, 0.22);
}
.rl-cat-badge:hover { background: var(--c-green); color: var(--c-bg); border-color: var(--c-green); }
.rl-article__title { font-size: 2.875rem; line-height: 1.15; color: var(--c-green); margin: 0.875rem 0 0.75rem; }
.rl-article__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: var(--fs-sm);
  color: var(--c-ink-muted);
  margin: 0;
  padding-bottom: 1.125rem;
  border-bottom: 0.0625rem solid var(--c-line-soft);
}
.rl-article__lead {
  font-size: var(--fs-lead);
  line-height: 1.7;
  font-weight: 300;
  color: var(--c-ink);
  margin: 1.75rem 0;
  padding-inline-start: 1.0625rem;
  border-inline-start: 0.1875rem solid var(--c-gold);
}
.rl-article__figure { margin: 2.5rem 0 0; border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--sh-deep); }
.rl-article__figure img { width: 100%; display: block; }
.rl-article__body > :first-child { margin-top: 0; }
.rl-article__body h2,
.rl-article__body h3 { scroll-margin-top: 7rem; }

/* תוכן עניינים */
.rl-toc {
  background: var(--c-bg-alt);
  border: 0.0625rem solid var(--c-line-soft);
  border-inline-start: 0.25rem solid var(--c-gold);
  border-radius: var(--r-md);
  padding: 1.5rem 1.75rem;
  margin: 0 0 2.25rem;
}
.rl-toc__title {
  position: relative;
  cursor: pointer;
  list-style: none;
  font-family: var(--f-body);
  font-size: var(--fs-base);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--c-green);
  margin: 0;
  padding-inline-end: 2.25rem;
}
.rl-toc__title::-webkit-details-marker { display: none; }
.rl-toc__title::after {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: rgba(20, 71, 47, 0.08);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314472f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0.75rem 0.75rem;
  transform: translateY(-50%);
  transition: transform 0.25s ease, background-color 0.25s ease;
}
.rl-toc[open] .rl-toc__title::after { transform: translateY(-50%) rotate(180deg); background-color: rgba(20, 71, 47, 0.14); }
.rl-toc__list { counter-reset: rltoc; list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: 0.5rem; }
.rl-toc__item { counter-increment: rltoc; position: relative; padding-inline-start: 1.875rem; }
.rl-toc__item::before {
  content: counter(rltoc);
  position: absolute;
  inset-inline-start: 0;
  top: 0.0625rem;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  background: rgba(20, 71, 47, 0.08);
  color: var(--c-green);
  font-size: var(--fs-3xs);
  font-weight: 700;
  display: grid;
  place-items: center;
}
.rl-toc__item > a { color: var(--c-ink); font-weight: 600; font-size: var(--fs-base); text-decoration: none; border-bottom: 0.0625rem solid transparent; }
.rl-toc__item > a:hover { color: var(--c-green); border-bottom-color: var(--c-gold); }
.rl-toc__sub { list-style: none; margin: 0.375rem 0 0; padding: 0; display: grid; gap: 0.3125rem; }
.rl-toc__subitem { position: relative; padding-inline-start: 0.875rem; }
.rl-toc__subitem::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0.6875rem;
  width: 0.375rem;
  height: 0.0625rem;
  background: var(--c-gold-deep);
}
.rl-toc__subitem > a { color: var(--c-ink-soft); font-size: var(--fs-sm); text-decoration: none; }
.rl-toc__subitem > a:hover { color: var(--c-green); text-decoration: underline; }

/* כפתורי שיתוף */
.rl-share {
  margin: 2.5rem 0 0;
  padding: 1.25rem 1.5rem;
  background: var(--c-surface);
  border: 0.0625rem solid var(--c-line-soft);
  border-radius: var(--r-md);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.875rem 1.25rem;
}
.rl-share__title { font-size: var(--fs-sm); font-weight: 700; color: var(--c-green); letter-spacing: 0.04em; }
.rl-share__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.rl-share__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  padding: 0.5rem 0.9375rem;
  border-radius: var(--r-pill);
  border: 0.0625rem solid var(--c-line);
  background: var(--c-bg);
  color: var(--c-ink-soft);
  font-family: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.rl-share__btn:hover { background: var(--c-green); border-color: var(--c-green); color: var(--c-bg); }
.rl-share__btn--whatsapp:hover { background: var(--c-wa); border-color: var(--c-wa); }
.rl-share__btn--copy.is-copied { background: var(--c-wa); border-color: var(--c-wa); color: #fff; }
.rl-share--mini { margin: 0; padding: 0; border: 0; background: none; gap: 0; }
.rl-share--mini .rl-share__list { gap: 0.375rem; }
.rl-share--mini .rl-share__btn { padding: 0.4375rem; border-radius: 50%; }

/* טבלאות בתוך מאמר */
.rl-table-wrap {
  overflow-x: auto;
  border: 0.0625rem solid var(--c-line);
  border-radius: var(--r-md);
  background: var(--c-surface);
  -webkit-overflow-scrolling: touch;
}
.rl-prose table { width: 100%; border-collapse: collapse; font-size: var(--fs-base); min-width: 30rem; }
.rl-prose thead th {
  background: var(--c-green);
  color: var(--c-bg);
  font-weight: 700;
  font-size: var(--fs-sm);
  letter-spacing: 0.03em;
}
.rl-prose th,
.rl-prose td { border: 0; border-bottom: 0.0625rem solid var(--c-line-soft); padding: 0.8125rem 1rem; text-align: start; vertical-align: top; }
.rl-prose tbody tr:nth-child(even) { background: var(--c-bg); }
.rl-prose tbody tr:last-child th,
.rl-prose tbody tr:last-child td { border-bottom: 0; }
.rl-prose tbody th { font-weight: 700; color: var(--c-green); }

/* תיבת הדגשה */
.rl-prose blockquote {
  margin: 1.75rem 0;
  padding: 1.25rem 1.5rem;
  background: rgba(201, 168, 92, 0.12);
  border-inline-start: 0.25rem solid var(--c-gold);
  border-radius: var(--r-sm);
  color: var(--c-ink);
  font-size: var(--fs-body);
}
.rl-prose blockquote > :first-child { margin-top: 0; }

/* שאלות נפוצות במאמר — העיצוב מגיע מהתבנית, הפוסט כותב רק details */
.rl-qa {
  margin-top: 1.25rem;
  padding: 1.25rem;
  background: var(--c-bg-alt);
  border: 0.0625rem solid var(--c-line-soft);
  border-radius: var(--r-lg);
  display: grid;
  gap: 0.625rem;
}
.rl-prose .rl-qa > * + * { margin-top: 0; }
.rl-prose details {
  background: var(--c-surface);
  border: 0.0625rem solid var(--c-line);
  border-radius: var(--r-md);
  padding: 1rem 1.25rem;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.rl-prose details[open] { border-color: rgba(201, 168, 92, 0.6); box-shadow: var(--sh-card); }
.rl-prose details + details { margin-top: 0; }
.rl-prose summary {
  cursor: pointer;
  list-style: none;
  font-weight: 700;
  font-size: var(--fs-body);
  color: var(--c-green);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.rl-prose summary::-webkit-details-marker { display: none; }
.rl-prose summary::after {
  content: "";
  flex: 0 0 auto;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background-color: rgba(201, 168, 92, 0.18);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23806224' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0.875rem 0.875rem;
  transition: background-color 0.25s ease, transform 0.25s ease;
}
.rl-prose details[open] summary::after { background-color: rgba(201, 168, 92, 0.34); transform: rotate(180deg); }
.rl-prose details p { margin-top: 0.75rem; }

/* קריאה לפעולה וסיום */
.rl-article__cta {
  margin-top: 2.5rem;
  background: var(--c-green);
  color: var(--c-cream);
  border-radius: var(--r-lg);
  padding: 2.25rem 2rem;
  text-align: center;
}
.rl-article__cta-title { font-size: 2rem; color: var(--c-bg); margin: 0 0 0.625rem; }
.rl-article__cta-text { font-size: var(--fs-body); line-height: 1.65; color: rgba(237, 232, 220, 0.88); margin: 0 auto; max-width: 34em; font-weight: 300; }
.rl-article__cta-actions { margin-top: 1.5rem; }
.rl-article__cta .rl-btn-ghost { color: var(--c-bg); border-color: rgba(237, 232, 220, 0.5); }
.rl-article__cta .rl-btn-ghost:hover { background: rgba(237, 232, 220, 0.14); color: #fff; border-color: rgba(237, 232, 220, 0.85); }
.rl-article__cta :focus-visible { outline: var(--ring-dark); }

.rl-article__more { margin-top: 3rem; padding-top: 2rem; border-top: 0.0625rem solid var(--c-line); }
.rl-article__more-title { font-size: 1.75rem; color: var(--c-green); margin: 0 0 1.25rem; }

@media (max-width: 45rem) {
  .rl-blog { padding-top: 7.5rem; }
  .rl-blog__title { font-size: 2.25rem; }
  .rl-article { padding-top: 7.5rem; }
  .rl-article__title { font-size: 2.125rem; }
  .rl-article__cta { padding: 1.75rem 1.25rem; }
  .rl-article__cta-title { font-size: 1.625rem; }
  .rl-toc { padding: 1.25rem 1.25rem; }
  .rl-share { padding: 1rem; }
  .rl-share__label { display: none; }
  .rl-share__btn { padding: 0.5rem 0.75rem; }
  .rl-crumbs__item--current { max-width: 18ch; }
}

/* --------------------------------------------------------------------------
   22. סרגל גלילה — גרדיאנט בצבעי המותג (מחשב בלבד)
   -------------------------------------------------------------------------- */
@media (min-width: 62rem) and (pointer: fine) {
  html { scrollbar-width: thin; scrollbar-color: var(--c-green-mid) var(--c-bg-alt); }

  html::-webkit-scrollbar { width: 0.75rem; }
  html::-webkit-scrollbar-track { background: var(--c-bg-alt); }
  html::-webkit-scrollbar-thumb {
    border-radius: var(--r-pill);
    border: 0.1875rem solid var(--c-bg-alt);
    background: linear-gradient(180deg, var(--c-green-mid) 0%, var(--c-green) 45%, var(--c-gold-deep) 100%);
  }
  html::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--c-green) 0%, var(--c-green-deep) 45%, var(--c-gold) 100%);
  }

  .rl-table-wrap::-webkit-scrollbar { height: 0.5rem; }
  .rl-table-wrap::-webkit-scrollbar-track { background: var(--c-bg-alt); border-radius: var(--r-pill); }
  .rl-table-wrap::-webkit-scrollbar-thumb {
    border-radius: var(--r-pill);
    background: linear-gradient(90deg, var(--c-gold-deep), var(--c-green));
  }
}

/* --------------------------------------------------------------------------
   23. הודעת עוגיות — פס קטן וצף, לא חוסם ולא חוזר
   -------------------------------------------------------------------------- */
.rl-cc {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 95;
  padding: 0 1rem 1rem;
  pointer-events: none;
}
.rl-cc[hidden] { display: none !important; }

.rl-cc__inner {
  pointer-events: auto;
  max-width: 34rem;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.625rem 0.75rem 0.625rem 0.625rem;
  border-radius: var(--r-md);
  background: linear-gradient(150deg, var(--c-green-mid), var(--c-green-deep));
  border: 0.0625rem solid rgba(201, 168, 92, 0.4);
  box-shadow: 0 1rem 2.25rem -1rem rgba(14, 51, 34, 0.75);
  animation: rl-cc-in 0.32s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

@keyframes rl-cc-in {
  from { opacity: 0; transform: translateY(0.75rem); }
  to { opacity: 1; transform: translateY(0); }
}

.rl-cc__text {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: var(--fs-2xs);
  line-height: 1.5;
  font-weight: 300;
  color: var(--c-cream);
}
.rl-cc__link {
  color: var(--c-gold-light);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  white-space: nowrap;
}
.rl-cc__link:hover { color: #fff; }

.rl-cc__btn {
  flex: 0 0 auto;
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
  font-size: var(--fs-2xs);
  font-weight: 700;
  line-height: 1.2;
  padding: 0.5rem 1.125rem;
  margin: 0;
  border: 0;
  border-radius: var(--r-sm);
  background: var(--c-gold);
  color: var(--c-green-deep);
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.25s ease, transform 0.2s ease;
}
.rl-cc__btn:hover { background: var(--c-gold-light); transform: translateY(-0.0625rem); }
.rl-cc :focus-visible { outline: var(--ring-dark); outline-offset: 0.125rem; }

/* במסך רחב, כשאין מקום לצד הכפתורים הצפים, ההודעה עולה מעליהם.
   הערך המדויק נמדד בזמן אמת ב-JS, והערך כאן הוא נפילה בטוחה. */
.rl-cc.rl-cc--raised { padding-bottom: var(--rl-cc-lift, 8.5rem); }

.rl-fabs { transition: opacity 0.25s ease, visibility 0.25s ease; }

/* נייד: ההודעה צמודה לתחתית לכל הרוחב, הכפתור מתחת לטקסט בצד ימין,
   והכפתורים הצפים מתעמעמים בזמן שהיא פתוחה במקום לזוז או להיות מכוסים. */
@media (max-width: 36rem) {
  .rl-cc { padding: 0; }
  .rl-cc.rl-cc--raised { padding-bottom: 0; }
  .rl-cc__inner {
    max-width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 0.625rem;
    padding: 0.75rem 0.875rem 0.875rem;
    border-radius: var(--r-md) var(--r-md) 0 0;
    border-inline: 0;
    border-block-end: 0;
  }
  .rl-cc__text { text-align: start; }
  .rl-cc__btn { align-self: flex-start; padding: 0.5rem 1.5rem; }

  body.rl-cc-open .rl-fabs { opacity: 0; visibility: hidden; }
}

@media (max-width: 22.5rem) {
  .rl-cc__link { white-space: normal; }
}

@media print {
  .rl-cc { display: none !important; }
}