/* אתר המותג · רכיבים חדשים בלבד. כל הערכים מתוך מערכת העיצוב של אתר המתכונים (styles.css). */

.draft-flag {
  background: var(--chocolate);
  color: var(--cream);
  text-align: center;
  padding: 0.55rem 1rem;
  font-size: var(--fs-text-small);
  font-weight: var(--fw-text-small);
}

/* ===== הדר: תפריט נפתח + כפתור ===== */
.site-nav { align-items: center; }
.nav-drop { position: relative; }
.nav-drop-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--charcoal);
}
.nav-drop-btn:hover, .nav-drop.is-open .nav-drop-btn { color: var(--sky); }
.nav-drop-btn span { font-size: 0.7rem; }
.nav-drop-menu {
  display: none;
  position: absolute;
  top: calc(100% + 0.6rem);
  inset-inline-start: 0;
  z-index: 20;
  min-width: 220px;
  background: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  padding: 0.5rem 0;
}
.nav-drop:hover .nav-drop-menu,
.nav-drop:focus-within .nav-drop-menu,
.nav-drop.is-open .nav-drop-menu { display: block; }
.nav-drop-menu a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 1.1rem;
  white-space: nowrap;
}
.nav-drop-menu a i {
  font-style: normal;
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--cream);
  background: var(--sky);
  border-radius: 999px;
  padding: 0.05rem 0.5rem;
}
.site-nav a.nav-cta {
  background: var(--sage-light);
  color: var(--charcoal);
  border-radius: 999px;
  padding: 0.45rem 1.1rem;
  font-size: var(--fs-button);
}
.site-nav a.nav-cta:hover { background: var(--sage); color: #fff; }

@media (max-width: 1024px) {
  .site-header { padding: 0.9rem 1.25rem; }
  .site-nav { gap: 1.1rem; }
}

/* ===== 1 · הירו אסימטרי ===== */
.brand-hero {
  width: min(100vw, 1440px);
  margin-inline: calc(50% - min(50vw, 720px));
  margin-bottom: 1.75rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  align-items: center;
  background: #fff;
}
.brand-hero-text {
  max-width: 520px;
  margin-right: clamp(1.5rem, 6vw, 6rem);
  padding: 2.25rem 0;
}
.brand-hero-text .kicker {
  color: var(--chocolate);
  font-size: var(--fs-text-small);
  font-weight: var(--fw-text-small);
  line-height: var(--lh-text-small);
}
.brand-hero-text h1 { margin: 0.5rem 0 0.9rem; font-size: clamp(1.8rem, 3vw, 2.45rem); line-height: 1.2; text-wrap: balance; }
.brand-hero-text p {
  margin: 0;
  font-size: var(--fs-text-intermediate);
  font-weight: var(--fw-text-intermediate);
  line-height: var(--lh-text-intermediate);
}
.brand-hero-cta {
  display: inline-block;
  margin-top: 1.5rem;
  background: var(--chocolate);
  color: var(--cream);
  text-decoration: none;
  border-radius: 999px;
  padding: 0.7rem 1.6rem;
  font-size: var(--fs-button);
  font-weight: var(--fw-button);
}
.brand-hero-cta:hover { background: #7A4E2D; }
.brand-hero-photo {
  width: 100%;
  height: 100%;
  min-height: 430px;
  max-height: 520px;
  object-fit: cover;
  object-position: 50% 40%;
  display: block;
}

@media (max-width: 1024px) {
  .brand-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .brand-hero-text { margin-right: 1.5rem; margin-left: 1rem; }
  .brand-hero-photo { height: 380px; }
}
@media (max-width: 760px) {
  .brand-hero { grid-template-columns: 1fr; max-height: none; }
  .brand-hero-photo { order: -1; height: 300px; }
  .brand-hero-text { max-width: none; margin: 0; padding: 1.5rem 1.25rem 2rem; }
}

/* ===== 2 · משפט העוגן ===== */
.anchor-section {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  margin-bottom: 3.5rem;
  background: var(--blush);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.5rem;
  padding: 4.5rem 2rem;
}
.anchor-photo {
  width: 260px;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 14px;
  flex: 0 0 auto;
}
.anchor-text { max-width: 560px; }
.anchor-text h2 {
  margin: 0 0 1.25rem;
  font-size: var(--fs-heading-secondary);
  font-weight: var(--fw-heading-secondary);
  line-height: var(--lh-heading-secondary);
}
.anchor-text p { margin: 0 0 0.75rem; font-size: var(--fs-text-body); line-height: var(--lh-text-body); }

@media (max-width: 640px) {
  .anchor-section { flex-direction: column; gap: 1.5rem; padding: 2.5rem 1.25rem; text-align: center; }
  .anchor-photo { width: 200px; }
}

/* ===== כותרת אזור משותפת ===== */
.section-title {
  margin: 0.35rem 0 0;
  font-size: var(--fs-heading-secondary);
  font-weight: var(--fw-heading-secondary);
  line-height: var(--lh-heading-secondary);
}

/* ===== 3 · לעבוד איתי ===== */
.work-section { margin-bottom: 3.5rem; }
.work-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}
.work-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: #fff;
  border: 1px solid #E0E0E0;
  border-radius: 12px;
  padding: 1.4rem;
  text-decoration: none;
  color: var(--charcoal);
}
a.work-card:hover { border-color: var(--sage-light); }
.work-tag {
  align-self: flex-start;
  font-size: var(--fs-text-small);
  font-weight: var(--fw-text-small);
  color: var(--chocolate);
  background: var(--cream);
  border-radius: 999px;
  padding: 0.1rem 0.7rem;
}
.work-card h3 { margin: 0.2rem 0 0; font-size: var(--fs-heading-card); font-weight: var(--fw-heading-card); }
.work-card p { margin: 0; font-size: var(--fs-text-body); line-height: var(--lh-text-body); flex: 1 1 auto; }
.work-more { font-size: var(--fs-button); font-weight: 700; color: var(--chocolate); margin-top: 0.4rem; }
.work-card--soon { background: var(--cream); border-color: transparent; }
.work-card--soon .work-tag { background: var(--sky); color: var(--cream); }
.work-card--soon .work-more { color: rgba(48,48,48,0.55); font-weight: 600; }

@media (max-width: 900px) {
  .work-grid { grid-template-columns: 1fr; }
}

/* ===== 4 · מתכונים ===== */
#recipes .read-more-arrow { margin-top: 1.5rem; }

/* ===== 5 · עדויות ===== */
.voices-section { margin: 3.5rem 0; }
.voices-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}
.voice {
  margin: 0;
  background: var(--cream);
  border-radius: 12px;
  padding: 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.voice blockquote {
  margin: 0;
  font-size: var(--fs-text-body);
  line-height: var(--lh-text-body);
  flex: 1 1 auto;
}
.voice figcaption {
  font-size: var(--fs-text-small);
  font-weight: 700;
  color: var(--chocolate);
}
@media (max-width: 900px) {
  .voices-grid { grid-template-columns: 1fr; }
}

/* ===== 6 · נעים מאוד ===== */
.stats {
  list-style: none;
  padding: 0;
  margin: 1.1rem 0 0.4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.75rem;
}
.stats li { margin: 0; display: flex; flex-direction: column; }
.stats b {
  font-family: var(--font-heading);
  font-size: var(--fs-heading-secondary);
  font-weight: var(--fw-heading-secondary);
  line-height: 1.1;
  color: var(--chocolate);
}
.stats span { font-size: var(--fs-text-small); line-height: var(--lh-text-small); color: rgba(48,48,48,0.7); max-width: 150px; }
#about .whatsapp-link { display: block; width: fit-content; margin: 0.4rem 0 0; }

/* ===== פוטר ===== */
.brand-footer { border-top: 1px solid rgba(48,48,48,0.08); }
.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1.5rem;
  margin-bottom: 0.9rem;
}
.footer-links a { color: var(--charcoal); text-decoration: none; font-weight: 600; font-size: 0.9rem; }
.footer-links a:hover { color: var(--sky); }

