/* ===========================================================================
   לובי סדנאות הריפוי — המכללה לבאיו-אורגונומי
   פלטת הצבעים והפונט נשלפו מהגדרות אלמנטור הגלובליות של האתר החי,
   כדי שהעמוד יישב בתוך האתר בלי להיראות זר.
   =========================================================================== */

:root {
  /* --- צבעי המותג ---
     נדגמו מהאתר החי (getComputedStyle) ומהגדרות אלמנטור הגלובליות,
     כדי שהעמוד ידבר באותה שפה בדיוק. */
  --purple:        #48146B;   /* צבע הכותרות והניווט באתר החי */
  --purple-btn:    #5C307A;   /* הסגול של הכפתורים (Elementor global) */
  --purple-dark:   #350f50;
  --purple-soft:   #f0e9f4;
  --sage:          #7D9581;   /* ירוק־מרווה — כפתור ה-CTA הראשי באתר */
  --sage-dark:     #67806c;
  --sage-text:     #4a5f51;   /* לטקסט על רקע בהיר — עומד ב-AA */
  --blue:          #57B4E5;
  --blue-pale:     #9DDDFD;
  --bg:            #FBF8F7;
  --band:          #e9e2da;   /* הרצועה הקרם-אפורה מעמוד הבית */
  --ink:           #353232;
  --ink-strong:    #272828;
  --ink-soft:      #6d6867;
  --surface:       #ffffff;
  --line:          #e8e1e4;

  /* --- טיפוגרפיה ---
     האתר החי משתמש ב-Assistant בכל מקום, כולל הכותרות. */
  --font-body:    'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* --- מידות --- */
  --wrap: 1240px;
  --gutter: clamp(16px, 4vw, 40px);
  --radius: 22px;
  --radius-sm: 14px;
  --shadow: 0 18px 50px -24px rgba(60, 35, 80, .28);
  --shadow-lift: 0 26px 60px -22px rgba(60, 35, 80, .38);
  --ease: cubic-bezier(.22, .61, .36, 1);

  /* טקסטורת הנייר של האתר עצמו — אותו קובץ, מומר ל-WebP:
     2,715KB במקור → 48KB כאן. הקצה העליון והתחתון זהים, לכן היא מתרצפת בלי תפר. */
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background-color: var(--bg);
  background-image:
    linear-gradient(to left, rgba(108,94,104,.09) 0%, transparent 11%,
                             transparent 89%, rgba(108,94,104,.11) 100%),
    url("../img/texture-tile.webp");
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, 360px 360px;
  background-position: 0 0, 0 0;
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }

h1, h2, h3 {
  font-family: var(--font-display);
  color: var(--purple);
  font-weight: 700;
  line-height: 1.15;
  margin: 0;
  letter-spacing: -.01em;
}

a { color: var(--purple); }

.wrap {
  max-width: var(--wrap);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

/* --- מצב פוקוס נגיש, אחיד בכל העמוד --- */
:where(a, button, input, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--sage-text);
  outline-offset: 3px;
  border-radius: 8px;
}
/* הכרטיס כבר מסמן את עצמו בהרמה — טבעת הפוקוס עליו עדינה ולא חוסמת */
.strip__btn:focus-visible { outline-offset: 4px; }

.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ===========================================================================
   כפתורים
   =========================================================================== */

.btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 30px;
  border: 0;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 1.02rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), background-color .25s var(--ease);
}
.btn__arrow { transition: transform .25s var(--ease); }
.btn:hover  { transform: translateY(-2px); }
.btn:hover .btn__arrow { transform: translateX(-5px); }

