/* ==========================================================
   פסטיבל KAN — גיליון סגנון ראשי
   פונטים, פלטה ומידות נלקחו 1:1 מהאתר המקורי
   ========================================================== */

/* ---------- פונטים ---------- */
@font-face{font-family:Caravan;font-style:normal;font-weight:800;font-display:swap;
  src:url('assets/fonts/CaravanDL20AAA-Regular.woff2') format('woff2')}
@font-face{font-family:Caravan;font-style:normal;font-weight:700;font-display:swap;
  src:url('assets/fonts/CaravanDL20AAA-90.woff2') format('woff2')}
@font-face{font-family:Caravan;font-style:normal;font-weight:600;font-display:swap;
  src:url('assets/fonts/CaravanDL20AAA-120.woff2') format('woff2')}
@font-face{font-family:Caravan;font-style:normal;font-weight:500;font-display:swap;
  src:url('assets/fonts/CaravanDL20AAA-150.woff2') format('woff2')}
@font-face{font-family:Caravan;font-style:normal;font-weight:400;font-display:swap;
  src:url('assets/fonts/CaravanDL20AAA-180.woff2') format('woff2')}

@font-face{font-family:Almoni;font-style:normal;font-weight:100;font-display:swap;
  src:url('assets/fonts/AlmoniNeueDL40AAA-Thin.woff2') format('woff2')}
@font-face{font-family:Almoni;font-style:normal;font-weight:300;font-display:swap;
  src:url('assets/fonts/AlmoniNeueDL40AAA-Light.woff2') format('woff2')}
@font-face{font-family:Almoni;font-style:normal;font-weight:400;font-display:swap;
  src:url('assets/fonts/AlmoniNeueDL40AAA-Regular.woff2') format('woff2')}
@font-face{font-family:Almoni;font-style:normal;font-weight:500;font-display:swap;
  src:url('assets/fonts/AlmoniNeueDL40AAA-Medium.woff2') format('woff2')}
@font-face{font-family:Almoni;font-style:normal;font-weight:700;font-display:swap;
  src:url('assets/fonts/AlmoniNeueDL40AAA-Bold.woff2') format('woff2')}
@font-face{font-family:Almoni;font-style:normal;font-weight:900;font-display:swap;
  src:url('assets/fonts/AlmoniNeueDL40AAA-Black.woff2') format('woff2')}

@font-face{font-family:Polin;font-style:normal;font-weight:400;font-display:swap;
  src:url('assets/fonts/Polin-Regular.woff2') format('woff2')}
@font-face{font-family:Polin;font-style:normal;font-weight:700;font-display:swap;
  src:url('assets/fonts/Polin-Bold.woff2') format('woff2')}

/* ---------- פלטה ---------- */
:root{
  --sand:#e8d8c1;      /* רקע סקשן ראשי */
  --cream:#f3e9d0;     /* רקע סקשן משני */
  --sand-warm:#e9dcbd; /* צור קשר */
  --brown:#87473b;     /* כותרות */
  --orange:#f37842;    /* CTA */
  --orange-dk:#ed5828; /* מותג */
  --olive:#4e522d;     /* טקסט גוף + פוטר */
  --olive-soft:#5b5e52;
  --white:#fff;
  --nav-h:72px;
}

/* ---------- בסיס ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}
body{font-family:Almoni,'Heebo',sans-serif;font-size:18px;background:var(--sand);
  color:var(--olive);line-height:1.5;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.center{text-align:center}

h1,h2{font-family:Caravan,Almoni,sans-serif;font-weight:400;color:var(--brown);line-height:1.15}
h3{font-family:Almoni,sans-serif;font-weight:700;color:var(--brown)}
.h-hero{font-size:clamp(1.75rem,5.2vw,54px);letter-spacing:.01em}
.h-sec{font-size:clamp(1.6rem,4.2vw,40px);margin-bottom:14px}
.h-sub{font-size:clamp(1.4rem,3.2vw,32px)}

/* קו כתום לכותרות — תמיד מימין לטקסט (בתחילת המשפט ב-RTL) */
.rule{display:inline-block;width:5px;height:.82em;background:var(--orange);
  vertical-align:-.05em;margin-inline-end:14px}

