/* ============================================================
   world.css · עמודי עולם עם שפה משלהם (layout: 'castle')
   הוגוורטס: "הטירה בלילה". שמי לילה כחולים-סגולים, ערפל טורקיז של ירח,
   וזהב של חלונות דולקים כצבע הדגשה. מסגרות קומיקס (קו דיו + צל קשיח)
   רק על מה שחשוב: המקומות, הגרסה של היום, הפרויקט הבא.
   הכול מוגבל ל-body.world--hogwarts, כדי שעמוד "האי" לא ישתנה.
   ============================================================ */

.world--hogwarts {
  --hw-sky-1: #0c1030;
  --hw-sky-2: #121a4a;
  --hw-sky-3: #1d1450;
  --hw-moon: rgba(67, 175, 191, .16);
  --hw-window: rgba(245, 200, 66, .14);
  --hw-card: rgba(20, 26, 70, .62);
  --hw-line: rgba(206, 214, 255, .14);
  --hw-frame-r: 14px;
  --container: min(1240px, 100% - 32px);
  background: var(--hw-sky-1);
}
.world--hogwarts .container { width: var(--container); margin-inline: auto; }

/* ---------- הרקע: שמיים בשכבות, לא שחור שטוח ---------- */
.world--hogwarts .wp-main {
  position: relative; isolation: isolate; overflow: clip;
  background:
    radial-gradient(60% 40% at 88% 18%, var(--hw-moon), transparent 70%),
    radial-gradient(50% 30% at 10% 46%, rgba(91, 45, 142, .32), transparent 70%),
    radial-gradient(55% 28% at 85% 70%, rgba(27, 63, 139, .45), transparent 70%),
    radial-gradient(70% 22% at 50% 100%, var(--hw-window), transparent 70%),
    linear-gradient(180deg, var(--hw-sky-1) 0%, var(--hw-sky-2) 28%, var(--hw-sky-3) 55%, var(--hw-sky-2) 78%, var(--hw-sky-1) 100%);
}
/* כוכבים: נקודות קטנות וקבועות, בלי אנימציה */
.world--hogwarts .wp-main::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .55;
  background-image:
    radial-gradient(1px 1px at 12% 18%, #fff 60%, transparent 61%),
    radial-gradient(1px 1px at 63% 7%, #dfe8ff 60%, transparent 61%),
    radial-gradient(1.5px 1.5px at 82% 31%, #fff4c9 60%, transparent 61%),
    radial-gradient(1px 1px at 37% 52%, #cfe9ff 60%, transparent 61%),
    radial-gradient(1px 1px at 91% 74%, #fff 60%, transparent 61%),
    radial-gradient(1.5px 1.5px at 22% 86%, #e6dcff 60%, transparent 61%);
  background-size: 340px 340px, 420px 420px, 520px 520px, 380px 380px, 460px 460px, 560px 560px;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 900px, #000 calc(100% - 400px), transparent);
          mask-image: linear-gradient(180deg, transparent 0, #000 900px, #000 calc(100% - 400px), transparent);
}

/* ---------- טיפוגרפיה משותפת ---------- */
.world--hogwarts .hw-sec { position: relative; padding-block: clamp(72px, 9vw, 128px); background: transparent; }
.world--hogwarts .hw-head { max-width: 760px; margin-bottom: clamp(28px, 4vw, 52px); }
.world--hogwarts .hw-eyebrow {
  display: inline-flex; align-items: center; gap: 10px; margin-bottom: 14px;
  font: 600 .92rem/1 var(--f-text); color: var(--teal-hi, #86dbe6); letter-spacing: .02em;
}
.world--hogwarts .hw-eyebrow i {
  display: inline-grid; place-items: center; min-width: 34px; height: 26px; padding-inline: 8px;
  font: 900 .9rem/1 var(--f-brand); font-style: normal; color: var(--ink, #0a0b22);
  background: var(--gold, #F5C842); border: 2px solid var(--ink, #0a0b22); border-radius: 999px;
}
.world--hogwarts .hw-h2 { font: 900 var(--fs-h2, clamp(1.9rem, 1.2rem + 3vw, 3.5rem))/1.05 var(--f-brand); color: #fff; margin: 0; text-wrap: balance; }
.world--hogwarts .hw-lede { margin-top: 14px; max-width: 56ch; font: 400 var(--fs-lead, 1.15rem)/1.7 var(--f-text); color: var(--muted, #b8b6e2); }
.world--hogwarts h3 { font: 700 var(--fs-h3, 1.5rem)/1.15 var(--f-brand); color: #fff; margin: 0; }

/* ---------- מסגרות תמונה ---------- */
.world--hogwarts .hw-fig { position: relative; margin: 0; cursor: zoom-in; outline: none; }
.world--hogwarts .hw-fig__frame {
  position: relative; overflow: hidden; border-radius: var(--hw-frame-r);
  background: #0f1440; box-shadow: 0 0 0 1px var(--hw-line), 0 24px 50px -26px rgba(3, 4, 20, .9);
}
.world--hogwarts .hw-fig__frame img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--pos, 50% 50%); transition: transform .8s var(--ease, ease); }
.world--hogwarts .hw-fig:hover .hw-fig__frame img { transform: scale(1.03); }
.world--hogwarts .hw-fig:focus-visible .hw-fig__frame { box-shadow: 0 0 0 3px var(--gold, #F5C842); }

/* ---------- הירו ---------- */
.world--hogwarts .hw-hero { min-height: min(100svh, 980px); padding-bottom: clamp(56px, 9vh, 110px); }
.world--hogwarts .hw-hero .wp-hero__veil {
  background:
    linear-gradient(180deg, rgba(12, 16, 48, .55) 0%, rgba(12, 16, 48, 0) 30%, rgba(12, 16, 48, .35) 58%, var(--hw-sky-1) 100%),
    linear-gradient(270deg, rgba(12, 16, 48, .88) 0%, rgba(12, 16, 48, .55) 38%, rgba(12, 16, 48, .1) 62%, transparent 80%);
}
.world--hogwarts .hw-hero .wp-hero__body { max-width: none; margin-inline: auto; width: var(--container); }
.world--hogwarts .hw-hero .wp-hero__body > * { max-width: 720px; }
.world--hogwarts .hw-hero__kicker { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.world--hogwarts .hw-tag {
  display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 999px;
  font: 600 .86rem/1.2 var(--f-text); color: var(--ink, #0a0b22); background: var(--gold, #F5C842);
  border: var(--stroke, 2.5px) solid var(--ink, #0a0b22); box-shadow: 3px 3px 0 var(--ink, #0a0b22);
}
.world--hogwarts .hw-tag--soft { color: #fff; background: rgba(91, 45, 142, .7); }
.world--hogwarts .hw-hero .wp-hero__title {
  font: 900 clamp(3.4rem, 2rem + 7vw, 7.2rem)/.95 var(--f-brand); color: #fff; margin: 0;
  text-shadow: 4px 5px 0 var(--ink, #0a0b22), 0 18px 50px rgba(0, 0, 0, .45);
}
.world--hogwarts .hw-years { display: flex; align-items: center; gap: 14px; margin: 14px 0 0; font: 900 clamp(1.5rem, 1rem + 1.8vw, 2.4rem)/1 var(--f-brand); color: var(--gold, #F5C842); }
.world--hogwarts .hw-years i { flex: 0 0 clamp(48px, 9vw, 120px); height: 3px; border-radius: 3px; background: linear-gradient(270deg, var(--gold, #F5C842), var(--teal, #43AFBF)); }
.world--hogwarts .hw-hero .wp-hero__tagline { margin-top: 18px; max-width: 58ch; font: 400 clamp(1.05rem, .95rem + .5vw, 1.25rem)/1.7 var(--f-text); color: #eef0ff; }
.world--hogwarts .hw-facts { display: grid; grid-template-columns: repeat(4, auto); justify-content: start; gap: 0; margin: 24px 0 0; padding: 0; }
.world--hogwarts .hw-facts > div { padding-inline: 18px; border-inline-start: 1px solid rgba(255, 255, 255, .22); }
.world--hogwarts .hw-facts > div:first-child { padding-inline-start: 0; border: 0; }
.world--hogwarts .hw-facts dt { font: 500 .76rem/1.3 var(--f-text); color: var(--gold, #F5C842); }
.world--hogwarts .hw-facts dd { margin: 2px 0 0; font: 500 .95rem/1.35 var(--f-text); color: #fff; }
.world--hogwarts .hw-hero .wp-hero__scroll { color: var(--gold, #F5C842); }

/* ---------- סיפור ---------- */
.world--hogwarts .hw-sec--story { padding-top: clamp(40px, 6vw, 80px); }
.world--hogwarts .hw-story { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.world--hogwarts .hw-story__side { position: sticky; top: calc(var(--nav-h, 64px) + 30px); }
.world--hogwarts .hw-tools { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.world--hogwarts .hw-tools li { padding: 6px 12px; border-radius: 999px; font: 500 .85rem/1.2 var(--f-text); color: #dfe6ff; background: rgba(27, 63, 139, .45); border: 1px solid var(--hw-line); }
.world--hogwarts .hw-story__text p { margin: 0; max-width: 66ch; font: 400 clamp(1.03rem, .98rem + .3vw, 1.16rem)/1.85 var(--f-text); color: #d6ddf4; }
.world--hogwarts .hw-story__text p + p { margin-top: 20px; }
.world--hogwarts .hw-story__text .hw-lead { font: 700 clamp(1.25rem, 1rem + 1vw, 1.6rem)/1.55 var(--f-brand); color: #fff; }
.world--hogwarts .hw-note {
  margin-top: 32px !important; padding: 16px 18px; border-radius: 12px; font-size: .93rem !important; line-height: 1.65 !important; color: var(--muted, #b8b6e2) !important;
  background: rgba(67, 175, 191, .08); border: 1px solid rgba(67, 175, 191, .3);
}
.world--hogwarts .hw-note b { display: block; margin-bottom: 4px; font: 700 .82rem/1.2 var(--f-text); color: var(--teal-hi, #86dbe6); }

/* ---------- ציר הזמן: איך הטירה גדלה ---------- */
.world--hogwarts .hw-stages { display: flex; flex-wrap: wrap; gap: 8px 6px; margin: 0 0 clamp(30px, 4vw, 50px); padding: 0; list-style: none; }
.world--hogwarts .hw-stages li { display: flex; align-items: center; }
.world--hogwarts .hw-stages li + li::before { content: ""; width: 14px; height: 2px; margin-inline-end: 6px; background: var(--hw-line); }
.world--hogwarts .hw-stages a {
  display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 14px; border-radius: 999px;
  font: 500 .88rem/1.2 var(--f-text); color: #dfe6ff; background: var(--hw-card); border: 1px solid var(--hw-line);
  transition: background-color .3s, color .3s, border-color .3s;
}
.world--hogwarts .hw-stages a i { font: 900 .85rem/1 var(--f-brand); font-style: normal; color: var(--gold, #F5C842); }
.world--hogwarts .hw-stages a:hover, .world--hogwarts .hw-stages a.is-on { color: var(--ink, #0a0b22); background: var(--gold, #F5C842); border-color: var(--ink, #0a0b22); }
.world--hogwarts .hw-stages a:hover i, .world--hogwarts .hw-stages a.is-on i { color: var(--ink, #0a0b22); }

.world--hogwarts .hw-growth { position: relative; margin: 0; padding: 0; list-style: none; }
.world--hogwarts .hw-growth::before { /* מסילת הזמן */
  content: ""; position: absolute; inset-block: 10px; inset-inline-start: 74px; width: 2px; border-radius: 2px;
  background: linear-gradient(180deg, var(--teal, #43AFBF), var(--purple-hi, #8150c2) 55%, var(--gold, #F5C842));
}
.world--hogwarts .hw-step {
  position: relative; display: grid; grid-template-columns: 150px minmax(0, 1.35fr) minmax(0, 1fr);
  gap: clamp(20px, 3vw, 44px); align-items: center; padding-block: clamp(18px, 2.4vw, 30px); scroll-margin-top: 110px;
}
.world--hogwarts .hw-step__mark { position: relative; display: grid; justify-items: center; gap: 6px; text-align: center; padding-block: 8px; background: var(--hw-sky-2); border-radius: 12px; }
.world--hogwarts .hw-step__stage { padding: 4px 10px; border-radius: 999px; font: 600 .78rem/1.2 var(--f-text); color: #fff; background: rgba(67, 175, 191, .28); border: 1px solid rgba(67, 175, 191, .5); }
.world--hogwarts .hw-step__mark time { font: 900 1.05rem/1.15 var(--f-brand); color: var(--gold, #F5C842); }
.world--hogwarts .hw-step__media .hw-fig__frame { aspect-ratio: 16 / 9; }
.world--hogwarts .hw-step__body h3 { margin-bottom: 8px; }
.world--hogwarts .hw-step__body p { margin: 0; max-width: 46ch; font: 400 1.02rem/1.75 var(--f-text); color: #d6ddf4; }
/* הגרסה של היום: המסגרת הקומיקסית */
.world--hogwarts .hw-step.is-now .hw-fig__frame { border: var(--stroke, 2.5px) solid var(--ink, #0a0b22); box-shadow: 6px 7px 0 var(--ink, #0a0b22), 0 0 0 5px rgba(245, 200, 66, .55); }
.world--hogwarts .hw-step.is-now .hw-step__stage { color: var(--ink, #0a0b22); background: var(--gold, #F5C842); border-color: var(--ink, #0a0b22); }

/* ---------- מקומות: שורות מוצדקות, כל תמונה ביחס שלה ---------- */
.world--hogwarts .hw-sec--places { background: radial-gradient(50% 40% at 15% 30%, rgba(67, 175, 191, .12), transparent 70%); }
.world--hogwarts .hw-places { display: grid; gap: clamp(28px, 3.5vw, 48px); }
.world--hogwarts .hw-row { display: flex; gap: clamp(16px, 2vw, 28px); align-items: flex-start; }
.world--hogwarts .hw-place { flex: var(--ar, 1.5) 1 0; min-width: 0; }
.world--hogwarts .hw-place .hw-fig__frame {
  aspect-ratio: var(--ar, 1.5); border: var(--stroke, 2.5px) solid var(--ink, #0a0b22);
  box-shadow: 5px 6px 0 var(--ink, #0a0b22), inset 0 0 0 1px rgba(255, 224, 138, .25);
}
.world--hogwarts .hw-place figcaption { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-top: 14px; }
.world--hogwarts .hw-place figcaption b { font: 700 1.2rem/1.2 var(--f-brand); color: var(--gold, #F5C842); }
.world--hogwarts .hw-place figcaption span { font: 400 .95rem/1.5 var(--f-text); color: var(--muted, #b8b6e2); }

/* ---------- תהליך: דף שרטוט ---------- */
.world--hogwarts .hw-sec--process {
  background:
    linear-gradient(180deg, var(--hw-sky-1), transparent 14%, transparent 86%, var(--hw-sky-1)),
    linear-gradient(rgba(134, 219, 230, .07) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(90deg, rgba(134, 219, 230, .07) 1px, transparent 1px) 0 0 / 32px 32px,
    #102154;
}
.world--hogwarts .hw-process { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(16px, 2vw, 26px); margin: 0; padding: 0; list-style: none; }
.world--hogwarts .hw-pstep { position: relative; }
.world--hogwarts .hw-pstep__media .hw-fig__frame { aspect-ratio: 16 / 9; box-shadow: 0 0 0 1px rgba(134, 219, 230, .35); }
.world--hogwarts .hw-pstep__body { margin-top: 14px; }
.world--hogwarts .hw-pstep__body i { display: block; font: 900 1rem/1 var(--f-brand); font-style: normal; color: var(--teal-hi, #86dbe6); margin-bottom: 6px; }
.world--hogwarts .hw-pstep__body h3 { font-size: 1.3rem; }
.world--hogwarts .hw-pstep__body p { margin: 6px 0 0; font: 400 .95rem/1.6 var(--f-text); color: #cdd6f2; }
.world--hogwarts .hw-compare { max-width: 980px; margin: clamp(36px, 5vw, 64px) auto 0; }
.world--hogwarts .hw-compare .hw-fig__frame { aspect-ratio: 16 / 9; border: var(--stroke, 2.5px) solid var(--ink, #0a0b22); box-shadow: 5px 6px 0 var(--ink, #0a0b22); }
.world--hogwarts .hw-compare figcaption { margin-top: 12px; text-align: center; font: 400 .95rem/1.5 var(--f-text); color: #cdd6f2; }

/* ---------- סרטונים ---------- */
.world--hogwarts .hw-sec--videos { background: radial-gradient(55% 45% at 80% 40%, rgba(91, 45, 142, .3), transparent 70%); }
.world--hogwarts .hw-videos { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: clamp(20px, 2.5vw, 32px); }
.world--hogwarts .hw-vid.is-main { grid-row: span 2; }
.world--hogwarts .hw-vid h3 { margin-top: 14px; font-size: 1.35rem; }
.world--hogwarts .hw-vid.is-main h3 { font-size: var(--fs-h3, 1.6rem); }
.world--hogwarts .hw-vid p { margin: 6px 0 0; font: 400 .95rem/1.6 var(--f-text); color: var(--muted, #b8b6e2); }
.world--hogwarts .hw-yt { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--hw-frame-r); background: #000; box-shadow: 0 0 0 1px var(--hw-line), 0 24px 50px -26px rgba(3, 4, 20, .9); }
.world--hogwarts .hw-yt__btn { position: absolute; inset: 0; padding: 0; border: 0; background: none; cursor: pointer; display: block; width: 100%; }
.world--hogwarts .hw-yt__btn img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease, ease), filter .4s; filter: brightness(.82); }
.world--hogwarts .hw-yt__btn:hover img { transform: scale(1.03); filter: brightness(.95); }
.world--hogwarts .hw-yt__play {
  position: absolute; top: 50%; left: 50%; display: grid; place-items: center;
  width: clamp(54px, 6vw, 76px); aspect-ratio: 1; margin: calc(clamp(54px, 6vw, 76px) / -2) 0 0 calc(clamp(54px, 6vw, 76px) / -2);
  color: var(--ink, #0a0b22); background: var(--gold, #F5C842); border: var(--stroke, 2.5px) solid var(--ink, #0a0b22); border-radius: 50%;
  box-shadow: 4px 5px 0 var(--ink, #0a0b22); transition: transform .3s var(--ease, ease);
}
.world--hogwarts .hw-yt__play svg { width: 42%; height: 42%; margin-inline-start: 0; transform: translateX(6%); }
.world--hogwarts .hw-yt__btn:hover .hw-yt__play, .world--hogwarts .hw-yt__btn:focus-visible .hw-yt__play { transform: scale(1.08); }
.world--hogwarts .hw-yt__btn:focus-visible { outline: 3px solid var(--gold, #F5C842); outline-offset: -3px; }
.world--hogwarts .hw-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.world--hogwarts .hw-yt.is-playing .hw-yt__btn { visibility: hidden; }

/* ---------- ציטוט ---------- */
.world--hogwarts .hw-sec--quote { background: radial-gradient(45% 60% at 50% 55%, rgba(245, 200, 66, .12), transparent 70%); }
.world--hogwarts .hw-quote { max-width: 880px; margin: 0 auto; text-align: center; }
.world--hogwarts .hw-quote::before { content: "”"; display: block; height: .55em; font: 900 6rem/1 var(--f-brand); color: var(--gold, #F5C842); }
.world--hogwarts .hw-quote p { margin: 0; font: 700 clamp(1.5rem, 1rem + 2.2vw, 2.6rem)/1.35 var(--f-brand); color: #fff; text-wrap: balance; }
.world--hogwarts .hw-quote cite { display: block; margin-top: 18px; font: 500 1rem/1.2 var(--f-text); font-style: normal; color: var(--gold, #F5C842); }

/* ---------- הפרויקט הבא ---------- */
.world--hogwarts .hw-sec--next { padding-top: 0; }
.world--hogwarts .hw-next {
  display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: stretch; overflow: hidden; color: #fff;
  border-radius: 20px; background: var(--hw-card); border: var(--stroke, 2.5px) solid var(--ink, #0a0b22); box-shadow: 8px 10px 0 var(--ink, #0a0b22);
  transition: transform .35s var(--ease, ease), box-shadow .35s var(--ease, ease);
}
.world--hogwarts .hw-next:hover { transform: translate(-3px, -3px); box-shadow: 11px 13px 0 var(--ink, #0a0b22); }
.world--hogwarts .hw-next:focus-visible { outline: 3px solid var(--gold, #F5C842); outline-offset: 4px; }
.world--hogwarts .hw-next__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.world--hogwarts .hw-next__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease, ease); }
.world--hogwarts .hw-next:hover .hw-next__media img { transform: scale(1.04); }
.world--hogwarts .hw-next__body { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(22px, 3vw, 44px); }
.world--hogwarts .hw-next__body .hw-eyebrow { margin-bottom: 10px; }
.world--hogwarts .hw-next__title { font: 900 clamp(2rem, 1.2rem + 3vw, 3.6rem)/1.02 var(--f-brand); }
.world--hogwarts .hw-next__sub { margin-top: 8px; font: 400 1rem/1.5 var(--f-text); color: var(--muted, #b8b6e2); }
.world--hogwarts .hw-next__go {
  margin-top: 20px; padding: 10px 20px; border-radius: 999px; font: 700 .95rem/1 var(--f-text); color: var(--ink, #0a0b22);
  background: var(--gold, #F5C842); border: var(--stroke, 2.5px) solid var(--ink, #0a0b22); box-shadow: 3px 3px 0 var(--ink, #0a0b22);
}
.world--hogwarts .hw-next__foot { display: flex; flex-wrap: wrap; gap: 8px 26px; padding: 22px 4px 0; font: 400 .9rem/1.4 var(--f-text); }
.world--hogwarts .hw-next__foot a { color: var(--muted, #b8b6e2); transition: color .3s; }
.world--hogwarts .hw-next__foot a:hover { color: #fff; }

/* ---------- חשיפות: opacity + transform בלבד ---------- */
.world--hogwarts .hw-rv { opacity: 0; transform: translateY(26px); transition: opacity .8s var(--ease, ease), transform .8s var(--ease, ease); }
.world--hogwarts .hw-rv.is-in { opacity: 1; transform: none; }
.world--hogwarts .hw-row.hw-rv .hw-place:nth-child(2) { transition-delay: .08s; }
@media (prefers-reduced-motion: reduce) {
  .world--hogwarts .hw-rv { opacity: 1; transform: none; transition: none; }
  .world--hogwarts *, .world--hogwarts *::before { transition-duration: .01ms !important; animation: none !important; }
}
html.reduce-motion .world--hogwarts .hw-rv { opacity: 1; transform: none; transition: none; }

/* ---------- טאבלט ---------- */
@media (max-width: 1000px) {
  .world--hogwarts .hw-step { grid-template-columns: 120px minmax(0, 1fr); }
  .world--hogwarts .hw-growth::before { inset-inline-start: 59px; }
  .world--hogwarts .hw-step__body { grid-column: 2; }
  .world--hogwarts .hw-step__mark { grid-row: span 2; align-self: start; margin-top: 8px; }
  .world--hogwarts .hw-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .world--hogwarts .hw-facts { grid-template-columns: repeat(2, auto); row-gap: 12px; }
  .world--hogwarts .hw-facts > div:nth-child(3) { padding-inline-start: 0; border: 0; }
}

/* ---------- טלפון ---------- */
@media (max-width: 720px) {
  .world--hogwarts .hw-hero { min-height: 92svh; }
  .world--hogwarts .hw-hero .wp-hero__veil { background: linear-gradient(180deg, rgba(12, 16, 48, .5) 0%, rgba(12, 16, 48, .1) 25%, rgba(12, 16, 48, .7) 55%, var(--hw-sky-1) 100%); }
  .world--hogwarts .hw-story { grid-template-columns: 1fr; gap: 18px; }
  .world--hogwarts .hw-story__side { position: static; }
  .world--hogwarts .hw-growth::before { inset-inline-start: 7px; }
  .world--hogwarts .hw-step { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-inline-start: 28px; }
  .world--hogwarts .hw-step__body { grid-column: auto; }
  .world--hogwarts .hw-step__mark { grid-row: auto; margin: 0; display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 0; background: none; }
  .world--hogwarts .hw-step__mark::before { content: ""; position: absolute; inset-inline-start: -27px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: var(--gold, #F5C842); border: 2px solid var(--ink, #0a0b22); }
  .world--hogwarts .hw-row { flex-direction: column; gap: 28px; }
  .world--hogwarts .hw-place { flex: none; width: 100%; }
  .world--hogwarts .hw-videos { grid-template-columns: minmax(0, 1fr); }
  .world--hogwarts .hw-vid.is-main { grid-row: auto; }
  .world--hogwarts .hw-next { grid-template-columns: minmax(0, 1fr); box-shadow: 5px 6px 0 var(--ink, #0a0b22); }
  .world--hogwarts .hw-place .hw-fig__frame, .world--hogwarts .hw-compare .hw-fig__frame { box-shadow: 4px 5px 0 var(--ink, #0a0b22); }
}
@media (max-width: 420px) {
  .world--hogwarts .hw-process { gap: 14px; }
  .world--hogwarts .hw-pstep__body p { font-size: .88rem; }
}