.btn--primary { background: var(--purple-btn); color: #fff; box-shadow: 0 12px 26px -12px rgba(92,48,122,.6); }
.btn--primary:hover { background: var(--purple-dark); }

.btn--sage { background: var(--sage); color: #fff; box-shadow: 0 12px 26px -12px rgba(125,149,129,.85); }
.btn--sage:hover { background: var(--sage-dark); }

.btn--ghost {
  background: rgba(255,255,255,.75);
  color: var(--purple);
  border: 1.5px solid var(--purple);
  backdrop-filter: blur(6px);
}
.btn--ghost:hover { background: #fff; }

/* ===========================================================================
   כותרת עליונה — תואמת לתבנית ההדר של שאר העמודים שעוצבו.
   באתר החי ההדר של אלמנטור מחליף את הבלוק הזה.
   =========================================================================== */

.wl-prev-header {
  background: rgba(251,248,247,.96);
  border-bottom: 1px solid var(--line);
  position: sticky; top: 0; z-index: 50;
}
.wl-prev-header__inner {
  display: flex; align-items: center; gap: 22px; padding-block: 10px;
}

.wl-prev-header__logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.wl-prev-header__logo img { height: 68px; width: auto; }
.footer__brand img     { height: 104px; width: auto; }
.wl-prev-header__name {
  font-family: var(--font-display); color: var(--purple);
  font-weight: 700; line-height: 1.12; font-size: .95rem; white-space: nowrap;
}

.wl-prev-header nav { display: flex; gap: 26px; margin-inline: auto; }
.wl-prev-header nav a {
  color: var(--ink); text-decoration: none; font-size: .95rem; padding-block: 4px;
  border-bottom: 2px solid transparent; transition: color .2s, border-color .2s;
}
.wl-prev-header nav a:hover { color: var(--purple); }
.wl-prev-header nav a[aria-current="page"] { color: var(--purple); border-color: var(--blue); font-weight: 600; }

.wl-prev-header__tools { display: flex; align-items: center; gap: 9px; }

.pill-account {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--sage); color: #fff;
  padding: 9px 20px 9px 14px; border-radius: 999px;
  font-size: .9rem; font-weight: 600; text-decoration: none; white-space: nowrap;
  transition: background-color .2s, transform .2s var(--ease);
}
.pill-account:hover { background: var(--sage-dark); transform: translateY(-1px); }
.pill-account svg { width: 17px; height: 17px; }

.icon-btn {
  width: 40px; height: 40px; flex: none;
  border-radius: 50%; display: grid; place-items: center;
  color: #fff; text-decoration: none;
  transition: transform .2s var(--ease), filter .2s;
}
.icon-btn:hover { transform: translateY(-2px); filter: brightness(1.08); }
.icon-btn svg { width: 19px; height: 19px; }
.icon-btn--phone { background: var(--purple-btn); }
.icon-btn--wa    { background: #25D366; }

@media (max-width: 1080px) { .wl-prev-header nav { display: none; } }
@media (max-width: 560px)  { .wl-prev-header__name { display: none; } }

/* ===========================================================================
   HERO — מתחלף לפי הסדנה הנבחרת
   =========================================================================== */

.hero { padding-top: 22px; }

.hero__frame {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  background: var(--surface);
  min-height: clamp(380px, 46vw, 530px);
  display: grid;
}

/* שכבת התמונה — מוחלפת בהצלבה רכה */
.hero__media {
  grid-area: 1 / 1;
  position: relative;
  overflow: hidden;
}
.hero__img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: var(--hero-pos, 30% center);
  opacity: 0;
  transform: scale(1.04);
  transition: opacity .7s var(--ease), transform 1.1s var(--ease);
}
.hero__img.is-active { opacity: 1; transform: scale(1); }

/* הצללה שמאפשרת לטקסט לשבת קריא מעל התמונה */
.hero__scrim {
  grid-area: 1 / 1;
  /* זיגוג רך שדועך שמאלה — שומר על התמונה חדה ומאפשר לטקסט לנשום */
  backdrop-filter: blur(1px) saturate(1.01);
  -webkit-backdrop-filter: blur(1px) saturate(1.01);
  mask-image: linear-gradient(270deg, #000 0%, #000 24%, rgba(0,0,0,.25) 42%, transparent 56%);
  -webkit-mask-image: linear-gradient(270deg, #000 0%, #000 24%, rgba(0,0,0,.25) 42%, transparent 56%);
  background: linear-gradient(
    270deg,
    rgba(251,248,247,.76) 0%,
    rgba(251,248,247,.68) 26%,
    rgba(251,248,247,.45) 44%,
    rgba(251,248,247,.12) 62%,
    rgba(251,248,247,0)   80%
  );
}

.hero__content {
  grid-area: 1 / 1;
  position: relative;
  display: flex; flex-direction: column;
  justify-content: center; align-items: flex-start;
  gap: 18px;
  max-width: 560px;
  padding: clamp(28px, 4.5vw, 56px);
  padding-inline-start: clamp(28px, 5vw, 64px);
}

/* תגית "בקרוב" — פיל עם מסגרת, באותה שפה של כפתורי ההדר */
.hero__badge {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 8px 20px 8px 15px;
  border: 1.5px solid var(--sage-text);
  border-radius: 999px;
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  font-size: 1rem; font-weight: 700; color: var(--sage-text);
  letter-spacing: .03em;
}
.hero__badge svg { width: 21px; height: 21px; flex: none; }
/* חובה: display על המחלקה גובר על התכונה hidden */
.hero__badge[hidden] { display: none; }

/* שורת הפרטים — עדינה יותר מתגית "בקרוב": מסגרת דקה, טקסט קטן, בלי משקל */
.hero__meta {
  display: inline-flex; align-items: center; gap: 12px;
  margin: 0;
  padding: 6px 16px;
  border: 1px solid rgba(74,95,81,.34);
  border-radius: 999px;
  background: rgba(255,255,255,.5);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  font-size: .87rem; font-weight: 500; color: var(--sage-text);
  letter-spacing: .01em;
}
.hero__meta-item { display: inline-flex; align-items: center; gap: 6px; }
.hero__meta svg  { width: 15px; height: 15px; flex: none; opacity: .85; }
.hero__meta-sep {
  width: 1px; height: 13px;
  background: rgba(74,95,81,.3);
}
.hero__meta:empty { display: none; }

@media (max-width: 480px) {
  .hero__meta { font-size: .82rem; gap: 9px; padding: 5px 13px; }
  .hero__meta svg { width: 14px; height: 14px; }
}

.hero__title { font-size: clamp(2.3rem, 5.2vw, 3.7rem); }

.hero__tagline {
  font-size: clamp(1.05rem, 2.1vw, 1.32rem);
  color: var(--purple); font-weight: 600; line-height: 1.5;
}

.hero__lead {
  font-size: 1.02rem; color: var(--ink); max-width: 46ch; margin: 0;
}

/* אזור שמתעדכן — מקבל אנימציית כניסה עדינה בכל החלפה */
.is-swapping .hero__content > *,
.is-swapping .detail__text > * { animation: none; }
.hero__content > *, .detail__text > * { animation: rise .55s var(--ease) both; }
.hero__content > *:nth-child(2) { animation-delay: .05s; }
.hero__content > *:nth-child(3) { animation-delay: .1s; }
.hero__content > *:nth-child(4) { animation-delay: .15s; }
.hero__content > *:nth-child(5) { animation-delay: .2s; }

@keyframes rise {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: none; }
}

/* חצים */
.hero__nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 52px; height: 52px; border-radius: 50%;
  border: 0; cursor: pointer;
  background: rgba(255,255,255,.9);
  color: var(--purple);
  box-shadow: 0 8px 24px -10px rgba(60,35,80,.5);
  display: grid; place-items: center;
  transition: background-color .2s, transform .2s var(--ease);
  backdrop-filter: blur(8px);
}
.hero__nav:hover { background: #fff; transform: translateY(-50%) scale(1.07); }
.hero__nav--prev { inset-inline-start: 18px; }
.hero__nav--next { inset-inline-end: 18px; }
.hero__nav svg { width: 22px; height: 22px; }

@media (max-width: 860px) {
  .hero__frame { min-height: 0; }
  .hero__media { min-height: 260px; }
  .hero__frame { grid-template-rows: 260px auto; }
  .hero__media, .hero__scrim { grid-area: 1 / 1; }
  .hero__content { grid-area: 2 / 1; max-width: none; }
  .hero__scrim {
    background: linear-gradient(to bottom, rgba(251,248,247,0) 45%, rgba(251,248,247,.9) 88%, var(--bg) 100%);
  }
  .hero__nav { top: 130px; }
}

/* ===========================================================================
   סטריפ הסדנאות
   =========================================================================== */

.strip { padding-block: 26px 10px; }

.strip__list {
  list-style: none; margin: 0; padding: 4px;
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px;
}

.strip__btn {
  width: 100%; padding: 0; border: 0;
  background: var(--surface);
  border-radius: 22px;
  overflow: hidden; cursor: pointer;
  opacity: .88;
  /* מובלט מהנייר: הארה משמאל־למעלה, צל מימין־למטה, וקו חם דק */
  box-shadow:
    -6px -6px 14px rgba(255,255,255,.85),
     7px  9px 18px rgba(146,136,133,.22),
     0 0 0 1px rgba(156,150,147,.22);
  transition: transform .34s var(--ease), box-shadow .34s var(--ease), opacity .3s var(--ease);
  display: flex; flex-direction: column;
  font-family: var(--font-body);
}
.strip__btn { height: 100%; }
.strip__btn:hover {
  opacity: .96; transform: translateY(-3px);
  box-shadow:
    -8px -8px 18px rgba(255,255,255,.9),
     9px 12px 24px rgba(146,136,133,.3),
     0 0 0 1px rgba(156,150,147,.28);
}

.strip__thumb {
  aspect-ratio: 16 / 11;
  width: 100%; object-fit: cover;
  transition: transform .5s var(--ease);
}
.strip__btn:hover .strip__thumb { transform: scale(1.05); }

.strip__label {
  margin-top: auto;
  display: flex; flex-direction: column; justify-content: center;
  min-height: 78px;
  padding: 13px 10px 15px;
  font-size: .97rem; font-weight: 600; color: var(--purple);
  text-align: center; line-height: 1.35;
}

/* שלוש שכבות שמייצרות נפח, כמו בכרטיס הייחוס:
   קו חם דק בקצה + צל פנימי שנכנס פנימה + צל חיצוני רחב.
   הצל הפנימי יושב על שכבה נפרדת כי לכרטיס יש overflow:hidden,
   ו-inset רגיל היה נחבא מאחורי התמונה. */
.strip__btn { position: relative; }
.strip__btn::before {
  content: '';
  position: absolute; inset: 0; z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 1px rgba(156,150,147,.42),
    inset 6px 6px 16px -6px rgba(146,136,133,.34),
    inset -6px -6px 14px -6px rgba(255,255,255,.9);
  opacity: 0;
  transition: opacity .34s var(--ease);
}
.strip__btn[aria-selected="true"]::before { opacity: 1; }

.strip__btn[aria-selected="true"] {
  opacity: 1;
  transform: translateY(-7px);
  box-shadow:
    -12px -12px 26px rgba(255,255,255,.95),
     14px  18px 34px rgba(140,129,126,.42),
     0 0 0 1.5px rgba(156,150,147,.4);
}

/* הכפתור בכרטיס — "לגלות את הסדנה" לסדנה רצה, "בקרוב" לעתידית.
   לא כפתור אמיתי אלא חיווי בתוך הכרטיס, שכולו כבר לחיץ. */
.strip__cta {
  display: inline-block; margin-top: 7px;
  font-size: .78rem; font-weight: 700;
  border-radius: 999px; padding: 3px 14px;
  border: 1px solid var(--sage-text);
  background: rgba(122,145,129,.1);
  color: var(--sage-text);
  transition: background-color .25s var(--ease), border-color .25s var(--ease);
}
.strip__btn:hover .strip__cta,
.strip__btn[aria-selected="true"] .strip__cta {
  background: var(--sage-text); border-color: var(--sage-text); color: #fff;
}

/* עתידית — עדין יותר, בלי מילוי במעבר */
.strip__cta--soon {
  border-color: rgba(74,95,81,.45);
  background: transparent; font-weight: 600;
}
.strip__btn:hover .strip__cta--soon,
.strip__btn[aria-selected="true"] .strip__cta--soon {
  background: rgba(122,145,129,.14);
  border-color: var(--sage-text); color: var(--sage-text);
}

@media (max-width: 980px) {
  .strip__list {
    display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
    padding-bottom: 14px; margin-inline: calc(var(--gutter) * -1);
    padding-inline: var(--gutter);
    scrollbar-width: thin;
  }
  .strip__list > li { flex: 0 0 172px; scroll-snap-align: center; }
}

/* ===========================================================================
   רצועת מבוא — משותפת לכל הסדנאות, ממורכזת.
   היררכיה: כותרת עילית → ציטוט דו-גוני → קו → פסקה → שלוש נקודות → סיום.
   =========================================================================== */

.intro { padding-block: clamp(52px, 8vw, 100px) clamp(40px, 6vw, 72px); }

.intro__inner { text-align: center; }

.intro__eyebrow {
  font-size: .8rem; font-weight: 700;
  letter-spacing: .22em; color: var(--sage-text);
  margin: 0 0 20px;
}

.intro__quote { margin-inline: auto; }
.intro__quote span { display: block; text-wrap: balance; }

/* המילה הנושאת — נקודת האחיזה של העין */
.intro__quote .q-big {
  font-size: clamp(2.7rem, 6.4vw, 4.6rem);
  font-weight: 700; color: var(--purple);
  line-height: 1.02; letter-spacing: -.025em;
}
/* המשך המשפט — גדול אך קל, כדי לא להתחרות */
.intro__quote .q-rest {
  font-size: clamp(1.3rem, 2.7vw, 1.95rem);
  font-weight: 400; color: var(--ink);
  line-height: 1.32; margin-top: 8px;
}
/* ההבטחה — קטנה יותר אבל הכי מודגשת אחרי הכותרת */
.intro__quote .q-b {
  font-size: clamp(1.08rem, 2vw, 1.42rem);
  font-weight: 700; color: var(--sage-text);
  line-height: 1.4; margin-top: 16px;
}

.intro .rule { margin-block: 26px 26px; }

.intro__lead {
  max-width: 54ch; margin: 0 auto;
  font-size: 1rem; line-height: 1.75; color: var(--ink-soft);
}

/* --- שלוש הנקודות --- */
.points {
  list-style: none; margin: clamp(32px, 4.5vw, 52px) auto 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: clamp(16px, 2.4vw, 28px);
  max-width: 830px;
  text-align: center;
}

.pt {
  display: flex; flex-direction: column; align-items: center; gap: 14px;
  padding: clamp(24px, 3vw, 34px) clamp(16px, 2vw, 24px);
  background: rgba(255,255,255,.66);
  border: 1px solid rgba(92,48,122,.10);
  border-radius: var(--radius);
  box-shadow: 0 14px 34px -26px rgba(60,35,80,.45);
}

.pt__badge {
  width: 72px; height: 72px; flex: none;
  display: grid; place-items: center;
  border-radius: 50%;
  color: var(--purple);
  background: none;
  border: 1.5px solid var(--purple);   /* אותו עובי כמו קווי האייקון */
}
.pt__icon { width: 35px; height: 35px; }

.pt__title {
  margin: 0; font-size: clamp(1.12rem, 1.7vw, 1.3rem);
  color: var(--purple); line-height: 1.3;
}
.pt__text {
  margin: 0; font-size: .97rem; line-height: 1.6; color: var(--ink-soft);
  text-wrap: pretty; max-width: 22ch;
}

.intro__after {
  max-width: 52ch; margin: clamp(22px, 3vw, 32px) auto 0;
  font-size: .97rem; color: var(--ink-soft); line-height: 1.75;
}

/* --- שורת הסיום --- */
.intro__closing {
  max-width: 48ch; margin: clamp(30px, 4vw, 46px) auto 0;
  font-size: 1.02rem; line-height: 1.7; color: var(--sage-text);
  position: relative; padding-top: 26px;
}
.intro__closing::before {
  content: ''; position: absolute; top: 0; left: 50%;
  transform: translateX(-50%);
  width: 46px; height: 1.5px; border-radius: 2px;
  background: linear-gradient(to left, transparent, var(--blue), transparent);
}

@media (max-width: 880px) {
  .points { grid-template-columns: 1fr; max-width: min(460px, 100%); }
  .pt { display: grid; grid-template-columns: auto 1fr; align-items: center;
        column-gap: 18px; row-gap: 2px; text-align: start; padding: 18px 20px; }
  .pt__badge  { grid-row: 1 / 3; }
  .pt__text   { max-width: none; }
  .pt__badge { width: 54px; height: 54px; }
  .pt__icon { width: 26px; height: 26px; }
}

/* ===========================================================================
   DETAIL — מתחלף לפי הסדנה הנבחרת
   =========================================================================== */

.detail { padding-block: clamp(16px, 3vw, 34px) clamp(48px, 7vw, 90px); }

.detail__inner {
  display: grid; grid-template-columns: 1.05fr .95fr;
  gap: clamp(30px, 5vw, 72px); align-items: center;
}

.detail__text { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }

.detail__title { font-size: clamp(2rem, 4.2vw, 3rem); }

.detail__tagline {
  font-size: clamp(1.02rem, 2vw, 1.25rem);
  color: var(--purple); font-weight: 600; margin: 0;
}

.detail__body { margin: 0; max-width: 58ch; }
.detail__body p { margin: 0 0 14px; }
.detail__body p:last-child { margin-bottom: 0; }

.detail__note {
  font-size: .9rem; color: var(--ink-soft);
  border-inline-start: 3px solid var(--blue-pale);
  padding-inline-start: 14px; margin: 0; max-width: 54ch;
}

.detail__figure {
  position: relative; margin: 0;
  border-radius: var(--radius); overflow: hidden;
  box-shadow: var(--shadow);
}
.detail__figure img {
  width: 100%; height: auto;          /* חובה — אחרת תכונת height שב-HTML גוברת */
  aspect-ratio: 3 / 2; object-fit: cover;
  transition: opacity .55s var(--ease);
}

@media (max-width: 880px) {
  .detail__inner { grid-template-columns: 1fr; }
  .detail__figure { order: -1; }
}

/* ===========================================================================
   למי הסדנה מתאימה
   =========================================================================== */

.fit {
  padding-block: clamp(44px, 5.4vw, 66px);
  text-align: center;
  background: var(--band);
}
.fit__title { font-size: clamp(1.6rem, 3.4vw, 2.3rem); margin-bottom: 8px; }

/* קו הקישוט שמתחת לכותרות — אותו מוטיב שחוזר בכל העמודים שעיצבת */
.rule { display: block; width: 172px; height: auto; margin: 12px auto 24px; }

/* --- הקו המעוקל שייך לכפתורים: נכנס משמאל, מקיף את הקצה ועובר מתחת --- */
.btn--swoosh { position: relative; }
.btn--swoosh::before {
  content: '';
  position: absolute;
  inset-inline-start: -26px;
  top: -13px;
  width: calc(100% + 54px);
  height: calc(100% + 30px);
  background: url("../img/swoosh.svg") no-repeat center / 100% 100%;
  pointer-events: none;
  z-index: 1;
}
.btn--swoosh > * { position: relative; z-index: 2; }
.rule--start { margin-inline: 0 auto; }
.fit__text {
  max-width: 60ch; margin-inline: auto; margin-block: 0;
  font-size: 1.06rem; color: var(--ink);
}

/* ===========================================================================
   פוטר — תואם לפוטר של האתר החי.
   צבעים נדגמו מצילום הלייב: רקע #c1b6d3 → #917cbc → #674182,
   כפתור שליחה #74958f, משולשי התפריט #44bb9e.
   =========================================================================== */

.wl-prev-footer {
  /* בלי מרווח עליון — הרצועה הבז'ית נכנסת ישירות לפוטר */
  margin-top: 0;
  padding-block: clamp(40px, 5.5vw, 66px);
  color: #fff;
  background-color: #8b76b6;
  background-image: url("../img/footer-bg.webp");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.wl-prev-footer__inner {
  display: grid;
  grid-template-columns: 1.5fr .85fr .7fr;
  gap: clamp(26px, 4vw, 60px);
  align-items: start;
}

.footer__col--end { justify-self: center; padding-top: 6px; }

.footer__title {
  color: #fff;
  font-size: clamp(1.25rem, 2.2vw, 1.6rem);
  font-weight: 700;
  margin-bottom: 18px;
}

/* --- טופס --- */
.lead__form { display: grid; gap: 13px; }
.lead__row  { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }

.lead__form input,
.lead__form textarea {
  width: 100%;
  font-family: var(--font-body); font-size: 1rem;
  padding: 14px 22px;
  border: 0;
  background: #fff;
  color: var(--ink);
  transition: box-shadow .2s;
}
.lead__form input    { border-radius: 999px; height: 52px; }
.lead__form textarea { border-radius: 26px; min-height: 148px; resize: vertical; padding-top: 16px; }
.lead__form input::placeholder,
.lead__form textarea::placeholder { color: #8e8a8c; }
.lead__form input:focus,
.lead__form textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,255,255,.55);
}

.btn--send {
  width: 100%; justify-content: center;
  background: #74958f; color: #fff;
  border-radius: 999px; height: 52px;
  font-size: 1.02rem; font-weight: 600;
}
.btn--send:hover { background: #63837d; }

.lead__status { margin: 4px 0 0; font-size: .92rem; color: #fff; min-height: 1.4em; }

/* --- תפריט מקוצר --- */
.footer__links { list-style: none; margin: 0; padding: 0; display: grid; gap: 15px; }
.footer__links a {
  display: inline-flex; align-items: center; gap: 11px;
  text-decoration: none; color: #fff; font-size: 1.02rem;
  transition: gap .2s var(--ease), opacity .2s;
}
.footer__links a::before {
  content: ''; flex: none;
  width: 0; height: 0;
  border-block: 6px solid transparent;
  border-inline-end: 9px solid #44bb9e;   /* המשולש הירוק */
}
.footer__links a:hover { gap: 15px; opacity: .85; }

/* --- כפתור אזור אישי --- */
.pill-account--footer {
  background: #6a8e86;
  padding: 11px 26px 11px 18px;
  font-size: 1rem;
}
.pill-account--footer:hover { background: #5b7d75; }

@media (max-width: 940px) {
  .wl-prev-footer__inner { grid-template-columns: 1fr 1fr; }
  .footer__col--end { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 620px) {
  .wl-prev-footer__inner { grid-template-columns: 1fr; }
  .lead__row { grid-template-columns: 1fr; }
}

/* ===========================================================================
   כיבוד העדפת תנועה מופחתת
   =========================================================================== */

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


/* ===========================================================================
   גרסה B בלבד (body.v-lobby) — הפתיח קודם, אחריו התפריט, ורק אז הבאנר.
   הכללים כאן לא נוגעים ב-index.html.
   =========================================================================== */

/* פתיח קומפקטי — כדי שקצה הכרטיסים כבר ייראה בסריקה הראשונה */
.v-lobby .intro { padding-block: clamp(20px, 2.4vw, 32px) clamp(14px, 1.6vw, 20px); }
.v-lobby .intro__quote .q-big  { font-size: clamp(2.2rem, 4.8vw, 3.5rem); line-height: 1.0; }
.v-lobby .intro__quote .q-rest { font-size: clamp(1.2rem, 2.3vw, 1.65rem); }
.v-lobby .intro .rule          { margin-block: 12px 12px; }
.v-lobby .intro__lead          { font-size: .95rem; max-width: 50ch; }
.v-lobby .points               { margin-top: clamp(16px, 2vw, 24px); }
.v-lobby .pt                   { padding: clamp(16px, 1.9vw, 22px) 14px; gap: 11px; }
.v-lobby .pt__badge            { width: 64px; height: 64px; }
.v-lobby .pt__icon             { width: 31px; height: 31px; }

/* המשפט המשלים ושורת הסיום יורדים לתחתית העמוד בגרסה הזו —
   כאן הם היו מעכבים את המפגש עם הכרטיסים */
.v-lobby .intro__after,
.v-lobby .intro__closing { display: none; }

/* התפריט צמוד לבאנר, כדי שייקרא כטאבים ולא כרשימה נפרדת */
.v-lobby .strip { padding-block: 8px 34px; }
.v-lobby .hero  { padding-top: 0; }

@media (max-width: 980px) {
  .v-lobby .strip { padding-block: 8px 24px; }
}


/* --- גרסה B: הציור כרקע הסקשן ---
   המקור מחזיק כבר את הקומפוזיציה הנכונה (ציור למטה, קרם למעלה),
   לכן מציגים אותו ברוחב מלא ועוגן לתחתית, בלי לחתוך. */
/* הנתיב מוגדר כאן ולא ב-HTML: URL בתוך משתנה CSS נפתר יחסית
   לקובץ שצורך אותו. החלפת ציור = הוספת class לתגית body. */
.v-lobby            { --lobby-band: url("../img/lobby-desk.webp"); }
.v-lobby.band-scene { --lobby-band: url("../img/lobby-scene.webp"); }
.v-lobby.band-field { --lobby-band: url("../img/lobby-lavender.webp"); }
.v-lobby.band-herbs { --lobby-band: url("../img/lobby-herbs.webp"); }

.v-lobby .intro { position: relative; isolation: isolate; padding-top: clamp(30px, 3.4vw, 48px); }

.v-lobby .intro::before {
  content: '';
  position: absolute; inset: 0; z-index: -2;
  background-image: var(--lobby-band);
  background-size: cover;
  background-position: center 38%;
  background-repeat: no-repeat;
  mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%);
}

/* הבהרה מתחת לטקסט בלבד — שומרת קריאות ומשאירה את הציור בשוליים */
.v-lobby .intro::after {
  content: '';
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(62% 50% at 50% 32%,
              rgba(251,248,247,.9) 0%, rgba(251,248,247,.66) 56%, transparent 86%);
}

/* הכרטיסים יושבים מעל הציור — רקע אטום יותר כדי שיישארו נקיים */
.v-lobby .pt {
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border-color: rgba(92,48,122,.14);
}

/* הפסקה יושבת מעל ציור בהיר — צבע כהה יותר כדי לעמוד בניגודיות */
.v-lobby .intro__lead { color: var(--ink); }

/* דחיסה נוספת של הפתיח בגרסה B */
.v-lobby .intro__eyebrow { margin-bottom: 12px; }
.v-lobby .intro__quote .q-rest { margin-top: 5px; }
.v-lobby .intro__quote .q-b { margin-top: 11px; }
.v-lobby .pt__title { font-size: clamp(1.04rem, 1.5vw, 1.18rem); }
.v-lobby .pt__text { font-size: .92rem; line-height: 1.5; }

/* ===========================================================================
   תיקוני רספונסיב
   =========================================================================== */

/* הציור בפתיח: ברוחב צר "100% auto" מכסה רק רצועה בתחתית,
   כי הסקשן גבוה יותר מהתמונה. במובייל עוברים ל-cover. */
@media (max-width: 900px) {
  .v-lobby .intro::before {
    background-size: cover;
    background-position: center center;
    mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
  }
  .v-lobby .intro::after {
    background: radial-gradient(78% 42% at 50% 34%,
                rgba(251,248,247,.92) 0%, rgba(251,248,247,.72) 58%, transparent 88%);
  }
}

/* טקסטורת הנייר — אריח קטן יותר במסכים צרים */
@media (max-width: 620px) {
  body { background-size: 100% 100%, 240px 240px; }
}

img, svg { max-width: 100%; }

/* ===========================================================================
   טלפון — כל סדנה היא כרטיס תמונה ברוחב מלא, הטקסט יושב עליה.
   אותה שפה כמו ההירו: הצללה בהירה מלמטה, כותרת סגולה מעליה.
   =========================================================================== */
@media (max-width: 720px) {
  .strip__list {
    display: grid; grid-template-columns: 1fr; gap: 16px;
    overflow: visible;
    margin-inline: 0; padding-inline: 0; padding-bottom: 0;
    scroll-snap-type: none;
  }
  .strip__list > li { flex: none; }

  .strip__btn {
    display: block; position: relative;
    aspect-ratio: 5 / 3;
    border-radius: 20px;
    padding: 0;
  }

  .strip__thumb {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
  }

  .strip__label {
    position: absolute; inset: 0;
    z-index: 2;
    margin: 0; min-height: 0;
    display: flex; flex-direction: column;
    align-items: flex-start; justify-content: flex-end;
    text-align: start;
    padding: 20px 22px 18px;
    /* הצללה חזקה יותר באזור הטקסט, ועדיין נגמרת מוקדם כדי לא לאכול את התמונה */
    background: linear-gradient(to top,
      rgba(251,248,247,.99) 0%,
      rgba(251,248,247,.96) 22%,
      rgba(251,248,247,.62) 38%,
      rgba(251,248,247,.12) 52%,
      rgba(251,248,247,0)   62%);
  }

  .strip__name {
    font-size: 1.32rem; font-weight: 700; color: var(--purple);
    line-height: 1.2;
    /* הילה לבנה רכה — מרימה את הטקסט מהתמונה בלי להכהות אותה */
    text-shadow: 0 0 3px rgba(251,248,247,.95), 0 1px 12px rgba(251,248,247,.85);
  }
  .strip__tag {
    display: block;
    margin-top: 3px;
    font-size: .93rem; font-weight: 500; color: var(--ink);
    line-height: 1.4;
    text-shadow: 0 0 3px rgba(251,248,247,.95), 0 1px 10px rgba(251,248,247,.8);
  }
  .strip__cta { margin-top: 9px; }

  /* הנבחר: בהירות מלאה והרמה קלה, בלי לשבור את הקצב */
  .strip__btn { opacity: .92; }
  .strip__btn[aria-selected="true"] { opacity: 1; transform: translateY(-3px); }
}

/* כותרת המשנה בכרטיס נחוצה רק בתצוגת המובייל.
   ממוקד לרוחב מסוים כדי שלא ידרוס את המדיה קוורי שמופיע לפניו. */
@media (min-width: 721px) { .strip__tag { display: none; } }


/* ===========================================================================
   ניטרול סגנונות הכפתורים של ערכת העיצוב

   GeneratePress צובעת כל <button> באתר:
       button        { background:#55555e; color:#fff; padding:10px 20px }
       button:focus  { background:#3f4047 }

   ל-button:focus יש עדיפות (0,1,1) שגוברת על מחלקה בודדת כמו .strip__btn
   שהיא (0,1,0). לכן אחרי לחיצה הכרטיס הנבחר קיבל רקע אפור כהה.

   הפתרון: להצהיר על הרקע במפורש בכל מצב. ל-.strip__btn:focus יש (0,2,0)
   והוא גובר. הבלוק הזה יושב בסוף הקובץ כדי לנצח גם בתיקו.
   =========================================================================== */

.strip__btn,
.strip__btn:hover,
.strip__btn:focus,
.strip__btn:active,
.strip__btn[aria-selected="true"] {
  background-color: var(--surface);
  color: inherit;
  border: 0;
  padding: 0;
}

/* לחיצת עכבר לא מציגה טבעת — רק ניווט מקלדת */
.strip__btn:focus { outline: none; }
.strip__btn:focus-visible { outline: 2px solid var(--sage-text); outline-offset: 4px; }

.hero__nav,
.hero__nav:focus,
.hero__nav:active {
  background-color: rgba(255,255,255,.9);
  color: var(--purple);
  border: 0;
  padding: 0;
}
.hero__nav:hover { background-color: #fff; }
.hero__nav:focus { outline: none; }
.hero__nav:focus-visible { outline: 2px solid var(--sage-text); outline-offset: 3px; }


/* ===========================================================================
   שילוב בתוך ערכת העיצוב של האתר

   וורדפרס עוטף את התבנית במיכל התוכן של GeneratePress, שיש לו רקע לבן
   ורוחב מוגבל. בלי הבלוק הזה העמוד מופיע כרצועה לבנה באמצע המסך
   במקום על רקע הנייר.

   התוסף מוסיף ל-body את המחלקה wl-lobby-page, אז כל מה שכאן חל
   רק על העמוד הזה ולא נוגע בשום עמוד אחר באתר.
   =========================================================================== */

body.wl-lobby-page {
  background-color: var(--bg);
  background-image:
    linear-gradient(to left, rgba(108,94,104,.09) 0%, transparent 11%,
                             transparent 89%, rgba(108,94,104,.11) 100%),
    url("../img/texture-tile.webp");
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, 360px 360px;
  background-attachment: fixed, scroll;
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.75;
}

/* שרשרת המיכלים של ערכת העיצוב — שקופה ובלי הגבלת רוחב, רק כאן.
   מחלקה שלא קיימת פשוט לא עושה כלום. */
.wl-lobby-page #page,
.wl-lobby-page #content,
.wl-lobby-page .site-content,
.wl-lobby-page #primary,
.wl-lobby-page .content-area,
.wl-lobby-page #main,
.wl-lobby-page .site-main,
.wl-lobby-page .inside-article,
.wl-lobby-page .entry-content,
.wl-lobby-page .site-main > article {
  background: none !important;
  background-color: transparent !important;
  max-width: none !important;
  width: auto !important;
  margin: 0 !important;          /* לא רק inline — ל-article יש margin-bottom שיוצר רווח לפני הפוטר */
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* בלי רווח בין הסקשן האחרון לפוטר, ובלי זנב מתחת לפוטר.
   המיכלים של ערכת העיצוב נוטים לשמור גובה מינימלי ושוליים. */
.wl-lobby-page #page,
.wl-lobby-page #content,
.wl-lobby-page .site-content,
.wl-lobby-page #primary,
.wl-lobby-page .content-area,
.wl-lobby-page #main,
.wl-lobby-page .site-main,
.wl-lobby-page .inside-article,
.wl-lobby-page .entry-content { min-height: 0 !important; }

/* המשיכה של 2px סוגרת שערה שנשארת מעיגול גבהים תת-פיקסלי
   בין הסקשן האחרון לפוטר של אלמנטור. */
.wl-lobby-page .v-lobby        { margin: 0 0 -2px !important; }
.wl-lobby-page .v-lobby > main { margin: 0; padding: 0; }
.wl-lobby-page .v-lobby > main > section:last-of-type { margin-bottom: 0; }

/* עוגן בלבד, בלי גובה משלו */
.wl-lobby-page #lead { display: block; height: 0; margin: 0; padding: 0; overflow: hidden; }

/* הפוטר מתחיל מיד */
.wl-lobby-page .wl-prev-footer,
.wl-lobby-page footer.elementor-location-footer { margin-top: 0 !important; }

/* הכותרת של וורדפרס מיותרת — הבאנר נושא את שם העמוד */
.wl-lobby-page .entry-header,
.wl-lobby-page .page-header,
.wl-lobby-page .entry-title { display: none !important; }

.wl-lobby-page .v-lobby { padding-block: 0; }

/* אייקון שהועלה דרך הטופס, במקום אחד מהסט הקבוע */
.pt__icon--img { width: 100%; height: 100%; object-fit: contain; display: block; }
.hero__meta-item .pt__icon--img { width: 17px; height: 17px; }

/* ===========================================================================
   מבנה הסדנה — רצועת תמונה ומתחתיה כל התוכן

   קודם הכותרת הופיעה שלוש פעמים: בכרטיס, על הבאנר ושוב בבלוק הפירוט.
   עכשיו הבאנר הוא תמונה בלבד, והכותרת נאמרת פעם אחת מתחתיו.
   =========================================================================== */

.hero { padding-top: 18px; }

.hero__frame {
  min-height: clamp(190px, 23vw, 300px);
  position: relative;
}

/* התמונה ממלאת את הרצועה */
.hero__media { position: absolute; inset: 0; }

/* "בקרוב" יושב על התמונה, בפינה הפותחת */
.hero__frame > .hero__badge {
  position: absolute; z-index: 3;
  top: clamp(14px, 2vw, 22px);
  inset-inline-start: clamp(16px, 2.4vw, 28px);
  margin: 0;
  font-size: .95rem;
}

/* שורת הפרטים עברה לבלוק התוכן */
.detail__meta {
  display: inline-flex; align-items: center; gap: 12px;
  margin: 0;
  padding: 6px 16px;
  border: 1px solid rgba(74,95,81,.34);
  border-radius: 999px;
  background: rgba(255,255,255,.55);
  font-size: .95rem; color: var(--sage-text); font-weight: 600;
  white-space: nowrap; flex-wrap: nowrap;
  max-width: 100%;
}
.detail__meta .hero__meta-item { white-space: nowrap; }
.detail__meta:empty { display: none; }

/* הכותרת היחידה של הסדנה */
.detail__title { font-size: clamp(2.1rem, 4.6vw, 3.1rem); }

.detail { padding-block: clamp(34px, 4.6vw, 60px); }

@media (max-width: 880px) {
  .hero__frame { min-height: 160px; grid-template-rows: none; }
  .hero__frame > .hero__badge { font-size: .85rem; padding: 6px 15px 6px 11px; }
}

/* ===========================================================================
   כיוון ב' — שקט, ממורכז, תמונה אחת לסדנה

   הבריף: העמוד היה עמוס, שבע תמונות על המסך בו-זמנית ושלוש מהן אותה סדנה.
   כאן: התפריט הוא טקסט בלבד, יש תמונה אחת רחבה ונמוכה, והטקסט יושב
   בעמודה צרה וממורכזת עם מרווחים נדיבים.
   =========================================================================== */

/* --- קצב אנכי נדיב --- */
.intro      { padding-block: clamp(46px, 6.5vw, 92px) clamp(40px, 5.5vw, 72px); }
.notes-row  { padding-block: clamp(34px, 4.6vw, 60px) clamp(20px, 2.8vw, 34px); text-align: center; }
.menu   { padding-block: clamp(12px, 1.6vw, 20px); }
.cover  { padding-block: clamp(14px, 2vw, 24px); }
.sheet  { padding-block: clamp(34px, 5vw, 70px); }
.fit    { padding-block: clamp(46px, 6.5vw, 86px); }

/* --- הפתיח --- */
.intro__inner { text-align: center; }
.intro__lead  { max-width: 56ch; margin-inline: auto; }

/* שלוש הנקודות — שורות דקות במקום כרטיסים */
.notes {
  list-style: none; margin: clamp(26px, 3.4vw, 40px) auto 0; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: clamp(18px, 3vw, 46px);
  max-width: 980px;
}
.note {
  display: flex; flex-direction: column; align-items: center; gap: 5px;
  flex: 0 1 230px; text-align: center;
}
.note__mark  { width: 30px; height: 30px; color: var(--purple); opacity: .72; }
.note__mark svg { width: 100%; height: 100%; }
.note__title { font-weight: 700; color: var(--purple); font-size: 1.02rem; }
.note__text  { font-size: .9rem; color: var(--ink-soft); line-height: 1.55; max-width: 24ch; }

.intro__after, .intro__closing {
  max-width: 56ch; margin-inline: auto;
  margin-top: clamp(22px, 3vw, 34px);
  font-size: .95rem; color: var(--ink-soft);
}

/* --- תפריט הסדנאות, טקסט בלבד --- */
.menu__list {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: clamp(6px, 1.4vw, 22px);
}
.menu__btn {
  background: none; border: 0; cursor: pointer;
  padding: 9px 4px 11px;
  font-family: var(--font-body); font-size: clamp(.95rem, 1.5vw, 1.06rem);
  color: var(--ink-soft); font-weight: 500;
  display: inline-flex; align-items: baseline; gap: 7px;
  position: relative;
  transition: color .22s var(--ease);
}
.menu__btn::after {
  content: ''; position: absolute; inset-inline: 4px; bottom: 2px; height: 2px;
  background: var(--sage); border-radius: 2px;
  transform: scaleX(0); transform-origin: center;
  transition: transform .28s var(--ease);
}
.menu__btn:hover { color: var(--purple); }
.menu__btn[aria-selected="true"] { color: var(--purple); font-weight: 700; }
.menu__btn[aria-selected="true"]::after { transform: scaleX(1); }
.menu__btn:focus { outline: none; }
.menu__btn:focus-visible { outline: 2px solid var(--sage-text); outline-offset: 3px; border-radius: 6px; }

.menu__soon {
  font-size: .68rem; font-weight: 700; letter-spacing: .04em;
  color: var(--sage-text); opacity: .75;
  border: 1px solid currentColor; border-radius: 999px;
  padding: 1px 7px; line-height: 1.5;
}

/* --- תמונת הסדנה: רחבה ונמוכה --- */
.cover__frame {
  position: relative;
  aspect-ratio: 20 / 7;
  min-height: 150px;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 14px 40px -22px rgba(90,70,100,.45);
}
.cover__media { position: absolute; inset: 0; }
.cover__media img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: var(--hero-pos, center);
  opacity: 0; transition: opacity .6s var(--ease);
}
.cover__media img.is-active { opacity: 1; }

.cover__badge {
  position: absolute; z-index: 2; margin: 0;
  top: clamp(12px, 1.8vw, 20px); inset-inline-start: clamp(14px, 2.2vw, 26px);
  display: inline-flex; align-items: center; gap: 7px;
  padding: 5px 15px;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  font-size: .82rem; font-weight: 700; color: var(--sage-text);
}
.cover__badge svg { width: 15px; height: 15px; }
.cover__badge[hidden] { display: none; }   /* אחרת display של המחלקה גובר על hidden */

.cover__nav {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
  width: 40px; height: 40px; border-radius: 50%; border: 0; cursor: pointer;
  background: rgba(255,255,255,.82); color: var(--purple);
  display: grid; place-items: center;
  opacity: 0; transition: opacity .25s var(--ease), background-color .2s;
}
.cover__frame:hover .cover__nav,
.cover__nav:focus-visible { opacity: 1; }
.cover__nav:hover { background: #fff; }
.cover__nav svg { width: 19px; height: 19px; }
.cover__nav--prev { inset-inline-start: 14px; }
.cover__nav--next { inset-inline-end: 14px; }

/* --- הסדנה: עמודה צרה וממורכזת --- */
.sheet__inner {
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
  gap: clamp(10px, 1.4vw, 15px);
}
.sheet__title   { font-size: clamp(1.9rem, 4.2vw, 2.9rem); margin: 0; }
.sheet__tagline { margin: 0; font-size: clamp(1rem, 1.8vw, 1.18rem); color: var(--sage-text); font-weight: 600; }
.sheet__meta {
  margin: 2px 0 0; font-size: .88rem; color: var(--ink-soft);
  letter-spacing: .02em;
}
.sheet__meta .hero__meta-sep { display: inline-block; width: 3px; height: 3px; border-radius: 50%;
  background: currentColor; opacity: .5; margin-inline: 9px; vertical-align: middle; }
/* האייקונים חוזרים — קטנים, לצד הטקסט */
.sheet__meta .hero__meta-item {
  display: inline-flex; align-items: center; gap: 6px;
}
.sheet__meta .hero__meta-item svg {
  display: block; width: 15px; height: 15px;
  color: var(--sage-text); opacity: .8;
}

.sheet__body {
  max-width: 62ch; margin-top: clamp(12px, 1.8vw, 20px);
  font-size: 1.02rem; line-height: 1.95;
}
.sheet__body p { margin: 0 0 clamp(14px, 1.8vw, 20px); }
.sheet__body p:last-child { margin-bottom: 0; }

.sheet__note {
  max-width: 54ch; margin: 4px 0 0;
  font-size: .86rem; color: var(--ink-soft); opacity: .9;
}
.sheet__inner .btn { margin-top: clamp(14px, 2.2vw, 24px); }

/* --- למי מתאימה --- */
.fit .wrap { text-align: center; }
.fit__text { max-width: 54ch; margin: 14px auto 0; font-size: 1.02rem; line-height: 1.85; }

@media (max-width: 760px) {
  .cover__frame { aspect-ratio: 16 / 9; }
  .menu__list   { gap: 4px 14px; }
  .notes        { gap: 22px; }
  .note         { flex: 0 1 100%; }
  .cover__nav   { opacity: 1; width: 34px; height: 34px; }
}


/* הנקודות יצאו מרצועת התמונה אל הנייר — שם הן נקראות */
.notes-row .notes { margin-top: 0; }
.notes-row .intro__after,
.notes-row .intro__closing { margin-top: clamp(26px, 3.4vw, 38px); }

/* ===========================================================================
   שני תיקונים אחרי הצצה ראשונה בכיוון ב'
   =========================================================================== */

/* --- 1. קווים מפרידים בתפריט --- */
.menu__list { gap: 0; }
.menu__list > li { display: flex; align-items: stretch; }
.menu__list > li + li { border-inline-start: 1px solid rgba(92,48,122,.2); }
.menu__btn { padding-inline: clamp(12px, 1.9vw, 26px); }

/* בשורה שנשברה, הקו הראשון מיותר */
@media (max-width: 760px) {
  .menu__list      { gap: 4px 0; }
  .menu__list > li + li { border-inline-start: 0; }
  .menu__list > li::after {
    content: '·'; align-self: center; color: rgba(92,48,122,.3); font-size: .9rem;
  }
  .menu__list > li:last-child::after { content: none; }
  .menu__btn       { padding-inline: 9px; }
}

/* --- 2. קריאות הטקסט מעל ציור הפתיח --- */

/* הציור יורד בעוצמה: הוא רקע, לא נושא */
.v-lobby .intro::before { opacity: .62; }

/* ההבהרה מתחת לטקסט — רחבה וחזקה יותר, ועדיין מתמוססת בשוליים */
.v-lobby .intro::after {
  background:
    radial-gradient(78% 64% at 50% 40%,
      rgba(251,248,247,.97) 0%,
      rgba(251,248,247,.88) 42%,
      rgba(251,248,247,.58) 70%,
      transparent 92%);
}

/* הפסקה — מעט כהה יותר וצרה יותר, כדי שתשב בתוך ההבהרה */
.v-lobby .intro__lead {
  color: var(--ink);
  max-width: 48ch;
  font-size: 1rem;
}

/* ===========================================================================
   מובייל — שלושה תיקונים

   1. התפריט נשבר לשלוש שורות ונראה כמו ערבוביה. עכשיו הוא שורה אחת
      שגוללים בה הצידה, כמו תפריט אמיתי באפליקציה.
   2. שלוש הנקודות תפסו כמעט חצי מסך. עכשיו אייקון בצד וטקסט לידו.
   3. ציור הפתיח הראה בעיקר את פינת הלפטופ ויצר אפור מלוכלך.
      הוא יורד לרמת רקע עדין.
   =========================================================================== */

@media (max-width: 760px) {

  /* --- 1. תפריט בגלילה אופקית --- */
  .menu .wrap { padding-inline: 0; }

  .menu__list {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    padding-inline: var(--gutter);
    gap: 0;
  }
  .menu__list::-webkit-scrollbar { display: none; }

  .menu__list > li {
    flex: 0 0 auto;
    scroll-snap-align: center;
  }
  .menu__list > li::after { content: none; }           /* הנקודה מיותרת בשורה אחת */
  .menu__list > li + li { border-inline-start: 1px solid rgba(92,48,122,.18); }

  .menu__btn {
    white-space: nowrap;
    padding-inline: 15px;
    font-size: .95rem;
  }
  .menu__soon { font-size: .62rem; padding: 1px 6px; }

  /* --- 2. הנקודות: אייקון בצד, טקסט לידו --- */
  .notes { gap: 14px; }

  .note {
    display: grid;
    grid-template-columns: 28px 1fr;
    grid-template-areas: "mark title" "mark text";
    column-gap: 13px; row-gap: 1px;
    align-items: center;
    text-align: start;
    flex: 0 0 100%;
    max-width: 330px;
    margin-inline: auto;
  }
  .note__mark  { grid-area: mark; width: 28px; height: 28px; align-self: center; }
  .note__title { grid-area: title; font-size: .97rem; }
  .note__text  { grid-area: text;  font-size: .85rem; max-width: none; line-height: 1.45; }

  /* --- 3. ציור הפתיח יורד לרקע --- */
  .v-lobby .intro::before { opacity: .34; }
  .v-lobby .intro::after {
    background: radial-gradient(96% 72% at 50% 44%,
      rgba(251,248,247,.96) 0%, rgba(251,248,247,.9) 54%, rgba(251,248,247,.6) 82%, transparent 100%);
  }
  .intro     { padding-block: clamp(30px, 7vw, 46px) clamp(24px, 5vw, 34px); }
  .notes-row { padding-block: clamp(22px, 5vw, 32px) clamp(14px, 3vw, 22px); }
}

/* רמז שהתפריט נגלל: דעיכה רכה בשני הקצוות */
@media (max-width: 760px) {
  .menu { position: relative; }
  .menu::before,
  .menu::after {
    content: ''; position: absolute; top: 0; bottom: 0; width: 26px;
    pointer-events: none; z-index: 2;
  }
  .menu::before {
    inset-inline-start: 0;
    background: linear-gradient(to left, var(--bg), rgba(251,248,247,0));
  }
  .menu::after {
    inset-inline-end: 0;
    background: linear-gradient(to right, var(--bg), rgba(251,248,247,0));
  }
}

/* ===========================================================================
   הסדנה יושבת על התמונה

   הבריף: כל הטקסט שהיה מתחת לבאנר עובר אל התמונה עצמה, והבאנר
   מתארך בהתאם. שכבת הלבנה מעל התמונה שומרת על הקריאות, והשוליים
   של האקוורל נשארים נראים.
   =========================================================================== */

.cover { padding-block: clamp(16px, 2.4vw, 28px) clamp(30px, 4.4vw, 56px); }

.cover__frame {
  position: relative;
  aspect-ratio: auto;
  min-height: 0;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 18px 50px -26px rgba(90,70,100,.5);
  display: grid;
}

.cover__media { position: absolute; inset: 0; }

/* שכבת ההלבנה — חזקה במרכז, מתמוססת בשוליים כדי להשאיר את האקוורל */
.cover__veil {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(to bottom,
      rgba(251,248,247,.70) 0%, rgba(251,248,247,.80) 28%,
      rgba(251,248,247,.80) 72%, rgba(251,248,247,.66) 100%),
    radial-gradient(74% 86% at 50% 50%,
      rgba(251,248,247,.5) 0%, rgba(251,248,247,.1) 62%, transparent 100%);
  backdrop-filter: blur(2.5px) saturate(1.02);
  -webkit-backdrop-filter: blur(2.5px) saturate(1.02);
}

.cover__content {
  position: relative; z-index: 2;
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
  gap: clamp(9px, 1.3vw, 14px);
  padding: clamp(34px, 5vw, 70px) clamp(22px, 5vw, 64px);
  max-width: 760px; margin-inline: auto;
}

.cover__badge {
  display: inline-flex; align-items: center; gap: 8px; margin: 0;
  padding: 5px 16px; border-radius: 999px;
  border: 1.5px solid var(--sage-text);
  background: rgba(255,255,255,.7);
  font-size: .86rem; font-weight: 700; color: var(--sage-text);
}
.cover__badge svg { width: 15px; height: 15px; }
.cover__badge[hidden] { display: none; }   /* אחרת display של המחלקה גובר על hidden */

.cover__title   { font-size: clamp(1.9rem, 4.2vw, 2.9rem); margin: 0; }
.cover__tagline { margin: 0; font-size: clamp(1rem, 1.8vw, 1.18rem); color: var(--sage-text); font-weight: 600; }

.cover__meta { margin: 2px 0 0; font-size: .88rem; color: var(--ink-soft); letter-spacing: .02em; }
.cover__meta .hero__meta-item { display: inline-flex; align-items: center; gap: 6px; }
.cover__meta .hero__meta-item svg { display: block; width: 15px; height: 15px; color: var(--sage-text); opacity: .85; }
.cover__meta .hero__meta-sep {
  display: inline-block; width: 3px; height: 3px; border-radius: 50%;
  background: currentColor; opacity: .5; margin-inline: 9px; vertical-align: middle;
}

.cover__body {
  max-width: 58ch; margin-top: clamp(10px, 1.6vw, 18px);
  font-size: 1.01rem; line-height: 1.9; color: var(--ink);
}
.cover__body p { margin: 0 0 clamp(12px, 1.6vw, 18px); }
.cover__body p:last-child { margin-bottom: 0; }

.cover__note { max-width: 52ch; margin: 2px 0 0; font-size: .85rem; color: var(--ink-soft); }

.cover__content .btn { margin-top: clamp(12px, 2vw, 22px); }

/* החצים — מרחפים מעל השכבה */
.cover__nav { z-index: 3; }

@media (max-width: 760px) {
  .cover__frame { aspect-ratio: auto; }
  .cover__content { padding: 30px 20px 34px; }
  .cover__veil { background: linear-gradient(to bottom,
      rgba(251,248,247,.9) 0%, rgba(251,248,247,.93) 30%,
      rgba(251,248,247,.93) 74%, rgba(251,248,247,.86) 100%); }
  .cover__nav { opacity: 1; }
}

/* ===========================================================================
   לוח אירועים — רפרנס ויזואלי לאלמנטור

   הסקשן הזה לא מחובר לנתונים. הוא מעתיק את המראה של לוח האירועים
   שבעמוד הבית, כדי שיהיה רפרנס מדויק להרכבה באלמנטור.
   =========================================================================== */

.events { padding-block: clamp(46px, 6.5vw, 86px); }

.events__title {
  text-align: center;
  font-size: clamp(1.7rem, 3.6vw, 2.5rem);
  margin: 0 0 clamp(28px, 4vw, 48px);
}

.events__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(20px, 3.4vw, 54px);
  align-items: start;
  max-width: 1000px; margin-inline: auto;
}

/* --- הכרטיס --- */
.events__slot { position: relative; display: flex; align-items: center; justify-content: center; }

.events__nav {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
  width: 38px; height: 38px; border-radius: 50%; border: 0; cursor: pointer;
  background: #fff; color: var(--purple);
  display: grid; place-items: center;
  box-shadow: 0 4px 14px -6px rgba(90,70,100,.45);
}
.events__nav svg { width: 18px; height: 18px; }
.events__nav--prev { inset-inline-start: -8px; }
.events__nav--next { inset-inline-end: -8px; }

.ev-card {
  background: #fff;
  border-radius: 26px;
  padding: clamp(20px, 2.6vw, 30px) clamp(18px, 2.4vw, 28px) clamp(22px, 2.8vw, 30px);
  box-shadow: 0 12px 34px -18px rgba(90,70,100,.4);
  text-align: center;
  width: 100%; max-width: 400px;
  display: flex; flex-direction: column; align-items: center; gap: 11px;
}

.ev-card__top {
  width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px;
}
.ev-card__badge { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.ev-card__badge > svg {
  width: 52px; height: 52px; padding: 13px;
  border-radius: 50%; background: rgba(123,88,160,.1); color: var(--purple);
  box-sizing: border-box;
}
.ev-card__kind { font-size: .76rem; color: var(--ink-soft); }

.ev-card__date { display: flex; flex-direction: column; align-items: center; line-height: 1.1; }
.ev-card__date b { font-size: 1.85rem; font-weight: 700; color: var(--ink); }
.ev-card__date i { font-style: normal; font-size: .84rem; color: var(--ink-soft); }

.ev-card__title { font-size: 1.22rem; margin: 2px 0 0; color: var(--purple); }

.ev-card__time {
  margin: 0; display: inline-flex; align-items: center; gap: 7px;
  font-size: .98rem; font-weight: 600; color: var(--sage-text);
}
.ev-card__time svg { width: 16px; height: 16px; }

.ev-card__text { margin: 0; font-size: .92rem; line-height: 1.7; color: var(--ink-soft); max-width: 34ch; }

.ev-card__more { font-size: .92rem; color: var(--purple); text-decoration: underline; }

.ev-card__btn {
  margin-top: 6px;
  background: var(--sage); color: #fff;
  border-radius: 999px; padding: 11px 30px;
  font-size: 1rem; font-weight: 600; text-decoration: none;
  box-shadow: 0 8px 20px -10px rgba(74,95,81,.6);
}
.ev-card__btn:hover { background: var(--sage-text); }

/* --- הלוח --- */
.ev-cal {
  background: #fff; border-radius: 22px; overflow: hidden;
  box-shadow: 0 12px 34px -18px rgba(90,70,100,.4);
}

.ev-cal__head {
  background: var(--sage);
  display: flex; align-items: center; justify-content: space-between;
  padding: 13px 16px;
  color: #fff;
}
.ev-cal__month { font-size: 1.12rem; font-weight: 700; letter-spacing: .01em; }
.ev-cal__arrow {
  background: none; border: 0; color: #fff; cursor: pointer;
  width: 28px; height: 28px; display: grid; place-items: center; opacity: .9;
}
.ev-cal__arrow svg { width: 18px; height: 18px; }

.ev-cal__body { padding: clamp(12px, 1.6vw, 20px); }

.ev-cal__dows,
.ev-cal__grid { display: grid; grid-template-columns: repeat(7, 1fr); }

/* הלוח קורא משמאל לימין, כמו בעמוד הבית: Sun בקצה השמאלי */
.ev-cal__dows, .ev-cal__grid { direction: ltr; }

.ev-cal__dows { margin-bottom: 6px; }
.ev-cal__dows span {
  text-align: center; font-size: .78rem; color: var(--ink-soft);
  padding-block: 7px;
}

.ev-cal__grid { gap: 5px 2px; }
.ev-cal__day {
  display: grid; place-items: center;
  height: 34px; border-radius: 999px;
  font-size: .94rem; color: var(--ink);
}
.ev-cal__day.is-sun   { color: var(--sage-text); font-weight: 600; }
.ev-cal__day.is-event { background: rgba(123,88,160,.13); color: var(--purple); font-weight: 600; }

@media (max-width: 860px) {
  .events__grid { grid-template-columns: 1fr; gap: 26px; }
  .ev-cal { order: -1; }
  .events__nav--prev { inset-inline-start: -4px; }
  .events__nav--next { inset-inline-end: -4px; }
}

/* במובייל הבאנר גבוה והחצים נפלו באמצע הטקסט — מורידים אותם לתחתית */
@media (max-width: 760px) {
  .cover__nav {
    top: auto; bottom: 12px; transform: none;
    width: 34px; height: 34px;
    background: rgba(255,255,255,.9);
    box-shadow: 0 3px 10px -5px rgba(90,70,100,.5);
  }
  .cover__nav--prev { inset-inline-start: 12px; }
  .cover__nav--next { inset-inline-end: 12px; }
  .cover__content   { padding-bottom: 58px; }
}

/* ===========================================================================
   הטקסט יושב בימין התמונה, עם ערפל מקומי מאחוריו

   קודם הייתה שכבה אחידה על כל הקדר, והתמונה כמעט נעלמה. עכשיו הלובן
   מרוכז מאחורי הטקסט ודועך שמאלה, כך שהצד השני של התמונה נשאר מלא.
   =========================================================================== */

@media (min-width: 761px) {

  /* הערפל: חזק בימין, מתמוסס שמאלה */
  .cover__veil {
    background: linear-gradient(to left,
      rgba(251,248,247,.90) 0%,
      rgba(251,248,247,.84) 24%,
      rgba(251,248,247,.52) 36%,
      rgba(251,248,247,.18) 45%,
      transparent 54%);
    /* הטשטוש מוגבל לאזור הטקסט, אחרת כל התמונה מתרככת */
    -webkit-mask-image: linear-gradient(to left, #000 0%, #000 28%, rgba(0,0,0,.4) 42%, transparent 54%);
    mask-image: linear-gradient(to left, #000 0%, #000 28%, rgba(0,0,0,.4) 42%, transparent 54%);
    backdrop-filter: blur(3px) saturate(1.02);
    -webkit-backdrop-filter: blur(3px) saturate(1.02);
  }

  /* התוכן בימין, מיושר לימין */
  .cover__content {
    justify-self: start;
    width: min(45%, 520px);
    max-width: none;
    margin-inline: 0;
    align-items: flex-start;
    text-align: start;
    padding: clamp(40px, 5.4vw, 72px) clamp(26px, 3.4vw, 46px)
             clamp(40px, 5.4vw, 72px) clamp(30px, 4vw, 54px);
  }

  .cover__body  { max-width: none; }
  .cover__note  { max-width: none; }
  .cover__meta  { margin-top: 4px; }
  .cover__frame { min-height: clamp(380px, 38vw, 520px); }
}


/* התמונה הראשונה חייבת להיראות מיד, בלי להמתין למעבר.
   המעבר נדלק רק אחרי הציור הראשון, כשנוספת המחלקה is-ready.
   בלי זה התמונה חסרה בצילומים, בהדפסה ובכל רינדור שלא מריץ אנימציות. */
.cover__media img,
.cover__media .hero__img { transition: none; transform: none; }
.cover__media.is-ready img { transition: opacity .55s var(--ease); }

/* ===========================================================================
   התפריט כטאבים

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

.menu__list {
  position: relative;
  border-bottom: 1px solid rgba(92,48,122,.16);
}

/* המפרידים קצרים, רק רמז בין לשונית ללשונית */
.menu__list > li + li { border-inline-start: 0; }
.menu__list > li + li::before {
  content: ''; align-self: center;
  width: 1px; height: 15px;
  background: rgba(92,48,122,.18);
}

.menu__btn { padding-block: 11px 13px; }

/* הקו של הפעילה יושב על קו הבסיס */
.menu__btn::after {
  inset-inline: 0; bottom: -1px; height: 2.5px;
  background: var(--sage-text); border-radius: 2px 2px 0 0;
}
.menu__btn:hover::after { transform: scaleX(.4); }
.menu__btn[aria-selected="true"]:hover::after { transform: scaleX(1); }

.cover { padding-top: clamp(20px, 2.8vw, 34px); }

@media (max-width: 760px) {
  .menu__list { border-bottom-width: 1px; }
  .menu__list > li::after  { content: none; }
  .menu__list > li + li::before { height: 13px; }
}


/* First section: banner image and the lobby type. */
#lobby-intro {
	position: relative;
	isolation: isolate;
	background-color: #FBF8F7 !important;
	background-image: none !important;
	padding: 48px 24px 36px !important;
	text-align: center !important;
}
#lobby-intro::before {
	content: "" !important;
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image: url("https://biorgonomy.co.il/wp-content/uploads/lobby-291703/img/lobby-desk.webp") !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center top !important;
	opacity: 0.5;
	-webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
}
#lobby-intro > .elementor-container {
	position: relative;
	z-index: 2;
	max-width: 760px !important;
	margin-inline: auto !important;
}
#lobby-intro > .elementor-background-overlay {
	background: radial-gradient(68% 58% at 50% 38%, rgba(251,248,247,.72) 0%, rgba(251,248,247,.34) 56%, rgba(251,248,247,0) 88%) !important;
	opacity: 1 !important;
	z-index: 1 !important;
}
#lobby-intro .elementor-widget {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
#lobby-intro .elementor-widget-heading,
#lobby-intro .elementor-widget-text-editor,
#lobby-intro .elementor-heading-title,
#lobby-intro .elementor-widget-text-editor p {
	text-align: center !important;
	font-family: Assistant, sans-serif !important;
}
#lobby-intro .elementor-element-i291eye {
	margin-bottom: 12px !important;
}
#lobby-intro .elementor-element-i291eye,
#lobby-intro .elementor-element-i291eye p {
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.22em !important;
	line-height: 1.6 !important;
	color: #4A5F51 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
#lobby-intro .elementor-element-i291big .elementor-heading-title {
	font-size: clamp(35px, 4.8vw, 56px) !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	color: #48146B !important;
	margin: 0 !important;
}
#lobby-intro .elementor-element-i291rst {
	margin-top: 5px !important;
}
#lobby-intro .elementor-element-i291rst .elementor-heading-title {
	font-size: clamp(19px, 2.3vw, 26px) !important;
	font-weight: 400 !important;
	line-height: 1.32 !important;
	color: #353232 !important;
	margin: 0 !important;
}
#lobby-intro .elementor-element-i291qbb {
	margin-top: 11px !important;
}
#lobby-intro .elementor-element-i291qbb .elementor-heading-title {
	font-size: clamp(17px, 2vw, 23px) !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	color: #4A5F51 !important;
	margin: 0 !important;
}
#lobby-intro .elementor-element-i291rul {
	text-align: center !important;
	margin-top: 12px !important;
	margin-bottom: 12px !important;
}
#lobby-intro .elementor-element-i291rul img {
	width: 172px !important;
	max-width: 172px !important;
	height: auto !important;
	margin: 0 auto !important;
	display: block !important;
}
#lobby-intro .elementor-element-i291led,
#lobby-intro .elementor-element-i291led p {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.75 !important;
	color: #353232 !important;
	max-width: 48ch;
	margin: 0 auto !important;
}