/* כותרת "KAN | טקסט" — KAN תמיד פותח (מימין), אחריו הקו הכתום */
.kanline{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.kanline__k{border-inline-end:5px solid var(--orange);padding-inline-end:14px;line-height:1.05}
/* בשורה "KAN 🦎 להיות כאן באמת" הלטאה מחליפה את הקו הכתום — כמו במקור */
.kanline--lizard .kanline__k{border-inline-end:0;padding-inline-end:0}
.kanline__lizard{width:52px;height:auto;flex:none}
/* במסך צר: KAN למעלה עם קו כתום מתחתיו, הטקסט מתחת */
@media(max-width:600px){
  .kanline{flex-direction:column;gap:12px}
  .kanline__k{border-inline-end:0;padding-inline-end:0;
    border-bottom:5px solid var(--orange);padding-bottom:10px}
}

p{font-family:Almoni,sans-serif;font-weight:400;font-size:clamp(1.05rem,2vw,24px);
  line-height:1.5;color:var(--olive)}

/* ---------- כפתורים ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:var(--white);
  font-family:Almoni,sans-serif;font-weight:700;font-size:1.25rem;padding:14px 40px;
  border:2px solid var(--white);border-radius:14px;cursor:pointer;
  transition:background .2s,transform .2s}
.btn:hover{background:var(--orange-dk);transform:translateY(-2px)}
.btn--sm{font-size:1rem;padding:9px 26px;border-radius:10px}
.btn--wa{background:#3fc34e}
.btn--wa:hover{background:#31a83f}
.btn--gap{margin-inline-start:12px}
.btn--ghost{background:transparent;border-color:var(--brown);color:var(--brown)}
.btn--ghost:hover{background:var(--brown);color:var(--cream)}

/* ---------- ניווט ---------- */
.nav{position:sticky;top:0;z-index:60;height:var(--nav-h);background:var(--cream);
  box-shadow:0 1px 0 rgba(135,71,59,.12)}
.nav__in{max-width:1240px;margin:0 auto;padding:0 24px;height:100%;
  display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav__list{display:flex;gap:26px;list-style:none;font-family:Almoni,sans-serif;
  font-weight:500;font-size:1.15rem;color:var(--brown)}
.nav__list a:hover{color:var(--orange-dk)}
.nav__burger{display:none;background:none;border:0;font-size:1.7rem;color:var(--brown);cursor:pointer}

/* ---------- הירו ---------- */
.hero{min-height:750px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;text-align:center;padding:60px 24px;background:var(--sand) url('assets/hero-bg.png') 50% 100%/cover no-repeat}
.hero__logo{width:min(230px,46vw);margin-bottom:10px}
.hero__date{font-family:Almoni,sans-serif;font-weight:500;font-size:clamp(1.1rem,2.4vw,26px);
  color:var(--brown);margin-bottom:26px}

/* ---------- וידאו ריבועי ----------
   מסגרת 1:1 בדיוק בגודל המקור (1080) כדי שלא יהיה שינוי קנה מידה או חיתוך */
.videoband{padding-block:56px}
.videoband__frame{width:min(1080px,100%);aspect-ratio:1;margin:0 auto;
  border-radius:18px;overflow:hidden;background:#000;
  box-shadow:0 14px 44px rgba(78,82,45,.22)}
.videoband__frame{position:relative}
.videoband__frame video{width:100%;height:100%;object-fit:contain;display:block;
  pointer-events:none}   /* רץ בלופ — השליטה היחידה היא כפתור הסאונד */

/* כפתור הפעלת/כיבוי סאונד */
.videoband__sound{position:absolute;inset-inline-end:16px;bottom:16px;z-index:3;
  display:inline-flex;align-items:center;gap:9px;
  background:rgba(0,0,0,.55);color:#fff;border:1.5px solid rgba(255,255,255,.7);
  border-radius:999px;padding:10px 18px;cursor:pointer;
  font-family:Almoni,sans-serif;font-weight:700;font-size:1rem;
  backdrop-filter:blur(6px);transition:background .2s,transform .2s}
.videoband__sound:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}
.videoband__sound:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.videoband__sound svg{flex:none}
.videoband__sound .i-loud{display:none}
/* כשהסאונד דולק — מחליפים אייקון ומצמצמים לעיגול בלבד */
.videoband__sound[aria-pressed="true"] .i-muted{display:none}
.videoband__sound[aria-pressed="true"] .i-loud{display:block}
.videoband__sound[aria-pressed="true"] .videoband__soundtxt{display:none}
.videoband__sound[aria-pressed="true"]{padding:11px}
@media(max-width:560px){
  .videoband__sound{inset-inline-end:10px;bottom:10px;padding:9px 14px;font-size:.92rem}
  .videoband__sound svg{width:22px;height:22px}
}

/* ---------- סקשנים ---------- */
.sec{padding:80px 0}
.sec--sand{background:var(--sand)}
.sec--cream{background:var(--cream)}
.sec--olive{background:var(--olive);color:var(--cream)}
.sec--olive h2,.sec--olive h3{color:var(--cream)}
.sec--olive p{color:var(--cream)}
.sec--pattern{background:var(--cream) url('assets/desktop.png') center/1400px repeat}
.sec--photo{background-size:cover;background-position:center;position:relative;color:var(--cream);overflow:hidden}
.sec--photo::before{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(160,71,41,.82),rgba(160,71,41,.62))}
.sec--photo > .wrap{position:relative;z-index:3}
.sec--photo h2,.sec--photo p{color:var(--cream)}
/* גל החול בתחתית הסקשן — מכסה את רגלי הדמות, כמו במקור */
.wave{position:absolute;left:0;right:0;bottom:-1px;z-index:2;line-height:0;pointer-events:none}
.wave svg{width:100%;height:98px;display:block}
.wave path{fill:var(--cream)}
/* בלוק הטקסט עם הקו הכתום מימין — ממורכז בעמוד */
.barbox{border-inline-start:5px solid var(--orange);padding-inline-start:16px;
  text-align:start;max-width:760px;margin:0 auto}