/* ===== 7 · פופאפ המתנה ===== */
.gift {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(48,48,48,0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
}
.gift[hidden] { display: none; }
.gift-box {
  position: relative;
  width: 100%;
  max-width: 420px;
  background: var(--cream);
  border-radius: 14px;
  padding: 2rem 1.75rem 1.75rem;
  text-align: center;
}
.gift-close {
  position: absolute;
  top: 0.8rem;
  inset-inline-end: 0.8rem;
  background: none;
  border: none;
  font-size: 1.1rem;
  color: rgba(48,48,48,0.6);
  cursor: pointer;
}
.gift-logo { width: 96px; height: auto; }
.gift-kicker { margin: 0.6rem 0 0; font-size: var(--fs-text-small); font-weight: var(--fw-text-small); color: var(--chocolate); }
.gift-box h2 {
  margin: 0.25rem 0 0.6rem;
  font-size: var(--fs-heading-secondary);
  font-weight: var(--fw-heading-secondary);
  line-height: var(--lh-heading-secondary);
}
.gift-intro { margin: 0 0 1.2rem; font-size: var(--fs-text-body); line-height: var(--lh-text-body); }
.gift-form { display: flex; flex-direction: column; gap: 0.6rem; }
.gift-form input[type="text"],
.gift-form input[type="email"] {
  width: 100%;
  padding: 0.75rem 1.2rem;
  border-radius: 999px;
  border: 1px solid rgba(48,48,48,0.15);
  background: #fff;
  font-family: var(--font-body);
  font-size: 1rem;
  color: var(--charcoal);
}
.gift-form input:focus { outline: none; border-color: var(--sky); }
.gift-consent {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  text-align: start;
  font-size: var(--fs-text-small);
  line-height: var(--lh-text-small);
  font-weight: 400;
  color: rgba(48,48,48,0.75);
}
.gift-form button {
  margin-top: 0.3rem;
  border: none;
  border-radius: 999px;
  background: var(--chocolate);
  color: var(--cream);
  padding: 0.8rem 1.2rem;
  font-family: var(--font-body);
  font-size: var(--fs-button);
  font-weight: var(--fw-button);
  cursor: pointer;
}
.gift-form button:hover { background: #7A4E2D; }
.gift-note { margin: 0; font-size: var(--fs-text-small); color: var(--chocolate); }

/* ===== בלוג ===== */
.blog-hero { padding: 1rem 0 0.5rem; }
.blog-hero h1 { margin: 0.35rem 0 0.5rem; }
.post-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.5rem 0 3.5rem;
}
.post-card { display: flex; flex-direction: column; text-decoration: none; color: var(--charcoal); background: #fff; border: 1px solid #E0E0E0; }
.post-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.post-card-text { padding: 1rem 1.1rem 1.2rem; display: flex; flex-direction: column; gap: 0.4rem; }
.post-card h3 { margin: 0; padding: 0; font-size: var(--fs-heading-card); font-weight: var(--fw-heading-card); }
.post-card p { margin: 0; font-size: var(--fs-text-small); line-height: var(--lh-text-small); font-weight: 400; color: rgba(48,48,48,0.7); }
.post-tag {
  align-self: flex-start;
  display: inline-block;
  font-size: var(--fs-text-small);
  font-weight: var(--fw-text-small);
  color: var(--chocolate);
  background: var(--cream);
  border-radius: 999px;
  padding: 0.1rem 0.7rem;
}
@media (max-width: 900px) { .post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .post-grid { grid-template-columns: 1fr; } }

.post { max-width: 640px; margin: 0 auto 3.5rem; }
.post h1 { margin: 0.6rem 0 1.25rem; }
.post-photo { width: 100%; height: auto; border-radius: 14px; display: block; margin-bottom: 1.75rem; }
.post-body p { font-size: var(--fs-text-body); line-height: var(--lh-text-body); margin: 0 0 1.1rem; overflow-wrap: anywhere; }
.post-body a { color: var(--sky); }
.post-end {
  margin-top: 2.5rem;
  padding: 1.75rem;
  background: var(--blush);
  border-radius: 14px;
  text-align: center;
}
.post-end h2 { margin: 0 0 0.5rem; font-size: var(--fs-heading-secondary); font-weight: var(--fw-heading-secondary); line-height: var(--lh-heading-secondary); }
.post-end p { margin: 0; }

/* ===== הרשמה לדיוור (בתחתית כל עמוד) ===== */
.newsletter {
  max-width: 900px;
  margin: 0 auto 2.5rem;
  padding: 2.5rem 1.75rem;
  background: var(--cream);
  border-radius: 14px;
  text-align: center;
  color: var(--charcoal);
}
.newsletter h2 {
  margin: 0 0 0.5rem;
  font-size: var(--fs-heading-secondary);
  font-weight: var(--fw-heading-secondary);
  line-height: var(--lh-heading-secondary);
}
.newsletter > p { margin: 0 0 1.25rem; font-size: var(--fs-text-body); line-height: var(--lh-text-body); }
.newsletter-form {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 0.6rem;
  max-width: 640px;
  margin: 0 auto;
}
.newsletter-form input[type="text"],
.newsletter-form input[type="email"] {
  width: 100%;
  padding: 0.75rem 1.2rem;
  border-radius: 999px;
  border: 1px solid rgba(48,48,48,0.15);
  background: #fff;
  font-family: var(--font-body);
  font-size: 1rem;
  color: var(--charcoal);
}
.newsletter-form input:focus { outline: none; border-color: var(--sky); }
.newsletter-form button {
  border: none;
  border-radius: 999px;
  background: var(--chocolate);
  color: var(--cream);
  padding: 0.75rem 1.6rem;
  font-family: var(--font-body);
  font-size: var(--fs-button);
  font-weight: var(--fw-button);
  cursor: pointer;
}
.newsletter-form button:hover { background: #7A4E2D; }
.newsletter-form .gift-consent,
.newsletter-form .gift-note { grid-column: 1 / -1; justify-content: center; }
@media (max-width: 640px) {
  .newsletter-form { grid-template-columns: 1fr; }
}


/* ===== סקיצה ב ===== */
.draft-note { display: inline-block; margin: 0.5rem 0; padding: 0.2rem 0.8rem; border-radius: 999px; background: var(--blush); color: var(--chocolate); font-size: var(--fs-text-small); font-weight: var(--fw-text-small); }
.b-page-hero { padding: 1rem 0 0.5rem; margin-bottom: 1.5rem; }
.b-page-hero h1 { margin: 0.35rem 0 0.6rem; }
.b-page-hero--center { text-align: center; }
.b-cta { text-align: center; margin: 3.5rem 0; }
.b-cta .section-title { margin-bottom: 1.1rem; }
.offer-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.5rem; margin-top: 1.1rem; }
.offer-actions--center { justify-content: center; }
.offer-actions .brand-hero-cta { margin-top: 0; }
button.brand-hero-cta { border: none; cursor: pointer; font-family: var(--font-body); }
.offer-secondary { background: none; border: none; padding: 0; cursor: pointer; font-family: var(--font-body); font-size: var(--fs-button); font-weight: 700; color: var(--chocolate); text-decoration: underline; text-underline-offset: 3px; }

/* חידון בעמוד הבית */
.quiz-band { width: 100vw; margin-inline: calc(50% - 50vw); margin-bottom: 3.5rem; background: var(--cream); padding: 3.5rem 2rem; text-align: center; }
.quiz-band-in { max-width: 560px; margin: 0 auto; }
.quiz-band p { margin: 0.75rem 0 1.25rem; }

/* כנות */
.honest-section { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 3.5rem 0; }
.honest-col { border: 1px solid #E0E0E0; border-radius: 12px; padding: 1.5rem; }
.honest-list { margin: 1rem 0 0; padding-inline-start: 1.2rem; }
.honest-list li { margin-bottom: 0.6rem; line-height: var(--lh-text-body); }
@media (max-width: 760px) { .honest-section { grid-template-columns: 1fr; } }

/* מתכון */
.b-recipe { max-width: 640px; margin: 0 auto 3.5rem; }
.b-recipe-photo { width: 100%; height: auto; border-radius: 14px; display: block; margin-bottom: 1.25rem; }
.balance-box { background: var(--blush); border-radius: 14px; padding: 1.5rem; margin: 1.5rem 0 0.5rem; }
.balance-box h2 { margin: 0.25rem 0 0.6rem; font-size: var(--fs-heading-secondary); font-weight: var(--fw-heading-secondary); }
.balance-box p { margin: 0 0 0.6rem; }
.offer-box { margin-top: 2.5rem; border: 1px solid #E0E0E0; border-radius: 14px; padding: 1.75rem; }
.offer-box h2 { margin: 0.35rem 0 0.5rem; font-size: var(--fs-heading-secondary); font-weight: var(--fw-heading-secondary); line-height: var(--lh-heading-secondary); }
.offer-box p { margin: 0; }

/* עדויות */
.voices-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.voice--anon { background: #fff; border: 1px solid #E0E0E0; }
.voice-kicker { margin: 0; font-family: var(--font-heading); font-size: var(--fs-heading-card); font-weight: var(--fw-heading-card); color: var(--chocolate); }
@media (max-width: 760px) { .voices-grid--two { grid-template-columns: 1fr; } }

/* השיטה */
.b-quote { margin: 2rem auto 3.5rem; max-width: 640px; text-align: center; font-family: var(--font-heading); font-size: var(--fs-heading-secondary); font-weight: var(--fw-heading-secondary); line-height: var(--lh-heading-secondary); color: var(--chocolate); }
.method-block { display: flex; align-items: center; gap: 2.5rem; margin-bottom: 3.5rem; }
.method-block--hamsa { width: 100vw; margin-inline: calc(50% - 50vw); background: var(--blush); padding: 4rem 2rem; justify-content: center; }
.method-block--soft { width: 100vw; margin-inline: calc(50% - 50vw); background: var(--cream); padding: 3.5rem 2rem; justify-content: center; }
.method-text { max-width: 460px; }
.method-text--wide { max-width: 900px; width: 100%; }
.method-text p { line-height: var(--lh-text-body); }
.method-img { width: 100%; max-width: 380px; height: auto; }
.hamsa-list { list-style: none; padding: 0; margin: 1rem 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.hamsa-list li { margin: 0; background: #fff; border-radius: 999px; padding: 0.3rem 0.9rem; color: var(--chocolate); }
.method-note { font-size: var(--fs-text-small); font-weight: var(--fw-text-small); color: rgba(48,48,48,0.7); margin-top: 1rem; }
.circle-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.25rem; }
.circle-card { background: #fff; border: 1px solid #E0E0E0; border-radius: 12px; padding: 1.25rem; }
.circle-card p { margin: 0; }
.circle-q { font-family: var(--font-heading); font-size: var(--fs-heading-card); font-weight: var(--fw-heading-card); color: var(--chocolate); margin-bottom: 0.5rem !important; }
@media (max-width: 760px) {
  .method-block, .method-block--hamsa { flex-direction: column; }
  .circle-grid { grid-template-columns: 1fr; }
}

/* חידון */
.quiz { max-width: 560px; margin: 0 auto 3.5rem; }
.quiz-step, .quiz-result { background: var(--cream); border-radius: 14px; padding: 1.75rem; text-align: center; }
.quiz-count { margin: 0; font-size: var(--fs-text-small); font-weight: var(--fw-text-small); color: rgba(48,48,48,0.6); }
.quiz-step h2, .quiz-result h2 { margin: 0.4rem 0 1.1rem; font-size: var(--fs-heading-secondary); font-weight: var(--fw-heading-secondary); line-height: var(--lh-heading-secondary); }
.quiz-step button { display: block; width: 100%; margin: 0 0 0.6rem; padding: 0.85rem 1.2rem; background: #fff; border: 1px solid rgba(48,48,48,0.15); border-radius: 999px; font-family: var(--font-body); font-size: 1rem; color: var(--charcoal); cursor: pointer; }
.quiz-step button:hover { border-color: var(--sage-light); background: #fff; }
.quiz-result-text { line-height: var(--lh-text-body); }
.quiz-again { margin-top: 1rem; background: none; border: none; cursor: pointer; font-family: var(--font-body); color: rgba(48,48,48,0.6); text-decoration: underline; }

/* שקיפות */
.t-block { max-width: 640px; margin: 0 0 2.5rem; }
.t-block h3 { margin: 1.1rem 0 0.3rem; font-size: var(--fs-heading-card); font-weight: var(--fw-heading-card); }
.t-block p { margin: 0 0 0.6rem; line-height: var(--lh-text-body); }
.t-list { margin: 0.8rem 0; padding-inline-start: 1.2rem; }

/* רצועות ברוחב מלא (100vw) יוצאות מהמסך כשיש פס גלילה בצד. חותכים את העודף בלי לשבור את הדביקות. */
html, body { overflow-x: clip; }

/* שורת הסמכות בראש עמוד הבית */
.hero-creds { margin: 0 0 0.6rem; display: flex; flex-direction: column; gap: 0.15rem; }
.hero-creds strong { font-family: var(--font-heading); font-size: var(--fs-heading-card); font-weight: var(--fw-heading-card); color: var(--chocolate); }
.hero-creds span { font-size: var(--fs-text-small); font-weight: var(--fw-text-small); line-height: var(--lh-text-small); color: rgba(48,48,48,0.75); }

/* ===== הירו מתחלף: תמונה ואיורים של הדרך ===== */
.hero-slides { position: relative; height: clamp(430px, 46vw, 500px); overflow: hidden; }
.hero-slide {
  position: absolute; inset: 0; margin: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: var(--ill-bg, #fff);
  opacity: 0; transition: opacity 0.6s ease;
}
.hero-slide.is-active { opacity: 1; }
.hero-slide .brand-hero-photo { height: 100%; max-height: none; }
.hero-slide--ill img { max-width: 78%; max-height: 76%; object-fit: contain; display: block; }
.hero-slide figcaption {
  position: absolute; inset-inline: 0; bottom: 0; z-index: 1;
  padding-block: 15px 17px; padding-inline: 20px 92px;
  background: rgba(246,241,232,.95);
  font-family: var(--font-heading);
  font-size: clamp(17px, 2vw, 21px); font-weight: 600; line-height: 1.35;
  color: var(--chocolate); text-align: start; text-wrap: balance;
}
.hero-slide--ill img { margin-bottom: 3.4rem; }
/* החץ זהה לחץ של אתר המתכונים (החריג היחיד לצל: כפתור צף עגול) */
.hero-arrow {
  position: absolute; bottom: 1.25rem; left: 1.25rem; z-index: 2;
  width: 52px; height: 52px; border: none; border-radius: 50%;
  background: rgba(255,255,255,0.92); color: var(--charcoal);
  font-size: 1.6rem; line-height: 1; cursor: pointer;
  box-shadow: 0 6px 18px rgba(48,48,48,0.2);
  transition: background 0.15s ease, transform 0.15s ease;
}
.hero-arrow:hover { background: #fff; transform: scale(1.06); }
.hero-dots { position: absolute; bottom: 1.4rem; inset-inline: 0; z-index: 2; display: flex; justify-content: flex-start; padding-inline-start: 20px; gap: 6px; pointer-events: none; }
.hero-slides:has(.hero-slide figcaption) .hero-dots { bottom: auto; top: 1.25rem; }
.hero-dots span { width: 8px; height: 8px; border-radius: 50%; background: rgba(48,48,48,0.22); }
.hero-dots span.is-active { background: var(--chocolate); }
@media (max-width: 1024px) { .hero-slides { height: 380px; } }
@media (max-width: 760px) { .hero-slides { order: -1; height: 330px; } }
@media (prefers-reduced-motion: reduce) { .hero-slide { transition: none; } }


.hero-slide--ill img { max-height: 70%; }
@media (max-width: 760px) { .hero-slide--ill img { max-height: 60%; margin-bottom: 3.8rem; } .hero-slide figcaption { font-size: 16.5px; padding: 14px 70px 15px 16px; } }


/* ===== סבב הביקורת ===== */
.work-price { font-weight: 700; color: var(--chocolate); margin: 0 !important; }
a.work-more { text-decoration: none; }

.steps-section { margin: 3.5rem 0; }
.steps-list { counter-reset: step; list-style: none; padding: 0; margin: 1.5rem 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.steps-list li { counter-increment: step; margin: 0; background: #fff; border: 1px solid #E0E0E0; border-radius: 12px; padding: 1.25rem; display: flex; flex-direction: column; gap: 0.4rem; }
.steps-list li::before { content: counter(step); font-family: var(--font-heading); font-size: var(--fs-heading-secondary); font-weight: var(--fw-heading-secondary); color: var(--sage-light); line-height: 1; }
.steps-list b { font-size: var(--fs-heading-card); font-weight: var(--fw-heading-card); color: var(--chocolate); font-family: var(--font-heading); }
.steps-list span { font-size: var(--fs-text-body); line-height: var(--lh-text-body); }
@media (max-width: 900px) { .steps-list { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .steps-list { grid-template-columns: 1fr; } }

.contact-section { width: 100vw; margin-inline: calc(50% - 50vw); margin-bottom: 3.5rem; background: var(--blush); padding: 4rem 2rem; }
.contact-in { max-width: 560px; margin: 0 auto; text-align: center; }
.contact-in > p { margin: 0.75rem 0 1.5rem; line-height: var(--lh-text-body); }
.contact-form { display: grid; gap: 0.6rem; text-align: start; }
.contact-form input { width: 100%; padding: 0.8rem 1.2rem; border-radius: 999px; border: 1px solid rgba(48,48,48,0.15); background: #fff; font-family: var(--font-body); font-size: 1rem; color: var(--charcoal); }
.contact-form input:focus { outline: none; border-color: var(--sky); }
.contact-form button { border: none; border-radius: 999px; background: var(--chocolate); color: var(--cream); padding: 0.85rem 1.4rem; font-family: var(--font-body); font-size: var(--fs-button); font-weight: var(--fw-button); cursor: pointer; }
.contact-form button:hover { background: #7A4E2D; }
.contact-meta { margin: 1.25rem 0 0; }
.contact-meta--small { font-size: var(--fs-text-small); line-height: var(--lh-text-small); color: rgba(48,48,48,0.7); margin-top: 0.9rem; }
.about-where { font-size: var(--fs-text-small); line-height: var(--lh-text-small); color: rgba(48,48,48,0.7); margin: 0.8rem 0 0.2rem !important; }

.faq-list { max-width: 640px; margin: 0 auto 3.5rem; }
.faq-item { border-bottom: 1px solid #E0E0E0; padding: 1rem 0; }
.faq-item summary { cursor: pointer; font-family: var(--font-heading); font-size: var(--fs-heading-card); font-weight: var(--fw-heading-card); color: var(--chocolate); }
.faq-item p { margin: 0.7rem 0 0; line-height: var(--lh-text-body); }
.quiz-contact { margin: 1.1rem 0 0; font-size: var(--fs-text-small); line-height: var(--lh-text-small); }
.quiz-contact a { color: var(--chocolate); }


/* ===== שיחת היכרות ===== */
.call-box { margin: 1.75rem 0 0; padding: 1.75rem; background: #fff; border-radius: 14px; text-align: start; }
.call-box h3 { margin: 0.3rem 0 0.6rem; font-size: var(--fs-heading-secondary); font-weight: var(--fw-heading-secondary); line-height: var(--lh-heading-secondary); color: var(--chocolate); font-family: var(--font-heading); }
.call-box > p { margin: 0 0 1.1rem; line-height: var(--lh-text-body); }
.call-notes { list-style: none; padding: 0; margin: 1.25rem 0 0; display: flex; flex-direction: column; gap: 0.6rem; }
.call-notes li { margin: 0; font-size: var(--fs-text-body); line-height: var(--lh-text-body); }
.call-notes b { color: var(--chocolate); }

/* הפורטרט: מיקוד בפנים, כדי שהראש לא ייחתך */
.hero-slide .brand-hero-photo.hero-portrait { object-position: 50% 18%; }

/* תמונת ממליצה */
.voice-photo{
  width: 84px; height: 84px; border-radius: 50%;
  object-fit: cover; object-position: 50% 22%;
  display: block; margin: 0 0 0.9rem; 
}
.voice figcaption{ font-weight: 600; }
@media (max-width: 760px){ .voice-photo{ width: 72px; height: 72px; } }

/* צילומי מסך אמיתיים מוואטסאפ */
.wa-section{ max-width: 1120px; margin-inline: auto; padding: 0 24px 3.5rem; }
.wa-note{ color: rgba(48,48,48,.62); font-size: 15px; margin: 0 0 1.75rem; }
.wa-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: start; }
.wa-grid figure{ margin: 0; }
.wa-grid img{ width: 100%; height: auto; display: block; border: 1px solid #E6DFD4; border-radius: 10px; }
.wa-grid figcaption{ margin-top: .6rem; font-size: 13px; font-weight: 600; color: rgba(48,48,48,.55); text-align: center; }
@media (max-width: 860px){ .wa-grid{ grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; } }

/* שורת היושר בעמוד העדויות */
.voices-honesty{ max-width: 58ch; color: rgba(48,48,48,.62); font-size: 15px; line-height: 1.6; margin-top: .9rem; }
.voice .voice-kicker{ color: var(--chocolate); font-weight: 700; font-size: 14px; margin: 0 0 .5rem; letter-spacing: .01em; }

/* עדויות עם שם ופנים: שורות מלאות בכל רוחב */
.voices-grid--named{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch; }
.voices-grid--named .voice{ display: flex; flex-direction: column; height: 100%; }
.voices-grid--named blockquote{ flex: 1; }
.voice-meta{ margin: .25rem 0 0; font-size: 13px; color: rgba(48,48,48,.55); line-height: 1.45; }
@media (max-width: 1000px){ .voices-grid--named{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 680px){ .voices-grid--named{ grid-template-columns: 1fr; } }

/* תמונה קטנה בסקציית הדיוור, כדי שזה ירגיש אישי */
.newsletter-photo{
  width: 92px; height: 92px; border-radius: 50%;
  object-fit: cover; object-position: 50% 18%;
  display: block; margin: 0 auto .9rem;
  box-shadow: 0 2px 10px rgba(92,58,33,.10);
}

/* טיפוגרפיה: בלי מילה בודדת בשורה אחרונה */
h1, h2, h3, .section-title, #gift-title { text-wrap: balance; }
p, li, blockquote, figcaption, .gift-intro, .gift-consent, .voice-meta, .category-subtitle { text-wrap: pretty; }
.gift-intro { max-width: 34ch; margin-inline: auto; }
.gift-consent { max-width: 40ch; margin-inline: auto; text-align: start; }

/* עדות קולית בווידאו */
.video-voice{ max-width: 1120px; margin-inline: auto; padding: 0 24px 3rem; }
.video-voice-wrap{ display: grid; grid-template-columns: 300px 1fr; gap: 28px; align-items: center; margin-top: 1.5rem; }
.video-voice video{ width: 100%; border-radius: 14px; display: block; background: #000; box-shadow: 0 2px 14px rgba(92,58,33,.12); }
.video-voice-quote{ margin: 0; font-family: "Frank Ruhl Libre", Georgia, serif; font-size: clamp(19px, 2.4vw, 25px);
  line-height: 1.5; color: var(--chocolate); }
@media (max-width: 760px){
  .video-voice-wrap{ grid-template-columns: 1fr; gap: 18px; }
  .video-voice video{ max-width: 320px; margin-inline: auto; }
}

/* כרטיס החג: המדרגה הראשונה, ולכן הכי בולט */
.work-card--featured{
  background: var(--blush);
  border: 1px solid rgba(92,58,33,.14);
  box-shadow: 0 4px 18px rgba(92,58,33,.10);
  position: relative;
}
.work-tag--date{
  background: var(--chocolate) !important;
  color: #F6F1E8 !important;
  font-weight: 700;
  letter-spacing: .01em;
}
.work-card--featured h3{ font-size: 1.25em; }
.work-card--featured .work-price{ font-size: 1.04em; }
.work-card--featured .work-lede{ font-size: 1.02em; }
.work-card--featured .work-meta{
  font-size: .88em; color: rgba(48,48,48,.62); line-height: 1.55; margin-top: .45rem;
}
.work-more--strong{
  display: inline-block; margin-top: .9rem;
  background: var(--chocolate); color: #F6F1E8;
  padding: .62rem 1.35rem; border-radius: 999px;
  font-weight: 700; font-size: .95em;
}
.work-card--featured:hover .work-more--strong{ background: #4A2E1A; }

/* סקיצה ג · שורת הקהל בהירו */
.hero-audience{
  display:inline-block; background: var(--sage, #789C90); color:#fff;
  font-size:14px; font-weight:800; letter-spacing:.03em;
  padding:.3rem .95rem; border-radius:999px; margin:0 0 .85rem;
}

/* כרטיס הליווי הנטורופתי: נוכחות של קליניקה */
.work-card--clinic{ border-color: rgba(92,58,33,.22); }
.work-card--clinic .work-tag{ background: var(--sky, #62A4C1); color:#fff; font-weight:700; }
.work-card--clinic .work-lede{ font-weight:600; }

/* הגשר · מה משתנה כשבונים את היום אחרת */
.bridge-section{ max-width: 980px; margin-inline: auto; padding: 3.5rem 24px; }
.bridge-list{ counter-reset: b; list-style: none; padding: 0; margin: 2rem 0 0;
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.bridge-list li{ counter-increment: b; background: var(--cream, #F6F1E8);
  border-radius: 14px; padding: 22px 24px 22px 24px; position: relative; }
.bridge-list li::before{ content: counter(b); display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 50%; background: var(--chocolate); color: #F6F1E8;
  font-weight: 800; font-size: 15px; margin-bottom: 12px; }
.bridge-list li b{ display: block; font-family: "Frank Ruhl Libre", Georgia, serif;
  font-size: 19px; color: var(--chocolate); line-height: 1.35; margin-bottom: 6px; }
.bridge-list li span{ color: rgba(48,48,48,.72); font-size: 16.5px; line-height: 1.6; }
.bridge-close{ margin: 2rem auto 0; max-width: 62ch; text-align: center;
  font-family: "Frank Ruhl Libre", Georgia, serif; font-size: clamp(19px, 2.3vw, 23px);
  line-height: 1.55; color: var(--chocolate); }
@media (max-width: 760px){ .bridge-list{ grid-template-columns: 1fr; } }

/* למה מה שניסית לא החזיק */
.whynot-section{ background: var(--blush, #F5E3DD); padding: 3.2rem 24px; }
.whynot-inner{ max-width: 62ch; margin-inline: auto; }
.whynot-inner p{ font-size: 17.5px; line-height: 1.72; color: rgba(48,48,48,.82); margin: 0 0 .9rem; text-wrap: pretty; }
.whynot-close{ font-family: "Frank Ruhl Libre", Georgia, serif !important;
  font-size: clamp(19px,2.3vw,23px) !important; color: var(--chocolate) !important;
  line-height: 1.5 !important; margin-top: 1.3rem !important; }
.bridge-name{ max-width: 58ch; margin: 1.8rem auto 0; text-align: center;
  font-size: 16.5px; color: rgba(48,48,48,.72); line-height: 1.6; }
.bridge-name strong{ color: var(--chocolate); }

/* פס ההצהרה · המשפט שנעצרים עליו */
.declare{ background: var(--chocolate, #5C3A21); padding: clamp(2.6rem,6vw,4.2rem) 24px; }
.declare p{
  max-width: 22ch; margin-inline: auto; text-align: center;
  font-family: "Frank Ruhl Libre", Georgia, serif;
  font-size: clamp(23px, 3.4vw, 33px); line-height: 1.34;
  color: rgba(246,241,232,.80); text-wrap: balance;
}
.declare strong{ color: #F6F1E8; font-weight: 700; }

/* ההירו · תוצאה, הסרה, למי, וקנה מידה */
.brand-hero-text .hero-result{
  display:inline-block; padding:11px 18px; border-radius:12px;
  background:var(--blush,#F5E3DD); max-width:34ch;
  font-family:"Frank Ruhl Libre",Georgia,serif;
  font-size:clamp(18px,2.2vw,22px); line-height:1.4;
  color:var(--chocolate); margin:.1rem 0 .95rem; font-weight:600;
  text-wrap:balance;
}
.brand-hero-text .hero-without{
  font-size:16px; line-height:1.55; color:rgba(48,48,48,.68); margin:0 0 .85rem;
}
.brand-hero-text .hero-who{
  font-size:15.5px; line-height:1.6; color:rgba(48,48,48,.62);
  margin:0 0 1.35rem; max-width:44ch;
}
.brand-hero-text .hero-scale{
  font-size:13.5px; font-weight:700; letter-spacing:.02em;
  color:rgba(48,48,48,.55); margin:.85rem 0 1.6rem;
}

.brand-hero-text .hero-support{
  font-size:16.5px; line-height:1.72; color:rgba(48,48,48,.72);
  margin:.3rem 0 .95rem; max-width:46ch; text-wrap:pretty;
}
.brand-hero-text .hero-support strong{
  display:block; margin-bottom:.35rem;
  font-family:"Frank Ruhl Libre",Georgia,serif; font-weight:600;
  font-size:20px; color:var(--chocolate);
}


/* משפט העוגן · פתיח וסגירה */
.anchor-text .anchor-lead{ font-weight:600; color:var(--chocolate); margin-bottom:1.1rem; }
.anchor-text .anchor-close{
  margin-top:1.15rem; padding-top:1.05rem;
  border-top:1px solid rgba(92,58,33,.16);
  font-family:"Frank Ruhl Libre",Georgia,serif;
  font-size:clamp(18px,2.1vw,21px); line-height:1.5;
  color:var(--chocolate); text-wrap:pretty;
}

/* מה לא מבטיחה · משפט הסיום */
.honest-section .honest-close{
  grid-column: 1 / -1; margin: .4rem auto 0; max-width: 46ch;
  padding-top: 1.4rem; border-top: 1px solid rgba(92,58,33,.14);
  text-align: center; text-wrap: balance;
  font-family: "Frank Ruhl Libre", Georgia, serif;
  font-size: clamp(18px,2.2vw,22px); line-height: 1.5; color: var(--chocolate);
}

/* טעימות מתכונים · שש בשורה, בלי משבצת בודדה */
.featured-wide .featured-grid{ grid-template-columns: repeat(6, 1fr); }
@media (max-width:1024px){ .featured-wide .featured-grid{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width:560px){ .featured-wide .featured-grid{ grid-template-columns: repeat(2, 1fr); } }

/* שיחת היכרות · שורת ההסבר מתחת לכפתור */
.call-box .call-how{ margin-top:1.05rem; font-size:15.5px; line-height:1.6; color:rgba(48,48,48,.66); }

/* משפט העוגן · המשך לעמוד השיטה */
.anchor-text .anchor-more{ margin-top:1.1rem; }
.anchor-text .anchor-more a{
  font-family:"Frank Ruhl Libre",Georgia,serif; font-size:18px; font-weight:600;
  color:var(--chocolate); text-decoration:none; border-bottom:1px solid rgba(92,58,33,.3);
  padding-bottom:2px;
}
.anchor-text .anchor-more a:hover{ border-bottom-color:var(--chocolate); }

/* פס שיתופי פעולה */
.partners-band{ width: 100vw; margin-inline: calc(50% - 50vw); margin-bottom: 0;
  background: var(--cream, #F6F1E8); padding: clamp(2.6rem,5vw,3.6rem) 24px; }
.partners-in{ max-width: 50ch; margin-inline: auto; text-align: center; }
.partners-in p{ margin: .85rem 0 1.5rem; font-size: 17px; line-height: 1.7;
  color: rgba(48,48,48,.78); text-wrap: pretty; }

.nav-toggle{ display:none; }

/* ===== יישור ההדר =====
   הבעיה: הגריד היה `1fr auto 1fr`, כלומר שני צדדים ברוחב זהה.
   התפריט השמאלי צריך 582px והימני רק 252px, ולכן השמאלי נשבר לשלוש שורות
   ושני התפריטים יצאו בגבהים שונים.
   הפתרון: כל תפריט מקבל בדיוק את הרוחב שהוא צריך, ומתחת ל-1080px
   עוברים לכפתור התפריט במקום לדחוס תשעה פריטים. */
.site-header{
  max-width: 1440px; margin-inline: auto; width: 100%;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
  column-gap: 1.5rem;
}
.site-header .site-nav{ flex-wrap: nowrap; align-items: center; min-height: 40px; }
.site-header .site-nav > a,
.site-header .nav-drop-btn{ white-space: nowrap; }
.site-header .site-nav:nth-of-type(1){ justify-self: start; }
.site-header .site-nav:nth-of-type(2){ justify-self: end; }

@media (max-width: 1080px){
  .site-header{
    max-width: none; display:flex; flex-wrap:wrap; align-items:center;
    justify-content: space-between; column-gap: 0; padding: 0.7rem 1.1rem;
  }
  .site-header .brand{ order:1; margin:0; }
  .site-header .brand-logo{ height:52px; width:auto; }
  .nav-toggle{
    order:2; display:inline-flex; align-items:center; gap:8px;
    background:none; border:1px solid var(--line,#E6DFD4); border-radius:999px;
    padding:8px 14px; cursor:pointer; color:var(--chocolate);
    font-family:var(--font-body); font-size:15px; font-weight:600;
  }
  .nav-toggle-bars{ display:inline-flex; flex-direction:column; gap:3.5px; }
  .nav-toggle-bars i{ display:block; width:17px; height:2px; border-radius:2px; background:var(--chocolate); }
  .site-header .site-nav{ display:none; }
  .site-header.is-open .site-nav{
    order:3; display:flex; flex-direction:column; align-items:stretch;
    width:100%; gap:0; margin-top:0.85rem; flex-wrap:wrap;
  }
  .site-header.is-open .site-nav:first-of-type{ border-top:1px solid var(--line,#E6DFD4); padding-top:0.35rem; }
  .site-header.is-open .site-nav a,
  .site-header.is-open .nav-drop-btn{
    display:block; width:100%; text-align:start;
    padding:13px 2px; font-size:17px;
    border-bottom:1px solid var(--line,#E6DFD4);
  }
  .site-header.is-open .site-nav a.nav-cta{
    margin-top:0.9rem; border-bottom:none; border-radius:999px;
    text-align:center; padding:14px 18px;
  }
  .site-header.is-open .nav-drop{ width:100%; }
  .site-header.is-open .nav-drop-menu{
    position:static; display:block; box-shadow:none; border:none;
    padding:0 0 0 14px; background:none; min-width:0;
  }
  .site-header.is-open .nav-drop-menu a{ font-size:15.5px; opacity:.85; }
}

/* ===== טופס רב מסר מוטמע =====
   הטופס מגיע עם הכותרת הפנימית שלו ("טופס ליצירת קשר"),
   שלא מתאימה מתחת ל"בואי נישאר בקשר". מסתירים אותה.
   ⚠️ מבוסס על שם מחלקה של רב מסר. אם חגית תערוך את הטופס אצלם, לבדוק שוב. */
.rav-embed .name_text-title_assistant{ display:none !important; }
.rav-embed{ margin-top:.5rem; }

/* מאמרים בעמוד הראשי · שלושה בשורה */
.post-grid--home{ grid-template-columns: repeat(3, 1fr); }
@media (max-width:760px){
  .post-grid--home{ display:flex; overflow-x:auto; gap:12px; scroll-snap-type:x mandatory;
    padding-bottom:8px; -webkit-overflow-scrolling:touch; }
  .post-grid--home > .post-card{ flex:0 0 78%; scroll-snap-align:start; }
}

/* נעים מאוד · השורה האישית */
.about-text .about-personal{
  margin-top:.5rem; font-family:"Frank Ruhl Libre",Georgia,serif;
  font-size:17px; font-weight:500; color:var(--chocolate);
  line-height:1.55; text-wrap:pretty;
}

/* ===== עמודי המתכונים שהועברו מהאתר הישן ===== */
.b-recipe-body{ max-width: 62ch; margin-inline: auto; }
.b-recipe-body p{ margin: 0 0 1rem; font-size: 17px; line-height: 1.8; color: rgba(48,48,48,.84); text-wrap: pretty; }
.b-recipe-body h2{ margin: 2rem 0 .8rem; font-family:"Frank Ruhl Libre",Georgia,serif;
  font-size: clamp(20px,2.6vw,25px); font-weight:600; color: var(--chocolate); }
.b-recipe-body h3{ margin: 1.5rem 0 .6rem; font-family:"Frank Ruhl Libre",Georgia,serif;
  font-size: 19px; font-weight:600; color: var(--chocolate); }
.b-recipe-body ul, .b-recipe-body ol{ margin: 0 0 1.2rem; padding-inline-start: 1.4rem;
  display:flex; flex-direction:column; gap:.45rem; }
.b-recipe-body li{ font-size: 17px; line-height: 1.7; color: rgba(48,48,48,.84); }
.b-recipe-inline{ display:block; width:100%; max-width:520px; height:auto;
  margin: 1.8rem auto; border-radius: 14px; }

/* ===== החמסה ההורמונלית · כלי חי ===== */
.hamsa-live{
  width:100vw; margin-inline:calc(50% - 50vw); background:var(--blush,#F5E3DD);
  padding-block: clamp(3rem,6vw,4.8rem); padding-inline: 24px;
}
.hamsa-live > *{ max-width: 1080px; margin-inline: auto; }

.hamsa-intro{ display:grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 2.5rem; align-items:center; }
.hamsa-intro-text p{ font-size:17.5px; line-height:1.75; color:rgba(48,48,48,.82); margin:0 0 .9rem; text-wrap:pretty; max-width:52ch; }
.hamsa-intro-text .hamsa-lead{
  font-family:"Frank Ruhl Libre",Georgia,serif; font-size:clamp(19px,2.3vw,23px);
  font-weight:600; line-height:1.45; color:var(--chocolate); margin-top:1rem;
}
.hamsa-hand{ width:100%; max-width:340px; height:auto; justify-self:center; }

/* חמש האצבעות — לא רשימה יבשה, אלא חמישה עוגנים שיושבים בשורה */
.hamsa-fingers{
  list-style:none; padding:0; margin: 2.4rem auto 0;
  display:grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 12px;
}
.hamsa-fingers li{
  background:#fff; border-radius:14px; padding: 16px 14px 18px; text-align:center;
  display:flex; flex-direction:column; gap:6px;
  box-shadow: 0 1px 3px rgba(92,58,33,.07);
  transition: transform .25s ease, box-shadow .25s ease;
}
.hamsa-fingers li:hover{ transform: translateY(-3px); box-shadow: 0 6px 16px rgba(92,58,33,.10); }
.hamsa-fingers b{ font-family:"Frank Ruhl Libre",Georgia,serif; font-size:19px; font-weight:600; color:var(--chocolate); }
.hamsa-fingers span{ font-size:14.5px; line-height:1.45; color:rgba(48,48,48,.68); text-wrap:balance; }

.hamsa-bridge{
  text-align:center; margin: 3rem auto 1.4rem !important;
  font-family:"Frank Ruhl Libre",Georgia,serif; font-size:clamp(20px,2.6vw,26px);
  font-weight:600; color:var(--chocolate);
}

/* שש הסיטואציות — שלוש בשורה, תמיד בלי משבצת יתומה */
.hamsa-places{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.hamsa-place{
  margin:0; background:#fff; border-radius:16px; overflow:hidden;
  box-shadow: 0 1px 3px rgba(92,58,33,.07);
  transition: transform .3s ease, box-shadow .3s ease;
}
.hamsa-place:hover{ transform: translateY(-4px); box-shadow: 0 10px 24px rgba(92,58,33,.12); }
.hamsa-place img{ display:block; width:100%; aspect-ratio: 4 / 3; object-fit:cover;
  transition: transform .6s ease; }
.hamsa-place:hover img{ transform: scale(1.04); }
.hamsa-place figcaption{ padding: 14px 16px 18px; font-size:15.5px; line-height:1.55; color:rgba(48,48,48,.78); }
.hamsa-place figcaption b{
  display:block; margin-bottom:4px;
  font-family:"Frank Ruhl Libre",Georgia,serif; font-size:19px; font-weight:600; color:var(--chocolate);
}

.hamsa-close{
  text-align:center; margin: 2.8rem auto 0 !important; max-width: 40ch;
  font-family:"Frank Ruhl Libre",Georgia,serif; font-size:clamp(18px,2.2vw,22px);
  line-height:1.5; color:rgba(92,58,33,.82); text-wrap:balance;
}
.hamsa-close strong{ color:var(--chocolate); font-weight:700; }

@media (max-width: 900px){
  .hamsa-fingers{ grid-template-columns: repeat(5, minmax(0,1fr)); gap:8px; }
  .hamsa-fingers span{ font-size:13px; }
  .hamsa-places{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .hamsa-intro{ grid-template-columns: 1fr; gap:1.2rem; }
  .hamsa-hand{ max-width:230px; order:-1; }
  .hamsa-fingers{ grid-template-columns: 1fr; gap:8px; }
  .hamsa-fingers li{ flex-direction:row; justify-content:space-between; align-items:center; text-align:start; padding:12px 16px; }
  .hamsa-fingers span{ text-align:end; }
  .hamsa-places{ grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce){
  .hamsa-fingers li, .hamsa-place, .hamsa-place img{ transition:none; }
  .hamsa-fingers li:hover, .hamsa-place:hover, .hamsa-place:hover img{ transform:none; }
}

/* שם באנגלית בתוך טקסט עברי — לא נשבר בין שורות */
.en-name{ white-space:nowrap; unicode-bidi:isolate; }

/* החמסה על צלחת */
.hamsa-hand.hamsa-plate{ max-width:460px; border-radius:22px; box-shadow:0 10px 30px rgba(92,58,33,.14); }
@media (max-width:640px){ .hamsa-hand.hamsa-plate{ max-width:100%; } }

/* ===== מעגל הזהב ===== */
.gold-circle{ width:100vw; margin-inline:calc(50% - 50vw); background:#FBF6EA;
  padding-block: clamp(3rem,6vw,4.6rem); padding-inline:24px; }
.gold-in{ max-width:1080px; margin-inline:auto; display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:3rem; align-items:center; }
.gold-lead{ font-family:"Frank Ruhl Libre",Georgia,serif; font-size:clamp(18px,2.2vw,22px);
  line-height:1.55; color:var(--chocolate); margin:1rem 0 1.6rem; text-wrap:pretty; max-width:48ch; }
.gold-rings{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:1.1rem; }
.gold-rings li{ position:relative; padding-inline-start:2.1rem; font-size:16.5px; line-height:1.7;
  color:rgba(48,48,48,.8); text-wrap:pretty; }
.gold-rings li b{ display:block; font-family:"Frank Ruhl Libre",Georgia,serif; font-size:19px;
  font-weight:600; color:var(--chocolate); margin-bottom:2px; }
.gold-rings li::before{ content:""; position:absolute; inset-inline-start:0; top:.45rem;
  width:1.2rem; height:1.2rem; border-radius:50%; }
.gold-rings .r1::before{ background:#C39A45; }
.gold-rings .r2::before{ background:#E7CD8E; }
.gold-rings .r3::before{ background:#F4E7C6; box-shadow:inset 0 0 0 1px #E0CB95; }
.gold-svg{ width:100%; max-width:380px; height:auto; justify-self:center; }
.gs-t{ font-family:"Frank Ruhl Libre",Georgia,serif; font-size:17px; font-weight:600; fill:#5C3A21; direction:rtl; }
.gs-t.gs-arc{ letter-spacing:.06em; }
.gs-t.gs-in{ fill:#FFFBF0; font-size:17px; }
.gold-close{ max-width:720px; margin:2.8rem auto 0; text-align:center; }
.gold-close p{ font-size:17.5px; line-height:1.7; color:rgba(48,48,48,.8); margin:0 0 .8rem; text-wrap:balance; }
.gold-close .gold-strong{ font-family:"Frank Ruhl Libre",Georgia,serif; font-size:clamp(19px,2.4vw,24px);
  font-weight:700; line-height:1.45; color:var(--chocolate); }
@media (max-width:760px){
  .gold-in{ grid-template-columns:1fr; gap:1.8rem; }
  .gold-svg{ max-width:280px; order:-1; }
}

/* ===== בין המחקר לצלחת ===== */
.research-plate{ padding-block: clamp(3rem,6vw,4.6rem); padding-inline:24px; }
.rp-in{ max-width:1080px; margin-inline:auto; }
.rp-lead{ max-width:60ch; margin:1rem 0 2.2rem; font-family:"Frank Ruhl Libre",Georgia,serif;
  font-size:clamp(18px,2.1vw,21px); line-height:1.6; color:var(--chocolate); text-wrap:pretty; }
.rp-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.rp-card{ background:#fff; border:1px solid #EFE6D6; border-radius:16px; padding:22px 22px 24px;
  box-shadow:0 1px 3px rgba(92,58,33,.06); display:flex; flex-direction:column; gap:.6rem; }
.rp-n{ font-family:"Frank Ruhl Libre",Georgia,serif; font-size:15px; font-weight:700;
  color:#C39A45; letter-spacing:.08em; }
.rp-card h3{ margin:0; font-family:"Frank Ruhl Libre",Georgia,serif; font-size:20px; font-weight:600;
  line-height:1.35; color:var(--chocolate); text-wrap:balance; }
.rp-card p{ margin:0; font-size:16px; line-height:1.72; color:rgba(48,48,48,.8); text-wrap:pretty; }
@media (max-width:860px){ .rp-grid{ grid-template-columns:1fr; } }

/* ===== עדויות · קרוסלה עם פנים גדולות ===== */
.voices-section{ position:relative; }
.voices-carousel{ display:flex !important; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory;
  scroll-behavior:smooth; padding:4px 2px 14px; scrollbar-width:none; }
.voices-carousel::-webkit-scrollbar{ display:none; }
.voices-carousel .voice{ flex:0 0 calc((100% - 36px) / 3); scroll-snap-align:start; height:auto; }
.voices-carousel .voice-photo{ width:128px !important; height:128px !important; margin-inline:auto; display:block; }
.voices-nav{ display:flex; gap:10px; justify-content:flex-end; margin:-8px 0 14px; }
.voices-arrow{ width:44px; height:44px; border-radius:50%; border:1px solid rgba(92,58,33,.2);
  background:#fff; color:var(--chocolate); font-size:24px; line-height:1; cursor:pointer;
  box-shadow:0 1px 3px rgba(92,58,33,.08); }
.voices-arrow:hover{ background:var(--chocolate); color:#fff; }
.voices-arrow:focus-visible{ outline:2px solid var(--chocolate); outline-offset:2px; }
@media (max-width:760px){
  .voices-carousel .voice{ flex:0 0 84%; }
  .voices-carousel .voice-photo{ width:112px !important; height:112px !important; }
  .voices-nav{ justify-content:center; margin:0 0 12px; }
  .voices-nav::after{ content:"החליקי לעוד עדויות"; order:1; align-self:center;
    font-size:13.5px; color:rgba(48,48,48,.6); margin-inline:6px; }
  .voices-nav .voices-arrow[data-dir="next"]{ order:2; }
}

/* הגשר · כותרת על תמונה של חגית (19.9.2026) · בלי פייד — חגית: "אני שונאת פייד"
   הרקע הלבן של הצילום (#F8F8F8) ממשיך את הבאנר, והכותרת יושבת ישירות עליו */
.bridge-banner{ position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center;
  background: #F8F8F8; border-radius: 20px; overflow: hidden; }
.bridge-banner-photo{ display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.bridge-banner-text{ padding: 2rem 2.6rem 2rem 1rem; order: -1; }
.bridge-banner .section-title{ font-size: clamp(30px, 3.6vw, 44px); line-height: 1.2; color: var(--chocolate); }
@media (max-width: 760px){
  .bridge-banner{ grid-template-columns: 1fr; }
  .bridge-banner-text{ order: 1; padding: 0 1.4rem 1.8rem; margin-top: -8px; }
  .bridge-banner .section-title{ font-size: 28px; }
}

/* חלון המתנה · כל תמונת הקראמבל, חלון קטן יותר (19.9.2026). בלי פייד */
.gift-box{ background: var(--cream); padding: 0; overflow: hidden; max-width: 340px; border-radius: 14px; }
.gift-box::before{ content: ""; display: block; aspect-ratio: 3 / 4;
  background: url("/images/gift-crumble-full.jpg") center / cover no-repeat; }
.gift-box > .gift-logo{ width: 54px; margin-top: -27px; position: relative; z-index: 1;
  background: var(--cream); border-radius: 50%; padding: 3px; }
.gift-box > .gift-kicker{ margin-top: .2rem; }
.gift-box > h2{ font-size: 1.35rem; margin: .15rem 0 .4rem; }
.gift-box > .gift-intro{ font-size: .92rem; line-height: 1.5; margin-bottom: .6rem; }
.gift-box > .gift-kicker, .gift-box > h2, .gift-box > .gift-intro, .gift-box > .rav-embed{ padding-inline: 1.2rem; }
.gift-box > .rav-embed{ padding-bottom: 1rem; }
.gift-close{ z-index: 2; top: 10px; inset-inline-end: 10px; width: 32px; height: 32px; border-radius: 50%;
  background: rgba(255,255,255,.92); color: #303030; display: flex; align-items: center; justify-content: center; }
/* במחשב: התמונה המלאה מימין לטקסט, כך שהחלון נמוך ולא נחתך */
@media (min-width: 700px){
  .gift-box{ max-width: 620px; display: grid; grid-template-columns: minmax(0,1fr) 290px; grid-template-rows: auto auto auto auto 1fr; text-align: center; }
  .gift-box::before{ grid-column: 2; grid-row: 1 / -1; aspect-ratio: 3 / 4; align-self: stretch; }
  .gift-box > *:not(.gift-close){ grid-column: 1; }
  .gift-box > .gift-logo{ margin: 1.2rem auto 0; justify-self: center; }
}
/* טלפון נמוך: אפשר לגלול בתוך החלון במקום לחתוך */
.gift{ overflow-y: auto; }
@media (max-width: 699px){ .gift{ align-items: flex-start; } .gift-box{ margin-block: auto; max-width: 310px; } }
@media (min-width: 700px){ .gift-box > .rav-embed{ min-width: 0; overflow: hidden; } .gift-box > .rav-embed *{ max-width: 100%; } }

/* "חג דואגת לעצמי" בוורוד חגיגי + ענפי המותג (מאיור Now me) משני צידי הכרטיס, כמו כרטיס ברכה (19.9.2026) */
.hag-title, .hag-name{ color: #D94F86; }
.hag-name{ font-weight: 700; }
.work-card--featured, .offer-box{ position: relative; overflow: visible; }
/* ענפים סימטריים: אותו ענף, בתמונת מראה, באותו גובה ובאותו מרחק מהמסגרת, מיושרים לראש הכרטיס */
.work-card--featured::before, .work-card--featured::after,
.offer-box::before, .offer-box::after{ content: ""; position: absolute; pointer-events: none;
  top: 18px; width: 64px; height: 128px; background: url("/images/sprig-left.png") top center / contain no-repeat; }
.work-card--featured::after, .offer-box::after{ left: -74px; }
.work-card--featured::before, .offer-box::before{ right: -74px; transform: scaleX(-1); }
@media (min-width: 761px){ .work-grid{ column-gap: 5.4rem; } }
@media (max-width: 760px){
  .work-card--featured, .offer-box{ margin-top: 3.2rem; }
  .work-card--featured::before, .work-card--featured::after,
  .offer-box::before, .offer-box::after{ top: -46px; width: 30px; height: 60px; }
  .work-card--featured::after, .offer-box::after{ left: 18px; transform: rotate(-90deg); }
  .work-card--featured::before, .offer-box::before{ right: 18px; transform: scaleX(-1) rotate(-90deg); }
}

/* עמוד "המתנה שלך" אחרי הרשמה (19.9.2026) */
.gift-page{ max-width: 1000px; margin: 3rem auto 4.5rem; padding-inline: 20px; display: grid; grid-template-columns: 1fr 360px; gap: 3rem; align-items: start; }
.gift-page h1{ color: var(--chocolate); margin: .3rem 0 .8rem; }
.gift-page-lede{ font-size: 19px; line-height: 1.6; margin: 0 0 1.6rem; }
.gift-page-small{ font-size: 14px; color: rgba(48,48,48,.65); margin: .7rem 0 0; }
.gift-page-next{ margin-top: 2.6rem; padding-top: 1.6rem; border-top: 1px solid #E0E0E0; }
.gift-page-next h2{ font-size: 1.3rem; color: var(--chocolate); margin: 0 0 .6rem; }
.gift-page-next p{ font-size: 16.5px; line-height: 1.7; color: rgba(48,48,48,.8); margin: 0 0 .8rem; max-width: 60ch; }
.gift-page-photo{ width: 100%; border-radius: 16px; aspect-ratio: 3 / 4; object-fit: cover; }
@media (max-width: 760px){ .gift-page{ grid-template-columns: 1fr; gap: 1.6rem; margin-top: 1.6rem; } .gift-page-photo{ order: -1; max-height: 420px; } }
.gift-page-hag{ margin-top: 2.4rem; background: var(--blush, #F5E3DD); border-color: transparent; }
.gift-page-hag h2{ color: var(--chocolate); margin: .3rem 0 .6rem; font-size: 1.35rem; }
.gift-page-hag p{ font-size: 16.5px; line-height: 1.65; margin: 0 0 1.1rem; }

/* כפתור "שליחה" של טופס רב מסר בצבע המותג במקום הירוק שלהם (19.9.2026) */
.rav-embed a.submitButton, #ravform-nl a.submitButton, #ravform-gift a.submitButton{ background-color: #5C3A21 !important; background-image: none !important;
  border: none !important; border-radius: 999px !important; box-shadow: none !important; }
.rav-embed a.submitButton:hover{ background-color: #7A4E2D !important; }
.rav-embed a.submitButton .textPart, .rav-embed a.submitButton input{ color: var(--cream, #F6F1E8) !important; font-family: var(--font-body) !important; font-weight: 700 !important; }

/* פס עוגיות (19.9.2026) · נדרש לפי תנאי Meta לפיקסל */
.cookie-bar{ position: fixed; z-index: 90; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); inset-inline: 14px; margin-inline: auto; max-width: 620px;
  display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid #E0E0E0; border-radius: 14px;
  box-shadow: 0 6px 24px rgba(48,48,48,.12); padding: 12px 16px; font-size: 14.5px; line-height: 1.5; }
.cookie-bar[hidden]{ display: none; }
.cookie-bar p{ margin: 0; flex: 1; color: #303030; }
.cookie-bar a{ color: var(--chocolate); font-weight: 700; }
.cookie-bar button{ flex: none; background: var(--chocolate); color: var(--cream); border: 0; border-radius: 999px; padding: 8px 18px; font: 700 14px var(--font-body); cursor: pointer; }

/* קישור החידון מתחת לכפתור הראשי בעמוד הבית */
.hero-quiz{margin:.7rem 0 0}
.hero-quiz a{font-size:15px;color:#789C90;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(120,156,144,.35);padding-bottom:1px}
.hero-quiz a:hover{color:#5C3A21;border-bottom-color:rgba(92,58,33,.4)}

/* קריאה למתנה בראש עמוד מתכון ישן */
.recipe-gift{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center;background:#F5E3DD;border-radius:16px;padding:16px 18px;margin:0 0 26px}
.recipe-gift-photo{width:104px;height:104px;object-fit:cover;border-radius:12px;display:block}
.recipe-gift-kicker{font-size:12.5px;font-weight:700;color:#B08A6E;letter-spacing:.12em;margin:0 0 4px}
.recipe-gift-title{font-family:"Frank Ruhl Libre",serif;font-size:20px;font-weight:600;color:#5C3A21;margin:0 0 4px;line-height:1.3}
.recipe-gift-lede{font-size:15px;line-height:1.6;color:rgba(48,48,48,.75);margin:0 0 12px}
.recipe-gift-btn{background:#5C3A21;color:#F6F1E8;border:0;border-radius:999px;padding:11px 22px;font:700 15px/1 Assistant,system-ui,sans-serif;cursor:pointer}
.recipe-gift-btn:hover{background:#4a2e1a}
@media (max-width:560px){.recipe-gift{grid-template-columns:1fr;text-align:center;justify-items:center}}

/* באנר החג · רצועה עליונה בעמוד הבית */
.hag-bar{display:flex;align-items:center;justify-content:center;gap:16px;
  background:#D94F86;color:#fff;text-decoration:none;padding:10px 20px;
  font-size:17px;font-weight:600;position:relative;z-index:60}
.hag-bar:hover{background:#c74477}
.hag-bar-food{width:54px;height:54px;border-radius:50%;object-fit:cover;flex:none;
  border:3px solid rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(0,0,0,.14)}
.hag-bar-text{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.hag-bar-text b{font-weight:800;font-size:18.5px;color:#fff;line-height:1.2}
.hag-bar-dates{color:rgba(255,255,255,.93);font-weight:600;font-size:14.5px;line-height:1.4}
.hag-bar-cta{background:#fff;color:#D94F86;font-weight:800;border-radius:999px;
  padding:9px 22px;white-space:nowrap;font-size:15.5px}
.hag-bar:hover .hag-bar-cta{background:#FFF4F8}
@media (max-width:820px){
  .hag-bar{gap:12px;padding:10px 14px;flex-wrap:wrap}
  .hag-bar-food{width:46px;height:46px;border-width:2px}
  .hag-bar-text{align-items:flex-start;flex:1 1 auto;min-width:0}
  .hag-bar-text b{font-size:16px}
  .hag-bar-dates{font-size:12.8px}
  .hag-bar-cta{flex:0 0 auto;padding:8px 18px;font-size:14.5px}
}
@media (max-width:520px){
  .hag-bar{justify-content:space-between}
  .hag-bar-cta{width:100%;text-align:center;order:3;margin-top:2px}
}