/* Paper texture sits on the body. Full-width template paints #page white
   and these sections were flat, so the icons and tabs lost the texture. */
body.elementor-page-291703 #page,
.elementor-291703 {
	background-color: transparent !important;
	background-image: none !important;
}
#lobby-points,
#lobby-tabs,
#lobby-tabs .elementor-widget-tabs,
#lobby-tabs .elementor-tabs,
#lobby-tabs .elementor-tabs-content-wrapper,
#lobby-tabs .elementor-tab-content {
	background-color: transparent !important;
	background-image: none !important;
}

/* Three points: Elementor columns, lobby type. */
#lobby-points {
	padding: 56px 20px 52px !important;
}
#lobby-points > .elementor-container {
	max-width: 860px !important;
	margin-inline: auto !important;
	display: flex !important;
	justify-content: center !important;
	align-items: flex-start !important;
	gap: 28px !important;
}
#lobby-points > .elementor-container > .elementor-column {
	width: auto !important;
	flex: 0 1 210px !important;
}
#lobby-points .elementor-column,
#lobby-points .elementor-widget-wrap {
	text-align: center !important;
	align-items: center !important;
}
#lobby-points .elementor-widget-image {
	margin: 0 !important;
}
#lobby-points .elementor-widget-image img {
	width: 30px !important;
	max-width: 30px !important;
	height: 30px !important;
	min-height: 30px !important;
	margin: 0 auto 6px !important;
	display: block !important;
	opacity: 0.72;
	object-fit: contain;
}
#lobby-points .elementor-heading-title {
	font-family: Assistant, sans-serif !important;
	font-size: 16.3px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #48146B !important;
	text-align: center !important;
	margin: 0 !important;
	letter-spacing: 0 !important;
}
#lobby-points .elementor-widget-text-editor,
#lobby-points .elementor-widget-text-editor p {
	font-family: Assistant, sans-serif !important;
	font-size: 14.4px !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
	color: #6D6867 !important;
	text-align: center !important;
	max-width: 22ch;
	margin: 5px auto 0 !important;
}