.barbox p{font-family:Almoni;font-weight:700;font-size:clamp(1.15rem,2.6vw,40px);line-height:1.25;color:var(--cream)}
.claim{font-family:Almoni;font-weight:600;font-size:clamp(1.5rem,4.6vw,66px);
  line-height:1.15;color:var(--cream);text-align:start;max-width:760px;margin:28px auto 0}
.sec--photo-hosts{background-image:url('assets/cards/buy_bg.jpg');padding-bottom:420px}
@media(max-width:820px){.sec--photo-hosts{padding-bottom:300px}}
.lede{max-width:900px;margin:0 auto}
.lede p + p{margin-top:20px}

/* ---------- מתחמים ---------- */
.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:44px 20px;margin-top:44px}
.area{text-align:center}
.area img{height:74px;width:auto;margin:0 auto 14px}
.area h3{font-size:clamp(1.15rem,2.2vw,28px);font-weight:700;letter-spacing:.02em;margin-bottom:2px}
.area span{font-family:Almoni,sans-serif;font-size:1.05rem;color:var(--olive)}
/* שתי השורות האחרונות ממורכזות כמו במקור */
.area:nth-child(9){grid-column:2}
.area:nth-child(10){grid-column:3}

/* ---------- ריטריט / פסטיבל — בלוקים ממורכזים בטור, כמו במקור ---------- */
.stack{margin-top:34px;text-align:center;max-width:900px;margin-inline:auto}
.stack > div + div{margin-top:34px}
.stack h3{font-size:clamp(1.2rem,2.4vw,1.6rem);margin-bottom:10px}
.stack p + p{margin-top:10px}

/* ---------- כרטיסי ניווט ---------- */
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:10px}
.card{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  gap:10px;padding:20px 12px;background-size:cover;background-position:center;
  transition:transform .25s}
.card:hover{transform:translateY(-5px)}
/* הצללה עדינה רק בתחתית — האיור חייב להישאר בהיר וקריא */
.card::before{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 52%,rgba(0,0,0,.55) 100%)}
.card h3,.card .btn{position:relative}
.card h3{color:var(--white);font-size:1.3rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5)}
/* הרקעים כאן ולא ב-inline style: הפוסט-פרוססינג של Netlify מקלקל
   מרכאות ב-style על תגי <a> שמצביעים לעמודי .html */
.card--hosts{background-image:url('assets/cards/card_hosts.jpg')}
.card--music{background-image:url('assets/cards/card_music.jpg')}
.card--schedule{background-image:url('assets/cards/card_schedule.jpg')}
.card--kids{background-image:url('assets/cards/card_kids.jpg')}
.card--tickets{background-image:url('assets/cards/card_tickets.jpg')}
.card--map{background-image:url('assets/map.jpg');background-position:58% 42%}

/* ---------- לוגואי שותפים ----------
   לוגו לכל קובץ (ולא תמונה רחבה אחת) כדי שיתפרסו מחדש במובייל ולא ייחתכו */
.partners{margin-top:64px;display:grid;justify-items:center;align-items:center;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:30px 24px}
.partners img{max-height:62px;max-width:100%;width:auto;object-fit:contain}
/* סימן מרובע נראה קטן יותר מלוגו-מילה רחב — מעט יותר גובה כדי לאזן */
.partners img.partners__dag{max-height:80px}
@media(max-width:820px){
  .partners{margin-top:44px;grid-template-columns:repeat(3,1fr);gap:26px 16px}
  .partners img{max-height:52px}
  .partners img.partners__dag{max-height:66px}
}
/* 2 עמודות רק במסכים ממש צרים — ב-375px ומעלה נשארות 3 */
@media(max-width:359px){
  .partners{grid-template-columns:repeat(2,1fr);gap:22px 14px}
  .partners img{max-height:46px}
  .partners img.partners__dag{max-height:60px}
}

/* ---------- מפה + זכוכית מגדלת ---------- */
.map img{width:100%;border-radius:14px;box-shadow:0 10px 40px rgba(78,82,45,.18)}
.mapzoom{position:relative}
.mapzoom__hint{font-size:1rem;color:var(--brown)}
.mapzoom__scroller{border-radius:14px;overflow:hidden}

/* העדשה — עיגול שעוקב אחרי הסמן ומציג את המפה בהגדלה */
/* left פיזי ולא inset-inline-start: ב-RTL הלוגי מתורגם ל-right,
   וה-translateX שמחושב ב-JS הוא בקואורדינטות פיזיות */
.mapzoom__lens{position:absolute;top:0;left:0;
  width:260px;height:260px;border-radius:50%;
  border:4px solid var(--cream);
  box-shadow:0 10px 34px rgba(78,82,45,.45), inset 0 0 0 1px rgba(78,82,45,.35);
  background-image:url('assets/map.jpg');
  background-repeat:no-repeat;
  pointer-events:none;opacity:0;transition:opacity .16s;
  will-change:transform;z-index:4}
.mapzoom.is-active .mapzoom__lens{opacity:1}
.mapzoom.is-active{cursor:crosshair}