#lobby-tabs .btn,
#lobby-tabs .btn:hover,
#lobby-tabs .btn:focus,
#lobby-tabs .btn:active,
#lobby-tabs .btn span {
	color: #fff !important;
}
#lobby-tabs .btn--primary:hover,
#lobby-tabs .btn--primary:focus,
#lobby-tabs .btn--primary:active {
	background: #350f50 !important;
}
#lobby-tabs .elementor-widget-html { margin: 0; }
#lobby-tabs .elementor-tabs-wrapper {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center !important;
	border-bottom: 1px solid rgba(92, 48, 122, 0.16) !important;
	gap: 0;
}
#lobby-tabs .elementor-tab-title {
	border: 0 !important;
	background: transparent !important;
	color: #6D6867 !important;
	font-family: Assistant, sans-serif !important;
	font-size: 17px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	padding: 11px 18px 13px !important;
	position: relative;
}
#lobby-tabs .elementor-tab-title::before,
#lobby-tabs .elementor-tab-title::after {
	content: none !important;
	width: auto !important;
	height: 0 !important;
	border: 0 !important;
	background: none !important;
}
#lobby-tabs .elementor-tab-desktop-title + .elementor-tab-desktop-title::before {
	content: "" !important;
	position: absolute !important;
	inset-inline-start: 0 !important;
	top: 50% !important;
	transform: translateY(-50%);
	width: 1px !important;
	height: 15px !important;
	border: 0 !important;
	background: rgba(92, 48, 122, 0.18) !important;
}
#lobby-tabs .elementor-tab-title.elementor-active {
	color: #48146B !important;
	font-weight: 700 !important;
}
#lobby-tabs .elementor-tab-desktop-title.elementor-active::after {
	content: "" !important;
	position: absolute !important;
	inset-inline-start: 0 !important;
	inset-inline-end: 0 !important;
	bottom: -1px !important;
	width: auto !important;
	height: 3px !important;
	border: 0 !important;
	background: #4A5F51 !important;
	border-radius: 2px 2px 0 0;
}
#lobby-tabs .elementor-tab-content,
#lobby-tabs .elementor-tabs-content-wrapper {
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
}
#lobby-tabs .menu__soon {
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #4A5F51 !important;
	border: 1px solid currentColor;
	border-radius: 999px;
	padding: 1px 7px;
	margin-inline-start: 6px;
	line-height: 1.5;
}

.elementor-element-r291703 .elementor-container,
.elementor-element-r291703 .elementor-column-wrap,
.elementor-element-r291703 .elementor-widget-wrap,
.elementor-element-r291703 .elementor-element-populated {
	padding: 0;
	max-width: none;
}
.elementor-element-r291703 .elementor-widget-html { margin: 0; }