/* במסכי מגע אין ריחוף — במקום עדשה, גלילה אופקית של מפה מוגדלת */
@media(hover:none){
  .mapzoom__lens{display:none}
  .mapzoom__scroller{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .mapzoom__scroller img{width:200%;max-width:none}
}

/* ---------- שאלות ותשובות ---------- */
.faq{max-width:860px;margin:0 auto}
.faq__cat{font-family:Almoni;font-weight:900;font-size:1.5rem;color:var(--brown);
  margin:38px 0 14px;padding-inline-start:14px;border-inline-start:4px solid var(--orange)}
details{background:var(--sand);border-radius:12px;margin-bottom:10px;padding:16px 22px}
.sec--sand details{background:var(--cream)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;
  align-items:center;gap:14px;font-family:Almoni;font-weight:700;font-size:1.15rem;color:var(--brown)}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';font-size:1.6rem;line-height:1;color:var(--orange);flex:none}
details[open] summary::after{content:'–'}
details p{font-size:1.1rem;margin-top:12px}

/* ---------- טפסים ---------- */
.form{max-width:560px;margin:0 auto;display:grid;gap:12px}
/* direction:rtl כדי ששדות tel/email/מספרים לא ייפלו לשמאל */
.form input,.form textarea,.form select{width:100%;padding:14px 18px;border:0;border-radius:10px;
  font-family:Almoni,sans-serif;font-size:1.05rem;background:var(--white);color:var(--olive);
  direction:rtl;text-align:right}
.form input::placeholder,.form textarea::placeholder{text-align:right;color:#9a9c8f}
.form textarea{min-height:120px;resize:vertical}
.form label{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.form label input{width:auto;margin-top:4px}
.form .btn{justify-content:center}

/* ---------- טופס העברת כרטיס ---------- */
.form--transfer{max-width:640px;gap:0}
.hp{position:absolute;left:-9999px;opacity:0}   /* מלכודת בוטים */
.fset{border:0;padding:0;margin:0 0 34px}
.fset legend{font-family:Almoni;font-weight:900;font-size:1.35rem;color:var(--brown);
  margin-bottom:16px;padding:0;display:flex;align-items:center}
.fld{display:block;margin-bottom:16px}
.fld > span{display:block;font-weight:700;font-size:1rem;color:var(--brown);margin-bottom:6px}
.fld > span b{color:var(--orange-dk)}
.fld input,.fld textarea{width:100%;padding:13px 16px;border:1.5px solid transparent;
  border-radius:10px;background:var(--white);color:var(--olive);
  font-family:Almoni,sans-serif;font-size:1.05rem;direction:rtl;text-align:right}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--orange)}
.fld.is-invalid input,.fld.is-invalid textarea{border-color:#c0392b;background:#fff5f4}
.fld__err{display:block;margin-top:6px;font-style:normal;font-size:.92rem;color:#c0392b}
.check.is-invalid{color:#c0392b}
.form__note{font-size:.92rem;color:var(--olive-soft);margin:4px 0 18px}
.form--transfer .btn{justify-content:center;width:100%}
@media(max-width:560px){.fset legend{font-size:1.15rem}}

/* ---------- טופס הלפרים: תחומי התנדבות (עד 2) ---------- */
.form--helpers .fld--right{text-align:start}
.form--helpers .fld--right > span{color:var(--cream)}
.form--helpers .fld--right > span b{color:var(--orange)}
.picks{border:0;padding:0;margin:6px 0 4px;text-align:start}
.picks legend{font-weight:700;font-size:1.05rem;color:var(--cream);margin-bottom:12px;padding:0}
.picks legend b{color:var(--orange)}
.picks legend em{font-style:normal;font-weight:400;opacity:.8}
.picks{display:flex;flex-wrap:wrap;gap:10px}
.picks legend{width:100%}
/* צ׳יפ נבחר במקום צ׳קבוקס — ברור יותר למגבלה של 2 */
.pick{display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  background:rgba(244,236,219,.10);border:1.5px solid rgba(244,236,219,.45);
  color:var(--cream);border-radius:999px;padding:9px 18px;font-size:1.02rem;
  transition:background .18s,border-color .18s,opacity .18s}
.pick input{position:absolute;opacity:0;width:0;height:0}
.pick:hover{border-color:var(--orange)}
.pick.is-on{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:700}
.pick.is-off{opacity:.38;cursor:not-allowed}
.pick.is-off:hover{border-color:rgba(244,236,219,.45)}
.picks.is-invalid .pick{border-color:#ffb4a8}
.picks__err{width:100%;font-style:normal;font-size:.95rem;color:#ffb4a8;margin-top:4px}

/* ---------- כרטוס ---------- */
.eventer{max-width:900px;margin:0 auto 26px;border-radius:16px;overflow:hidden;
  box-shadow:0 10px 34px rgba(78,82,45,.16)}
.eventer iframe{width:100%;height:660px;border:0;display:block}

/* ---------- פוטר ---------- */
.foot{background:var(--olive);color:var(--cream);padding:34px 0;text-align:center}
.foot__links{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;font-size:1rem}
.foot__links a:hover{color:var(--orange)}
.foot small{display:block;margin-top:16px;opacity:.65}

/* ---------- קישוטים ---------- */
.has-decor{position:relative;overflow:hidden}
/* הלטאה זורמת בתוך התוכן (כמו במקור) ולא מרחפת מעליו */
.lizard{display:block;margin:44px auto 0;pointer-events:none;user-select:none}
.lizard--lg{width:296px}
/* אלה כן מרחפים — שתיל ודמות היוגה */
.decor{position:absolute;pointer-events:none;user-select:none;z-index:1}
.decor--palm{width:116px;bottom:0;inset-inline-end:6%}
/* ממורכזת בלי transform — decor.js משתמש ב-transform לאנימציה.
   bottom נמוך מקו החול כדי שכף הרגל תיכנס לתוך החול ולא תיראה קטועה.
   z-index נמוך מהגל (2) כדי שהחול יכסה אותה */
.decor--girl{width:275px;bottom:18px;inset-inline-start:calc(50% - 137px);z-index:1}

/* ---------- עמוד חדרים ולינה ---------- */
.pagehead--rooms h1{color:var(--olive)}
.lodge-intro{margin-bottom:30px}
.lodge-intro h2{color:var(--olive);margin-bottom:8px}
.lodge-intro p{font-size:1.1rem}
/* שלוש תמונות הכפר */
.village{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.village img{width:100%;height:250px;object-fit:cover;border-radius:14px}
/* שורת חדר: תמונה מרובעת לצד הטקסט — כמו במקור */
.lodge{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start;
  padding:26px 0;border-bottom:1px solid rgba(78,82,45,.18)}
.lodge:last-of-type{border-bottom:0}
.lodge > img{width:220px;height:200px;object-fit:cover;border-radius:12px}
.lodge__body h3{font-family:Almoni;font-weight:700;font-size:clamp(1.3rem,2.6vw,36px);
  color:var(--olive);margin-bottom:10px}
.lodge__body p{font-size:1.08rem}
@media(max-width:700px){
  .village{grid-template-columns:1fr}
  .village img{height:210px}
  .lodge{grid-template-columns:1fr;gap:14px}
  .lodge > img{width:100%;height:210px}
}

/* ---------- עמוד משפטי (מדיניות פרטיות / תקנון) ---------- */
.legal{max-width:820px}
.legal__meta{font-size:.98rem;color:var(--olive-soft);margin-bottom:28px;text-align:center}
.legal h2{margin:38px 0 12px;text-align:start}
.legal p{font-size:1.08rem;margin-bottom:12px}
.legal ul{margin:0 0 14px;padding-inline-start:22px}
.legal li{font-size:1.06rem;margin-bottom:8px;line-height:1.55}
.legal a{color:var(--orange-dk);text-decoration:underline}
.legal strong{color:var(--brown)}
/* טבלת המידע הנאסף — גוללת לרוחב במסך צר במקום להישבר */
.legal__table{overflow-x:auto;margin:16px 0 8px;
  border-radius:12px;box-shadow:0 4px 18px rgba(78,82,45,.10)}
.legal table{width:100%;border-collapse:collapse;background:var(--cream);min-width:520px}
.legal th,.legal td{padding:13px 16px;text-align:start;vertical-align:top;
  border-bottom:1px solid rgba(78,82,45,.16);font-size:1rem}
.legal th{background:var(--brown);color:var(--cream);font-weight:700}
.legal tr:last-child td{border-bottom:0}
@media(max-width:600px){
  .legal h2{text-align:center}
  .legal p,.legal li{font-size:1.12rem}
}

/* ---------- עמודי משנה ---------- */
.pagehead{padding:70px 24px 46px;text-align:center;
  background:var(--sand) url('assets/desktop.png') center/1400px repeat}
.grid-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.person{background:var(--cream);border-radius:16px;overflow:hidden;
  box-shadow:0 6px 22px rgba(78,82,45,.10);display:flex;flex-direction:column}
.person img{width:100%;aspect-ratio:1;object-fit:cover}
.person__body{padding:20px}
.person h3{font-size:1.35rem;margin-bottom:8px;color:var(--orange-dk)}
.person p{font-size:1.02rem}

/* ---------- רספונסיבי ---------- */
@media(max-width:1024px){
  .cards{grid-template-columns:repeat(3,1fr)}   /* 6 כרטיסים = 2 שורות */
  .areas{grid-template-columns:repeat(3,1fr)}
  .area:nth-child(9),.area:nth-child(10){grid-column:auto}
}
@media(max-width:820px){
  .nav__list{display:none;position:absolute;top:var(--nav-h);inset-inline:0;background:var(--cream);
    flex-direction:column;align-items:center;gap:16px;padding:22px;
    box-shadow:0 12px 24px rgba(0,0,0,.12)}
  .nav__list.is-open{display:flex}
  .nav__burger{display:block}
  .hero{min-height:600px}
  .sec{padding:56px 0}
  .decor--palm{display:none}
  .lizard--lg{width:190px}
  .wave svg{height:52px}
  /* חייב לבוא אחרי .sec{padding} — הקיצור מאפס padding-bottom */
  .sec--photo-hosts{padding-bottom:300px}
  /* במובייל הדמות יושבת מתחת לטקסט, לא מעליו */
  .decor--girl{width:150px;bottom:8px;inset-inline-start:calc(50% - 75px)}
}
/* ==========================================================
   מובייל — מיושר לקומפוזיציה של האתר המקורי:
   טור אחד, כותרות ממורכזות, וטיפוגרפיה בגודל של המקור
   (גוף 20px/30px · כותרת סקשן 32px · שם מתחם 28px)
   ========================================================== */
@media(max-width:600px){
  /* --- טיפוגרפיה: היה קטן מדי --- */
  body{font-size:19px}
  p{font-size:1.18rem;line-height:1.58}
  .h-hero{font-size:1.72rem}
  .h-sec{font-size:1.66rem}
  .h-sub{font-size:1.42rem}
  .lede p{font-size:1.2rem}
  .btn{font-size:1.12rem;padding:14px 30px}
  .btn--sm{font-size:1rem;padding:9px 20px}

  /* --- כותרות ממורכזות + אוויר סביבן --- */
  .h-hero,.h-sec,.h-sub,.faq__cat,.stack h3{text-align:center}
  .faq__cat{border-inline-start:0;padding-inline-start:0;margin:32px 0 14px}
  .h-sec,.h-sub{margin-bottom:22px}
  .kanline{gap:14px}

  /* --- טור אחד: מתחמים אחד אחרי השני, כמו במקור --- */
  .areas{grid-template-columns:1fr;gap:34px}
  .area img{height:84px;margin-bottom:12px}
  .area h3{font-size:1.6rem}
  .area span{font-size:1.12rem}

  /* --- כרטיסי הניווט: 6 כרטיסים = 3 שורות זוגיות --- */
  .cards{grid-template-columns:repeat(2,1fr);gap:12px}
  .card h3{font-size:1.08rem}

  /* --- רווח מסביב לסרטון --- */
  .videoband{padding-block:40px}
  .videoband__frame{border-radius:14px}

  .eventer iframe{height:720px}
  .duo,.stack{text-align:center}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .decor{transform:none !important}
}